@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";
@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap";
@import"https://fonts.googleapis.com/css2?family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";
@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Momo+Trust+Sans:wght@200..800&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: ""
        }
    }
}

@layer base {
    .pcr-app[data-theme=classic] {
        width: 28.5em;
        max-width: 95vw;
        padding: .8em
    }

    .pcr-app[data-theme=classic] .pcr-selection {
        flex-grow: 1;
        justify-content: space-between;
        display: flex
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {
        z-index: 1;
        flex-direction: column;
        justify-content: space-between;
        width: 2em;
        margin-right: .75em;
        display: flex;
        position: relative
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview:before {
        content: "";
        z-index: -1;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/.5em;
        border-radius: .15em;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color {
        cursor: pointer;
        z-index: 2;
        border-radius: .15em .15em 0 0
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color {
        border-radius: 0 0 .15em .15em
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color,
    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color {
        background: var(--pcr-color);
        width: 100%;
        height: 50%
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette {
        z-index: 1;
        width: 100%;
        height: 8em
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette {
        border-radius: .15em;
        flex-grow: 1
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette:before {
        content: "";
        z-index: -1;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/.5em;
        border-radius: .15em;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,
    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {
        margin-left: .75em
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,
    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker {
        left: 50%;
        transform: translate(-50%)
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,
    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider {
        border-radius: 50em;
        flex-grow: 1;
        width: 8px
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider {
        background: linear-gradient(red, #ff0, #0f0, #0ff, #00f, #f0f, red)
    }

    .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider {
        background: linear-gradient(#0000, #000) 0 0/100%, url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/50%
    }

    .pcr-app[data-theme=monolith] {
        width: 14.25em;
        max-width: 95vw;
        padding: .8em
    }

    .pcr-app[data-theme=monolith] .pcr-selection {
        flex-direction: column;
        flex-grow: 1;
        justify-content: space-between;
        display: flex
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview {
        z-index: 1;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        height: 1em;
        margin-bottom: .5em;
        display: flex;
        position: relative
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview:before {
        content: "";
        z-index: -1;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/.5em;
        border-radius: .15em;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color {
        cursor: pointer;
        z-index: 2;
        border-radius: .15em 0 0 .15em;
        transition: background-color .3s, box-shadow .3s
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color {
        border-radius: 0 .15em .15em 0
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color,
    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color {
        background: var(--pcr-color);
        width: 50%;
        height: 100%
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
        z-index: 1;
        width: 100%;
        height: 8em
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette {
        border-radius: .15em;
        width: 100%;
        height: 100%
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette:before {
        content: "";
        z-index: -1;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/.5em;
        border-radius: .15em;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser,
    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity {
        height: .5em;
        margin-top: .75em
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,
    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker {
        top: 50%;
        transform: translateY(-50%)
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,
    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
        border-radius: 50em;
        flex-grow: 1
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider {
        background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)
    }

    .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
        background: linear-gradient(90deg, #0000, #000) 0 0/100%, url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/.25em
    }

    .pickr {
        position: relative;
        overflow: visible;
        transform: translateY(0)
    }

    .pickr * {
        box-sizing: border-box;
        -webkit-appearance: none;
        border: none;
        outline: none
    }

    .pickr .pcr-button {
        cursor: pointer;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') 50%/0 no-repeat;
        border-radius: .15em;
        width: 2em;
        height: 2em;
        padding: .5em;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
        transition: all .3s;
        position: relative
    }

    .pickr .pcr-button:before {
        content: "";
        z-index: -1;
        width: 100%;
        height: 100%;
        z-index: initial;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/.5em;
        border-radius: .15em;
        position: absolute;
        top: 0;
        left: 0
    }

    .pickr .pcr-button:after {
        content: "";
        background: var(--pcr-color);
        border-radius: .15em;
        width: 100%;
        height: 100%;
        transition: background .3s;
        position: absolute;
        top: 0;
        left: 0
    }

    .pickr .pcr-button.clear {
        background-size: 70%
    }

    .pickr .pcr-button.clear:before {
        opacity: 0
    }

    .pickr .pcr-button.clear:focus {
        box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px var(--pcr-color)
    }

    .pickr .pcr-button.disabled {
        cursor: not-allowed
    }

    .pickr *,
    .pcr-app * {
        box-sizing: border-box;
        -webkit-appearance: none;
        border: none;
        outline: none
    }

    .pickr input:focus,
    .pickr input.pcr-active,
    .pickr button:focus,
    .pickr button.pcr-active,
    .pcr-app input:focus,
    .pcr-app input.pcr-active,
    .pcr-app button:focus,
    .pcr-app button.pcr-active {
        box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px var(--pcr-color)
    }

    .pickr .pcr-palette,
    .pickr .pcr-slider,
    .pcr-app .pcr-palette,
    .pcr-app .pcr-slider {
        transition: box-shadow .3s
    }

    .pickr .pcr-palette:focus,
    .pickr .pcr-slider:focus,
    .pcr-app .pcr-palette:focus,
    .pcr-app .pcr-slider:focus {
        box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px #00000040
    }

    .pcr-app {
        z-index: 10000;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        border-radius: .1em;
        flex-direction: column;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
        transition: opacity .3s, visibility 0s .3s;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        box-shadow: 0 .15em 1.5em #0000001a, 0 0 1em #00000008
    }

    .pcr-app.visible {
        visibility: visible;
        opacity: 1;
        transition: opacity .3s
    }

    .pcr-app .pcr-swatches {
        flex-wrap: wrap;
        margin-top: .75em;
        display: flex
    }

    .pcr-app .pcr-swatches.pcr-last {
        margin: 0
    }

    @supports (display:grid) {
        .pcr-app .pcr-swatches {
            grid-template-columns: repeat(auto-fit, 1.75em);
            align-items: center;
            display: grid
        }
    }

    .pcr-app .pcr-swatches>button {
        cursor: pointer;
        z-index: 1;
        background: 0 0;
        border-radius: .15em;
        flex-shrink: 0;
        justify-self: center;
        width: calc(1.75em - 5px);
        height: calc(1.75em - 5px);
        margin: 2.5px;
        font-size: 1em;
        transition: all .15s;
        position: relative;
        overflow: hidden
    }

    .pcr-app .pcr-swatches>button:before {
        content: "";
        z-index: -1;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/6px;
        border-radius: .15em;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .pcr-app .pcr-swatches>button:after {
        content: "";
        background: var(--pcr-color);
        box-sizing: border-box;
        border: 1px solid #0000000d;
        border-radius: .15em;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .pcr-app .pcr-swatches>button:hover {
        filter: brightness(1.05)
    }

    .pcr-app .pcr-swatches>button:not(.pcr-active) {
        box-shadow: none
    }

    .pcr-app .pcr-interaction {
        flex-wrap: wrap;
        align-items: center;
        margin: 0 -.2em;
        display: flex
    }

    .pcr-app .pcr-interaction>* {
        margin: 0 .2em
    }

    .pcr-app .pcr-interaction input {
        letter-spacing: .07em;
        text-align: center;
        cursor: pointer;
        color: #75797e;
        background: #f1f3f4;
        border-radius: .15em;
        margin-top: .75em;
        padding: .45em .5em;
        font-size: .75em;
        transition: all .15s
    }

    .pcr-app .pcr-interaction input:hover {
        filter: brightness(.975)
    }

    .pcr-app .pcr-interaction input:focus {
        box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px #4285f4bf
    }

    .pcr-app .pcr-interaction .pcr-result {
        color: #75797e;
        text-align: left;
        cursor: text;
        background: #f1f3f4;
        border-radius: .15em;
        flex: 8em;
        min-width: 8em;
        transition: all .2s
    }

    .pcr-app .pcr-interaction .pcr-result::selection {
        color: #fff;
        background: #4285f4
    }

    .pcr-app .pcr-interaction .pcr-type.active {
        color: #fff;
        background: #4285f4
    }

    .pcr-app .pcr-interaction .pcr-save,
    .pcr-app .pcr-interaction .pcr-cancel,
    .pcr-app .pcr-interaction .pcr-clear {
        color: #fff;
        width: auto
    }

    .pcr-app .pcr-interaction .pcr-save:hover,
    .pcr-app .pcr-interaction .pcr-cancel:hover,
    .pcr-app .pcr-interaction .pcr-clear:hover {
        filter: brightness(.925)
    }

    .pcr-app .pcr-interaction .pcr-save {
        background: #4285f4
    }

    .pcr-app .pcr-interaction .pcr-clear,
    .pcr-app .pcr-interaction .pcr-cancel {
        background: #f44250
    }

    .pcr-app .pcr-interaction .pcr-clear:focus,
    .pcr-app .pcr-interaction .pcr-cancel:focus {
        box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px #f44250bf
    }

    .pcr-app .pcr-selection .pcr-picker {
        -webkit-user-select: none;
        user-select: none;
        border: 2px solid #fff;
        border-radius: 100%;
        width: 18px;
        height: 18px;
        position: absolute
    }

    .pcr-app .pcr-selection .pcr-color-palette,
    .pcr-app .pcr-selection .pcr-color-chooser,
    .pcr-app .pcr-selection .pcr-color-opacity {
        -webkit-user-select: none;
        user-select: none;
        cursor: grab;
        cursor: -webkit-grab;
        flex-direction: column;
        display: flex;
        position: relative
    }

    .pcr-app .pcr-selection .pcr-color-palette:active,
    .pcr-app .pcr-selection .pcr-color-chooser:active,
    .pcr-app .pcr-selection .pcr-color-opacity:active {
        cursor: grabbing;
        cursor: -webkit-grabbing
    }

    .pcr-app[data-theme=nano] {
        width: 14.25em;
        max-width: 95vw
    }

    .pcr-app[data-theme=nano] .pcr-swatches {
        margin-top: .6em;
        padding: 0 .6em
    }

    .pcr-app[data-theme=nano] .pcr-interaction {
        padding: 0 .6em .6em
    }

    .pcr-app[data-theme=nano] .pcr-selection {
        grid-gap: .6em;
        grid-template-rows: 5fr auto auto;
        grid-template-columns: 1fr 4fr;
        align-self: flex-start;
        align-items: center;
        width: 100%;
        height: 10.5em;
        display: grid
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview {
        flex-direction: row;
        grid-area: 2/1/4/1;
        justify-content: center;
        width: 100%;
        height: 100%;
        margin-left: .6em;
        display: flex
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color {
        display: none
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color {
        background: var(--pcr-color);
        border-radius: 50em;
        width: 2em;
        height: 2em;
        position: relative;
        overflow: hidden
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before {
        content: "";
        z-index: -1;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/.5em;
        border-radius: .15em;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette {
        z-index: 1;
        grid-area: 1/1/2/3;
        width: 100%;
        height: 100%
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette {
        border-radius: .15em;
        width: 100%;
        height: 100%
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before {
        content: "";
        z-index: -1;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/.5em;
        border-radius: .15em;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser {
        grid-area: 2/2/2/2
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity {
        grid-area: 3/2/3/2
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,
    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity {
        height: .5em;
        margin: 0 .6em
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,
    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker {
        top: 50%;
        transform: translateY(-50%)
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,
    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
        border-radius: 50em;
        flex-grow: 1
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider {
        background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)
    }

    .pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
        background: linear-gradient(90deg, #0000, #000) 0 0/100%, url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>') 0 0/.25em
    }

    [data-tg-tour] {
        scroll-margin: 30px 0
    }

    .tg-backdrop {
        z-index: 99;
        border: 1px solid #c1c0e880;
        border-radius: 7px;
        justify-content: center;
        align-items: center;
        width: 0;
        height: 0;
        display: none;
        position: absolute;
        top: 50vh;
        left: 50vw;
        box-shadow: 0 0 1px 2px #212121cc, 0 0 0 1000vh #212121cc
    }

    .tg-backdrop.tg-backdrop-animate {
        transition: all .3s
    }

    .tg-backdrop.allow-interaction {
        pointer-events: none
    }

    .tg-dialog {
        color: #252525;
        z-index: 9999;
        background: #fff;
        border-radius: 12px;
        width: max-content;
        max-width: 340px;
        min-height: 120px;
        padding: 0;
        font-size: .9rem;
        animation-delay: .1s;
        display: none;
        position: absolute;
        top: 0;
        left: 0
    }

    .tg-dialog .tg-dialog-header {
        align-items: center;
        padding: 25px 25px 0;
        display: flex
    }

    .tg-dialog .tg-dialog-header .tg-dialog-title {
        margin-right: auto;
        font-size: 1rem;
        font-weight: 700
    }

    .tg-dialog .tg-dialog-header .tg-dialog-title+.tg-dialog-body {
        padding: 18.75px 25px
    }

    .tg-dialog .tg-dialog-header .tg-dialog-close-btn {
        opacity: .4;
        cursor: pointer;
        white-space: nowrap;
        width: 12px;
        height: 12px;
        margin-left: 10px
    }

    .tg-dialog .tg-dialog-header .tg-dialog-close-btn:hover {
        opacity: 8
    }

    .tg-dialog .tg-dialog-header .tg-dialog-close-btn:focus {
        opacity: 1
    }

    .tg-dialog .tg-dialog-header .tg-dialog-spinner {
        opacity: .4;
        margin-top: -1px;
        animation: 1s linear infinite tg-spin;
        display: none
    }

    @keyframes tg-spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(359deg)
        }
    }

    .tg-dialog .tg-dialog-progress-bar {
        background: #f1f1f1;
        height: 5px;
        margin-top: 18.75px;
        display: block;
        position: relative
    }

    .tg-dialog .tg-dialog-progress-bar>.tg-bar {
        background: #414144;
        min-width: 4px;
        height: 100%;
        transition: all .3s;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }

    .tg-dialog .tg-dialog-body {
        padding: 25px;
        font-weight: 400
    }

    .tg-dialog .tg-dialog-dots {
        border-top: 1px solid #dedee7;
        border-bottom: 1px solid #dedee7;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        padding: 15px 0;
        display: flex
    }

    .tg-dialog .tg-dialog-dots>span.tg-dot {
        background: #c2c7ce;
        border-radius: 12px;
        width: 9px;
        height: 9px;
        margin: 0 4px;
        display: inline-block
    }

    .tg-dialog .tg-dialog-dots>span.tg-dot.tg-dot-active {
        background: #5362d9
    }

    .tg-dialog .tg-dialog-footer {
        align-items: center;
        padding: 12.5px 25px 25px;
        display: flex
    }

    .tg-dialog .tg-dialog-footer button.tg-dialog-btn {
        color: #6f727e;
        white-space: nowrap;
        border: 1px solid #cbcfd5;
        border-radius: 4px;
        padding: 5px 10px;
        font-size: .82rem;
        font-weight: 500
    }

    .tg-dialog .tg-dialog-footer button.tg-dialog-btn+button {
        margin-left: auto
    }

    .tg-dialog .tg-dialog-footer button.tg-dialog-btn.disabled {
        pointer-events: none;
        opacity: .6
    }

    .tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover {
        color: #464852;
        box-shadow: none;
        border: 1px solid #b5b7c2;
        outline: none
    }

    .tg-dialog .tg-dialog-footer button.tg-dialog-btn:focus {
        box-shadow: none;
        outline: none
    }

    .tg-dialog .tg-dialog-footer button.tg-dialog-btn:active {
        color: #4655cb;
        box-shadow: none;
        background: #f1f2ff;
        border: 1px solid #5362d9;
        outline: none
    }

    .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup {
        text-align: center;
        margin: 0 auto;
        padding: 0 10px;
        line-height: 1
    }

    .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress {
        opacity: .4;
        letter-spacing: 1px;
        margin: 0 auto;
        font-size: .78rem;
        font-weight: 700;
        display: inline-block
    }

    .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots {
        border: none;
        margin: 0;
        padding: 0
    }

    .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots>span.tg-dot {
        width: 8px;
        height: 8px;
        margin: 0 3px
    }

    .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots+.tg-step-progress {
        margin-top: 10px;
        font-size: .68rem
    }

    .tg-dialog .tg-arrow {
        background: #fff;
        border-radius: 1px;
        width: 9px;
        height: 9px;
        position: absolute;
        transform: rotate(45deg)
    }

    .tg-dialog.tg-dialog-fixed {
        transition: none;
        animation-delay: 0s
    }

    .tg-dialog.animate-position {
        transition: all .3s
    }

    .tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-title {
        opacity: .4
    }

    .tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-close-btn {
        display: none
    }

    .tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-spinner {
        display: inline-block
    }

    .tg-dialog.tg-dialog-loading .tg-dialog-body {
        opacity: .4;
        pointer-events: none
    }

    .tg-dialog.tg-dialog-loading .tg-dialog-footer {
        pointer-events: none;
        opacity: .4
    }

    .tg-no-interaction * {
        pointer-events: none !important;
        -webkit-user-select: none !important;
        user-select: none !important
    }

    .tg-no-interaction .tg-dialog,
    .tg-no-interaction .tg-active-element,
    .tg-dialog *,
    .tg-active-element * {
        pointer-events: auto !important;
        -webkit-user-select: text !important;
        user-select: text !important
    }

    .choices {
        margin-bottom: 24px;
        font-size: 16px;
        position: relative;
        overflow: hidden
    }

    .choices:focus {
        outline: 0
    }

    .choices:last-child {
        margin-bottom: 0
    }

    .choices.is-open {
        overflow: visible
    }

    .choices.is-disabled .choices__inner,
    .choices.is-disabled .choices__input {
        cursor: not-allowed;
        -webkit-user-select: none;
        user-select: none;
        background-color: #eaeaea
    }

    .choices.is-disabled .choices__item {
        cursor: not-allowed
    }

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

    .choices[data-type*=select-one] {
        cursor: pointer
    }

    .choices[data-type*=select-one] .choices__inner {
        padding-bottom: 7.5px
    }

    .choices[data-type*=select-one] .choices__input {
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        width: 100%;
        margin: 0;
        padding: 10px;
        display: block
    }

    .choices[data-type*=select-one] .choices__button {
        opacity: .25;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
        background-size: 8px;
        border-radius: 10em;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-right: 25px;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 0
    }

    .choices[data-type*=select-one] .choices__button:focus,
    .choices[data-type*=select-one] .choices__button:hover {
        opacity: 1
    }

    .choices[data-type*=select-one] .choices__button:focus {
        box-shadow: 0 0 0 2px #005f75
    }

    .choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
        display: none
    }

    .choices[data-type*=select-one]:after {
        content: "";
        pointer-events: none;
        border: 5px solid #0000;
        border-top-color: #333;
        width: 0;
        height: 0;
        margin-top: -2.5px;
        position: absolute;
        top: 50%;
        right: 11.5px
    }

    .choices[data-type*=select-one].is-open:after {
        border-color: #0000 #0000 #333;
        margin-top: -7.5px
    }

    .choices[data-type*=select-one][dir=rtl]:after {
        left: 11.5px;
        right: auto
    }

    .choices[data-type*=select-one][dir=rtl] .choices__button {
        margin-left: 25px;
        margin-right: 0;
        left: 0;
        right: auto
    }

    .choices[data-type*=select-multiple] .choices__inner,
    .choices[data-type*=text] .choices__inner {
        cursor: text
    }

    .choices[data-type*=select-multiple] .choices__button,
    .choices[data-type*=text] .choices__button {
        opacity: .75;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
        background-size: 8px;
        border-left: 1px solid #003642;
        border-radius: 0;
        width: 8px;
        margin: 0 -4px 0 8px;
        padding-left: 16px;
        line-height: 1;
        display: inline-block;
        position: relative
    }

    .choices[data-type*=select-multiple] .choices__button:focus,
    .choices[data-type*=select-multiple] .choices__button:hover,
    .choices[data-type*=text] .choices__button:focus,
    .choices[data-type*=text] .choices__button:hover {
        opacity: 1
    }

    .choices__inner {
        vertical-align: top;
        background-color: #f9f9f9;
        border: 1px solid #ddd;
        border-radius: 2.5px;
        width: 100%;
        min-height: 44px;
        padding: 7.5px 7.5px 3.75px;
        font-size: 14px;
        display: inline-block;
        overflow: hidden
    }

    .is-focused .choices__inner,
    .is-open .choices__inner {
        border-color: #b7b7b7
    }

    .is-open .choices__inner {
        border-radius: 2.5px 2.5px 0 0
    }

    .is-flipped.is-open .choices__inner {
        border-radius: 0 0 2.5px 2.5px
    }

    .choices__list {
        margin: 0;
        padding-left: 0;
        list-style: none
    }

    .choices__list--single {
        width: 100%;
        padding: 4px 16px 4px 4px;
        display: inline-block
    }

    [dir=rtl] .choices__list--single {
        padding-left: 16px;
        padding-right: 4px
    }

    .choices__list--single .choices__item {
        width: 100%
    }

    .choices__list--multiple {
        display: inline
    }

    .choices__list--multiple .choices__item {
        vertical-align: middle;
        color: #fff;
        word-break: break-all;
        box-sizing: border-box;
        background-color: #005f75;
        border: 1px solid #004a5c;
        border-radius: 20px;
        margin-bottom: 3.75px;
        margin-right: 3.75px;
        padding: 4px 10px;
        font-size: 12px;
        font-weight: 500;
        display: inline-block
    }

    .choices__list--multiple .choices__item[data-deletable] {
        padding-right: 5px
    }

    [dir=rtl] .choices__list--multiple .choices__item {
        margin-left: 3.75px;
        margin-right: 0
    }

    .choices__list--multiple .choices__item.is-highlighted {
        background-color: #004a5c;
        border: 1px solid #003642
    }

    .is-disabled .choices__list--multiple .choices__item {
        background-color: #aaa;
        border: 1px solid #919191
    }

    .choices__list--dropdown,
    .choices__list[aria-expanded] {
        z-index: 1;
        word-break: break-all;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-right-radius: 2.5px;
        border-bottom-left-radius: 2.5px;
        width: 100%;
        margin-top: -1px;
        display: none;
        position: absolute;
        top: 100%;
        overflow: hidden
    }

    .is-active.choices__list--dropdown,
    .is-active.choices__list[aria-expanded] {
        display: block
    }

    .is-open .choices__list--dropdown,
    .is-open .choices__list[aria-expanded] {
        border-color: #b7b7b7
    }

    .is-flipped .choices__list--dropdown,
    .is-flipped .choices__list[aria-expanded] {
        border-radius: .25rem .25rem 0 0;
        margin-top: 0;
        margin-bottom: -1px;
        top: auto;
        bottom: 100%
    }

    .choices__list--dropdown .choices__list,
    .choices__list[aria-expanded] .choices__list {
        -webkit-overflow-scrolling: touch;
        will-change: scroll-position;
        max-height: 300px;
        position: relative;
        overflow: auto
    }

    .choices__list--dropdown .choices__item,
    .choices__list[aria-expanded] .choices__item {
        padding: 10px;
        font-size: 14px;
        position: relative
    }

    [dir=rtl] .choices__list--dropdown .choices__item,
    [dir=rtl] .choices__list[aria-expanded] .choices__item {
        text-align: right
    }

    @media(min-width:640px) {

        .choices__list--dropdown .choices__item--selectable[data-select-text],
        .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
            padding-right: 100px
        }

        .choices__list--dropdown .choices__item--selectable[data-select-text]:after,
        .choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after {
            content: attr(data-select-text);
            opacity: 0;
            font-size: 12px;
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%)
        }

        [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],
        [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
            text-align: right;
            padding-left: 100px;
            padding-right: 10px
        }

        [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]:after,
        [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after {
            left: 10px;
            right: auto
        }
    }

    .choices__list--dropdown .choices__item--selectable.is-highlighted,
    .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
        background-color: #f2f2f2
    }

    .choices__list--dropdown .choices__item--selectable.is-highlighted:after,
    .choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after {
        opacity: .5
    }

    .choices__item {
        cursor: default
    }

    .choices__item--selectable {
        cursor: pointer
    }

    .choices__item--disabled {
        cursor: not-allowed;
        -webkit-user-select: none;
        user-select: none;
        opacity: .5
    }

    .choices__heading {
        color: gray;
        border-bottom: 1px solid #f7f7f7;
        padding: 10px;
        font-size: 12px;
        font-weight: 600
    }

    .choices__button {
        text-indent: -9999px;
        appearance: none;
        cursor: pointer;
        background-color: #0000;
        background-position: 50%;
        background-repeat: no-repeat;
        border: 0
    }

    .choices__button:focus,
    .choices__input:focus {
        outline: 0
    }

    .choices__input {
        vertical-align: baseline;
        background-color: #f9f9f9;
        border: 0;
        border-radius: 0;
        max-width: 100%;
        margin-bottom: 5px;
        padding: 4px 0 4px 2px;
        font-size: 14px;
        display: inline-block
    }

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

    .choices__input::-webkit-search-decoration {
        display: none
    }

    .choices__input::-webkit-search-results-button {
        display: none
    }

    .choices__input::-webkit-search-results-decoration {
        display: none
    }

    .choices__input::-ms-clear {
        width: 0;
        height: 0;
        display: none
    }

    .choices__input::-ms-reveal {
        width: 0;
        height: 0;
        display: none
    }

    [dir=rtl] .choices__input {
        padding-left: 0;
        padding-right: 2px
    }

    .choices__placeholder {
        opacity: .5
    }

    .cropper-container {
        -webkit-touch-callout: none;
        -ms-touch-action: none;
        touch-action: none;
        -webkit-user-select: none;
        user-select: none;
        direction: ltr;
        font-size: 0;
        line-height: 0;
        position: relative
    }

    .cropper-container img {
        backface-visibility: hidden;
        image-orientation: 0deg;
        width: 100%;
        height: 100%;
        display: block;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        max-height: none !important
    }

    .cropper-canvas,
    .cropper-crop-box,
    .cropper-drag-box,
    .cropper-modal,
    .cropper-wrap-box {
        position: absolute;
        inset: 0
    }

    .cropper-canvas,
    .cropper-wrap-box {
        overflow: hidden
    }

    .cropper-drag-box {
        opacity: 0;
        background-color: #fff
    }

    .cropper-modal {
        opacity: .5;
        background-color: #000
    }

    .cropper-view-box {
        outline: 1px solid #3399ffbf;
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden
    }

    .cropper-dashed {
        opacity: .5;
        border: 0 dashed #eee;
        display: block;
        position: absolute
    }

    .cropper-dashed.dashed-h {
        border-top-width: 1px;
        border-bottom-width: 1px;
        width: 100%;
        height: 33.3333%;
        top: 33.3333%;
        left: 0
    }

    .cropper-dashed.dashed-v {
        border-left-width: 1px;
        border-right-width: 1px;
        width: 33.3333%;
        height: 100%;
        top: 0;
        left: 33.3333%
    }

    .cropper-center {
        opacity: .75;
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%
    }

    .cropper-center:after,
    .cropper-center:before {
        content: " ";
        background-color: #eee;
        display: block;
        position: absolute
    }

    .cropper-center:before {
        width: 7px;
        height: 1px;
        top: 0;
        left: -3px
    }

    .cropper-center:after {
        width: 1px;
        height: 7px;
        top: -3px;
        left: 0
    }

    .cropper-face,
    .cropper-line,
    .cropper-point {
        opacity: .1;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute
    }

    .cropper-face {
        background-color: #fff;
        top: 0;
        left: 0
    }

    .cropper-line {
        background-color: #39f
    }

    .cropper-line.line-e {
        cursor: ew-resize;
        width: 5px;
        top: 0;
        right: -3px
    }

    .cropper-line.line-n {
        cursor: ns-resize;
        height: 5px;
        top: -3px;
        left: 0
    }

    .cropper-line.line-w {
        cursor: ew-resize;
        width: 5px;
        top: 0;
        left: -3px
    }

    .cropper-line.line-s {
        cursor: ns-resize;
        height: 5px;
        bottom: -3px;
        left: 0
    }

    .cropper-point {
        opacity: .75;
        background-color: #39f;
        width: 5px;
        height: 5px
    }

    .cropper-point.point-e {
        cursor: ew-resize;
        margin-top: -3px;
        top: 50%;
        right: -3px
    }

    .cropper-point.point-n {
        cursor: ns-resize;
        margin-left: -3px;
        top: -3px;
        left: 50%
    }

    .cropper-point.point-w {
        cursor: ew-resize;
        margin-top: -3px;
        top: 50%;
        left: -3px
    }

    .cropper-point.point-s {
        cursor: s-resize;
        margin-left: -3px;
        bottom: -3px;
        left: 50%
    }

    .cropper-point.point-ne {
        cursor: nesw-resize;
        top: -3px;
        right: -3px
    }

    .cropper-point.point-nw {
        cursor: nwse-resize;
        top: -3px;
        left: -3px
    }

    .cropper-point.point-sw {
        cursor: nesw-resize;
        bottom: -3px;
        left: -3px
    }

    .cropper-point.point-se {
        cursor: nwse-resize;
        opacity: 1;
        width: 20px;
        height: 20px;
        bottom: -3px;
        right: -3px
    }

    @media(min-width:768px) {
        .cropper-point.point-se {
            width: 15px;
            height: 15px
        }
    }

    @media(min-width:992px) {
        .cropper-point.point-se {
            width: 10px;
            height: 10px
        }
    }

    @media(min-width:1200px) {
        .cropper-point.point-se {
            opacity: .75;
            width: 5px;
            height: 5px
        }
    }

    .cropper-point.point-se:before {
        content: " ";
        opacity: 0;
        background-color: #39f;
        width: 200%;
        height: 200%;
        display: block;
        position: absolute;
        bottom: -50%;
        right: -50%
    }

    .cropper-invisible {
        opacity: 0
    }

    .cropper-bg {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
    }

    .cropper-hide {
        width: 0;
        height: 0;
        display: block;
        position: absolute
    }

    .cropper-hidden {
        display: none !important
    }

    .cropper-move {
        cursor: move
    }

    .cropper-crop {
        cursor: crosshair
    }

    .cropper-disabled .cropper-drag-box,
    .cropper-disabled .cropper-face,
    .cropper-disabled .cropper-line,
    .cropper-disabled .cropper-point {
        cursor: not-allowed
    }

    :root {
        --dt-row-selected: 13, 110, 253;
        --dt-row-selected-text: 255, 255, 255;
        --dt-row-selected-link: 228, 228, 228;
        --dt-row-stripe: 0, 0, 0;
        --dt-row-hover: 0, 0, 0;
        --dt-column-ordering: 0, 0, 0;
        --dt-header-align-items: center;
        --dt-header-vertical-align: middle;
        --dt-html-background: white
    }

    :root.dark {
        --dt-html-background: #212529
    }

    table.dataTable tbody td.dt-control {
        text-align: center;
        cursor: pointer
    }

    table.dataTable tbody td.dt-control:before {
        box-sizing: border-box;
        content: "";
        border: 5px solid #0000;
        border-left: 10px solid #00000080;
        border-right-width: 0;
        display: inline-block
    }

    table.dataTable tbody tr.dt-hasChild td.dt-control:before {
        border: 5px solid #0000;
        border-top: 10px solid #00000080;
        border-bottom-width: 0
    }

    table.dataTable tfoot:empty {
        display: none
    }

    html.dark table.dataTable td.dt-control:before,
    :root[data-bs-theme=dark] table.dataTable td.dt-control:before,
    :root[data-theme=dark] table.dataTable td.dt-control:before {
        border-left-color: #ffffff80
    }

    html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
    :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
    :root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
        border-top-color: #ffffff80;
        border-left-color: #0000
    }

    div.dt-scroll {
        width: 100%
    }

    div.dt-scroll-body thead tr,
    div.dt-scroll-body tfoot tr {
        height: 0
    }

    div.dt-scroll-body thead tr th,
    div.dt-scroll-body thead tr td,
    div.dt-scroll-body tfoot tr th,
    div.dt-scroll-body tfoot tr td {
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
        height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    div.dt-scroll-body thead tr th div.dt-scroll-sizing,
    div.dt-scroll-body thead tr td div.dt-scroll-sizing,
    div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
    div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
        height: 0 !important;
        overflow: hidden !important
    }

    table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
    table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
        content: "▲";
        content: "▲" /"";
        display: block;
        position: absolute;
        bottom: 50%
    }

    table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
    table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
    table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
    table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
        content: "▼";
        content: "▼" /"";
        display: block;
        position: absolute;
        top: 50%
    }

    table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
    table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
    table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
    table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,
    table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
    table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
    table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
    table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
        width: 12px;
        height: 20px;
        position: relative
    }

    table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
    table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
    table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
    table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
    table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
    table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
    table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
    table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
    table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
    table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
    table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
    table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
        opacity: .125;
        font-size: .8em;
        line-height: 9px;
        left: 0
    }

    table.dataTable thead>tr>th.dt-orderable-asc,
    table.dataTable thead>tr>th.dt-orderable-desc,
    table.dataTable thead>tr>td.dt-orderable-asc,
    table.dataTable thead>tr>td.dt-orderable-desc {
        cursor: pointer
    }

    table.dataTable thead>tr>th.dt-orderable-asc:hover,
    table.dataTable thead>tr>th.dt-orderable-desc:hover,
    table.dataTable thead>tr>td.dt-orderable-asc:hover,
    table.dataTable thead>tr>td.dt-orderable-desc:hover {
        outline-offset: -2px;
        outline: 2px solid #0000000d
    }

    table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
    table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
    table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
        opacity: .6
    }

    table.dataTable thead>tr>th.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) span.dt-column-order:empty,
    table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,
    table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) span.dt-column-order:empty,
    table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,
    table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before {
        display: none
    }

    table.dataTable thead>tr>th:active,
    table.dataTable thead>tr>td:active {
        outline: none
    }

    table.dataTable thead>tr>th div.dt-column-header,
    table.dataTable thead>tr>th div.dt-column-footer,
    table.dataTable thead>tr>td div.dt-column-header,
    table.dataTable thead>tr>td div.dt-column-footer,
    table.dataTable tfoot>tr>th div.dt-column-header,
    table.dataTable tfoot>tr>th div.dt-column-footer,
    table.dataTable tfoot>tr>td div.dt-column-header,
    table.dataTable tfoot>tr>td div.dt-column-footer {
        justify-content: space-between;
        align-items: var(--dt-header-align-items);
        gap: 4px;
        display: flex
    }

    table.dataTable thead>tr>th div.dt-column-header span.dt-column-title,
    table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title,
    table.dataTable thead>tr>td div.dt-column-header span.dt-column-title,
    table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title,
    table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title,
    table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title,
    table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title,
    table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title {
        flex-grow: 1
    }

    table.dataTable thead>tr>th div.dt-column-header span.dt-column-title:empty,
    table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title:empty,
    table.dataTable thead>tr>td div.dt-column-header span.dt-column-title:empty,
    table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title:empty,
    table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title:empty,
    table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title:empty,
    table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title:empty,
    table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title:empty {
        display: none
    }

    div.dt-scroll-body>table.dataTable>thead>tr>th,
    div.dt-scroll-body>table.dataTable>thead>tr>td {
        overflow: hidden
    }

    :root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,
    :root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,
    :root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,
    :root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,
    :root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,
    :root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,
    :root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,
    :root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover {
        outline: 2px solid #ffffff0d
    }

    div.dt-processing {
        text-align: center;
        z-index: 10;
        width: 200px;
        margin-top: -22px;
        margin-left: -100px;
        padding: 2px;
        position: absolute;
        top: 50%;
        left: 50%
    }

    div.dt-processing>div:last-child {
        width: 80px;
        height: 15px;
        margin: 1em auto;
        position: relative
    }

    div.dt-processing>div:last-child>div {
        background: #0d6efd;
        background: rgb(var(--dt-row-selected));
        border-radius: 50%;
        width: 13px;
        height: 13px;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
        position: absolute;
        top: 0
    }

    div.dt-processing>div:last-child>div:first-child {
        animation: .6s infinite datatables-loader-1;
        left: 8px
    }

    div.dt-processing>div:last-child>div:nth-child(2) {
        animation: .6s infinite datatables-loader-2;
        left: 8px
    }

    div.dt-processing>div:last-child>div:nth-child(3) {
        animation: .6s infinite datatables-loader-2;
        left: 32px
    }

    div.dt-processing>div:last-child>div:nth-child(4) {
        animation: .6s infinite datatables-loader-3;
        left: 56px
    }

    @keyframes datatables-loader-1 {
        0% {
            transform: scale(0)
        }

        to {
            transform: scale(1)
        }
    }

    @keyframes datatables-loader-3 {
        0% {
            transform: scale(1)
        }

        to {
            transform: scale(0)
        }
    }

    @keyframes datatables-loader-2 {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(24px)
        }
    }

    table.dataTable.nowrap th,
    table.dataTable.nowrap td {
        white-space: nowrap
    }

    table.dataTable th,
    table.dataTable td {
        box-sizing: border-box
    }

    table.dataTable th.dt-type-numeric,
    table.dataTable th.dt-type-date,
    table.dataTable td.dt-type-numeric,
    table.dataTable td.dt-type-date {
        text-align: right
    }

    table.dataTable th.dt-type-numeric div.dt-column-header,
    table.dataTable th.dt-type-numeric div.dt-column-footer,
    table.dataTable th.dt-type-date div.dt-column-header,
    table.dataTable th.dt-type-date div.dt-column-footer,
    table.dataTable td.dt-type-numeric div.dt-column-header,
    table.dataTable td.dt-type-numeric div.dt-column-footer,
    table.dataTable td.dt-type-date div.dt-column-header,
    table.dataTable td.dt-type-date div.dt-column-footer {
        flex-direction: row-reverse
    }

    table.dataTable th.dt-left,
    table.dataTable td.dt-left {
        text-align: left
    }

    table.dataTable th.dt-left div.dt-column-header,
    table.dataTable th.dt-left div.dt-column-footer,
    table.dataTable td.dt-left div.dt-column-header,
    table.dataTable td.dt-left div.dt-column-footer {
        flex-direction: row
    }

    table.dataTable th.dt-center,
    table.dataTable td.dt-center {
        text-align: center
    }

    table.dataTable th.dt-right,
    table.dataTable td.dt-right {
        text-align: right
    }

    table.dataTable th.dt-right div.dt-column-header,
    table.dataTable th.dt-right div.dt-column-footer,
    table.dataTable td.dt-right div.dt-column-header,
    table.dataTable td.dt-right div.dt-column-footer {
        flex-direction: row-reverse
    }

    table.dataTable th.dt-justify,
    table.dataTable td.dt-justify {
        text-align: justify
    }

    table.dataTable th.dt-justify div.dt-column-header,
    table.dataTable th.dt-justify div.dt-column-footer,
    table.dataTable td.dt-justify div.dt-column-header,
    table.dataTable td.dt-justify div.dt-column-footer {
        flex-direction: row
    }

    table.dataTable th.dt-nowrap,
    table.dataTable td.dt-nowrap {
        white-space: nowrap
    }

    table.dataTable th.dt-empty,
    table.dataTable td.dt-empty {
        text-align: center;
        vertical-align: top
    }

    table.dataTable thead th,
    table.dataTable thead td,
    table.dataTable tfoot th,
    table.dataTable tfoot td {
        text-align: left;
        vertical-align: var(--dt-header-vertical-align)
    }

    table.dataTable thead th.dt-head-left,
    table.dataTable thead td.dt-head-left,
    table.dataTable tfoot th.dt-head-left,
    table.dataTable tfoot td.dt-head-left {
        text-align: left
    }

    table.dataTable thead th.dt-head-left div.dt-column-header,
    table.dataTable thead th.dt-head-left div.dt-column-footer,
    table.dataTable thead td.dt-head-left div.dt-column-header,
    table.dataTable thead td.dt-head-left div.dt-column-footer,
    table.dataTable tfoot th.dt-head-left div.dt-column-header,
    table.dataTable tfoot th.dt-head-left div.dt-column-footer,
    table.dataTable tfoot td.dt-head-left div.dt-column-header,
    table.dataTable tfoot td.dt-head-left div.dt-column-footer {
        flex-direction: row
    }

    table.dataTable thead th.dt-head-center,
    table.dataTable thead td.dt-head-center,
    table.dataTable tfoot th.dt-head-center,
    table.dataTable tfoot td.dt-head-center {
        text-align: center
    }

    table.dataTable thead th.dt-head-right,
    table.dataTable thead td.dt-head-right,
    table.dataTable tfoot th.dt-head-right,
    table.dataTable tfoot td.dt-head-right {
        text-align: right
    }

    table.dataTable thead th.dt-head-right div.dt-column-header,
    table.dataTable thead th.dt-head-right div.dt-column-footer,
    table.dataTable thead td.dt-head-right div.dt-column-header,
    table.dataTable thead td.dt-head-right div.dt-column-footer,
    table.dataTable tfoot th.dt-head-right div.dt-column-header,
    table.dataTable tfoot th.dt-head-right div.dt-column-footer,
    table.dataTable tfoot td.dt-head-right div.dt-column-header,
    table.dataTable tfoot td.dt-head-right div.dt-column-footer {
        flex-direction: row-reverse
    }

    table.dataTable thead th.dt-head-justify,
    table.dataTable thead td.dt-head-justify,
    table.dataTable tfoot th.dt-head-justify,
    table.dataTable tfoot td.dt-head-justify {
        text-align: justify
    }

    table.dataTable thead th.dt-head-justify div.dt-column-header,
    table.dataTable thead th.dt-head-justify div.dt-column-footer,
    table.dataTable thead td.dt-head-justify div.dt-column-header,
    table.dataTable thead td.dt-head-justify div.dt-column-footer,
    table.dataTable tfoot th.dt-head-justify div.dt-column-header,
    table.dataTable tfoot th.dt-head-justify div.dt-column-footer,
    table.dataTable tfoot td.dt-head-justify div.dt-column-header,
    table.dataTable tfoot td.dt-head-justify div.dt-column-footer {
        flex-direction: row
    }

    table.dataTable thead th.dt-head-nowrap,
    table.dataTable thead td.dt-head-nowrap,
    table.dataTable tfoot th.dt-head-nowrap,
    table.dataTable tfoot td.dt-head-nowrap {
        white-space: nowrap
    }

    table.dataTable tbody th.dt-body-left,
    table.dataTable tbody td.dt-body-left {
        text-align: left
    }

    table.dataTable tbody th.dt-body-center,
    table.dataTable tbody td.dt-body-center {
        text-align: center
    }

    table.dataTable tbody th.dt-body-right,
    table.dataTable tbody td.dt-body-right {
        text-align: right
    }

    table.dataTable tbody th.dt-body-justify,
    table.dataTable tbody td.dt-body-justify {
        text-align: justify
    }

    table.dataTable tbody th.dt-body-nowrap,
    table.dataTable tbody td.dt-body-nowrap {
        white-space: nowrap
    }

    :root {
        --dt-row-hover-alpha: .035;
        --dt-row-stripe-alpha: .023;
        --dt-column-ordering-alpha: .019;
        --dt-row-selected-stripe-alpha: .923;
        --dt-row-selected-column-ordering-alpha: .919
    }

    table.dataTable {
        border-spacing: 0;
        width: 100%;
        margin: 0 auto
    }

    table.dataTable thead th,
    table.dataTable tfoot th {
        font-weight: 700
    }

    table.dataTable>thead>tr>th,
    table.dataTable>thead>tr>td {
        border-bottom: 1px solid #0000004d;
        padding: 10px
    }

    table.dataTable>thead>tr>th:active,
    table.dataTable>thead>tr>td:active {
        outline: none
    }

    table.dataTable>tfoot>tr>th,
    table.dataTable>tfoot>tr>td {
        border-top: 1px solid #0000004d;
        padding: 10px 10px 6px
    }

    table.dataTable>tbody>tr {
        background-color: #0000
    }

    table.dataTable>tbody>tr:first-child>* {
        border-top: none
    }

    table.dataTable>tbody>tr:last-child>* {
        border-bottom: none
    }

    table.dataTable>tbody>tr.selected>* {
        box-shadow: inset 0 0 0 9999px #0d6efde6;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .9);
        color: rgb(var(--dt-row-selected-text))
    }

    table.dataTable>tbody>tr.selected a {
        color: rgb(var(--dt-row-selected-link))
    }

    table.dataTable>tbody>tr>th,
    table.dataTable>tbody>tr>td {
        padding: 8px 10px
    }

    table.dataTable.row-border>tbody>tr>*,
    table.dataTable.display>tbody>tr>* {
        border-top: 1px solid #00000026
    }

    table.dataTable.row-border>tbody>tr:first-child>*,
    table.dataTable.display>tbody>tr:first-child>* {
        border-top: none
    }

    table.dataTable.row-border>tbody>tr.selected+tr.selected>td,
    table.dataTable.display>tbody>tr.selected+tr.selected>td {
        border-top-color: #0d6efda6;
        border-top-color: rgba(var(--dt-row-selected), .65)
    }

    table.dataTable.cell-border>tbody>tr>* {
        border-top: 1px solid #00000026;
        border-right: 1px solid #00000026
    }

    table.dataTable.cell-border>tbody>tr>:first-child {
        border-left: 1px solid #00000026
    }

    table.dataTable.cell-border>tbody>tr:first-child>* {
        border-top: 1px solid #0000004d
    }

    table.dataTable.stripe>tbody>tr:nth-child(odd)>*,
    table.dataTable.display>tbody>tr:nth-child(odd)>* {
        box-shadow: inset 0 0 0 9999px #00000006;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha))
    }

    table.dataTable.stripe>tbody>tr:nth-child(odd).selected>*,
    table.dataTable.display>tbody>tr:nth-child(odd).selected>* {
        box-shadow: inset 0 0 0 9999px #0d6efdeb;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-stripe-alpha))
    }

    table.dataTable.hover>tbody>tr:hover>*,
    table.dataTable.display>tbody>tr:hover>* {
        box-shadow: inset 0 0 0 9999px #00000009;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), var(--dt-row-hover-alpha))
    }

    table.dataTable.hover>tbody>tr.selected:hover>*,
    table.dataTable.display>tbody>tr.selected:hover>* {
        box-shadow: inset 0 0 0 9999px #0d6efd !important;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important
    }

    table.dataTable.order-column>tbody tr>.sorting_1,
    table.dataTable.order-column>tbody tr>.sorting_2,
    table.dataTable.order-column>tbody tr>.sorting_3,
    table.dataTable.display>tbody tr>.sorting_1,
    table.dataTable.display>tbody tr>.sorting_2,
    table.dataTable.display>tbody tr>.sorting_3 {
        box-shadow: inset 0 0 0 9999px #00000005;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha))
    }

    table.dataTable.order-column>tbody tr.selected>.sorting_1,
    table.dataTable.order-column>tbody tr.selected>.sorting_2,
    table.dataTable.order-column>tbody tr.selected>.sorting_3,
    table.dataTable.display>tbody tr.selected>.sorting_1,
    table.dataTable.display>tbody tr.selected>.sorting_2,
    table.dataTable.display>tbody tr.selected>.sorting_3 {
        box-shadow: inset 0 0 0 9999px #0d6efdea;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-column-ordering-alpha))
    }

    table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,
    table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1 {
        box-shadow: inset 0 0 0 9999px #0000000e;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha)))
    }

    table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_2,
    table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_2 {
        box-shadow: inset 0 0 0 9999px #0000000c;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - .007))
    }

    table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_3,
    table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_3 {
        box-shadow: inset 0 0 0 9999px #0000000a;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - .015))
    }

    table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_1,
    table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_1 {
        box-shadow: inset 0 0 0 9999px #0d6efdf3;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))
    }

    table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_2,
    table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_2 {
        box-shadow: inset 0 0 0 9999px #0d6efdf1;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - .007))
    }

    table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_3,
    table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_3 {
        box-shadow: inset 0 0 0 9999px #0d6efdef;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - .015))
    }

    table.dataTable.display tbody tr:hover>.sorting_1,
    table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
        box-shadow: inset 0 0 0 9999px #00000015;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha)))
    }

    table.dataTable.display tbody tr:hover>.sorting_2,
    table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
        box-shadow: inset 0 0 0 9999px #00000013;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - .007))
    }

    table.dataTable.display tbody tr:hover>.sorting_3,
    table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
        box-shadow: inset 0 0 0 9999px #00000010;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - .015))
    }

    table.dataTable.display tbody tr:hover.selected>.sorting_1,
    table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
        box-shadow: inset 0 0 0 9999px #0d6efdfa;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))
    }

    table.dataTable.display tbody tr:hover.selected>.sorting_2,
    table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
        box-shadow: inset 0 0 0 9999px #0d6efdf8;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - .007))
    }

    table.dataTable.display tbody tr:hover.selected>.sorting_3,
    table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
        box-shadow: inset 0 0 0 9999px #0d6efdf5;
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - .015))
    }

    table.dataTable.compact thead th,
    table.dataTable.compact thead td,
    table.dataTable.compact tfoot th,
    table.dataTable.compact tfoot td,
    table.dataTable.compact tbody th,
    table.dataTable.compact tbody td {
        padding: 4px
    }

    div.dt-container div.dt-layout-row {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: .75em 0;
        display: flex
    }

    div.dt-container div.dt-layout-row div.dt-layout-cell {
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
        justify-content: flex-start;
        margin-right: auto
    }

    div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
        justify-content: flex-end;
        margin-left: auto
    }

    div.dt-container div.dt-layout-row div.dt-layout-cell:empty {
        display: none
    }

    @media screen and (max-width:767px) {
        div.dt-container div.dt-layout-row:not(.dt-layout-table) {
            display: block
        }

        div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
            text-align: center;
            display: block
        }

        div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell>* {
            margin: .5em 0
        }

        div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start {
            margin-right: 0
        }

        div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end {
            margin-left: 0
        }
    }

    div.dt-container div.dt-layout-start>:not(:last-child) {
        margin-right: 1em
    }

    div.dt-container div.dt-layout-end>:not(:first-child) {
        margin-left: 1em
    }

    div.dt-container div.dt-layout-full {
        width: 100%
    }

    div.dt-container div.dt-layout-full>:only-child {
        margin-left: auto;
        margin-right: auto
    }

    div.dt-container div.dt-layout-table>div {
        display: block !important
    }

    @media screen and (max-width:767px) {
        div.dt-container div.dt-layout-start>:not(:last-child) {
            margin-right: 0
        }

        div.dt-container div.dt-layout-end>:not(:first-child) {
            margin-left: 0
        }
    }

    div.dt-container {
        clear: both;
        position: relative
    }

    div.dt-container .dt-search input {
        color: inherit;
        background-color: #0000;
        border: 1px solid #aaa;
        border-radius: 3px;
        margin-left: 3px;
        padding: 5px
    }

    div.dt-container .dt-input {
        color: inherit;
        background-color: #0000;
        border: 1px solid #aaa;
        border-radius: 3px;
        padding: 5px
    }

    div.dt-container select.dt-input {
        padding: 4px
    }

    div.dt-container .dt-paging .dt-paging-button {
        box-sizing: border-box;
        text-align: center;
        cursor: pointer;
        background: 0 0;
        border: 1px solid #0000;
        border-radius: 2px;
        min-width: 1.5em;
        margin-left: 2px;
        padding: .5em 1em;
        display: inline-block;
        color: inherit !important;
        text-decoration: none !important
    }

    div.dt-container .dt-paging .dt-paging-button.current,
    div.dt-container .dt-paging .dt-paging-button.current:hover {
        background: -moz-linear-gradient(#0000000d 0%, #e6e6e60d 100%);
        background: -ms-linear-gradient(top, #e6e6e60d 0%, #0000000d 100%);
        background: linear-gradient(#e6e6e60d, #0000000d);
        border: 1px solid #0000004d;
        color: inherit !important
    }

    div.dt-container .dt-paging .dt-paging-button.disabled,
    div.dt-container .dt-paging .dt-paging-button.disabled:hover,
    div.dt-container .dt-paging .dt-paging-button.disabled:active {
        cursor: default;
        box-shadow: none;
        background: 0 0;
        border: 1px solid #0000;
        color: #00000080 !important
    }

    div.dt-container .dt-paging .dt-paging-button:hover {
        background: -moz-linear-gradient(#111 0%, #585858 100%);
        background: -ms-linear-gradient(top, #585858 0%, #111 100%);
        background: linear-gradient(#585858, #111);
        border: 1px solid #111;
        color: #fff !important
    }

    div.dt-container .dt-paging .dt-paging-button:active {
        background: -moz-linear-gradient(#0c0c0c 0%, #2b2b2b 100%);
        background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        background: linear-gradient(#2b2b2b, #0c0c0c);
        outline: none;
        box-shadow: inset 0 0 3px #111
    }

    div.dt-container .dt-paging .ellipsis {
        padding: 0 1em
    }

    div.dt-container .dt-length,
    div.dt-container .dt-search,
    div.dt-container .dt-info,
    div.dt-container .dt-processing,
    div.dt-container .dt-paging {
        color: inherit
    }

    div.dt-container .dataTables_scroll {
        clear: both
    }

    div.dt-container .dataTables_scroll div.dt-scroll-body {
        -webkit-overflow-scrolling: touch
    }

    div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th,
    div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td,
    div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th,
    div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td {
        vertical-align: middle
    }

    div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th>div.dataTables_sizing,
    div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td>div.dataTables_sizing,
    div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th>div.dataTables_sizing,
    div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td>div.dataTables_sizing {
        height: 0;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important
    }

    div.dt-container.dt-empty-footer tbody>tr:last-child>*,
    div.dt-container.dt-empty-footer .dt-scroll-body {
        border-bottom: 1px solid #0000004d
    }

    div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>* {
        border-bottom: none
    }

    html.dark {
        --dt-row-hover: 255, 255, 255;
        --dt-row-stripe: 255, 255, 255;
        --dt-column-ordering: 255, 255, 255
    }

    html.dark table.dataTable>thead>tr>th,
    html.dark table.dataTable>thead>tr>td {
        border-bottom: 1px solid #595b5e
    }

    html.dark table.dataTable>thead>tr>th:active,
    html.dark table.dataTable>thead>tr>td:active {
        outline: none
    }

    html.dark table.dataTable>tfoot>tr>th,
    html.dark table.dataTable>tfoot>tr>td {
        border-top: 1px solid #595b5e
    }

    html.dark table.dataTable.row-border>tbody>tr>*,
    html.dark table.dataTable.display>tbody>tr>* {
        border-top: 1px solid #404346
    }

    html.dark table.dataTable.row-border>tbody>tr:first-child>*,
    html.dark table.dataTable.display>tbody>tr:first-child>* {
        border-top: none
    }

    html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,
    html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td {
        border-top-color: #0d6efda6;
        border-top-color: rgba(var(--dt-row-selected), .65)
    }

    html.dark table.dataTable.cell-border>tbody>tr>th,
    html.dark table.dataTable.cell-border>tbody>tr>td {
        border-top: 1px solid #404346;
        border-right: 1px solid #404346
    }

    html.dark table.dataTable.cell-border>tbody>tr>th:first-child,
    html.dark table.dataTable.cell-border>tbody>tr>td:first-child {
        border-left: 1px solid #404346
    }

    html.dark .dt-container.dt-empty-footer table.dataTable {
        border-bottom: 1px solid #595b5e
    }

    html.dark .dt-container .dt-search input,
    html.dark .dt-container .dt-length select {
        background-color: var(--dt-html-background);
        border: 1px solid #fff3
    }

    html.dark .dt-container .dt-paging .dt-paging-button.current,
    html.dark .dt-container .dt-paging .dt-paging-button.current:hover {
        background: #ffffff26;
        border: 1px solid #595b5e
    }

    html.dark .dt-container .dt-paging .dt-paging-button.disabled,
    html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,
    html.dark .dt-container .dt-paging .dt-paging-button.disabled:active {
        color: #666 !important
    }

    html.dark .dt-container .dt-paging .dt-paging-button:hover {
        background: #353535;
        border: 1px solid #353535
    }

    html.dark .dt-container .dt-paging .dt-paging-button:active {
        background: #3a3a3a
    }

    [dir=rtl] table.dataTable thead th,
    [dir=rtl] table.dataTable thead td,
    [dir=rtl] table.dataTable tfoot th,
    [dir=rtl] table.dataTable tfoot td {
        text-align: right
    }

    [dir=rtl] table.dataTable th.dt-type-numeric,
    [dir=rtl] table.dataTable th.dt-type-date,
    [dir=rtl] table.dataTable td.dt-type-numeric,
    [dir=rtl] table.dataTable td.dt-type-date {
        text-align: left
    }

    [dir=rtl] div.dt-container div.dt-layout-cell.dt-start {
        text-align: right
    }

    [dir=rtl] div.dt-container div.dt-layout-cell.dt-end {
        text-align: left
    }

    [dir=rtl] div.dt-container div.dt-search input {
        margin: 0 3px 0 0
    }

    :root {
        --dtfc_background: white;
        --dtfc-thead-cell_background: var(--dtfc_background);
        --dtfc-tbody-cell_background: var(--dtfc_background)
    }

    :root.dark {
        --dtfc_background: #212529
    }

    table.dataTable thead tr>.dtfc-fixed-start,
    table.dataTable thead tr>.dtfc-fixed-end,
    table.dataTable tfoot tr>.dtfc-fixed-start,
    table.dataTable tfoot tr>.dtfc-fixed-end {
        z-index: 3;
        background-color: var(--dtfc-thead-cell_background);
        top: 0;
        bottom: 0
    }

    table.dataTable tbody tr>.dtfc-fixed-start,
    table.dataTable tbody tr>.dtfc-fixed-end {
        z-index: 1;
        background-color: var(--dtfc-tbody-cell_background)
    }

    table.dataTable tr>.dtfc-fixed-left:after,
    table.dataTable tr>.dtfc-fixed-right:after {
        content: "";
        pointer-events: none;
        width: 10px;
        transition: box-shadow .3s;
        position: absolute;
        top: 0;
        bottom: 0
    }

    table.dataTable tr>.dtfc-fixed-left:after {
        right: 0;
        transform: translate(100%)
    }

    table.dataTable tr>.dtfc-fixed-right:after {
        left: 0;
        transform: translate(-80%)
    }

    table.dataTable.dtfc-scrolling-left tr>.dtfc-fixed-left:after {
        box-shadow: inset 10px 0 8px -8px #0003
    }

    table.dataTable.dtfc-scrolling-right tr>.dtfc-fixed-right:after {
        box-shadow: inset -10px 0 8px -8px #0003
    }

    table.dataTable.dtfc-scrolling-right tr>.dtfc-fixed-right+.dtfc-fixed-right:after {
        box-shadow: none
    }

    div.dt-scroll,
    div.dtfh-floatingparent {
        position: relative
    }

    div.dt-scroll div.dtfc-top-blocker,
    div.dt-scroll div.dtfc-bottom-blocker,
    div.dtfh-floatingparent div.dtfc-top-blocker,
    div.dtfh-floatingparent div.dtfc-bottom-blocker {
        background-color: var(--dtfc-thead-cell_background);
        position: absolute
    }

    html.dark table.dataTable.dtfc-scrolling-left tbody>tr>.dtfc-fixed-left:after {
        box-shadow: inset 10px 0 8px -8px #0000004d
    }

    html.dark table.dataTable.dtfc-scrolling-right tbody>tr>.dtfc-fixed-right:after {
        box-shadow: inset -10px 0 8px -8px #0000004d
    }

    html.dark table.dataTable.dtfc-scrolling-right tbody>tr>.dtfc-fixed-right+.dtfc-fixed-right:after {
        box-shadow: none
    }

    table.fixedHeader-floating,
    table.fixedHeader-locked {
        background-color: var(--dt-html-background);
        position: relative !important
    }

    @media print {

        table.fixedHeader-floating,
        table.fixedHeader-locked {
            display: none
        }
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,
    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
        cursor: default !important
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before {
        display: none !important
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        cursor: pointer
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        box-sizing: border-box;
        content: "";
        border: 5px solid #0000;
        border-left: 10px solid #00000080;
        border-right-width: 0;
        margin-right: .5em;
        display: inline-block
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control.arrow-right:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control.arrow-right:before {
        border: 5px solid #0000;
        border-left-width: 0;
        border-right: 10px solid #00000080
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
        border: 5px solid #0000;
        border-top: 10px solid #00000080;
        border-bottom-width: 0
    }

    table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,
    table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control {
        padding-left: .333em
    }

    table.dataTable.dtr-column>tbody>tr>td.dtr-control,
    table.dataTable.dtr-column>tbody>tr>th.dtr-control,
    table.dataTable.dtr-column>tbody>tr>td.control,
    table.dataTable.dtr-column>tbody>tr>th.control {
        cursor: pointer
    }

    table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
    table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,
    table.dataTable.dtr-column>tbody>tr>td.control:before,
    table.dataTable.dtr-column>tbody>tr>th.control:before {
        box-sizing: border-box;
        content: "";
        border: 5px solid #0000;
        border-left: 10px solid #00000080;
        border-right-width: 0;
        display: inline-block
    }

    table.dataTable.dtr-column>tbody>tr>td.dtr-control.arrow-right:before,
    table.dataTable.dtr-column>tbody>tr>th.dtr-control.arrow-right:before,
    table.dataTable.dtr-column>tbody>tr>td.control.arrow-right:before,
    table.dataTable.dtr-column>tbody>tr>th.control.arrow-right:before {
        border: 5px solid #0000;
        border-left-width: 0;
        border-right: 10px solid #00000080
    }

    table.dataTable.dtr-column>tbody>tr.dtr-expanded td.dtr-control:before,
    table.dataTable.dtr-column>tbody>tr.dtr-expanded th.dtr-control:before,
    table.dataTable.dtr-column>tbody>tr.dtr-expanded td.control:before,
    table.dataTable.dtr-column>tbody>tr.dtr-expanded th.control:before {
        border: 5px solid #0000;
        border-top: 10px solid #00000080;
        border-bottom-width: 0
    }

    table.dataTable>tbody>tr.child {
        padding: .5em 1em
    }

    table.dataTable>tbody>tr.child:hover {
        background: 0 0 !important
    }

    table.dataTable>tbody>tr.child ul.dtr-details {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: inline-block
    }

    table.dataTable>tbody>tr.child ul.dtr-details>li {
        border-bottom: 1px solid #efefef;
        padding: .5em 0
    }

    table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
        padding-top: 0
    }

    table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    table.dataTable>tbody>tr.child span.dtr-title {
        min-width: 75px;
        font-weight: 700;
        display: inline-block
    }

    div.dtr-modal {
        box-sizing: border-box;
        z-index: 100;
        width: 100%;
        height: 100%;
        padding: 10em 1em;
        position: fixed;
        top: 0;
        left: 0
    }

    div.dtr-modal div.dtr-modal-display {
        z-index: 102;
        background-color: #f5f5f7;
        border: 1px solid #000;
        border-radius: .5em;
        width: 50%;
        height: fit-content;
        max-height: 75%;
        margin: auto;
        position: absolute;
        inset: 0;
        overflow: auto;
        box-shadow: 0 12px 30px #0009
    }

    div.dtr-modal div.dtr-modal-content {
        padding: 2.5em;
        position: relative
    }

    div.dtr-modal div.dtr-modal-content h2 {
        margin-top: 0
    }

    div.dtr-modal div.dtr-modal-close {
        text-align: center;
        cursor: pointer;
        z-index: 12;
        border-radius: 3px;
        width: 22px;
        height: 22px;
        position: absolute;
        top: 6px;
        right: 6px
    }

    div.dtr-modal div.dtr-modal-background {
        z-index: 101;
        background: #0009;
        position: fixed;
        inset: 0
    }

    @media screen and (max-width:767px) {
        div.dtr-modal div.dtr-modal-display {
            width: 95%
        }
    }

    html.dark table.dataTable>tbody>tr>td.dtr-control:before,
    html[data-bs-theme=dark] table.dataTable>tbody>tr>td.dtr-control:before {
        border-left-color: #ffffff80 !important
    }

    html.dark table.dataTable>tbody>tr>td.dtr-control.arrow-right:before,
    html[data-bs-theme=dark] table.dataTable>tbody>tr>td.dtr-control.arrow-right:before {
        border-right-color: #ffffff80 !important
    }

    html.dark table.dataTable>tbody>tr.dtr-expanded>td.dtr-control:before,
    html.dark table.dataTable>tbody>tr.dtr-expanded>th.dtr-control:before,
    html[data-bs-theme=dark] table.dataTable>tbody>tr.dtr-expanded>td.dtr-control:before,
    html[data-bs-theme=dark] table.dataTable>tbody>tr.dtr-expanded>th.dtr-control:before {
        border-top-color: #ffffff80 !important;
        border-left-color: #0000 !important;
        border-right-color: #0000 !important
    }

    html.dark table.dataTable>tbody>tr.child ul.dtr-details>li,
    html[data-bs-theme=dark] table.dataTable>tbody>tr.child ul.dtr-details>li {
        border-bottom-color: #404346
    }

    html.dark div.dtr-modal div.dtr-modal-display,
    html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
        background-color: #212529;
        border: 1px solid #ffffff26
    }

    table.dataTable>tbody>tr>.selected {
        color: rgb(var(--dt-row-selected-text));
        background-color: #0d6efde6
    }

    div.dt-container span.select-info,
    div.dt-container span.select-item {
        margin-left: .5em
    }

    @media screen and (max-width:640px) {

        div.dt-container span.select-info,
        div.dt-container span.select-item {
            margin-left: 0;
            display: block
        }
    }

    table.dataTable>tbody>tr>.dt-select,
    table.dataTable>thead>tr>.dt-select {
        text-align: center;
        vertical-align: middle
    }

    table.dataTable>thead>tr>.dt-select input.dt-select-checkbox {
        margin-left: auto;
        margin-right: auto
    }

    table.dataTable input.dt-select-checkbox {
        appearance: none;
        vertical-align: middle;
        width: 12px;
        height: 12px;
        color: inherit;
        border: 1px solid;
        border-radius: 3px;
        margin-top: 1px;
        font-size: 20px;
        line-height: 1em;
        display: inline-block;
        position: relative
    }

    table.dataTable input.dt-select-checkbox:checked:after {
        content: "✓";
        margin-top: -8px;
        display: block
    }

    table.dataTable input.dt-select-checkbox:indeterminate:after {
        content: " ";
        background-color: #000;
        border-radius: 2px;
        width: 4px;
        height: 4px;
        display: block;
        position: absolute;
        top: 3px;
        left: 3px
    }

    table.dataTable>tbody>tr.selected input.dt-select-checkbox:checked {
        border: 1px solid
    }

    table.dataTable>tbody>tr>td.select-checkbox,
    table.dataTable>tbody>tr>th.select-checkbox {
        position: relative
    }

    table.dataTable>tbody>tr>td.select-checkbox:before,
    table.dataTable>tbody>tr>th.select-checkbox:before {
        box-sizing: border-box;
        content: " ";
        border: 1px solid;
        border-radius: 3px;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        margin-left: -6px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%
    }

    table.dataTable>tbody>tr.selected>td.select-checkbox:before,
    table.dataTable>tbody>tr.selected>th.select-checkbox:before {
        content: "✓";
        text-align: center;
        border: 1px solid;
        font-size: 20px;
        line-height: 6px
    }

    table.dataTable.compact>tbody>tr>td.select-checkbox:before,
    table.dataTable.compact>tbody>tr>th.select-checkbox:before {
        margin-top: -12px
    }

    table.dataTable.compact>tbody>tr.selected>td.select-checkbox:after,
    table.dataTable.compact>tbody>tr.selected>th.select-checkbox:after {
        margin-top: -16px
    }

    html.dark table.dataTable input.dt-select-checkbox:indeterminate:after,
    html[data-bs-theme=dark] table.dataTable input.dt-select-checkbox:indeterminate:after {
        background-color: #fff
    }

    .daterangepicker {
        color: inherit;
        z-index: 3001;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        width: 278px;
        max-width: none;
        margin-top: 7px;
        padding: 0;
        font-family: arial;
        font-size: 15px;
        line-height: 1em;
        display: none;
        position: absolute;
        top: 100px;
        left: 20px
    }

    .daterangepicker:before,
    .daterangepicker:after {
        content: "";
        border-bottom-color: #0003;
        display: inline-block;
        position: absolute
    }

    .daterangepicker:before {
        border-bottom: 7px solid #ccc;
        border-left: 7px solid #0000;
        border-right: 7px solid #0000;
        top: -7px
    }

    .daterangepicker:after {
        border-bottom: 6px solid #fff;
        border-left: 6px solid #0000;
        border-right: 6px solid #0000;
        top: -6px
    }

    .daterangepicker.opensleft:before {
        right: 9px
    }

    .daterangepicker.opensleft:after {
        right: 10px
    }

    .daterangepicker.openscenter:before,
    .daterangepicker.openscenter:after {
        width: 0;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0
    }

    .daterangepicker.opensright:before {
        left: 9px
    }

    .daterangepicker.opensright:after {
        left: 10px
    }

    .daterangepicker.drop-up {
        margin-top: -7px
    }

    .daterangepicker.drop-up:before {
        top: initial;
        border-bottom: initial;
        border-top: 7px solid #ccc;
        bottom: -7px
    }

    .daterangepicker.drop-up:after {
        top: initial;
        border-bottom: initial;
        border-top: 6px solid #fff;
        bottom: -6px
    }

    .daterangepicker.single .daterangepicker .ranges,
    .daterangepicker.single .drp-calendar {
        float: none
    }

    .daterangepicker.single .drp-selected {
        display: none
    }

    .daterangepicker.show-calendar .drp-calendar,
    .daterangepicker.show-calendar .drp-buttons {
        display: block
    }

    .daterangepicker.auto-apply .drp-buttons {
        display: none
    }

    .daterangepicker .drp-calendar {
        max-width: 270px;
        display: none
    }

    .daterangepicker .drp-calendar.left {
        padding: 8px 0 8px 8px
    }

    .daterangepicker .drp-calendar.right {
        padding: 8px
    }

    .daterangepicker .drp-calendar.single .calendar-table {
        border: none
    }

    .daterangepicker .calendar-table .next span,
    .daterangepicker .calendar-table .prev span {
        color: #fff;
        border: 2px solid #000;
        border-width: 0 2px 2px 0;
        border-radius: 0;
        padding: 3px;
        display: inline-block
    }

    .daterangepicker .calendar-table .next span {
        transform: rotate(-45deg)
    }

    .daterangepicker .calendar-table .prev span {
        transform: rotate(135deg)
    }

    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        cursor: pointer;
        border: 1px solid #0000;
        border-radius: 4px;
        width: 32px;
        min-width: 32px;
        height: 24px;
        font-size: 12px;
        line-height: 24px
    }

    .daterangepicker .calendar-table {
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 4px
    }

    .daterangepicker .calendar-table table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
        margin: 0
    }

    .daterangepicker td.available:hover,
    .daterangepicker th.available:hover {
        color: inherit;
        background-color: #eee;
        border-color: #0000
    }

    .daterangepicker td.week,
    .daterangepicker th.week {
        color: #ccc;
        font-size: 80%
    }

    .daterangepicker td.off,
    .daterangepicker td.off.in-range,
    .daterangepicker td.off.start-date,
    .daterangepicker td.off.end-date {
        color: #999;
        background-color: #fff;
        border-color: #0000
    }

    .daterangepicker td.in-range {
        color: #000;
        background-color: #ebf4f8;
        border-color: #0000;
        border-radius: 0
    }

    .daterangepicker td.start-date {
        border-radius: 4px 0 0 4px
    }

    .daterangepicker td.end-date {
        border-radius: 0 4px 4px 0
    }

    .daterangepicker td.start-date.end-date {
        border-radius: 4px
    }

    .daterangepicker td.active,
    .daterangepicker td.active:hover {
        color: #fff;
        background-color: #357ebd;
        border-color: #0000
    }

    .daterangepicker th.month {
        width: auto
    }

    .daterangepicker td.disabled,
    .daterangepicker option.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through
    }

    .daterangepicker select.monthselect,
    .daterangepicker select.yearselect {
        cursor: default;
        height: auto;
        margin: 0;
        padding: 1px;
        font-size: 12px
    }

    .daterangepicker select.monthselect {
        width: 56%;
        margin-right: 2%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.hourselect,
    .daterangepicker select.minuteselect,
    .daterangepicker select.secondselect,
    .daterangepicker select.ampmselect {
        background: #eee;
        border: 1px solid #eee;
        outline: 0;
        width: 50px;
        margin: 0 auto;
        padding: 2px;
        font-size: 12px
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 4px auto 0;
        line-height: 30px;
        position: relative
    }

    .daterangepicker .calendar-time select.disabled {
        color: #ccc;
        cursor: not-allowed
    }

    .daterangepicker .drp-buttons {
        clear: both;
        text-align: right;
        vertical-align: middle;
        border-top: 1px solid #ddd;
        padding: 8px;
        line-height: 12px;
        display: none
    }

    .daterangepicker .drp-selected {
        padding-right: 8px;
        font-size: 12px;
        display: inline-block
    }

    .daterangepicker .drp-buttons .btn {
        margin-left: 8px;
        padding: 4px 8px;
        font-size: 12px;
        font-weight: 700
    }

    .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker.show-ranges.rtl .drp-calendar.right {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker .ranges {
        float: none;
        text-align: left;
        margin: 0
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 8px
    }

    .daterangepicker .ranges ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        list-style: none
    }

    .daterangepicker .ranges li {
        cursor: pointer;
        padding: 8px 12px;
        font-size: 12px
    }

    .daterangepicker .ranges li:hover {
        background-color: #eee
    }

    .daterangepicker .ranges li.active {
        color: #fff;
        background-color: #08c
    }

    @media(min-width:564px) {
        .daterangepicker {
            width: auto
        }

        .daterangepicker .ranges ul {
            width: 140px
        }

        .daterangepicker.single .ranges ul {
            width: 100%
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none
        }

        .daterangepicker.single .ranges,
        .daterangepicker.single .drp-calendar {
            float: left
        }

        .daterangepicker {
            text-align: left;
            direction: ltr
        }

        .daterangepicker .drp-calendar.left {
            clear: left;
            margin-right: 0
        }

        .daterangepicker .drp-calendar.left .calendar-table {
            border-right: none;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .daterangepicker .drp-calendar.right {
            margin-left: 0
        }

        .daterangepicker .drp-calendar.right .calendar-table {
            border-left: none;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .daterangepicker .drp-calendar.left .calendar-table {
            padding-right: 8px
        }

        .daterangepicker .ranges,
        .daterangepicker .drp-calendar {
            float: left
        }
    }

    @media(min-width:730px) {
        .daterangepicker .ranges {
            float: left;
            width: auto
        }

        .daterangepicker.rtl .ranges {
            float: right
        }

        .daterangepicker .drp-calendar.left {
            clear: none !important
        }
    }

    @keyframes passing-through {
        0% {
            opacity: 0;
            transform: translateY(40px)
        }

        30%,
        70% {
            opacity: 1;
            transform: translateY(0)
        }

        to {
            opacity: 0;
            transform: translateY(-40px)
        }
    }

    @keyframes slide-in {
        0% {
            opacity: 0;
            transform: translateY(40px)
        }

        30% {
            opacity: 1;
            transform: translateY(0)
        }
    }

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

        10% {
            transform: scale(1.1)
        }

        20% {
            transform: scale(1)
        }
    }

    .dropzone,
    .dropzone * {
        box-sizing: border-box
    }

    .dropzone {
        border: 1px solid #000c;
        border-radius: 5px;
        min-height: 150px;
        padding: 20px
    }

    .dropzone.dz-clickable {
        cursor: pointer
    }

    .dropzone.dz-clickable * {
        cursor: default
    }

    .dropzone.dz-clickable .dz-message,
    .dropzone.dz-clickable .dz-message * {
        cursor: pointer
    }

    .dropzone.dz-started .dz-message {
        display: none
    }

    .dropzone.dz-drag-hover {
        border-style: solid
    }

    .dropzone.dz-drag-hover .dz-message {
        opacity: .5
    }

    .dropzone .dz-message {
        text-align: center;
        margin: 3em 0
    }

    .dropzone .dz-message .dz-button {
        color: inherit;
        font: inherit;
        cursor: pointer;
        outline: inherit;
        background: 0 0;
        border: none;
        padding: 0
    }

    .dropzone .dz-preview {
        vertical-align: top;
        min-height: 100px;
        margin: 16px;
        display: inline-block;
        position: relative
    }

    .dropzone .dz-preview:hover {
        z-index: 1000
    }

    .dropzone .dz-preview.dz-file-preview .dz-image {
        background: linear-gradient(#eee, #ddd);
        border-radius: 20px
    }

    .dropzone .dz-preview.dz-file-preview .dz-details {
        opacity: 1
    }

    .dropzone .dz-preview.dz-image-preview {
        background: #fff
    }

    .dropzone .dz-preview.dz-image-preview .dz-details {
        transition: opacity .2s linear
    }

    .dropzone .dz-preview .dz-remove {
        text-align: center;
        cursor: pointer;
        border: none;
        font-size: 14px;
        display: block
    }

    .dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline
    }

    .dropzone .dz-preview:hover .dz-details {
        opacity: 1
    }

    .dropzone .dz-preview .dz-details {
        z-index: 20;
        opacity: 0;
        text-align: center;
        color: #000000e6;
        min-width: 100%;
        max-width: 100%;
        padding: 2em 1em;
        font-size: 13px;
        line-height: 150%;
        position: absolute;
        top: 0;
        left: 0
    }

    .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px
    }

    .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap
    }

    .dropzone .dz-preview .dz-details .dz-filename:hover span {
        background-color: #fffc;
        border: 1px solid #c8c8c8cc
    }

    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
        text-overflow: ellipsis;
        overflow: hidden
    }

    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
        border: 1px solid #0000
    }

    .dropzone .dz-preview .dz-details .dz-filename span,
    .dropzone .dz-preview .dz-details .dz-size span {
        background-color: #fff6;
        border-radius: 3px;
        padding: 0 .4em
    }

    .dropzone .dz-preview:hover .dz-image img {
        filter: blur(8px);
        transform: scale(1.05)
    }

    .dropzone .dz-preview .dz-image {
        z-index: 10;
        border-radius: 20px;
        width: 120px;
        height: 120px;
        display: block;
        position: relative;
        overflow: hidden
    }

    .dropzone .dz-preview .dz-image img {
        display: block
    }

    .dropzone .dz-preview.dz-success .dz-success-mark {
        animation: 3s cubic-bezier(.77, 0, .175, 1) passing-through
    }

    .dropzone .dz-preview.dz-error .dz-error-mark {
        opacity: 1;
        animation: 3s cubic-bezier(.77, 0, .175, 1) slide-in
    }

    .dropzone .dz-preview .dz-success-mark,
    .dropzone .dz-preview .dz-error-mark {
        pointer-events: none;
        opacity: 0;
        z-index: 500;
        background: #000c;
        border-radius: 50%;
        margin-top: -27px;
        margin-left: -27px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%
    }

    .dropzone .dz-preview .dz-success-mark svg,
    .dropzone .dz-preview .dz-error-mark svg {
        fill: #fff;
        width: 54px;
        height: 54px;
        display: block
    }

    .dropzone .dz-preview.dz-processing .dz-progress {
        opacity: 1;
        transition: all .2s linear
    }

    .dropzone .dz-preview.dz-complete .dz-progress {
        opacity: 0;
        transition: opacity .4s ease-in
    }

    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
        animation: 6s infinite pulse
    }

    .dropzone .dz-preview .dz-progress {
        opacity: 1;
        z-index: 1000;
        pointer-events: none;
        background: #000c;
        border: 3px solid #000c;
        border-radius: 10px;
        height: 20px;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        left: 15%;
        right: 15%;
        overflow: hidden
    }

    .dropzone .dz-preview .dz-progress .dz-upload {
        background: #fff;
        border-radius: 17px;
        width: 0;
        height: 100%;
        transition: width .3s ease-in-out;
        display: block;
        position: relative
    }

    .dropzone .dz-preview.dz-error .dz-error-message {
        display: block
    }

    .dropzone .dz-preview.dz-error:hover .dz-error-message {
        opacity: 1;
        pointer-events: auto
    }

    .dropzone .dz-preview .dz-error-message {
        pointer-events: none;
        z-index: 1000;
        opacity: 0;
        color: #fff;
        background: #b10606;
        border-radius: 8px;
        width: 140px;
        padding: .5em 1em;
        font-size: 13px;
        transition: opacity .3s;
        display: none;
        position: absolute;
        top: 130px;
        left: -10px
    }

    .dropzone .dz-preview .dz-error-message:after {
        content: "";
        border-bottom: 6px solid #b10606;
        border-left: 6px solid #0000;
        border-right: 6px solid #0000;
        width: 0;
        height: 0;
        position: absolute;
        top: -6px;
        left: 64px
    }

    .filepond--image-preview-markup {
        position: absolute;
        top: 0;
        left: 0
    }

    .filepond--image-preview-wrapper {
        z-index: 2
    }

    .filepond--image-preview-overlay {
        opacity: 0;
        z-index: 2;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
        width: 100%;
        min-height: 5rem;
        max-height: 7rem;
        margin: 0;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }

    .filepond--image-preview-overlay svg {
        width: 100%;
        height: auto;
        color: inherit;
        max-height: inherit
    }

    .filepond--image-preview-overlay-idle {
        mix-blend-mode: multiply;
        color: #282828d9
    }

    .filepond--image-preview-overlay-success {
        mix-blend-mode: normal;
        color: #369763
    }

    .filepond--image-preview-overlay-failure {
        mix-blend-mode: normal;
        color: #c44e47
    }

    @supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
        .filepond--image-preview-overlay-idle {
            mix-blend-mode: normal
        }
    }

    .filepond--image-preview-wrapper {
        -webkit-user-select: none;
        user-select: none;
        background: #00000003;
        border-radius: .45em;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        overflow: hidden
    }

    .filepond--image-preview {
        z-index: 1;
        pointer-events: none;
        will-change: transform, opacity;
        background: #222;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute;
        top: 0;
        left: 0
    }

    .filepond--image-clip {
        margin: 0 auto;
        position: relative;
        overflow: hidden
    }

    .filepond--image-clip[data-transparency-indicator=grid] canvas,
    .filepond--image-clip[data-transparency-indicator=grid] img {
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E");
        background-size: 1.25em 1.25em
    }

    .filepond--image-bitmap,
    .filepond--image-vector {
        will-change: transform;
        position: absolute;
        top: 0;
        left: 0
    }

    .filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper {
        border-radius: 0
    }

    .filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview {
        justify-content: center;
        align-items: center;
        height: 100%;
        display: flex
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
        border-radius: 99999rem
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay {
        top: auto;
        bottom: 0;
        transform: scaleY(-1)
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
        margin-bottom: .325em
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
        left: calc(50% - 3em)
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
        right: calc(50% - 3em)
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
    .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
        margin-bottom: .5125em
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
        margin-top: 0;
        margin-bottom: .1875em;
        margin-left: .1875em
    }

    .filepond--assistant {
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
        width: 1px;
        height: 1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .filepond--browser.filepond--browser {
        opacity: 0;
        width: calc(100% - 2em);
        margin: 0;
        padding: 0;
        font-size: 0;
        position: absolute;
        top: 1.75em;
        left: 1em
    }

    .filepond--data {
        visibility: hidden;
        pointer-events: none;
        contain: strict;
        border: none;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        position: absolute
    }

    .filepond--drip {
        opacity: .1;
        pointer-events: none;
        background: #00000003;
        border-radius: .5em;
        position: absolute;
        inset: 0;
        overflow: hidden
    }

    .filepond--drip-blob {
        transform-origin: 50%;
        background: #292625;
        border-radius: 50%;
        width: 8em;
        height: 8em;
        margin-top: -4em;
        margin-left: -4em
    }

    .filepond--drip-blob,
    .filepond--drop-label {
        will-change: transform, opacity;
        position: absolute;
        top: 0;
        left: 0
    }

    .filepond--drop-label {
        color: #4f4f4f;
        -webkit-user-select: none;
        user-select: none;
        justify-content: center;
        align-items: center;
        height: 0;
        margin: 0;
        display: flex;
        right: 0
    }

    .filepond--drop-label.filepond--drop-label label {
        margin: 0;
        padding: .5em;
        display: block
    }

    .filepond--drop-label label {
        cursor: default;
        text-align: center;
        font-size: .875em;
        font-weight: 400;
        line-height: 1.5
    }

    .filepond--label-action {
        -webkit-text-decoration-skip: ink;
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        cursor: pointer;
        -webkit-text-decoration: underline #a7a4a4;
        text-decoration: underline #a7a4a4
    }

    .filepond--root[data-disabled] .filepond--drop-label label {
        opacity: .5
    }

    .filepond--file-action-button.filepond--file-action-button {
        width: 1.625em;
        height: 1.625em;
        font-family: inherit;
        font-size: 1em;
        line-height: inherit;
        will-change: transform, opacity;
        border: none;
        outline: none;
        margin: 0;
        padding: 0
    }

    .filepond--file-action-button.filepond--file-action-button span {
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
        width: 1px;
        height: 1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .filepond--file-action-button.filepond--file-action-button svg {
        width: 100%;
        height: 100%
    }

    .filepond--file-action-button.filepond--file-action-button:after {
        content: "";
        position: absolute;
        inset: -.75em
    }

    .filepond--file-action-button {
        cursor: auto;
        color: #fff;
        background-color: #00000080;
        background-image: none;
        border-radius: 50%;
        transition: box-shadow .25s ease-in;
        box-shadow: 0 0 #fff0
    }

    .filepond--file-action-button:focus,
    .filepond--file-action-button:hover {
        box-shadow: 0 0 0 .125em #ffffffe6
    }

    .filepond--file-action-button[disabled] {
        color: #ffffff80;
        background-color: #00000040
    }

    .filepond--file-action-button[hidden] {
        display: none
    }

    .filepond--action-edit-item.filepond--action-edit-item {
        width: 2em;
        height: 2em;
        padding: .1875em
    }

    .filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
        margin-left: -.1875em
    }

    .filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
        margin-bottom: -.1875em
    }

    .filepond--action-edit-item-alt {
        line-height: inherit;
        color: inherit;
        pointer-events: all;
        background: 0 0;
        border: none;
        outline: none;
        margin: 0 0 0 .25em;
        padding: 0;
        font-family: inherit;
        position: absolute
    }

    .filepond--action-edit-item-alt svg {
        width: 1.3125em;
        height: 1.3125em
    }

    .filepond--action-edit-item-alt span {
        opacity: 0;
        font-size: 0
    }

    .filepond--file-info {
        will-change: transform, opacity;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
        flex-direction: column;
        flex: 1;
        align-items: flex-start;
        min-width: 0;
        margin: 0 .5em 0 0;
        display: flex;
        position: static
    }

    .filepond--file-info * {
        margin: 0
    }

    .filepond--file-info .filepond--file-info-main {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        font-size: .75em;
        line-height: 1.2;
        overflow: hidden
    }

    .filepond--file-info .filepond--file-info-sub {
        opacity: .5;
        white-space: nowrap;
        font-size: .625em;
        transition: opacity .25s ease-in-out
    }

    .filepond--file-info .filepond--file-info-sub:empty {
        display: none
    }

    .filepond--file-status {
        text-align: right;
        will-change: transform, opacity;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
        flex-direction: column;
        flex-grow: 0;
        flex-shrink: 0;
        align-items: flex-end;
        min-width: 2.25em;
        margin: 0;
        display: flex;
        position: static
    }

    .filepond--file-status * {
        white-space: nowrap;
        margin: 0
    }

    .filepond--file-status .filepond--file-status-main {
        font-size: .75em;
        line-height: 1.2
    }

    .filepond--file-status .filepond--file-status-sub {
        opacity: .5;
        font-size: .625em;
        transition: opacity .25s ease-in-out
    }

    .filepond--file-wrapper.filepond--file-wrapper {
        border: none;
        min-width: 0;
        height: 100%;
        margin: 0;
        padding: 0
    }

    .filepond--file-wrapper.filepond--file-wrapper>legend {
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
        width: 1px;
        height: 1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .filepond--file {
        color: #fff;
        border-radius: .5em;
        align-items: flex-start;
        height: 100%;
        padding: .5625em;
        display: flex;
        position: static
    }

    .filepond--file .filepond--file-status {
        margin-left: auto;
        margin-right: 2.25em
    }

    .filepond--file .filepond--processing-complete-indicator {
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
        z-index: 3
    }

    .filepond--file .filepond--file-action-button,
    .filepond--file .filepond--processing-complete-indicator,
    .filepond--file .filepond--progress-indicator {
        position: absolute
    }

    .filepond--file [data-align*=left] {
        left: .5625em
    }

    .filepond--file [data-align*=right] {
        right: .5625em
    }

    .filepond--file [data-align*=center] {
        left: calc(50% - .8125em)
    }

    .filepond--file [data-align*=bottom] {
        bottom: 1.125em
    }

    .filepond--file [data-align=center] {
        top: calc(50% - .8125em)
    }

    .filepond--file .filepond--progress-indicator {
        margin-top: .1875em
    }

    .filepond--file .filepond--progress-indicator[data-align*=right] {
        margin-right: .1875em
    }

    .filepond--file .filepond--progress-indicator[data-align*=left] {
        margin-left: .1875em
    }

    [data-filepond-item-state*=error] .filepond--file-info,
    [data-filepond-item-state*=invalid] .filepond--file-info,
    [data-filepond-item-state=cancelled] .filepond--file-info {
        margin-right: 2.25em
    }

    [data-filepond-item-state~=processing] .filepond--file-status-sub {
        opacity: 0
    }

    [data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub {
        opacity: .5
    }

    [data-filepond-item-state=processing-error] .filepond--file-status-sub {
        opacity: 0
    }

    [data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub {
        opacity: .5
    }

    [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
        animation: .5s linear .125s both fall
    }

    [data-filepond-item-state=processing-complete] .filepond--file-status-sub {
        opacity: .5
    }

    [data-filepond-item-state=processing-complete] .filepond--file-info-sub,
    [data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub {
        opacity: 0
    }

    [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub {
        opacity: .5
    }

    [data-filepond-item-state*=error] .filepond--file-wrapper,
    [data-filepond-item-state*=error] .filepond--panel,
    [data-filepond-item-state*=invalid] .filepond--file-wrapper,
    [data-filepond-item-state*=invalid] .filepond--panel {
        animation: .65s linear both shake
    }

    [data-filepond-item-state*=busy] .filepond--progress-indicator svg {
        animation: 1s linear infinite spin
    }

    @keyframes spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @keyframes shake {

        10%,
        90% {
            transform: translate(-.0625em)
        }

        20%,
        80% {
            transform: translate(.125em)
        }

        30%,
        50%,
        70% {
            transform: translate(-.25em)
        }

        40%,
        60% {
            transform: translate(.25em)
        }
    }

    @keyframes fall {
        0% {
            opacity: 0;
            animation-timing-function: ease-out;
            transform: scale(.5)
        }

        70% {
            opacity: 1;
            animation-timing-function: ease-in-out;
            transform: scale(1.1)
        }

        to {
            animation-timing-function: ease-out;
            transform: scale(1)
        }
    }

    .filepond--hopper[data-hopper-state=drag-over]>* {
        pointer-events: none
    }

    .filepond--hopper[data-hopper-state=drag-over]:after {
        content: "";
        z-index: 100;
        position: absolute;
        inset: 0
    }

    .filepond--progress-indicator {
        z-index: 103
    }

    .filepond--file-action-button {
        z-index: 102
    }

    .filepond--file-status {
        z-index: 101
    }

    .filepond--file-info {
        z-index: 100
    }

    .filepond--item {
        z-index: 1;
        will-change: transform, opacity;
        touch-action: auto;
        margin: .25em;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .filepond--item>.filepond--panel {
        z-index: -1
    }

    .filepond--item>.filepond--panel .filepond--panel-bottom {
        box-shadow: 0 .0625em .125em -.0625em #00000040
    }

    .filepond--item>.filepond--file-wrapper,
    .filepond--item>.filepond--panel {
        transition: opacity .15s ease-out
    }

    .filepond--item[data-drag-state] {
        cursor: -webkit-grab;
        cursor: grab
    }

    .filepond--item[data-drag-state]>.filepond--panel {
        transition: box-shadow .125s ease-in-out;
        box-shadow: 0 0 #0000
    }

    .filepond--item[data-drag-state=drag] {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

    .filepond--item[data-drag-state=drag]>.filepond--panel {
        box-shadow: 0 .125em .3125em #00000053
    }

    .filepond--item[data-drag-state]:not([data-drag-state=idle]) {
        z-index: 2
    }

    .filepond--item-panel {
        background-color: #64605e
    }

    [data-filepond-item-state=processing-complete] .filepond--item-panel {
        background-color: #369763
    }

    [data-filepond-item-state*=error] .filepond--item-panel,
    [data-filepond-item-state*=invalid] .filepond--item-panel {
        background-color: #c44e47
    }

    .filepond--item-panel {
        border-radius: .5em;
        transition: background-color .25s
    }

    .filepond--list-scroller {
        will-change: transform;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .filepond--list-scroller[data-state=overflow] .filepond--list {
        bottom: 0;
        right: 0
    }

    .filepond--list-scroller[data-state=overflow] {
        -webkit-overflow-scrolling: touch;
        overflow: hidden scroll;
        -webkit-mask: linear-gradient(#000 calc(100% - .5em), #0000);
        mask: linear-gradient(#000 calc(100% - .5em), #0000)
    }

    .filepond--list-scroller::-webkit-scrollbar {
        background: 0 0
    }

    .filepond--list-scroller::-webkit-scrollbar:vertical {
        width: 1em
    }

    .filepond--list-scroller::-webkit-scrollbar:horizontal {
        height: 0
    }

    .filepond--list-scroller::-webkit-scrollbar-thumb {
        background-color: #0000004d;
        background-clip: content-box;
        border: .3125em solid #0000;
        border-radius: 99999px
    }

    .filepond--list.filepond--list {
        will-change: transform;
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: absolute;
        top: 0
    }

    .filepond--list {
        left: .75em;
        right: .75em
    }

    .filepond--root[data-style-panel-layout~=integrated] {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
        border-radius: 0
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>* {
        display: none
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
        z-index: 7;
        justify-content: center;
        align-items: center;
        height: auto;
        display: flex;
        bottom: 0
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
        display: none
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
        height: 100%;
        margin-top: 0;
        margin-bottom: 0;
        overflow: hidden
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--list,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--list {
        height: 100%;
        left: 0;
        right: 0
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--item,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--item {
        margin: 0
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
        height: 100%
    }

    .filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
    .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
        z-index: 7
    }

    .filepond--root[data-style-panel-layout~=circle] {
        border-radius: 99999rem;
        overflow: hidden
    }

    .filepond--root[data-style-panel-layout~=circle]>.filepond--panel {
        border-radius: inherit
    }

    .filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*,
    .filepond--root[data-style-panel-layout~=circle] .filepond--file-info,
    .filepond--root[data-style-panel-layout~=circle] .filepond--file-status {
        display: none
    }

    .filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
        opacity: 1 !important;
        visibility: visible !important
    }

    @media not all and (min-resolution:.001dpcm) {
        @supports ((-webkit-appearance:none)) and (stroke-color:transparent) {
            .filepond--root[data-style-panel-layout~=circle] {
                will-change: transform
            }
        }
    }

    .filepond--panel-root {
        background-color: #f1f0ef;
        border-radius: .5em
    }

    .filepond--panel {
        pointer-events: none;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100% !important
    }

    .filepond-panel:not([data-scalable=false]) {
        height: auto !important
    }

    .filepond--panel[data-scalable=false]>div {
        display: none
    }

    .filepond--panel[data-scalable=true] {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        background-color: #0000 !important;
        border: none !important
    }

    .filepond--panel-bottom,
    .filepond--panel-center,
    .filepond--panel-top {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .filepond--panel-bottom,
    .filepond--panel-top {
        height: .5em
    }

    .filepond--panel-top {
        border-bottom: none !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .filepond--panel-top:after {
        content: "";
        background-color: inherit;
        height: 2px;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0
    }

    .filepond--panel-bottom,
    .filepond--panel-center {
        will-change: transform;
        backface-visibility: hidden;
        transform-origin: 0 0;
        transform: translateY(.5em)
    }

    .filepond--panel-bottom {
        border-top: none !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .filepond--panel-bottom:before {
        content: "";
        background-color: inherit;
        height: 2px;
        position: absolute;
        top: -1px;
        left: 0;
        right: 0
    }

    .filepond--panel-center {
        border-top: none !important;
        border-bottom: none !important;
        border-radius: 0 !important;
        height: 100px !important
    }

    .filepond--panel-center:not([style]) {
        visibility: hidden
    }

    .filepond--progress-indicator {
        color: #fff;
        pointer-events: none;
        will-change: transform, opacity;
        width: 1.25em;
        height: 1.25em;
        margin: 0;
        position: static
    }

    .filepond--progress-indicator svg {
        vertical-align: top;
        transform-box: fill-box;
        width: 100%;
        height: 100%
    }

    .filepond--progress-indicator path {
        fill: none;
        stroke: currentColor
    }

    .filepond--list-scroller {
        z-index: 6
    }

    .filepond--drop-label {
        z-index: 5
    }

    .filepond--drip {
        z-index: 3
    }

    .filepond--root>.filepond--panel {
        z-index: 2
    }

    .filepond--browser {
        z-index: 1
    }

    .filepond--root {
        box-sizing: border-box;
        text-align: left;
        text-rendering: optimizeLegibility;
        contain: layout style size;
        direction: ltr;
        margin-bottom: 1em;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: 1rem;
        font-weight: 450;
        line-height: normal;
        position: relative
    }

    .filepond--root * {
        box-sizing: inherit;
        line-height: inherit
    }

    .filepond--root :not(text) {
        font-size: inherit
    }

    .filepond--root[data-disabled] {
        pointer-events: none
    }

    .filepond--root[data-disabled] .filepond--list-scroller {
        pointer-events: all
    }

    .filepond--root[data-disabled] .filepond--list {
        pointer-events: none
    }

    .filepond--root .filepond--drop-label {
        min-height: 4.75em
    }

    .filepond--root .filepond--list-scroller {
        margin-top: 1em;
        margin-bottom: 1em
    }

    .filepond--root .filepond--credits {
        opacity: .4;
        color: inherit;
        z-index: 3;
        font-size: 11px;
        line-height: .85;
        text-decoration: none;
        position: absolute;
        bottom: -14px;
        right: 0
    }

    .filepond--root .filepond--credits[style] {
        margin-top: 14px;
        top: 0;
        bottom: auto
    }

    .flatpickr-calendar {
        opacity: 0;
        text-align: center;
        visibility: hidden;
        box-sizing: border-box;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        direction: ltr;
        background: #fff;
        border: 0;
        border-radius: 5px;
        width: 307.875px;
        padding: 0;
        font-size: 14px;
        line-height: 24px;
        animation: none;
        display: none;
        position: absolute;
        box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014
    }

    .flatpickr-calendar.open,
    .flatpickr-calendar.inline {
        opacity: 1;
        visibility: visible;
        max-height: 640px
    }

    .flatpickr-calendar.open {
        z-index: 99999;
        display: inline-block
    }

    .flatpickr-calendar.animate.open {
        animation: .3s cubic-bezier(.23, 1, .32, 1) fpFadeInDown
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px)
    }

    .flatpickr-calendar.static.open {
        z-index: 999;
        display: block
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
    }

    .flatpickr-calendar .hasWeeks .dayContainer,
    .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        border-top: 1px solid #e6e6e6;
        height: 40px
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto
    }

    .flatpickr-calendar:before,
    .flatpickr-calendar:after {
        pointer-events: none;
        content: "";
        border: solid #0000;
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        left: 22px
    }

    .flatpickr-calendar.rightMost:before,
    .flatpickr-calendar.arrowRight:before,
    .flatpickr-calendar.rightMost:after,
    .flatpickr-calendar.arrowRight:after {
        left: auto;
        right: 22px
    }

    .flatpickr-calendar.arrowCenter:before,
    .flatpickr-calendar.arrowCenter:after {
        left: 50%;
        right: 50%
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px
    }

    .flatpickr-calendar.arrowTop:before,
    .flatpickr-calendar.arrowTop:after {
        bottom: 100%
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff
    }

    .flatpickr-calendar.arrowBottom:before,
    .flatpickr-calendar.arrowBottom:after {
        top: 100%
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff
    }

    .flatpickr-calendar:focus {
        outline: 0
    }

    .flatpickr-wrapper {
        display: inline-block;
        position: relative
    }

    .flatpickr-months {
        display: flex
    }

    .flatpickr-months .flatpickr-month {
        color: #000000e6;
        fill: #000000e6;
        text-align: center;
        -webkit-user-select: none;
        user-select: none;
        background: 0 0;
        flex: 1;
        height: 34px;
        line-height: 1;
        position: relative;
        overflow: hidden
    }

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
        z-index: 3;
        color: #000000e6;
        fill: #000000e6;
        height: 34px;
        padding: 10px;
        text-decoration: none;
        position: absolute;
        top: 0
    }

    .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
    .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
        display: none
    }

    .flatpickr-months .flatpickr-prev-month i,
    .flatpickr-months .flatpickr-next-month i {
        position: relative
    }

    .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
        left: 0
    }

    .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
    .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
        right: 0
    }

    .flatpickr-months .flatpickr-prev-month:hover,
    .flatpickr-months .flatpickr-next-month:hover {
        color: #959ea9
    }

    .flatpickr-months .flatpickr-prev-month:hover svg,
    .flatpickr-months .flatpickr-next-month:hover svg {
        fill: #f64747
    }

    .flatpickr-months .flatpickr-prev-month svg,
    .flatpickr-months .flatpickr-next-month svg {
        width: 14px;
        height: 14px
    }

    .flatpickr-months .flatpickr-prev-month svg path,
    .flatpickr-months .flatpickr-next-month svg path {
        fill: inherit;
        transition: fill .1s
    }

    .numInputWrapper {
        height: auto;
        position: relative
    }

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block
    }

    .numInputWrapper input {
        width: 100%
    }

    .numInputWrapper input::-ms-clear {
        display: none
    }

    .numInputWrapper input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .numInputWrapper input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .numInputWrapper span {
        opacity: 0;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid #39393926;
        width: 14px;
        height: 50%;
        padding: 0 4px 0 2px;
        line-height: 50%;
        position: absolute;
        right: 0
    }

    .numInputWrapper span:hover {
        background: #0000001a
    }

    .numInputWrapper span:active {
        background: #0003
    }

    .numInputWrapper span:after {
        content: "";
        display: block;
        position: absolute
    }

    .numInputWrapper span.arrowUp {
        border-bottom: 0;
        top: 0
    }

    .numInputWrapper span.arrowUp:after {
        border-bottom: 4px solid #39393999;
        border-left: 4px solid #0000;
        border-right: 4px solid #0000;
        top: 26%
    }

    .numInputWrapper span.arrowDown {
        top: 50%
    }

    .numInputWrapper span.arrowDown:after {
        border-top: 4px solid #39393999;
        border-left: 4px solid #0000;
        border-right: 4px solid #0000;
        top: 40%
    }

    .numInputWrapper span svg {
        width: inherit;
        height: auto
    }

    .numInputWrapper span svg path {
        fill: #00000080
    }

    .numInputWrapper:hover {
        background: #0000000d
    }

    .numInputWrapper:hover span {
        opacity: 1
    }

    .flatpickr-current-month {
        font-size: 135%;
        line-height: inherit;
        color: inherit;
        text-align: center;
        width: 75%;
        height: 34px;
        padding: 7.48px 0 0;
        font-weight: 300;
        line-height: 1;
        display: inline-block;
        position: absolute;
        left: 12.5%;
        transform: translate(0)
    }

    .flatpickr-current-month span.cur-month {
        color: inherit;
        margin-left: .5ch;
        padding: 0;
        font-family: inherit;
        font-weight: 700;
        display: inline-block
    }

    .flatpickr-current-month span.cur-month:hover {
        background: #0000000d
    }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch�;
        display: inline-block
    }

    .flatpickr-current-month .numInputWrapper span.arrowUp:after {
        border-bottom-color: #000000e6
    }

    .flatpickr-current-month .numInputWrapper span.arrowDown:after {
        border-top-color: #000000e6
    }

    .flatpickr-current-month input.cur-year {
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        vertical-align: initial;
        appearance: textfield;
        background: 0 0;
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 0 0 0 .5ch;
        display: inline-block
    }

    .flatpickr-current-month input.cur-year:focus {
        outline: 0
    }

    .flatpickr-current-month input.cur-year[disabled],
    .flatpickr-current-month input.cur-year[disabled]:hover {
        color: #00000080;
        pointer-events: none;
        background: 0 0;
        font-size: 100%
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        height: auto;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        vertical-align: initial;
        background: 0 0;
        border: none;
        border-radius: 0;
        outline: none;
        width: auto;
        margin: -1px 0 0;
        padding: 0 0 0 .5ch;
        position: relative
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
    .flatpickr-current-month .flatpickr-monthDropdown-months:active {
        outline: none
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
        background: #0000000d
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
        background-color: #0000;
        outline: none;
        padding: 0
    }

    .flatpickr-weekdays {
        text-align: center;
        background: 0 0;
        align-items: center;
        width: 100%;
        height: 28px;
        display: flex;
        overflow: hidden
    }

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        flex: 1;
        display: flex
    }

    span.flatpickr-weekday {
        cursor: default;
        color: #0000008a;
        text-align: center;
        background: 0 0;
        flex: 1;
        margin: 0;
        font-size: 90%;
        font-weight: bolder;
        line-height: 1;
        display: block
    }

    .dayContainer,
    .flatpickr-weeks {
        padding: 1px 0 0
    }

    .flatpickr-days {
        align-items: flex-start;
        width: 307.875px;
        display: flex;
        position: relative;
        overflow: hidden
    }

    .flatpickr-days:focus {
        outline: 0
    }

    .dayContainer {
        text-align: left;
        box-sizing: border-box;
        opacity: 1;
        outline: 0;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 307.875px;
        min-width: 307.875px;
        max-width: 307.875px;
        padding: 0;
        display: flex;
        transform: translate(0)
    }

    .dayContainer+.dayContainer {
        box-shadow: -1px 0 #e6e6e6
    }

    .flatpickr-day {
        box-sizing: border-box;
        color: #393939;
        cursor: pointer;
        text-align: center;
        background: 0 0;
        border: 1px solid #0000;
        border-radius: 150px;
        flex-basis: 14.2857%;
        justify-content: center;
        width: 14.2857%;
        max-width: 39px;
        height: 39px;
        margin: 0;
        font-weight: 400;
        line-height: 39px;
        display: inline-block;
        position: relative
    }

    .flatpickr-day.inRange,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.today.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day:hover,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day:focus,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.nextMonthDay:focus {
        cursor: pointer;
        background: #e6e6e6;
        border-color: #e6e6e6;
        outline: 0
    }

    .flatpickr-day.today {
        border-color: #959ea9
    }

    .flatpickr-day.today:hover,
    .flatpickr-day.today:focus {
        color: #fff;
        background: #959ea9;
        border-color: #959ea9
    }

    .flatpickr-day.selected,
    .flatpickr-day.startRange,
    .flatpickr-day.endRange,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.selected:focus,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange:hover,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.endRange.nextMonthDay {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        background: #569ff7;
        border-color: #569ff7
    }

    .flatpickr-day.selected.startRange,
    .flatpickr-day.startRange.startRange,
    .flatpickr-day.endRange.startRange {
        border-radius: 50px 0 0 50px
    }

    .flatpickr-day.selected.endRange,
    .flatpickr-day.startRange.endRange,
    .flatpickr-day.endRange.endRange {
        border-radius: 0 50px 50px 0
    }

    .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
    .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
    .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
        box-shadow: -10px 0 #569ff7
    }

    .flatpickr-day.selected.startRange.endRange,
    .flatpickr-day.startRange.startRange.endRange,
    .flatpickr-day.endRange.startRange.endRange {
        border-radius: 50px
    }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6
    }

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.prevMonthDay,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.notAllowed.nextMonthDay {
        color: #3939394d;
        cursor: default;
        background: 0 0;
        border-color: #0000
    }

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover {
        cursor: not-allowed;
        color: #3939391a
    }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 #569ff7, 5px 0 #569ff7
    }

    .flatpickr-day.hidden {
        visibility: hidden
    }

    .rangeMode .flatpickr-day {
        margin-top: 1px
    }

    .flatpickr-weekwrapper {
        float: left
    }

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        box-shadow: 1px 0 #e6e6e6
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        color: #3939394d;
        cursor: default;
        background: 0 0;
        border: none;
        width: 100%;
        max-width: none;
        display: block
    }

    .flatpickr-innerContainer {
        box-sizing: border-box;
        display: flex;
        overflow: hidden
    }

    .flatpickr-rContainer {
        box-sizing: border-box;
        padding: 0;
        display: inline-block
    }

    .flatpickr-time {
        text-align: center;
        box-sizing: border-box;
        outline: 0;
        height: 0;
        max-height: 40px;
        line-height: 40px;
        display: flex;
        overflow: hidden
    }

    .flatpickr-time:after {
        content: "";
        clear: both;
        display: table
    }

    .flatpickr-time .numInputWrapper {
        float: left;
        flex: 1;
        width: 40%;
        height: 40px
    }

    .flatpickr-time .numInputWrapper span.arrowUp:after {
        border-bottom-color: #393939
    }

    .flatpickr-time .numInputWrapper span.arrowDown:after {
        border-top-color: #393939
    }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%
    }

    .flatpickr-time input {
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: center;
        height: inherit;
        line-height: inherit;
        color: #393939;
        box-sizing: border-box;
        appearance: textfield;
        background: 0 0;
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 0;
        font-size: 14px;
        position: relative
    }

    .flatpickr-time input.flatpickr-hour {
        font-weight: 700
    }

    .flatpickr-time input.flatpickr-minute,
    .flatpickr-time input.flatpickr-second {
        font-weight: 400
    }

    .flatpickr-time input:focus {
        border: 0;
        outline: 0
    }

    .flatpickr-time .flatpickr-time-separator,
    .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        float: left;
        line-height: inherit;
        color: #393939;
        -webkit-user-select: none;
        user-select: none;
        align-self: center;
        width: 2%;
        font-weight: 700
    }

    .flatpickr-time .flatpickr-am-pm {
        cursor: pointer;
        text-align: center;
        outline: 0;
        width: 18%;
        font-weight: 400
    }

    .flatpickr-time input:hover,
    .flatpickr-time .flatpickr-am-pm:hover,
    .flatpickr-time input:focus,
    .flatpickr-time .flatpickr-am-pm:focus {
        background: #eee
    }

    .flatpickr-input[readonly] {
        cursor: pointer
    }

    @keyframes fpFadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-20px)
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    .glightbox-container {
        -ms-touch-action: none;
        touch-action: none;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        text-size-adjust: 100%;
        backface-visibility: hidden;
        outline: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 999999 !important
    }

    .glightbox-container.inactive {
        display: none
    }

    .glightbox-container .gcontainer {
        z-index: 9999;
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden
    }

    .glightbox-container .gslider {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        transition: transform .4s;
        position: relative;
        top: 0;
        left: 0;
        overflow: hidden;
        transform: translate(0);
        display: flex !important
    }

    .glightbox-container .gslide {
        -webkit-user-select: none;
        user-select: none;
        opacity: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
        position: absolute
    }

    .glightbox-container .gslide.current {
        opacity: 1;
        z-index: 99999;
        position: relative
    }

    .glightbox-container .gslide.prev {
        opacity: 1;
        z-index: 9999
    }

    .glightbox-container .gslide-inner-content {
        width: 100%
    }

    .glightbox-container .ginner-container {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        height: 100vh;
        margin: auto;
        display: flex;
        position: relative
    }

    .glightbox-container .ginner-container.gvideo-container {
        width: 100%
    }

    .glightbox-container .ginner-container.desc-bottom,
    .glightbox-container .ginner-container.desc-top {
        flex-direction: column
    }

    .glightbox-container .ginner-container.desc-left,
    .glightbox-container .ginner-container.desc-right {
        max-width: 100% !important
    }

    .gslide iframe,
    .gslide video {
        -webkit-overflow-scrolling: touch;
        -ms-touch-action: auto;
        touch-action: auto;
        border: none;
        min-height: 165px;
        outline: 0 !important
    }

    .gslide:not(.current) {
        pointer-events: none
    }

    .gslide-image {
        align-items: center
    }

    .gslide-image img {
        float: none;
        -webkit-user-select: none;
        user-select: none;
        -o-object-fit: cover;
        object-fit: cover;
        -ms-touch-action: none;
        touch-action: none;
        border: none;
        outline: 0;
        width: auto;
        min-width: 200px;
        max-width: 100vw;
        height: auto;
        max-height: 100vh;
        margin: auto;
        padding: 0;
        display: block
    }

    .desc-bottom .gslide-image img,
    .desc-top .gslide-image img {
        width: auto
    }

    .desc-left .gslide-image img,
    .desc-right .gslide-image img {
        width: auto;
        max-width: 100%
    }

    .gslide-image img.zoomable {
        position: relative
    }

    .gslide-image img.dragging {
        transition: none;
        cursor: -webkit-grabbing !important;
        cursor: grabbing !important
    }

    .gslide-video {
        max-width: 100vh;
        position: relative;
        width: 100% !important
    }

    .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
        display: none
    }

    .gslide-video .gvideo-wrapper {
        width: 100%;
        margin: auto
    }

    .gslide-video:before {
        content: "";
        background: #ff000057;
        width: 100%;
        height: 100%;
        display: none;
        position: absolute
    }

    .gslide-video.playing:before {
        display: none
    }

    .gslide-video.fullscreen {
        min-width: 100%;
        height: 75vh;
        max-width: 100% !important
    }

    .gslide-video.fullscreen video {
        width: 100% !important;
        max-width: 100% !important
    }

    .gslide-inline {
        text-align: left;
        background: #fff;
        max-width: 100%;
        max-height: calc(100vh - 40px);
        margin: auto;
        overflow: auto
    }

    .gslide-inline .ginlined-content {
        width: 100%;
        padding: 20px
    }

    .gslide-inline .dragging {
        transition: none;
        cursor: -webkit-grabbing !important;
        cursor: grabbing !important
    }

    .ginlined-content {
        opacity: 1;
        overflow: auto;
        display: block !important
    }

    .gslide-external {
        background: #fff;
        width: 100%;
        min-width: 100%;
        height: 100%;
        max-height: 75vh;
        padding: 0;
        display: flex;
        overflow: auto
    }

    .gslide-media {
        width: auto;
        display: flex
    }

    .zoomed .gslide-media {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .desc-bottom .gslide-media,
    .desc-top .gslide-media {
        flex-direction: column;
        margin: 0 auto
    }

    .gslide-description {
        flex: 1 0 100%;
        position: relative
    }

    .gslide-description.description-left,
    .gslide-description.description-right {
        max-width: 100%
    }

    .gslide-description.description-bottom,
    .gslide-description.description-top {
        width: 100%;
        margin: 0 auto
    }

    .gslide-description p {
        margin-bottom: 12px
    }

    .gslide-description p:last-child {
        margin-bottom: 0
    }

    .zoomed .gslide-description,
    .glightbox-button-hidden {
        display: none
    }

    .glightbox-mobile .glightbox-container .gslide-description {
        background: linear-gradient(#0000 0, #000000bf);
        width: 100%;
        max-height: 78vh;
        padding: 19px 11px 50px;
        transition: opacity .3s linear;
        position: absolute;
        bottom: 0;
        order: 2 !important;
        max-width: 100vw !important;
        height: auto !important;
        overflow: auto !important
    }

    .glightbox-mobile .glightbox-container .gslide-title {
        color: #fff;
        font-size: 1em
    }

    .glightbox-mobile .glightbox-container .gslide-desc {
        color: #a1a1a1
    }

    .glightbox-mobile .glightbox-container .gslide-desc a {
        color: #fff;
        font-weight: 700
    }

    .glightbox-mobile .glightbox-container .gslide-desc * {
        color: inherit
    }

    .glightbox-mobile .glightbox-container .gslide-desc .desc-more {
        color: #fff;
        opacity: .4
    }

    .gdesc-open .gslide-media {
        opacity: .4;
        transition: opacity .5s
    }

    .gdesc-open .gdesc-inner {
        padding-bottom: 30px
    }

    .gdesc-closed .gslide-media {
        opacity: 1;
        transition: opacity .5s
    }

    .greset {
        transition: all .3s
    }

    .gabsolute {
        position: absolute
    }

    .grelative {
        position: relative
    }

    .glightbox-desc {
        display: none !important
    }

    .glightbox-open {
        overflow: hidden
    }

    .gloader {
        z-index: 9999;
        border: 2px solid #fff;
        border-right-color: #0000;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin: 0 auto;
        animation: .8s linear infinite lightboxLoader;
        display: block;
        position: absolute;
        top: 47%;
        left: 0;
        right: 0
    }

    .goverlay {
        will-change: opacity;
        background: #000;
        width: 100%;
        height: calc(100vh + 1px);
        position: fixed;
        top: -1px;
        left: 0
    }

    .glightbox-mobile .goverlay {
        background: #000
    }

    .gclose,
    .gnext,
    .gprev {
        z-index: 99999;
        cursor: pointer;
        border: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 26px;
        height: 44px;
        display: flex
    }

    .gclose svg,
    .gnext svg,
    .gprev svg {
        width: 25px;
        height: auto;
        margin: 0;
        padding: 0;
        display: block
    }

    .gclose.disabled,
    .gnext.disabled,
    .gprev.disabled {
        opacity: .1
    }

    .gclose .garrow,
    .gnext .garrow,
    .gprev .garrow {
        stroke: #fff
    }

    .gbtn.focused {
        outline: 2px solid #0f3d81
    }

    iframe.wait-autoplay {
        opacity: 0
    }

    .glightbox-closing .gclose,
    .glightbox-closing .gnext,
    .glightbox-closing .gprev {
        opacity: 0 !important
    }

    .glightbox-clean .gslide-description {
        background: #fff
    }

    .glightbox-clean .gdesc-inner {
        padding: 22px 20px
    }

    .glightbox-clean .gslide-title {
        color: #000;
        margin-bottom: 19px;
        font-family: arial;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.4em
    }

    .glightbox-clean .gslide-desc {
        margin-bottom: 0;
        font-family: arial;
        font-size: .86em;
        line-height: 1.4em
    }

    .glightbox-clean .gslide-video {
        background: #000
    }

    .glightbox-clean .gclose,
    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        background-color: #000000bf;
        border-radius: 4px
    }

    .glightbox-clean .gclose path,
    .glightbox-clean .gnext path,
    .glightbox-clean .gprev path {
        fill: #fff
    }

    .glightbox-clean .gprev {
        width: 40px;
        height: 50px;
        position: absolute;
        top: -100%;
        left: 30px
    }

    .glightbox-clean .gnext {
        width: 40px;
        height: 50px;
        position: absolute;
        top: -100%;
        right: 30px
    }

    .glightbox-clean .gclose {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 15px;
        right: 10px
    }

    .glightbox-clean .gclose svg {
        width: 18px;
        height: auto
    }

    .glightbox-clean .gclose:hover {
        opacity: 1
    }

    .gfadeIn {
        animation: .5s gfadeIn
    }

    .gfadeOut {
        animation: .5s gfadeOut
    }

    .gslideOutLeft {
        animation: .3s gslideOutLeft
    }

    .gslideInLeft {
        animation: .3s gslideInLeft
    }

    .gslideOutRight {
        animation: .3s gslideOutRight
    }

    .gslideInRight {
        animation: .3s gslideInRight
    }

    .gzoomIn {
        animation: .5s gzoomIn
    }

    .gzoomOut {
        animation: .5s gzoomOut
    }

    @keyframes lightboxLoader {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

    @keyframes gfadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes gfadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes gslideInLeft {
        0% {
            opacity: 0;
            transform: translate(-60%)
        }

        to {
            visibility: visible;
            opacity: 1;
            transform: translate(0)
        }
    }

    @keyframes gslideOutLeft {
        0% {
            opacity: 1;
            visibility: visible;
            transform: translate(0)
        }

        to {
            opacity: 0;
            visibility: hidden;
            transform: translate(-60%)
        }
    }

    @keyframes gslideInRight {
        0% {
            opacity: 0;
            visibility: visible;
            transform: translate(60%)
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    @keyframes gslideOutRight {
        0% {
            opacity: 1;
            visibility: visible;
            transform: translate(0)
        }

        to {
            opacity: 0;
            transform: translate(60%)
        }
    }

    @keyframes gzoomIn {
        0% {
            opacity: 0;
            transform: scale3d(.3, .3, .3)
        }

        to {
            opacity: 1
        }
    }

    @keyframes gzoomOut {
        0% {
            opacity: 1
        }

        50% {
            opacity: 0;
            transform: scale3d(.3, .3, .3)
        }

        to {
            opacity: 0
        }
    }

    @media(min-width:769px) {
        .glightbox-container .ginner-container {
            flex-direction: row;
            width: auto;
            height: auto
        }

        .glightbox-container .ginner-container.desc-top .gslide-description {
            order: 0
        }

        .glightbox-container .ginner-container.desc-top .gslide-image,
        .glightbox-container .ginner-container.desc-top .gslide-image img {
            order: 1
        }

        .glightbox-container .ginner-container.desc-left .gslide-description {
            order: 0
        }

        .glightbox-container .ginner-container.desc-left .gslide-image {
            order: 1
        }

        .gslide-image img {
            max-width: 100%;
            max-height: 97vh
        }

        .gslide-image img.zoomable {
            cursor: -webkit-zoom-in;
            cursor: zoom-in
        }

        .zoomed .gslide-image img.zoomable {
            cursor: -webkit-grab;
            cursor: grab
        }

        .gslide-inline {
            max-height: 95vh
        }

        .gslide-external {
            max-height: 100vh
        }

        .gslide-description.description-left,
        .gslide-description.description-right {
            max-width: 275px
        }

        .glightbox-open {
            height: auto
        }

        .goverlay {
            background: #000000eb
        }

        .glightbox-clean .gslide-media {
            box-shadow: 1px 2px 9px #000000a6
        }

        .glightbox-clean .description-left .gdesc-inner,
        .glightbox-clean .description-right .gdesc-inner {
            height: 100%;
            position: absolute;
            overflow-y: auto
        }

        .glightbox-clean .gclose,
        .glightbox-clean .gnext,
        .glightbox-clean .gprev {
            background-color: #00000052
        }

        .glightbox-clean .gclose:hover,
        .glightbox-clean .gnext:hover,
        .glightbox-clean .gprev:hover {
            background-color: #000000b3
        }

        .glightbox-clean .gprev,
        .glightbox-clean .gnext {
            top: 45%
        }
    }

    @media(min-width:992px) {
        .glightbox-clean .gclose {
            opacity: .7;
            right: 20px
        }
    }

    @media screen and (max-height:420px) {
        .goverlay {
            background: #000
        }
    }

    .jstree-node,
    .jstree-children,
    .jstree-container-ul {
        margin: 0;
        padding: 0;
        list-style-image: none;
        list-style-type: none;
        display: block
    }

    .jstree-node {
        white-space: nowrap
    }

    .jstree-anchor {
        color: #000;
        white-space: nowrap;
        vertical-align: top;
        margin: 0;
        padding: 0 4px 0 1px;
        display: inline-block
    }

    .jstree-anchor:focus {
        outline: 0
    }

    .jstree-anchor,
    .jstree-anchor:link,
    .jstree-anchor:visited,
    .jstree-anchor:hover,
    .jstree-anchor:active {
        color: inherit;
        text-decoration: none
    }

    .jstree-icon,
    .jstree-icon:empty {
        vertical-align: top;
        text-align: center;
        margin: 0;
        padding: 0;
        text-decoration: none;
        display: inline-block
    }

    .jstree-ocl {
        cursor: pointer
    }

    .jstree-leaf>.jstree-ocl {
        cursor: default
    }

    .jstree .jstree-open>.jstree-children {
        display: block
    }

    .jstree .jstree-closed>.jstree-children,
    .jstree .jstree-leaf>.jstree-children {
        display: none
    }

    .jstree-anchor>.jstree-themeicon {
        margin-right: 2px
    }

    .jstree-no-icons .jstree-themeicon,
    .jstree-anchor>.jstree-themeicon-hidden,
    .jstree-hidden,
    .jstree-node.jstree-hidden {
        display: none
    }

    .jstree-rtl .jstree-anchor {
        padding: 0 1px 0 4px
    }

    .jstree-rtl .jstree-anchor>.jstree-themeicon {
        margin-left: 2px;
        margin-right: 0
    }

    .jstree-rtl .jstree-node {
        margin-left: 0
    }

    .jstree-rtl .jstree-container-ul>.jstree-node {
        margin-right: 0
    }

    .jstree-wholerow-ul {
        min-width: 100%;
        display: inline-block;
        position: relative
    }

    .jstree-wholerow-ul .jstree-leaf>.jstree-ocl {
        cursor: pointer
    }

    .jstree-wholerow-ul .jstree-anchor,
    .jstree-wholerow-ul .jstree-icon {
        position: relative
    }

    .jstree-wholerow-ul .jstree-wholerow {
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        width: 100%;
        position: absolute;
        left: 0
    }

    .jstree-contextmenu .jstree-anchor {
        -webkit-user-select: none;
        user-select: none;
        -webkit-touch-callout: none
    }

    .vakata-context {
        display: none
    }

    .vakata-context,
    .vakata-context ul {
        background: #f5f5f5;
        border: 1px solid #979797;
        margin: 0;
        padding: 2px;
        position: absolute;
        box-shadow: 2px 2px 2px #999
    }

    .vakata-context ul {
        margin-top: -2.7em;
        margin-left: -4px;
        list-style: none;
        left: 100%
    }

    .vakata-context .vakata-context-right ul {
        margin-left: auto;
        margin-right: -4px;
        left: auto;
        right: 100%
    }

    .vakata-context li {
        list-style: none
    }

    .vakata-context li>a {
        color: #000;
        white-space: nowrap;
        text-shadow: 1px 1px #fff;
        border-radius: 1px;
        width: auto;
        padding: 0 2em;
        line-height: 2.4em;
        text-decoration: none;
        display: block
    }

    .vakata-context li>a:hover {
        background-color: #e8eff7;
        position: relative;
        box-shadow: 0 0 2px #0a6aa1
    }

    .vakata-context li>a.vakata-context-parent {
        background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);
        background-position: 100%;
        background-repeat: no-repeat
    }

    .vakata-context li>a:focus {
        outline: 0
    }

    .vakata-context .vakata-context-no-icons {
        margin-left: 0
    }

    .vakata-context .vakata-context-hover>a {
        background-color: #e8eff7;
        position: relative;
        box-shadow: 0 0 2px #0a6aa1
    }

    .vakata-context .vakata-context-separator>a,
    .vakata-context .vakata-context-separator>a:hover {
        text-shadow: 0 0 #0000;
        background: #fff;
        border: 0;
        border-top: 1px solid #e2e3e3;
        border-left: 1px solid #e0e0e0;
        border-radius: 0;
        height: 1px;
        min-height: 1px;
        max-height: 1px;
        margin: 0 0 0 2.4em;
        padding: 0;
        box-shadow: 0 0 #0000
    }

    .vakata-context .vakata-contextmenu-disabled a,
    .vakata-context .vakata-contextmenu-disabled a:hover {
        color: silver;
        background-color: #0000;
        border: 0;
        box-shadow: 0 0
    }

    .vakata-context .vakata-contextmenu-disabled>a>i {
        filter: grayscale()
    }

    .vakata-context li>a>i {
        vertical-align: top;
        text-align: center;
        background: 0 0;
        width: 2.4em;
        height: 2.4em;
        margin: 0 0 0 -2em;
        line-height: 2.4em;
        text-decoration: none;
        display: inline-block
    }

    .vakata-context li>a>i:empty {
        width: 2.4em;
        line-height: 2.4em
    }

    .vakata-context li>a .vakata-contextmenu-sep {
        background: #fff;
        border-left: 1px solid #e2e3e3;
        width: 1px;
        height: 2.4em;
        margin: 0 .5em 0 0;
        display: inline-block
    }

    .vakata-context .vakata-contextmenu-shortcut {
        color: silver;
        opacity: .5;
        font-size: .8em;
        display: none
    }

    .vakata-context-rtl ul {
        margin-left: auto;
        margin-right: -4px;
        left: auto;
        right: 100%
    }

    .vakata-context-rtl li>a.vakata-context-parent {
        background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);
        background-position: 0;
        background-repeat: no-repeat
    }

    .vakata-context-rtl .vakata-context-separator>a {
        border-left: 0;
        border-right: 1px solid #e2e3e3;
        margin: 0 2.4em 0 0
    }

    .vakata-context-rtl .vakata-context-left ul {
        margin-left: -4px;
        margin-right: auto;
        left: 100%;
        right: auto
    }

    .vakata-context-rtl li>a>i {
        margin: 0 -2em 0 0
    }

    .vakata-context-rtl li>a .vakata-contextmenu-sep {
        background: #e2e3e3;
        border-left-color: #fff;
        margin: 0 0 0 .5em
    }

    #jstree-marker {
        border: 5px solid #0000;
        border-left-color: currentColor;
        border-right: 0;
        width: 0;
        height: 0;
        margin: -5px 0 0;
        padding: 0;
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 0;
        left: 0
    }

    #jstree-dnd {
        margin: 0;
        padding: 4px;
        line-height: 16px
    }

    #jstree-dnd .jstree-icon,
    #jstree-dnd .jstree-copy {
        width: 16px;
        height: 16px;
        margin: 0 2px 0 0;
        padding: 0;
        text-decoration: none;
        display: inline-block
    }

    #jstree-dnd .jstree-ok {
        background: green
    }

    #jstree-dnd .jstree-er {
        background: red
    }

    #jstree-dnd .jstree-copy {
        margin: 0 2px
    }

    .jstree-default .jstree-node,
    .jstree-default .jstree-icon {
        background-color: #0000;
        background-repeat: no-repeat
    }

    .jstree-default .jstree-anchor,
    .jstree-default .jstree-animated,
    .jstree-default .jstree-wholerow {
        transition: background-color .15s, box-shadow .15s
    }

    .jstree-default .jstree-hovered,
    .jstree-default .jstree-context {
        background: #e7f4f9;
        border-radius: 2px;
        box-shadow: inset 0 0 1px #ccc
    }

    .jstree-default .jstree-clicked {
        background: #beebff;
        border-radius: 2px;
        box-shadow: inset 0 0 1px #999
    }

    .jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon {
        display: none
    }

    .jstree-default .jstree-disabled {
        color: #666;
        background: 0 0
    }

    .jstree-default .jstree-disabled.jstree-hovered {
        box-shadow: none;
        background: 0 0
    }

    .jstree-default .jstree-disabled>.jstree-icon {
        opacity: .8;
        -webkit-filter: grayscale()
    }

    .jstree-default .jstree-search {
        color: #8b0000;
        font-style: italic;
        font-weight: 700
    }

    .jstree-default .jstree-no-checkboxes .jstree-checkbox {
        display: none !important
    }

    .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
        box-shadow: none;
        background: 0 0
    }

    .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
        background: #e7f4f9
    }

    .jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked {
        background: 0 0
    }

    .jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
        background: #e7f4f9
    }

    .jstree-default>.jstree-striped {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==);
        min-width: 100%;
        display: inline-block
    }

    .jstree-default>.jstree-wholerow-ul .jstree-hovered,
    .jstree-default>.jstree-wholerow-ul .jstree-clicked {
        box-shadow: none;
        background: 0 0;
        border-radius: 0
    }

    .jstree-default .jstree-wholerow {
        box-sizing: border-box
    }

    .jstree-default .jstree-wholerow-hovered {
        background: #e7f4f9
    }

    .jstree-default .jstree-wholerow-clicked {
        background: linear-gradient(#beebff, #a8e4ff)
    }

    .jstree-default .jstree-node {
        min-width: 24px;
        min-height: 24px;
        margin-left: 24px;
        line-height: 24px
    }

    .jstree-default .jstree-anchor {
        height: 24px;
        line-height: 24px
    }

    .jstree-default .jstree-icon,
    .jstree-default .jstree-icon:empty {
        width: 24px;
        height: 24px;
        line-height: 24px
    }

    .jstree-default.jstree-rtl .jstree-node {
        margin-right: 24px
    }

    .jstree-default .jstree-wholerow {
        height: 24px
    }

    .jstree-default .jstree-node,
    .jstree-default .jstree-icon {
        background-image: url(32px-CHwblES-.png)
    }

    .jstree-default .jstree-node {
        background-position: -292px -4px;
        background-repeat: repeat-y
    }

    .jstree-default .jstree-last {
        background-image: none
    }

    .jstree-default .jstree-open>.jstree-ocl {
        background-position: -132px -4px
    }

    .jstree-default .jstree-closed>.jstree-ocl {
        background-position: -100px -4px
    }

    .jstree-default .jstree-leaf>.jstree-ocl {
        background-position: -68px -4px
    }

    .jstree-default .jstree-themeicon {
        background-position: -260px -4px
    }

    .jstree-default>.jstree-no-dots .jstree-node,
    .jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl {
        background: 0 0
    }

    .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {
        background-position: -36px -4px
    }

    .jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {
        background-position: -4px -4px
    }

    .jstree-default .jstree-disabled,
    .jstree-default .jstree-disabled.jstree-hovered {
        background: 0 0
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef
    }

    .jstree-default .jstree-checkbox {
        background-position: -164px -4px
    }

    .jstree-default .jstree-checkbox:hover {
        background-position: -164px -36px
    }

    .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
    .jstree-default .jstree-checked>.jstree-checkbox {
        background-position: -228px -4px
    }

    .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
    .jstree-default .jstree-checked>.jstree-checkbox:hover {
        background-position: -228px -36px
    }

    .jstree-default .jstree-anchor>.jstree-undetermined {
        background-position: -196px -4px
    }

    .jstree-default .jstree-anchor>.jstree-undetermined:hover {
        background-position: -196px -36px
    }

    .jstree-default .jstree-checkbox-disabled {
        opacity: .8;
        -webkit-filter: grayscale()
    }

    .jstree-default>.jstree-striped {
        background-size: auto 48px
    }

    .jstree-default.jstree-rtl .jstree-node {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
        background-position: 100% 1px;
        background-repeat: repeat-y
    }

    .jstree-default.jstree-rtl .jstree-open>.jstree-ocl {
        background-position: -132px -36px
    }

    .jstree-default.jstree-rtl .jstree-closed>.jstree-ocl {
        background-position: -100px -36px
    }

    .jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl {
        background-position: -68px -36px
    }

    .jstree-default.jstree-rtl>.jstree-no-dots .jstree-node,
    .jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
        background: 0 0
    }

    .jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
        background-position: -36px -36px
    }

    .jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
        background-position: -4px -36px
    }

    .jstree-default .jstree-themeicon-custom {
        background-color: #0000;
        background-image: none;
        background-position: 0 0
    }

    .jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl {
        background: url(data:image/gif;base64,R0lGODlhEAAQAPMPAODg4Hp6egAAAFhYWL6+vhQUFJycnDY2NvDw8IqKikZGRiQkJKysrGhoaAQEBP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQFCgAPACwAAAAAEAAQAEAEcPDJh2gbdcqkutETIoqKkCCCMwxA1koA8AAHwRhAIlMaICwIh6C1CyEYh6IkE0oUFEoEgKCcBWSGz4PAnAAWLcGQ15MlTMJYd1ZyUDXSDGelBY0qIkJg/ZoEFgYICToxDBRvIQMBD1kzgSAgBASQDxEAIfkEBQoADwAsAAAAAA8AEAAABF3wyflCk4hOJZcEBaNJB7I4wCIQo2QshSFw0xAjxWEJQpZJA8EBMCEQW7TWg9EIBFjKh2HQaECjH8PoN2EoBlvAL6FgIAwMgPoo1jQABPNVE9DGJXOMIXN/HJVqIxEAIfkEBQoADwAsAAAAABAADwAABFrwyflMolg2qRZCRyY5A9Ihg4hUAtMxE0BIwcGASpIcApAIPU0hFTMABbMJobFSCi4Sgs4AyHyujIBWxH3AupRGotk1BAgIAvqqkiQAcASAjDHM4A8594vPUyIAIfkEBQoADwAsAAAAABAAEAAABFzwySkNvTKgN5QcBPYcAec12CYVRBeiCCAljawEhuEhVqEGpIfqQViIHiWKrIbYGBgMUaNQcIByBtmlIegeKKELYAxQARKW44SQfYzVQgmC0BweCbIm3C23w/UYEQAh+QQFCgAIACwAAAAAEAAOAAAERRDJiUKgWA4pBM/c1iEFKAVeZ5DYUBCIcFheFU+DsGH1Su2YwwSAMPiCHUHJcsmUPkMMQZY5TqYdIkJrSma4FAJQAgZFAAAh+QQFCgAOACwAAAAAEAAQAAAEa9DJ6Qih2CEmU5ABkCEBlyROsogZ0AAnUKAUwYiJYQVHtSgSBCFBQEwQgIHjwJIAOBSEwmDUAK5VimEwUCSu2IxhsSg0ohjAwYBBNh1PCTAIMCKqBUHSUchmGAJKDlBoEwsCFyNpAmwZjn4RACH5BAUKAA8ALAAAAAAQABAAAARb8Mn5AKBYEmkMz9zFeIYCSgkyPgqDWcjDEJbRSMotAXTWFAMM4oJpuCaIJIjRaASTygxDcTgETpMBI4rdPBoxUKCxeCBuh1NBkHhceSDEmkiMOwQXxzE+OIQpEQAh+QQFCgAOACwBAAEADwAPAAAEVtBJIAmRTOpaL2nb5l3N5SCnBlAOEzjAkEgIgIbB8W73lpihICFAzAQ1n4HsSCsFa6zawrHbCASJhGI6U/gEgcXC4JiFAFdKAXE4MgSXwtqxAKo0g2MEACH5BAUKAA8ALAAAAAAQABAAAARd8Mn5EKJY3geAJBsGXB1nhBTidUjiYZtlEYyUGBlsNHiOGS8fBZAoCieAgLL2WRAwrqFCIOhNFIWExiE4eBYGRkPxMCwaEsPTdjjUesHJAtF+DBw+x/cgIec2SjkRACH5BAUKAA4ALAAAAQAQAA8AAARa0MnpEJKAamkl2Vr3bZkGlMYITkxCXFRJqU5T3A3I7MQh/AqQweBCnAwFmcSwcrwmiMaBKVnUEAsFw5EYOAcBCUNmGCgIhS1Mc3CYHYH2hmB1KII15SaRAEUAACH5BAUKAA8ALAAAAQAQAA8AAARY8MlJH6p4IlABx8BFCUJSiQjxEaTwTYBaBQLTidKiZw/hAwNHoRDI+BgfBEOBsVUGkpck0XA+Do+iYuAzNCQBg4QgETMCDQCWV2CiHwYmSN6AIoq8shgTAQAh+QQFCgAPACwAAAEADwAPAAAEWvBJUoC8+BKxspeDwHxS9wCC4AHIaRrjhbCY4RBZKyWHoiSeGQAQWBiBuaGlRRh4cLLAo+BhJKBOYCMwZBhOsNOkQEhIG5aHTn1oPMwPRmB9cb+ljy8pHsNEAAA7) 50% no-repeat
    }

    .jstree-default .jstree-file {
        background: url(32px-CHwblES-.png) -100px -68px no-repeat
    }

    .jstree-default .jstree-folder {
        background: url(32px-CHwblES-.png) -260px -4px no-repeat
    }

    .jstree-default>.jstree-container-ul>.jstree-node {
        margin-left: 0;
        margin-right: 0
    }

    #jstree-dnd.jstree-default {
        padding: 0 4px;
        line-height: 24px
    }

    #jstree-dnd.jstree-default .jstree-ok,
    #jstree-dnd.jstree-default .jstree-er {
        background-color: #0000;
        background-image: url(32px-CHwblES-.png);
        background-repeat: no-repeat
    }

    #jstree-dnd.jstree-default i {
        background: 0 0;
        width: 24px;
        height: 24px;
        line-height: 24px
    }

    #jstree-dnd.jstree-default .jstree-ok {
        background-position: -4px -68px
    }

    #jstree-dnd.jstree-default .jstree-er {
        background-position: -36px -68px
    }

    .jstree-default .jstree-ellipsis {
        overflow: hidden
    }

    .jstree-default .jstree-ellipsis .jstree-anchor {
        text-overflow: ellipsis;
        width: calc(100% - 19px);
        overflow: hidden
    }

    .jstree-default.jstree-rtl .jstree-node {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==)
    }

    .jstree-default.jstree-rtl .jstree-last {
        background-image: none
    }

    .jstree-default-small .jstree-node {
        min-width: 18px;
        min-height: 18px;
        margin-left: 18px;
        line-height: 18px
    }

    .jstree-default-small .jstree-anchor {
        height: 18px;
        line-height: 18px
    }

    .jstree-default-small .jstree-icon,
    .jstree-default-small .jstree-icon:empty {
        width: 18px;
        height: 18px;
        line-height: 18px
    }

    .jstree-default-small.jstree-rtl .jstree-node {
        margin-right: 18px
    }

    .jstree-default-small .jstree-wholerow {
        height: 18px
    }

    .jstree-default-small .jstree-node,
    .jstree-default-small .jstree-icon {
        background-image: url(32px-CHwblES-.png)
    }

    .jstree-default-small .jstree-node {
        background-position: -295px -7px;
        background-repeat: repeat-y
    }

    .jstree-default-small .jstree-last {
        background-image: none
    }

    .jstree-default-small .jstree-open>.jstree-ocl {
        background-position: -135px -7px
    }

    .jstree-default-small .jstree-closed>.jstree-ocl {
        background-position: -103px -7px
    }

    .jstree-default-small .jstree-leaf>.jstree-ocl {
        background-position: -71px -7px
    }

    .jstree-default-small .jstree-themeicon {
        background-position: -263px -7px
    }

    .jstree-default-small>.jstree-no-dots .jstree-node,
    .jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl {
        background: 0 0
    }

    .jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl {
        background-position: -39px -7px
    }

    .jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl {
        background-position: -7px -7px
    }

    .jstree-default-small .jstree-disabled,
    .jstree-default-small .jstree-disabled.jstree-hovered {
        background: 0 0
    }

    .jstree-default-small .jstree-disabled.jstree-clicked {
        background: #efefef
    }

    .jstree-default-small .jstree-checkbox {
        background-position: -167px -7px
    }

    .jstree-default-small .jstree-checkbox:hover {
        background-position: -167px -39px
    }

    .jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
    .jstree-default-small .jstree-checked>.jstree-checkbox {
        background-position: -231px -7px
    }

    .jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
    .jstree-default-small .jstree-checked>.jstree-checkbox:hover {
        background-position: -231px -39px
    }

    .jstree-default-small .jstree-anchor>.jstree-undetermined {
        background-position: -199px -7px
    }

    .jstree-default-small .jstree-anchor>.jstree-undetermined:hover {
        background-position: -199px -39px
    }

    .jstree-default-small .jstree-checkbox-disabled {
        opacity: .8;
        -webkit-filter: grayscale()
    }

    .jstree-default-small>.jstree-striped {
        background-size: auto 36px
    }

    .jstree-default-small.jstree-rtl .jstree-node {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
        background-position: 100% 1px;
        background-repeat: repeat-y
    }

    .jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl {
        background-position: -135px -39px
    }

    .jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl {
        background-position: -103px -39px
    }

    .jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl {
        background-position: -71px -39px
    }

    .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node,
    .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
        background: 0 0
    }

    .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
        background-position: -39px -39px
    }

    .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
        background-position: -7px -39px
    }

    .jstree-default-small .jstree-themeicon-custom {
        background-color: #0000;
        background-image: none;
        background-position: 0 0
    }

    .jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl {
        background: url(data:image/gif;base64,R0lGODlhEAAQAPMPAODg4Hp6egAAAFhYWL6+vhQUFJycnDY2NvDw8IqKikZGRiQkJKysrGhoaAQEBP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQFCgAPACwAAAAAEAAQAEAEcPDJh2gbdcqkutETIoqKkCCCMwxA1koA8AAHwRhAIlMaICwIh6C1CyEYh6IkE0oUFEoEgKCcBWSGz4PAnAAWLcGQ15MlTMJYd1ZyUDXSDGelBY0qIkJg/ZoEFgYICToxDBRvIQMBD1kzgSAgBASQDxEAIfkEBQoADwAsAAAAAA8AEAAABF3wyflCk4hOJZcEBaNJB7I4wCIQo2QshSFw0xAjxWEJQpZJA8EBMCEQW7TWg9EIBFjKh2HQaECjH8PoN2EoBlvAL6FgIAwMgPoo1jQABPNVE9DGJXOMIXN/HJVqIxEAIfkEBQoADwAsAAAAABAADwAABFrwyflMolg2qRZCRyY5A9Ihg4hUAtMxE0BIwcGASpIcApAIPU0hFTMABbMJobFSCi4Sgs4AyHyujIBWxH3AupRGotk1BAgIAvqqkiQAcASAjDHM4A8594vPUyIAIfkEBQoADwAsAAAAABAAEAAABFzwySkNvTKgN5QcBPYcAec12CYVRBeiCCAljawEhuEhVqEGpIfqQViIHiWKrIbYGBgMUaNQcIByBtmlIegeKKELYAxQARKW44SQfYzVQgmC0BweCbIm3C23w/UYEQAh+QQFCgAIACwAAAAAEAAOAAAERRDJiUKgWA4pBM/c1iEFKAVeZ5DYUBCIcFheFU+DsGH1Su2YwwSAMPiCHUHJcsmUPkMMQZY5TqYdIkJrSma4FAJQAgZFAAAh+QQFCgAOACwAAAAAEAAQAAAEa9DJ6Qih2CEmU5ABkCEBlyROsogZ0AAnUKAUwYiJYQVHtSgSBCFBQEwQgIHjwJIAOBSEwmDUAK5VimEwUCSu2IxhsSg0ohjAwYBBNh1PCTAIMCKqBUHSUchmGAJKDlBoEwsCFyNpAmwZjn4RACH5BAUKAA8ALAAAAAAQABAAAARb8Mn5AKBYEmkMz9zFeIYCSgkyPgqDWcjDEJbRSMotAXTWFAMM4oJpuCaIJIjRaASTygxDcTgETpMBI4rdPBoxUKCxeCBuh1NBkHhceSDEmkiMOwQXxzE+OIQpEQAh+QQFCgAOACwBAAEADwAPAAAEVtBJIAmRTOpaL2nb5l3N5SCnBlAOEzjAkEgIgIbB8W73lpihICFAzAQ1n4HsSCsFa6zawrHbCASJhGI6U/gEgcXC4JiFAFdKAXE4MgSXwtqxAKo0g2MEACH5BAUKAA8ALAAAAAAQABAAAARd8Mn5EKJY3geAJBsGXB1nhBTidUjiYZtlEYyUGBlsNHiOGS8fBZAoCieAgLL2WRAwrqFCIOhNFIWExiE4eBYGRkPxMCwaEsPTdjjUesHJAtF+DBw+x/cgIec2SjkRACH5BAUKAA4ALAAAAQAQAA8AAARa0MnpEJKAamkl2Vr3bZkGlMYITkxCXFRJqU5T3A3I7MQh/AqQweBCnAwFmcSwcrwmiMaBKVnUEAsFw5EYOAcBCUNmGCgIhS1Mc3CYHYH2hmB1KII15SaRAEUAACH5BAUKAA8ALAAAAQAQAA8AAARY8MlJH6p4IlABx8BFCUJSiQjxEaTwTYBaBQLTidKiZw/hAwNHoRDI+BgfBEOBsVUGkpck0XA+Do+iYuAzNCQBg4QgETMCDQCWV2CiHwYmSN6AIoq8shgTAQAh+QQFCgAPACwAAAEADwAPAAAEWvBJUoC8+BKxspeDwHxS9wCC4AHIaRrjhbCY4RBZKyWHoiSeGQAQWBiBuaGlRRh4cLLAo+BhJKBOYCMwZBhOsNOkQEhIG5aHTn1oPMwPRmB9cb+ljy8pHsNEAAA7) 50% no-repeat
    }

    .jstree-default-small .jstree-file {
        background: url(32px-CHwblES-.png) -103px -71px no-repeat
    }

    .jstree-default-small .jstree-folder {
        background: url(32px-CHwblES-.png) -263px -7px no-repeat
    }

    .jstree-default-small>.jstree-container-ul>.jstree-node {
        margin-left: 0;
        margin-right: 0
    }

    #jstree-dnd.jstree-default-small {
        padding: 0 4px;
        line-height: 18px
    }

    #jstree-dnd.jstree-default-small .jstree-ok,
    #jstree-dnd.jstree-default-small .jstree-er {
        background-color: #0000;
        background-image: url(32px-CHwblES-.png);
        background-repeat: no-repeat
    }

    #jstree-dnd.jstree-default-small i {
        background: 0 0;
        width: 18px;
        height: 18px;
        line-height: 18px
    }

    #jstree-dnd.jstree-default-small .jstree-ok {
        background-position: -7px -71px
    }

    #jstree-dnd.jstree-default-small .jstree-er {
        background-position: -39px -71px
    }

    .jstree-default-small .jstree-ellipsis {
        overflow: hidden
    }

    .jstree-default-small .jstree-ellipsis .jstree-anchor {
        text-overflow: ellipsis;
        width: calc(100% - 13px);
        overflow: hidden
    }

    .jstree-default-small.jstree-rtl .jstree-node {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==)
    }

    .jstree-default-small.jstree-rtl .jstree-last {
        background-image: none
    }

    .jstree-default-large .jstree-node {
        min-width: 32px;
        min-height: 32px;
        margin-left: 32px;
        line-height: 32px
    }

    .jstree-default-large .jstree-anchor {
        height: 32px;
        line-height: 32px
    }

    .jstree-default-large .jstree-icon,
    .jstree-default-large .jstree-icon:empty {
        width: 32px;
        height: 32px;
        line-height: 32px
    }

    .jstree-default-large.jstree-rtl .jstree-node {
        margin-right: 32px
    }

    .jstree-default-large .jstree-wholerow {
        height: 32px
    }

    .jstree-default-large .jstree-node,
    .jstree-default-large .jstree-icon {
        background-image: url(32px-CHwblES-.png)
    }

    .jstree-default-large .jstree-node {
        background-position: -288px 0;
        background-repeat: repeat-y
    }

    .jstree-default-large .jstree-last {
        background-image: none
    }

    .jstree-default-large .jstree-open>.jstree-ocl {
        background-position: -128px 0
    }

    .jstree-default-large .jstree-closed>.jstree-ocl {
        background-position: -96px 0
    }

    .jstree-default-large .jstree-leaf>.jstree-ocl {
        background-position: -64px 0
    }

    .jstree-default-large .jstree-themeicon {
        background-position: -256px 0
    }

    .jstree-default-large>.jstree-no-dots .jstree-node,
    .jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl {
        background: 0 0
    }

    .jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl {
        background-position: -32px 0
    }

    .jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
        background-position: 0 0
    }

    .jstree-default-large .jstree-disabled,
    .jstree-default-large .jstree-disabled.jstree-hovered {
        background: 0 0
    }

    .jstree-default-large .jstree-disabled.jstree-clicked {
        background: #efefef
    }

    .jstree-default-large .jstree-checkbox {
        background-position: -160px 0
    }

    .jstree-default-large .jstree-checkbox:hover {
        background-position: -160px -32px
    }

    .jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
    .jstree-default-large .jstree-checked>.jstree-checkbox {
        background-position: -224px 0
    }

    .jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
    .jstree-default-large .jstree-checked>.jstree-checkbox:hover {
        background-position: -224px -32px
    }

    .jstree-default-large .jstree-anchor>.jstree-undetermined {
        background-position: -192px 0
    }

    .jstree-default-large .jstree-anchor>.jstree-undetermined:hover {
        background-position: -192px -32px
    }

    .jstree-default-large .jstree-checkbox-disabled {
        opacity: .8;
        -webkit-filter: grayscale()
    }

    .jstree-default-large>.jstree-striped {
        background-size: auto 64px
    }

    .jstree-default-large.jstree-rtl .jstree-node {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
        background-position: 100% 1px;
        background-repeat: repeat-y
    }

    .jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl {
        background-position: -128px -32px
    }

    .jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl {
        background-position: -96px -32px
    }

    .jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl {
        background-position: -64px -32px
    }

    .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node,
    .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
        background: 0 0
    }

    .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
        background-position: -32px -32px
    }

    .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
        background-position: 0 -32px
    }

    .jstree-default-large .jstree-themeicon-custom {
        background-color: #0000;
        background-image: none;
        background-position: 0 0
    }

    .jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl {
        background: url(data:image/gif;base64,R0lGODlhEAAQAPMPAODg4Hp6egAAAFhYWL6+vhQUFJycnDY2NvDw8IqKikZGRiQkJKysrGhoaAQEBP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQFCgAPACwAAAAAEAAQAEAEcPDJh2gbdcqkutETIoqKkCCCMwxA1koA8AAHwRhAIlMaICwIh6C1CyEYh6IkE0oUFEoEgKCcBWSGz4PAnAAWLcGQ15MlTMJYd1ZyUDXSDGelBY0qIkJg/ZoEFgYICToxDBRvIQMBD1kzgSAgBASQDxEAIfkEBQoADwAsAAAAAA8AEAAABF3wyflCk4hOJZcEBaNJB7I4wCIQo2QshSFw0xAjxWEJQpZJA8EBMCEQW7TWg9EIBFjKh2HQaECjH8PoN2EoBlvAL6FgIAwMgPoo1jQABPNVE9DGJXOMIXN/HJVqIxEAIfkEBQoADwAsAAAAABAADwAABFrwyflMolg2qRZCRyY5A9Ihg4hUAtMxE0BIwcGASpIcApAIPU0hFTMABbMJobFSCi4Sgs4AyHyujIBWxH3AupRGotk1BAgIAvqqkiQAcASAjDHM4A8594vPUyIAIfkEBQoADwAsAAAAABAAEAAABFzwySkNvTKgN5QcBPYcAec12CYVRBeiCCAljawEhuEhVqEGpIfqQViIHiWKrIbYGBgMUaNQcIByBtmlIegeKKELYAxQARKW44SQfYzVQgmC0BweCbIm3C23w/UYEQAh+QQFCgAIACwAAAAAEAAOAAAERRDJiUKgWA4pBM/c1iEFKAVeZ5DYUBCIcFheFU+DsGH1Su2YwwSAMPiCHUHJcsmUPkMMQZY5TqYdIkJrSma4FAJQAgZFAAAh+QQFCgAOACwAAAAAEAAQAAAEa9DJ6Qih2CEmU5ABkCEBlyROsogZ0AAnUKAUwYiJYQVHtSgSBCFBQEwQgIHjwJIAOBSEwmDUAK5VimEwUCSu2IxhsSg0ohjAwYBBNh1PCTAIMCKqBUHSUchmGAJKDlBoEwsCFyNpAmwZjn4RACH5BAUKAA8ALAAAAAAQABAAAARb8Mn5AKBYEmkMz9zFeIYCSgkyPgqDWcjDEJbRSMotAXTWFAMM4oJpuCaIJIjRaASTygxDcTgETpMBI4rdPBoxUKCxeCBuh1NBkHhceSDEmkiMOwQXxzE+OIQpEQAh+QQFCgAOACwBAAEADwAPAAAEVtBJIAmRTOpaL2nb5l3N5SCnBlAOEzjAkEgIgIbB8W73lpihICFAzAQ1n4HsSCsFa6zawrHbCASJhGI6U/gEgcXC4JiFAFdKAXE4MgSXwtqxAKo0g2MEACH5BAUKAA8ALAAAAAAQABAAAARd8Mn5EKJY3geAJBsGXB1nhBTidUjiYZtlEYyUGBlsNHiOGS8fBZAoCieAgLL2WRAwrqFCIOhNFIWExiE4eBYGRkPxMCwaEsPTdjjUesHJAtF+DBw+x/cgIec2SjkRACH5BAUKAA4ALAAAAQAQAA8AAARa0MnpEJKAamkl2Vr3bZkGlMYITkxCXFRJqU5T3A3I7MQh/AqQweBCnAwFmcSwcrwmiMaBKVnUEAsFw5EYOAcBCUNmGCgIhS1Mc3CYHYH2hmB1KII15SaRAEUAACH5BAUKAA8ALAAAAQAQAA8AAARY8MlJH6p4IlABx8BFCUJSiQjxEaTwTYBaBQLTidKiZw/hAwNHoRDI+BgfBEOBsVUGkpck0XA+Do+iYuAzNCQBg4QgETMCDQCWV2CiHwYmSN6AIoq8shgTAQAh+QQFCgAPACwAAAEADwAPAAAEWvBJUoC8+BKxspeDwHxS9wCC4AHIaRrjhbCY4RBZKyWHoiSeGQAQWBiBuaGlRRh4cLLAo+BhJKBOYCMwZBhOsNOkQEhIG5aHTn1oPMwPRmB9cb+ljy8pHsNEAAA7) 50% no-repeat
    }

    .jstree-default-large .jstree-file {
        background: url(32px-CHwblES-.png) -96px -64px no-repeat
    }

    .jstree-default-large .jstree-folder {
        background: url(32px-CHwblES-.png) -256px 0 no-repeat
    }

    .jstree-default-large>.jstree-container-ul>.jstree-node {
        margin-left: 0;
        margin-right: 0
    }

    #jstree-dnd.jstree-default-large {
        padding: 0 4px;
        line-height: 32px
    }

    #jstree-dnd.jstree-default-large .jstree-ok,
    #jstree-dnd.jstree-default-large .jstree-er {
        background-color: #0000;
        background-image: url(32px-CHwblES-.png);
        background-repeat: no-repeat
    }

    #jstree-dnd.jstree-default-large i {
        background: 0 0;
        width: 32px;
        height: 32px;
        line-height: 32px
    }

    #jstree-dnd.jstree-default-large .jstree-ok {
        background-position: 0 -64px
    }

    #jstree-dnd.jstree-default-large .jstree-er {
        background-position: -32px -64px
    }

    .jstree-default-large .jstree-ellipsis {
        overflow: hidden
    }

    .jstree-default-large .jstree-ellipsis .jstree-anchor {
        text-overflow: ellipsis;
        width: calc(100% - 27px);
        overflow: hidden
    }

    .jstree-default-large.jstree-rtl .jstree-node {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==)
    }

    .jstree-default-large.jstree-rtl .jstree-last {
        background-image: none
    }

    @media(max-width:768px) {
        #jstree-dnd.jstree-dnd-responsive {
            text-shadow: 1px 1px #fff;
            font-size: 1.1em;
            font-weight: 700;
            line-height: 40px
        }

        #jstree-dnd.jstree-dnd-responsive>i {
            background: 0 0;
            width: 40px;
            height: 40px
        }

        #jstree-dnd.jstree-dnd-responsive>.jstree-ok {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAHgCAMAAACsKhCPAAAARVBMVEUAAAAzMzP///////8zMzMzMzPt7e0zMzMzMzMzMzMzMzMzMzPS0tIzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM8PDyWBIz0AAAAFXRSTlMAAAABAgYGCAoOFB0fIVBZXF38/f7YY/43AAAH/ElEQVR42u3d6brbKAyA4RBPZ82sLb3/S53OaZKx2YKNCJL5+NOeJX54YxsLoXAu16hdTDZ/rWsXwIABAwYMGDBgwIABAzYAvt3mAt+8v80E/uYVE1sAf3ilxAbAd6+QWD/46ZURqwevvCJi7eCNV0IsAPa+cHgv6hUQt4P/60be2yaOvO3iZvD3buS9LeKEdzj40Y+897i4h7cV/H9P8t6j4i7eRvC6L3nvMXEfbxt425u894i4k7cJHPYn790v7uVtAcc9ynv3irt5ZcE+7/VKvKKX9JOl2Cs5aD1hmr2Cj6UnTbVXLvAoNUVesdDSildq8mDGKzQ9FPNaAF8kvQYu6RdiPUG0ZE5L0qv8sfRCrGkiLJu1lPQqDi1fiHUls6Tz0pJepdPDS1ksnJBWuLYk6dWZ4pFO2+lP4kknZvWnaaVT7/oT8dKLK/qXWqSXz/QvpkkvkOpfLu3bbroHrd7iCUoe5itqma9sab7CtPlKD+crLp2vfFhZmhYwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAZwbfbnOBb8Kfp9IOvol+DsPLVl53AMsWFvmeYhGwaOmY7KdFuoBliwP1g4XKP/2uNhAsU+B78zvbbRRYqITbDFiqSN8yWHcEIn9JKxeLD1raxdKPJfVi4cDjsNjOY0lIbAssIDYGbhdbAzeLzYFbxfbAjWKD4DaxRXCT2CS4RQyYS5pBi8cSgQehJZMHpockAEjxCCXxDIFlkpaG15aOdWa6pRYW01gu1TponX5BXKjkwWrgcXgRzWhoeXzR0ObkoWGR1OT0sGVR2GICYKri0vnKh800wIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGHAeLPsnxOWPJwuW3iCow5ZDkuCK3nkZrgi5GVzj3dPPbvtKCYHrvPX97LiTlgi41lvbz657hwmA6711/ey8W1ozeI+3pp/d94eTAlcRdpzgoz/vDX63V0QsAJby1gxvusF77zrt4No7bqfXt/7OKPDuUdUg+PDzyCh4/cWBp6Y58PqrI1GCNfD6y0NRkTHwmngsCjQLPhr1Wr2kD0f5Rget47Mam4+lhqSWycAjNyk+a2jZlMQzGUvnkh7nnTw0JC2NzpbS9/WZp4eHk7Rm58OpcXuGBABg82DxpJv5rOVZwWKJc/WJePGlEe1LLeKLX+oX08SXN7Uvl8ovYGtfEJcvUdBe8iBfhKK9qEW+zEh72dJFvpBMeWGaTI62wnwRaRSXAgYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABTwPuV4SiEdy1zEgfuHMhmTpw71JBbeDuxaDKwP3LfXWB31DQrQr8jpJ9leDswU8GfsvHbhSCi4c/Kzh3554KvIJlxyp91zRgwIABAwYMGDBgwLOApXMMnGHAgAEDBnwO8HRJvGnTtPMk4qdbaplvMW265dL5FsTnK3mYr6hlvrKly3SFaZdSaHlasJ0GGDBgwIABAwYMGDBgwIABAwYMGHD3DgIGDBgwYMCAAQMGDBiwRXCi1MEFDTBgwPbAfjqw/20y8Bf/y1zgz/4pngb8EM8DvosnAvufZgP7T7OB/c+zgb/dx7M8hx/t90kiLbE/Y29k8vDDo336ldkSYOPgP/9at7//OD1Y9uM89sBfZgP/Axgw4KnBevbTeg/4MtsZBgwYMGDAgAEDBgwYMGDAgAEDVgj+PBv4ZNs8mmuAAQMGDBgwYMCAAQMGDBgwYMAlsM0GGDBgwIABAwY8A3h524ssg6+A5wIvgPWAu1zBgAEDBjwM7Jy7ujnAj+0RznCGPyD+q1v17UPmEuDwhT79DvjV+6ML/OiY99/Ebvno41N2///qF8PXbXbIeB5s9W2t4I/6w68r8P2nATh83XZPkPW79/i2UvC94vLrE7z5+fY/69tguwvK5t27f1sneLuDSxYcvi7c92X77t0PpgjsnAt6+L2T1/Davf8bjVfhTjfhu+eVgsNdeq7hxXu/nYMXx3v7XKOjqQRH+xJFJzMJTuxmdI2PphAcF4tnQqntd1P7N10TR1MHTuw8lZFuz3tqx6pr+mgqwM7lzm8UPD6fyds7O2VLH00TOLmzWDxdSD6Ia7Yq0TNo7ffGoVaNVxc47uHyCuwyD+KcVwPYFe7fEOwisEuGWlmvJnCqh0sUc0RgV75GouhrFDgMeNP37xJFlTHYlUeBML5+N3jF2+zrmO7hEs0bEmBXHueDGdQYcLSZZaaHS3CThnF11Z2xnSMPAUfdyPVwCVMaV5cY7V6NfZssyAhw1JFsDxcXprDcyzSeK+6LOgIcdSXfwyUakl0ujaf3DEddyUYIYdYyedeqv4ejruQjhBrw62h88ChdFeHXg19H48Ofw5XeLdhlwK+j8fGRlqvzbsAuA84P/4pi6RfdcglwZhGplLZUNFsqdyx4tC7ZG3jvGzluPly89Fw92O0eHAZlPEqDi2sAp46WzgiOALvSPbZqpb65l14dWct8gOB2gt2RvPQwsCvFG5Vgd2DlYRzYlcfnKrDbv7Y0EOyK43MdOJe0zK8ejkrEp7pyBJxOWhbWh4eCXfl6rgKnkpalCoCxYFe8nuvA95xAbY3HYLArXc+V4DBpWa7iGQ12Yf6lHpy5ZlwK7NZv6rCVh+8d+LFUT7cf7F6vnlNc2g+8HGt2wVcVp9w+uPsVwxlWDl4A2wFPN0qPaYABAwYMGLBB8L86UddPrrT/8QAAAABJRU5ErkJggg==);
            background-position: 0 -200px;
            background-size: 120px 240px
        }

        #jstree-dnd.jstree-dnd-responsive>.jstree-er {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAHgCAMAAACsKhCPAAAARVBMVEUAAAAzMzP///////8zMzMzMzPt7e0zMzMzMzMzMzMzMzMzMzPS0tIzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM8PDyWBIz0AAAAFXRSTlMAAAABAgYGCAoOFB0fIVBZXF38/f7YY/43AAAH/ElEQVR42u3d6brbKAyA4RBPZ82sLb3/S53OaZKx2YKNCJL5+NOeJX54YxsLoXAu16hdTDZ/rWsXwIABAwYMGDBgwIABAzYAvt3mAt+8v80E/uYVE1sAf3ilxAbAd6+QWD/46ZURqwevvCJi7eCNV0IsAPa+cHgv6hUQt4P/60be2yaOvO3iZvD3buS9LeKEdzj40Y+897i4h7cV/H9P8t6j4i7eRvC6L3nvMXEfbxt425u894i4k7cJHPYn790v7uVtAcc9ynv3irt5ZcE+7/VKvKKX9JOl2Cs5aD1hmr2Cj6UnTbVXLvAoNUVesdDSildq8mDGKzQ9FPNaAF8kvQYu6RdiPUG0ZE5L0qv8sfRCrGkiLJu1lPQqDi1fiHUls6Tz0pJepdPDS1ksnJBWuLYk6dWZ4pFO2+lP4kknZvWnaaVT7/oT8dKLK/qXWqSXz/QvpkkvkOpfLu3bbroHrd7iCUoe5itqma9sab7CtPlKD+crLp2vfFhZmhYwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAZwbfbnOBb8Kfp9IOvol+DsPLVl53AMsWFvmeYhGwaOmY7KdFuoBliwP1g4XKP/2uNhAsU+B78zvbbRRYqITbDFiqSN8yWHcEIn9JKxeLD1raxdKPJfVi4cDjsNjOY0lIbAssIDYGbhdbAzeLzYFbxfbAjWKD4DaxRXCT2CS4RQyYS5pBi8cSgQehJZMHpockAEjxCCXxDIFlkpaG15aOdWa6pRYW01gu1TponX5BXKjkwWrgcXgRzWhoeXzR0ObkoWGR1OT0sGVR2GICYKri0vnKh800wIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGHAeLPsnxOWPJwuW3iCow5ZDkuCK3nkZrgi5GVzj3dPPbvtKCYHrvPX97LiTlgi41lvbz657hwmA6711/ey8W1ozeI+3pp/d94eTAlcRdpzgoz/vDX63V0QsAJby1gxvusF77zrt4No7bqfXt/7OKPDuUdUg+PDzyCh4/cWBp6Y58PqrI1GCNfD6y0NRkTHwmngsCjQLPhr1Wr2kD0f5Rget47Mam4+lhqSWycAjNyk+a2jZlMQzGUvnkh7nnTw0JC2NzpbS9/WZp4eHk7Rm58OpcXuGBABg82DxpJv5rOVZwWKJc/WJePGlEe1LLeKLX+oX08SXN7Uvl8ovYGtfEJcvUdBe8iBfhKK9qEW+zEh72dJFvpBMeWGaTI62wnwRaRSXAgYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABTwPuV4SiEdy1zEgfuHMhmTpw71JBbeDuxaDKwP3LfXWB31DQrQr8jpJ9leDswU8GfsvHbhSCi4c/Kzh3554KvIJlxyp91zRgwIABAwYMGDBgwLOApXMMnGHAgAEDBnwO8HRJvGnTtPMk4qdbaplvMW265dL5FsTnK3mYr6hlvrKly3SFaZdSaHlasJ0GGDBgwIABAwYMGDBgwIABAwYMGHD3DgIGDBgwYMCAAQMGDBiwRXCi1MEFDTBgwPbAfjqw/20y8Bf/y1zgz/4pngb8EM8DvosnAvufZgP7T7OB/c+zgb/dx7M8hx/t90kiLbE/Y29k8vDDo336ldkSYOPgP/9at7//OD1Y9uM89sBfZgP/Axgw4KnBevbTeg/4MtsZBgwYMGDAgAEDBgwYMGDAgAEDVgj+PBv4ZNs8mmuAAQMGDBgwYMCAAQMGDBgwYMAlsM0GGDBgwIABAwY8A3h524ssg6+A5wIvgPWAu1zBgAEDBjwM7Jy7ujnAj+0RznCGPyD+q1v17UPmEuDwhT79DvjV+6ML/OiY99/Ebvno41N2///qF8PXbXbIeB5s9W2t4I/6w68r8P2nATh83XZPkPW79/i2UvC94vLrE7z5+fY/69tguwvK5t27f1sneLuDSxYcvi7c92X77t0PpgjsnAt6+L2T1/Davf8bjVfhTjfhu+eVgsNdeq7hxXu/nYMXx3v7XKOjqQRH+xJFJzMJTuxmdI2PphAcF4tnQqntd1P7N10TR1MHTuw8lZFuz3tqx6pr+mgqwM7lzm8UPD6fyds7O2VLH00TOLmzWDxdSD6Ia7Yq0TNo7ffGoVaNVxc47uHyCuwyD+KcVwPYFe7fEOwisEuGWlmvJnCqh0sUc0RgV75GouhrFDgMeNP37xJFlTHYlUeBML5+N3jF2+zrmO7hEs0bEmBXHueDGdQYcLSZZaaHS3CThnF11Z2xnSMPAUfdyPVwCVMaV5cY7V6NfZssyAhw1JFsDxcXprDcyzSeK+6LOgIcdSXfwyUakl0ujaf3DEddyUYIYdYyedeqv4ejruQjhBrw62h88ChdFeHXg19H48Ofw5XeLdhlwK+j8fGRlqvzbsAuA84P/4pi6RfdcglwZhGplLZUNFsqdyx4tC7ZG3jvGzluPly89Fw92O0eHAZlPEqDi2sAp46WzgiOALvSPbZqpb65l14dWct8gOB2gt2RvPQwsCvFG5Vgd2DlYRzYlcfnKrDbv7Y0EOyK43MdOJe0zK8ejkrEp7pyBJxOWhbWh4eCXfl6rgKnkpalCoCxYFe8nuvA95xAbY3HYLArXc+V4DBpWa7iGQ12Yf6lHpy5ZlwK7NZv6rCVh+8d+LFUT7cf7F6vnlNc2g+8HGt2wVcVp9w+uPsVwxlWDl4A2wFPN0qPaYABAwYMGLBB8L86UddPrrT/8QAAAABJRU5ErkJggg==);
            background-position: -40px -200px;
            background-size: 120px 240px
        }

        #jstree-marker.jstree-dnd-responsive {
            border-top-width: 10px;
            border-bottom-width: 10px;
            border-left-width: 10px;
            margin-top: -10px
        }

        .jstree-default-responsive .jstree-icon {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAHgCAMAAACsKhCPAAAARVBMVEUAAAAzMzP///////8zMzMzMzPt7e0zMzMzMzMzMzMzMzMzMzPS0tIzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM8PDyWBIz0AAAAFXRSTlMAAAABAgYGCAoOFB0fIVBZXF38/f7YY/43AAAH/ElEQVR42u3d6brbKAyA4RBPZ82sLb3/S53OaZKx2YKNCJL5+NOeJX54YxsLoXAu16hdTDZ/rWsXwIABAwYMGDBgwIABAzYAvt3mAt+8v80E/uYVE1sAf3ilxAbAd6+QWD/46ZURqwevvCJi7eCNV0IsAPa+cHgv6hUQt4P/60be2yaOvO3iZvD3buS9LeKEdzj40Y+897i4h7cV/H9P8t6j4i7eRvC6L3nvMXEfbxt425u894i4k7cJHPYn790v7uVtAcc9ynv3irt5ZcE+7/VKvKKX9JOl2Cs5aD1hmr2Cj6UnTbVXLvAoNUVesdDSildq8mDGKzQ9FPNaAF8kvQYu6RdiPUG0ZE5L0qv8sfRCrGkiLJu1lPQqDi1fiHUls6Tz0pJepdPDS1ksnJBWuLYk6dWZ4pFO2+lP4kknZvWnaaVT7/oT8dKLK/qXWqSXz/QvpkkvkOpfLu3bbroHrd7iCUoe5itqma9sab7CtPlKD+crLp2vfFhZmhYwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAZwbfbnOBb8Kfp9IOvol+DsPLVl53AMsWFvmeYhGwaOmY7KdFuoBliwP1g4XKP/2uNhAsU+B78zvbbRRYqITbDFiqSN8yWHcEIn9JKxeLD1raxdKPJfVi4cDjsNjOY0lIbAssIDYGbhdbAzeLzYFbxfbAjWKD4DaxRXCT2CS4RQyYS5pBi8cSgQehJZMHpockAEjxCCXxDIFlkpaG15aOdWa6pRYW01gu1TponX5BXKjkwWrgcXgRzWhoeXzR0ObkoWGR1OT0sGVR2GICYKri0vnKh800wIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGHAeLPsnxOWPJwuW3iCow5ZDkuCK3nkZrgi5GVzj3dPPbvtKCYHrvPX97LiTlgi41lvbz657hwmA6711/ey8W1ozeI+3pp/d94eTAlcRdpzgoz/vDX63V0QsAJby1gxvusF77zrt4No7bqfXt/7OKPDuUdUg+PDzyCh4/cWBp6Y58PqrI1GCNfD6y0NRkTHwmngsCjQLPhr1Wr2kD0f5Rget47Mam4+lhqSWycAjNyk+a2jZlMQzGUvnkh7nnTw0JC2NzpbS9/WZp4eHk7Rm58OpcXuGBABg82DxpJv5rOVZwWKJc/WJePGlEe1LLeKLX+oX08SXN7Uvl8ovYGtfEJcvUdBe8iBfhKK9qEW+zEh72dJFvpBMeWGaTI62wnwRaRSXAgYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABTwPuV4SiEdy1zEgfuHMhmTpw71JBbeDuxaDKwP3LfXWB31DQrQr8jpJ9leDswU8GfsvHbhSCi4c/Kzh3554KvIJlxyp91zRgwIABAwYMGDBgwLOApXMMnGHAgAEDBnwO8HRJvGnTtPMk4qdbaplvMW265dL5FsTnK3mYr6hlvrKly3SFaZdSaHlasJ0GGDBgwIABAwYMGDBgwIABAwYMGHD3DgIGDBgwYMCAAQMGDBiwRXCi1MEFDTBgwPbAfjqw/20y8Bf/y1zgz/4pngb8EM8DvosnAvufZgP7T7OB/c+zgb/dx7M8hx/t90kiLbE/Y29k8vDDo336ldkSYOPgP/9at7//OD1Y9uM89sBfZgP/Axgw4KnBevbTeg/4MtsZBgwYMGDAgAEDBgwYMGDAgAEDVgj+PBv4ZNs8mmuAAQMGDBgwYMCAAQMGDBgwYMAlsM0GGDBgwIABAwY8A3h524ssg6+A5wIvgPWAu1zBgAEDBjwM7Jy7ujnAj+0RznCGPyD+q1v17UPmEuDwhT79DvjV+6ML/OiY99/Ebvno41N2///qF8PXbXbIeB5s9W2t4I/6w68r8P2nATh83XZPkPW79/i2UvC94vLrE7z5+fY/69tguwvK5t27f1sneLuDSxYcvi7c92X77t0PpgjsnAt6+L2T1/Davf8bjVfhTjfhu+eVgsNdeq7hxXu/nYMXx3v7XKOjqQRH+xJFJzMJTuxmdI2PphAcF4tnQqntd1P7N10TR1MHTuw8lZFuz3tqx6pr+mgqwM7lzm8UPD6fyds7O2VLH00TOLmzWDxdSD6Ia7Yq0TNo7ffGoVaNVxc47uHyCuwyD+KcVwPYFe7fEOwisEuGWlmvJnCqh0sUc0RgV75GouhrFDgMeNP37xJFlTHYlUeBML5+N3jF2+zrmO7hEs0bEmBXHueDGdQYcLSZZaaHS3CThnF11Z2xnSMPAUfdyPVwCVMaV5cY7V6NfZssyAhw1JFsDxcXprDcyzSeK+6LOgIcdSXfwyUakl0ujaf3DEddyUYIYdYyedeqv4ejruQjhBrw62h88ChdFeHXg19H48Ofw5XeLdhlwK+j8fGRlqvzbsAuA84P/4pi6RfdcglwZhGplLZUNFsqdyx4tC7ZG3jvGzluPly89Fw92O0eHAZlPEqDi2sAp46WzgiOALvSPbZqpb65l14dWct8gOB2gt2RvPQwsCvFG5Vgd2DlYRzYlcfnKrDbv7Y0EOyK43MdOJe0zK8ejkrEp7pyBJxOWhbWh4eCXfl6rgKnkpalCoCxYFe8nuvA95xAbY3HYLArXc+V4DBpWa7iGQ12Yf6lHpy5ZlwK7NZv6rCVh+8d+LFUT7cf7F6vnlNc2g+8HGt2wVcVp9w+uPsVwxlWDl4A2wFPN0qPaYABAwYMGLBB8L86UddPrrT/8QAAAABJRU5ErkJggg==)
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-leaf>.jstree-ocl {
            background: 0 0
        }

        .jstree-default-responsive .jstree-node {
            white-space: nowrap;
            min-width: 40px;
            min-height: 40px;
            margin-left: 40px;
            line-height: 40px
        }

        .jstree-default-responsive .jstree-anchor {
            height: 40px;
            line-height: 40px
        }

        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-icon:empty {
            width: 40px;
            height: 40px;
            line-height: 40px
        }

        .jstree-default-responsive>.jstree-container-ul>.jstree-node {
            margin-left: 0
        }

        .jstree-default-responsive.jstree-rtl .jstree-node {
            background: 0 0;
            margin-left: 0;
            margin-right: 40px
        }

        .jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node {
            margin-right: 0
        }

        .jstree-default-responsive .jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-size: 120px 240px
        }

        .jstree-default-responsive .jstree-leaf>.jstree-ocl,
        .jstree-default-responsive.jstree-rtl .jstree-leaf>.jstree-ocl {
            background: 0 0
        }

        .jstree-default-responsive .jstree-open>.jstree-ocl {
            background-position: 0 0 !important
        }

        .jstree-default-responsive .jstree-closed>.jstree-ocl {
            background-position: 0 -40px !important
        }

        .jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl {
            background-position: -40px 0 !important
        }

        .jstree-default-responsive .jstree-themeicon {
            background-position: -40px -40px
        }

        .jstree-default-responsive .jstree-checkbox,
        .jstree-default-responsive .jstree-checkbox:hover {
            background-position: -40px -80px
        }

        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
        .jstree-default-responsive .jstree-checked>.jstree-checkbox,
        .jstree-default-responsive .jstree-checked>.jstree-checkbox:hover {
            background-position: 0 -80px
        }

        .jstree-default-responsive .jstree-anchor>.jstree-undetermined,
        .jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover {
            background-position: 0 -120px
        }

        .jstree-default-responsive .jstree-anchor {
            text-shadow: 1px 1px #fff;
            font-size: 1.1em;
            font-weight: 700
        }

        .jstree-default-responsive>.jstree-striped {
            background: 0 0
        }

        .jstree-default-responsive .jstree-wholerow {
            background: #ebebeb;
            border-top: 1px solid #ffffffb3;
            border-bottom: 1px solid #40404033;
            height: 40px
        }

        .jstree-default-responsive .jstree-wholerow-hovered {
            background: #e7f4f9
        }

        .jstree-default-responsive .jstree-wholerow-clicked {
            background: #beebff
        }

        .jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow {
            box-shadow: inset 0 -6px 3px -5px #666
        }

        .jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow {
            border-top: 0;
            box-shadow: inset 0 6px 3px -5px #666
        }

        .jstree-default-responsive .jstree-children .jstree-open+.jstree-open {
            box-shadow: none
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-node>.jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAHgCAMAAACsKhCPAAAARVBMVEUAAAAzMzP///////8zMzMzMzPt7e0zMzMzMzMzMzMzMzMzMzPS0tIzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM8PDyWBIz0AAAAFXRSTlMAAAABAgYGCAoOFB0fIVBZXF38/f7YY/43AAAH/ElEQVR42u3d6brbKAyA4RBPZ82sLb3/S53OaZKx2YKNCJL5+NOeJX54YxsLoXAu16hdTDZ/rWsXwIABAwYMGDBgwIABAzYAvt3mAt+8v80E/uYVE1sAf3ilxAbAd6+QWD/46ZURqwevvCJi7eCNV0IsAPa+cHgv6hUQt4P/60be2yaOvO3iZvD3buS9LeKEdzj40Y+897i4h7cV/H9P8t6j4i7eRvC6L3nvMXEfbxt425u894i4k7cJHPYn790v7uVtAcc9ynv3irt5ZcE+7/VKvKKX9JOl2Cs5aD1hmr2Cj6UnTbVXLvAoNUVesdDSildq8mDGKzQ9FPNaAF8kvQYu6RdiPUG0ZE5L0qv8sfRCrGkiLJu1lPQqDi1fiHUls6Tz0pJepdPDS1ksnJBWuLYk6dWZ4pFO2+lP4kknZvWnaaVT7/oT8dKLK/qXWqSXz/QvpkkvkOpfLu3bbroHrd7iCUoe5itqma9sab7CtPlKD+crLp2vfFhZmhYwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAZwbfbnOBb8Kfp9IOvol+DsPLVl53AMsWFvmeYhGwaOmY7KdFuoBliwP1g4XKP/2uNhAsU+B78zvbbRRYqITbDFiqSN8yWHcEIn9JKxeLD1raxdKPJfVi4cDjsNjOY0lIbAssIDYGbhdbAzeLzYFbxfbAjWKD4DaxRXCT2CS4RQyYS5pBi8cSgQehJZMHpockAEjxCCXxDIFlkpaG15aOdWa6pRYW01gu1TponX5BXKjkwWrgcXgRzWhoeXzR0ObkoWGR1OT0sGVR2GICYKri0vnKh800wIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGHAeLPsnxOWPJwuW3iCow5ZDkuCK3nkZrgi5GVzj3dPPbvtKCYHrvPX97LiTlgi41lvbz657hwmA6711/ey8W1ozeI+3pp/d94eTAlcRdpzgoz/vDX63V0QsAJby1gxvusF77zrt4No7bqfXt/7OKPDuUdUg+PDzyCh4/cWBp6Y58PqrI1GCNfD6y0NRkTHwmngsCjQLPhr1Wr2kD0f5Rget47Mam4+lhqSWycAjNyk+a2jZlMQzGUvnkh7nnTw0JC2NzpbS9/WZp4eHk7Rm58OpcXuGBABg82DxpJv5rOVZwWKJc/WJePGlEe1LLeKLX+oX08SXN7Uvl8ovYGtfEJcvUdBe8iBfhKK9qEW+zEh72dJFvpBMeWGaTI62wnwRaRSXAgYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABTwPuV4SiEdy1zEgfuHMhmTpw71JBbeDuxaDKwP3LfXWB31DQrQr8jpJ9leDswU8GfsvHbhSCi4c/Kzh3554KvIJlxyp91zRgwIABAwYMGDBgwLOApXMMnGHAgAEDBnwO8HRJvGnTtPMk4qdbaplvMW265dL5FsTnK3mYr6hlvrKly3SFaZdSaHlasJ0GGDBgwIABAwYMGDBgwIABAwYMGHD3DgIGDBgwYMCAAQMGDBiwRXCi1MEFDTBgwPbAfjqw/20y8Bf/y1zgz/4pngb8EM8DvosnAvufZgP7T7OB/c+zgb/dx7M8hx/t90kiLbE/Y29k8vDDo336ldkSYOPgP/9at7//OD1Y9uM89sBfZgP/Axgw4KnBevbTeg/4MtsZBgwYMGDAgAEDBgwYMGDAgAEDVgj+PBv4ZNs8mmuAAQMGDBgwYMCAAQMGDBgwYMAlsM0GGDBgwIABAwY8A3h524ssg6+A5wIvgPWAu1zBgAEDBjwM7Jy7ujnAj+0RznCGPyD+q1v17UPmEuDwhT79DvjV+6ML/OiY99/Ebvno41N2///qF8PXbXbIeB5s9W2t4I/6w68r8P2nATh83XZPkPW79/i2UvC94vLrE7z5+fY/69tguwvK5t27f1sneLuDSxYcvi7c92X77t0PpgjsnAt6+L2T1/Davf8bjVfhTjfhu+eVgsNdeq7hxXu/nYMXx3v7XKOjqQRH+xJFJzMJTuxmdI2PphAcF4tnQqntd1P7N10TR1MHTuw8lZFuz3tqx6pr+mgqwM7lzm8UPD6fyds7O2VLH00TOLmzWDxdSD6Ia7Yq0TNo7ffGoVaNVxc47uHyCuwyD+KcVwPYFe7fEOwisEuGWlmvJnCqh0sUc0RgV75GouhrFDgMeNP37xJFlTHYlUeBML5+N3jF2+zrmO7hEs0bEmBXHueDGdQYcLSZZaaHS3CThnF11Z2xnSMPAUfdyPVwCVMaV5cY7V6NfZssyAhw1JFsDxcXprDcyzSeK+6LOgIcdSXfwyUakl0ujaf3DEddyUYIYdYyedeqv4ejruQjhBrw62h88ChdFeHXg19H48Ofw5XeLdhlwK+j8fGRlqvzbsAuA84P/4pi6RfdcglwZhGplLZUNFsqdyx4tC7ZG3jvGzluPly89Fw92O0eHAZlPEqDi2sAp46WzgiOALvSPbZqpb65l14dWct8gOB2gt2RvPQwsCvFG5Vgd2DlYRzYlcfnKrDbv7Y0EOyK43MdOJe0zK8ejkrEp7pyBJxOWhbWh4eCXfl6rgKnkpalCoCxYFe8nuvA95xAbY3HYLArXc+V4DBpWa7iGQ12Yf6lHpy5ZlwK7NZv6rCVh+8d+LFUT7cf7F6vnlNc2g+8HGt2wVcVp9w+uPsVwxlWDl4A2wFPN0qPaYABAwYMGLBB8L86UddPrrT/8QAAAABJRU5ErkJggg==);
            background-size: 120px 240px
        }

        .jstree-default-responsive .jstree-node {
            background-position: -80px 0;
            background-repeat: repeat-y
        }

        .jstree-default-responsive .jstree-last {
            background-image: none
        }

        .jstree-default-responsive .jstree-leaf>.jstree-ocl {
            background-position: -40px -120px
        }

        .jstree-default-responsive .jstree-last>.jstree-ocl {
            background-position: -40px -160px
        }

        .jstree-default-responsive .jstree-themeicon-custom {
            background-color: #0000;
            background-image: none;
            background-position: 0 0
        }

        .jstree-default-responsive .jstree-file {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAHgCAMAAACsKhCPAAAARVBMVEUAAAAzMzP///////8zMzMzMzPt7e0zMzMzMzMzMzMzMzMzMzPS0tIzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM8PDyWBIz0AAAAFXRSTlMAAAABAgYGCAoOFB0fIVBZXF38/f7YY/43AAAH/ElEQVR42u3d6brbKAyA4RBPZ82sLb3/S53OaZKx2YKNCJL5+NOeJX54YxsLoXAu16hdTDZ/rWsXwIABAwYMGDBgwIABAzYAvt3mAt+8v80E/uYVE1sAf3ilxAbAd6+QWD/46ZURqwevvCJi7eCNV0IsAPa+cHgv6hUQt4P/60be2yaOvO3iZvD3buS9LeKEdzj40Y+897i4h7cV/H9P8t6j4i7eRvC6L3nvMXEfbxt425u894i4k7cJHPYn790v7uVtAcc9ynv3irt5ZcE+7/VKvKKX9JOl2Cs5aD1hmr2Cj6UnTbVXLvAoNUVesdDSildq8mDGKzQ9FPNaAF8kvQYu6RdiPUG0ZE5L0qv8sfRCrGkiLJu1lPQqDi1fiHUls6Tz0pJepdPDS1ksnJBWuLYk6dWZ4pFO2+lP4kknZvWnaaVT7/oT8dKLK/qXWqSXz/QvpkkvkOpfLu3bbroHrd7iCUoe5itqma9sab7CtPlKD+crLp2vfFhZmhYwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAZwbfbnOBb8Kfp9IOvol+DsPLVl53AMsWFvmeYhGwaOmY7KdFuoBliwP1g4XKP/2uNhAsU+B78zvbbRRYqITbDFiqSN8yWHcEIn9JKxeLD1raxdKPJfVi4cDjsNjOY0lIbAssIDYGbhdbAzeLzYFbxfbAjWKD4DaxRXCT2CS4RQyYS5pBi8cSgQehJZMHpockAEjxCCXxDIFlkpaG15aOdWa6pRYW01gu1TponX5BXKjkwWrgcXgRzWhoeXzR0ObkoWGR1OT0sGVR2GICYKri0vnKh800wIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGHAeLPsnxOWPJwuW3iCow5ZDkuCK3nkZrgi5GVzj3dPPbvtKCYHrvPX97LiTlgi41lvbz657hwmA6711/ey8W1ozeI+3pp/d94eTAlcRdpzgoz/vDX63V0QsAJby1gxvusF77zrt4No7bqfXt/7OKPDuUdUg+PDzyCh4/cWBp6Y58PqrI1GCNfD6y0NRkTHwmngsCjQLPhr1Wr2kD0f5Rget47Mam4+lhqSWycAjNyk+a2jZlMQzGUvnkh7nnTw0JC2NzpbS9/WZp4eHk7Rm58OpcXuGBABg82DxpJv5rOVZwWKJc/WJePGlEe1LLeKLX+oX08SXN7Uvl8ovYGtfEJcvUdBe8iBfhKK9qEW+zEh72dJFvpBMeWGaTI62wnwRaRSXAgYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABTwPuV4SiEdy1zEgfuHMhmTpw71JBbeDuxaDKwP3LfXWB31DQrQr8jpJ9leDswU8GfsvHbhSCi4c/Kzh3554KvIJlxyp91zRgwIABAwYMGDBgwLOApXMMnGHAgAEDBnwO8HRJvGnTtPMk4qdbaplvMW265dL5FsTnK3mYr6hlvrKly3SFaZdSaHlasJ0GGDBgwIABAwYMGDBgwIABAwYMGHD3DgIGDBgwYMCAAQMGDBiwRXCi1MEFDTBgwPbAfjqw/20y8Bf/y1zgz/4pngb8EM8DvosnAvufZgP7T7OB/c+zgb/dx7M8hx/t90kiLbE/Y29k8vDDo336ldkSYOPgP/9at7//OD1Y9uM89sBfZgP/Axgw4KnBevbTeg/4MtsZBgwYMGDAgAEDBgwYMGDAgAEDVgj+PBv4ZNs8mmuAAQMGDBgwYMCAAQMGDBgwYMAlsM0GGDBgwIABAwY8A3h524ssg6+A5wIvgPWAu1zBgAEDBjwM7Jy7ujnAj+0RznCGPyD+q1v17UPmEuDwhT79DvjV+6ML/OiY99/Ebvno41N2///qF8PXbXbIeB5s9W2t4I/6w68r8P2nATh83XZPkPW79/i2UvC94vLrE7z5+fY/69tguwvK5t27f1sneLuDSxYcvi7c92X77t0PpgjsnAt6+L2T1/Davf8bjVfhTjfhu+eVgsNdeq7hxXu/nYMXx3v7XKOjqQRH+xJFJzMJTuxmdI2PphAcF4tnQqntd1P7N10TR1MHTuw8lZFuz3tqx6pr+mgqwM7lzm8UPD6fyds7O2VLH00TOLmzWDxdSD6Ia7Yq0TNo7ffGoVaNVxc47uHyCuwyD+KcVwPYFe7fEOwisEuGWlmvJnCqh0sUc0RgV75GouhrFDgMeNP37xJFlTHYlUeBML5+N3jF2+zrmO7hEs0bEmBXHueDGdQYcLSZZaaHS3CThnF11Z2xnSMPAUfdyPVwCVMaV5cY7V6NfZssyAhw1JFsDxcXprDcyzSeK+6LOgIcdSXfwyUakl0ujaf3DEddyUYIYdYyedeqv4ejruQjhBrw62h88ChdFeHXg19H48Ofw5XeLdhlwK+j8fGRlqvzbsAuA84P/4pi6RfdcglwZhGplLZUNFsqdyx4tC7ZG3jvGzluPly89Fw92O0eHAZlPEqDi2sAp46WzgiOALvSPbZqpb65l14dWct8gOB2gt2RvPQwsCvFG5Vgd2DlYRzYlcfnKrDbv7Y0EOyK43MdOJe0zK8ejkrEp7pyBJxOWhbWh4eCXfl6rgKnkpalCoCxYFe8nuvA95xAbY3HYLArXc+V4DBpWa7iGQ12Yf6lHpy5ZlwK7NZv6rCVh+8d+LFUT7cf7F6vnlNc2g+8HGt2wVcVp9w+uPsVwxlWDl4A2wFPN0qPaYABAwYMGLBB8L86UddPrrT/8QAAAABJRU5ErkJggg==) 0 -160px/120px 240px no-repeat
        }

        .jstree-default-responsive .jstree-folder {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAHgCAMAAACsKhCPAAAARVBMVEUAAAAzMzP///////8zMzMzMzPt7e0zMzMzMzMzMzMzMzMzMzPS0tIzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM8PDyWBIz0AAAAFXRSTlMAAAABAgYGCAoOFB0fIVBZXF38/f7YY/43AAAH/ElEQVR42u3d6brbKAyA4RBPZ82sLb3/S53OaZKx2YKNCJL5+NOeJX54YxsLoXAu16hdTDZ/rWsXwIABAwYMGDBgwIABAzYAvt3mAt+8v80E/uYVE1sAf3ilxAbAd6+QWD/46ZURqwevvCJi7eCNV0IsAPa+cHgv6hUQt4P/60be2yaOvO3iZvD3buS9LeKEdzj40Y+897i4h7cV/H9P8t6j4i7eRvC6L3nvMXEfbxt425u894i4k7cJHPYn790v7uVtAcc9ynv3irt5ZcE+7/VKvKKX9JOl2Cs5aD1hmr2Cj6UnTbVXLvAoNUVesdDSildq8mDGKzQ9FPNaAF8kvQYu6RdiPUG0ZE5L0qv8sfRCrGkiLJu1lPQqDi1fiHUls6Tz0pJepdPDS1ksnJBWuLYk6dWZ4pFO2+lP4kknZvWnaaVT7/oT8dKLK/qXWqSXz/QvpkkvkOpfLu3bbroHrd7iCUoe5itqma9sab7CtPlKD+crLp2vfFhZmhYwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAZwbfbnOBb8Kfp9IOvol+DsPLVl53AMsWFvmeYhGwaOmY7KdFuoBliwP1g4XKP/2uNhAsU+B78zvbbRRYqITbDFiqSN8yWHcEIn9JKxeLD1raxdKPJfVi4cDjsNjOY0lIbAssIDYGbhdbAzeLzYFbxfbAjWKD4DaxRXCT2CS4RQyYS5pBi8cSgQehJZMHpockAEjxCCXxDIFlkpaG15aOdWa6pRYW01gu1TponX5BXKjkwWrgcXgRzWhoeXzR0ObkoWGR1OT0sGVR2GICYKri0vnKh800wIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGHAeLPsnxOWPJwuW3iCow5ZDkuCK3nkZrgi5GVzj3dPPbvtKCYHrvPX97LiTlgi41lvbz657hwmA6711/ey8W1ozeI+3pp/d94eTAlcRdpzgoz/vDX63V0QsAJby1gxvusF77zrt4No7bqfXt/7OKPDuUdUg+PDzyCh4/cWBp6Y58PqrI1GCNfD6y0NRkTHwmngsCjQLPhr1Wr2kD0f5Rget47Mam4+lhqSWycAjNyk+a2jZlMQzGUvnkh7nnTw0JC2NzpbS9/WZp4eHk7Rm58OpcXuGBABg82DxpJv5rOVZwWKJc/WJePGlEe1LLeKLX+oX08SXN7Uvl8ovYGtfEJcvUdBe8iBfhKK9qEW+zEh72dJFvpBMeWGaTI62wnwRaRSXAgYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABTwPuV4SiEdy1zEgfuHMhmTpw71JBbeDuxaDKwP3LfXWB31DQrQr8jpJ9leDswU8GfsvHbhSCi4c/Kzh3554KvIJlxyp91zRgwIABAwYMGDBgwLOApXMMnGHAgAEDBnwO8HRJvGnTtPMk4qdbaplvMW265dL5FsTnK3mYr6hlvrKly3SFaZdSaHlasJ0GGDBgwIABAwYMGDBgwIABAwYMGHD3DgIGDBgwYMCAAQMGDBiwRXCi1MEFDTBgwPbAfjqw/20y8Bf/y1zgz/4pngb8EM8DvosnAvufZgP7T7OB/c+zgb/dx7M8hx/t90kiLbE/Y29k8vDDo336ldkSYOPgP/9at7//OD1Y9uM89sBfZgP/Axgw4KnBevbTeg/4MtsZBgwYMGDAgAEDBgwYMGDAgAEDVgj+PBv4ZNs8mmuAAQMGDBgwYMCAAQMGDBgwYMAlsM0GGDBgwIABAwY8A3h524ssg6+A5wIvgPWAu1zBgAEDBjwM7Jy7ujnAj+0RznCGPyD+q1v17UPmEuDwhT79DvjV+6ML/OiY99/Ebvno41N2///qF8PXbXbIeB5s9W2t4I/6w68r8P2nATh83XZPkPW79/i2UvC94vLrE7z5+fY/69tguwvK5t27f1sneLuDSxYcvi7c92X77t0PpgjsnAt6+L2T1/Davf8bjVfhTjfhu+eVgsNdeq7hxXu/nYMXx3v7XKOjqQRH+xJFJzMJTuxmdI2PphAcF4tnQqntd1P7N10TR1MHTuw8lZFuz3tqx6pr+mgqwM7lzm8UPD6fyds7O2VLH00TOLmzWDxdSD6Ia7Yq0TNo7ffGoVaNVxc47uHyCuwyD+KcVwPYFe7fEOwisEuGWlmvJnCqh0sUc0RgV75GouhrFDgMeNP37xJFlTHYlUeBML5+N3jF2+zrmO7hEs0bEmBXHueDGdQYcLSZZaaHS3CThnF11Z2xnSMPAUfdyPVwCVMaV5cY7V6NfZssyAhw1JFsDxcXprDcyzSeK+6LOgIcdSXfwyUakl0ujaf3DEddyUYIYdYyedeqv4ejruQjhBrw62h88ChdFeHXg19H48Ofw5XeLdhlwK+j8fGRlqvzbsAuA84P/4pi6RfdcglwZhGplLZUNFsqdyx4tC7ZG3jvGzluPly89Fw92O0eHAZlPEqDi2sAp46WzgiOALvSPbZqpb65l14dWct8gOB2gt2RvPQwsCvFG5Vgd2DlYRzYlcfnKrDbv7Y0EOyK43MdOJe0zK8ejkrEp7pyBJxOWhbWh4eCXfl6rgKnkpalCoCxYFe8nuvA95xAbY3HYLArXc+V4DBpWa7iGQ12Yf6lHpy5ZlwK7NZv6rCVh+8d+LFUT7cf7F6vnlNc2g+8HGt2wVcVp9w+uPsVwxlWDl4A2wFPN0qPaYABAwYMGLBB8L86UddPrrT/8QAAAABJRU5ErkJggg==) -40px -40px/120px 240px no-repeat
        }

        .jstree-default-responsive>.jstree-container-ul>.jstree-node {
            margin-left: 0;
            margin-right: 0
        }
    }

    :root {
        --jvm-border-color: #e5e6e7;
        --jvm-box-shadow: 0 1px 2px 0 #0000000d;
        --jvm-tooltip-font-size: .9rem;
        --jvm-tooltip-bg-color: #337ffa;
        --jvm-tooltip-color: #fff;
        --jvm-tooltip-padding: 3px 5px;
        --jvm-tooltip-shadow: var(--jvm-box-shadow);
        --jvm-tooltip-radius: 3px;
        --jvm-zoom-btn-bg-color: #292929;
        --jvm-zoom-btn-color: #fff;
        --jvm-zoom-btn-size: 15px;
        --jvm-zoom-btn-radius: 3px;
        --jvm-series-container-right: 15px;
        --jvm-legend-bg-color: #fff;
        --jvm-legend-radius: .15rem;
        --jvm-legend-margin-left: .75rem;
        --jvm-legend-padding: .6rem;
        --jvm-legend-title-padding-bottom: .5rem;
        --jvm-legend-title-margin-bottom: .575rem;
        --jvm-legend-tick-margin-top: .575rem;
        --jvm-legend-tick-sample-radius: 0;
        --jvm-legend-tick-sample-height: 12px;
        --jvm-legend-tick-sample-width: 30px;
        --jvm-legend-tick-text-font-size: 12px;
        --jvm-legend-tick-text-margin-top: 3px
    }

    image,
    text,
    .jvm-zoom-btn {
        -webkit-user-select: none;
        user-select: none
    }

    .jvm-container {
        width: 100%;
        height: 100%;
        position: relative
    }

    .jvm-tooltip {
        border-radius: var(--jvm-tooltip-radius);
        background-color: var(--jvm-tooltip-bg-color);
        color: var(--jvm-tooltip-color);
        font-size: var(--jvm-tooltip-font-size);
        box-shadow: var(--jvm-tooltip-shadow);
        padding: var(--jvm-tooltip-padding);
        white-space: nowrap;
        display: none;
        position: absolute
    }

    .jvm-tooltip.active {
        display: block
    }

    .jvm-zoom-btn {
        background-color: var(--jvm-zoom-btn-bg-color);
        color: var(--jvm-zoom-btn-color);
        border-radius: var(--jvm-zoom-btn-radius);
        height: var(--jvm-zoom-btn-size);
        width: var(--jvm-zoom-btn-size);
        box-sizing: border-box;
        line-height: var(--jvm-zoom-btn-size);
        text-align: center;
        cursor: pointer;
        position: absolute;
        left: 10px
    }

    .jvm-zoom-btn.jvm-zoomin {
        top: var(--jvm-zoom-btn-size)
    }

    .jvm-zoom-btn.jvm-zoomout {
        top: calc(var(--jvm-zoom-btn-size)*2 + var(--jvm-zoom-btn-size)/3)
    }

    .jvm-series-container {
        right: var(--jvm-series-container-right);
        position: absolute
    }

    .jvm-series-container.jvm-series-h {
        bottom: 15px
    }

    .jvm-series-container.jvm-series-v {
        flex-direction: column;
        gap: .75rem;
        display: flex;
        top: 15px
    }

    .jvm-legend {
        background-color: var(--jvm-legend-bg-color);
        border: 1px solid var(--jvm-border-color);
        margin-left: var(--jvm-legend-margin-left);
        border-radius: var(--jvm-legend-radius);
        padding: var(--jvm-legend-padding);
        box-shadow: var(--jvm-box-shadow)
    }

    .jvm-legend-title {
        border-bottom: 1px solid var(--jvm-border-color);
        padding-bottom: var(--jvm-legend-title-padding-bottom);
        margin-bottom: var(--jvm-legend-title-margin-bottom);
        text-align: left;
        line-height: 1
    }

    .jvm-legend-tick {
        align-items: center;
        min-width: 40px;
        display: flex
    }

    .jvm-legend-tick:not(:first-child) {
        margin-top: var(--jvm-legend-tick-margin-top)
    }

    .jvm-legend-tick-sample {
        border-radius: var(--jvm-legend-tick-sample-radius);
        height: var(--jvm-legend-tick-sample-height);
        width: var(--jvm-legend-tick-sample-width);
        margin-right: .45rem
    }

    .jvm-legend-tick-text {
        font-size: var(--jvm-legend-tick-text-font-size);
        text-align: center;
        line-height: 1
    }

    .jvm-line[animation=true] {
        animation: 10s linear infinite forwards jvm-line-animation
    }

    @keyframes jvm-line-animation {
        0% {
            stroke-dashoffset: 250px
        }
    }

    .noUi-target,
    .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-user-select: none;
        user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        box-sizing: border-box
    }

    .noUi-target {
        position: relative
    }

    .noUi-base,
    .noUi-connects {
        z-index: 1;
        width: 100%;
        height: 100%;
        position: relative
    }

    .noUi-connects {
        z-index: 0;
        overflow: hidden
    }

    .noUi-connect,
    .noUi-origin {
        will-change: transform;
        z-index: 1;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
        -webkit-transform-style: preserve-3d;
        transform-style: flat;
        position: absolute;
        top: 0;
        right: 0
    }

    .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
        left: 0;
        right: auto
    }

    .noUi-vertical .noUi-origin {
        width: 0;
        top: -100%
    }

    .noUi-horizontal .noUi-origin {
        height: 0
    }

    .noUi-handle {
        backface-visibility: hidden;
        position: absolute
    }

    .noUi-touch-area {
        width: 100%;
        height: 100%
    }

    .noUi-state-tap .noUi-connect,
    .noUi-state-tap .noUi-origin {
        transition: transform .3s
    }

    .noUi-state-drag * {
        cursor: inherit !important
    }

    .noUi-horizontal {
        height: 18px
    }

    .noUi-horizontal .noUi-handle {
        width: 34px;
        height: 28px;
        top: -6px;
        right: -17px
    }

    .noUi-vertical {
        width: 18px
    }

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        bottom: -17px;
        right: -6px
    }

    .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
        left: -17px;
        right: auto
    }

    .noUi-target {
        background: #fafafa;
        border: 1px solid #d3d3d3;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
    }

    .noUi-connects {
        border-radius: 3px
    }

    .noUi-connect {
        background: #3fb8af
    }

    .noUi-draggable {
        cursor: ew-resize
    }

    .noUi-vertical .noUi-draggable {
        cursor: ns-resize
    }

    .noUi-handle {
        cursor: default;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
    }

    .noUi-active {
        box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
    }

    .noUi-handle:after,
    .noUi-handle:before {
        content: "";
        background: #e8e7e6;
        width: 1px;
        height: 14px;
        display: block;
        position: absolute;
        top: 6px;
        left: 14px
    }

    .noUi-handle:after {
        left: 17px
    }

    .noUi-vertical .noUi-handle:after,
    .noUi-vertical .noUi-handle:before {
        width: 14px;
        height: 1px;
        top: 14px;
        left: 6px
    }

    .noUi-vertical .noUi-handle:after {
        top: 17px
    }

    [disabled] .noUi-connect {
        background: #b8b8b8
    }

    [disabled] .noUi-handle,
    [disabled].noUi-handle,
    [disabled].noUi-target {
        cursor: not-allowed
    }

    .noUi-pips,
    .noUi-pips * {
        box-sizing: border-box
    }

    .noUi-pips {
        color: #999;
        position: absolute
    }

    .noUi-value {
        white-space: nowrap;
        text-align: center;
        position: absolute
    }

    .noUi-value-sub {
        color: #ccc;
        font-size: 10px
    }

    .noUi-marker {
        background: #ccc;
        position: absolute
    }

    .noUi-marker-sub,
    .noUi-marker-large {
        background: #aaa
    }

    .noUi-pips-horizontal {
        width: 100%;
        height: 80px;
        padding: 10px 0;
        top: 100%;
        left: 0
    }

    .noUi-value-horizontal {
        transform: translate(-50%, 50%)
    }

    .noUi-rtl .noUi-value-horizontal {
        transform: translate(50%, 50%)
    }

    .noUi-marker-horizontal.noUi-marker {
        width: 2px;
        height: 5px;
        margin-left: -1px
    }

    .noUi-marker-horizontal.noUi-marker-sub {
        height: 10px
    }

    .noUi-marker-horizontal.noUi-marker-large {
        height: 15px
    }

    .noUi-pips-vertical {
        height: 100%;
        padding: 0 10px;
        top: 0;
        left: 100%
    }

    .noUi-value-vertical {
        padding-left: 25px;
        transform: translateY(-50%)
    }

    .noUi-rtl .noUi-value-vertical {
        transform: translateY(50%)
    }

    .noUi-marker-vertical.noUi-marker {
        width: 5px;
        height: 2px;
        margin-top: -1px
    }

    .noUi-marker-vertical.noUi-marker-sub {
        width: 10px
    }

    .noUi-marker-vertical.noUi-marker-large {
        width: 15px
    }

    .noUi-tooltip {
        color: #000;
        text-align: center;
        white-space: nowrap;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        padding: 5px;
        display: block;
        position: absolute
    }

    .noUi-horizontal .noUi-tooltip {
        bottom: 120%;
        left: 50%;
        transform: translate(-50%)
    }

    .noUi-vertical .noUi-tooltip {
        top: 50%;
        right: 120%;
        transform: translateY(-50%)
    }

    .noUi-horizontal .noUi-origin>.noUi-tooltip {
        bottom: 10px;
        left: auto;
        transform: translate(50%)
    }

    .noUi-vertical .noUi-origin>.noUi-tooltip {
        top: auto;
        right: 28px;
        transform: translateY(-18px)
    }

    .ql-bubble.ql-toolbar:after,
    .ql-bubble .ql-toolbar:after {
        clear: both;
        content: "";
        display: table
    }

    .ql-bubble.ql-toolbar button,
    .ql-bubble .ql-toolbar button {
        cursor: pointer;
        float: left;
        background: 0 0;
        border: none;
        width: 28px;
        height: 24px;
        padding: 3px 5px;
        display: inline-block
    }

    .ql-bubble.ql-toolbar button svg,
    .ql-bubble .ql-toolbar button svg {
        float: left;
        height: 100%
    }

    .ql-bubble.ql-toolbar button:active:hover,
    .ql-bubble .ql-toolbar button:active:hover {
        outline: none
    }

    .ql-bubble.ql-toolbar input.ql-image[type=file],
    .ql-bubble .ql-toolbar input.ql-image[type=file] {
        display: none
    }

    .ql-bubble.ql-toolbar button:hover,
    .ql-bubble .ql-toolbar button:hover,
    .ql-bubble.ql-toolbar button:focus,
    .ql-bubble .ql-toolbar button:focus,
    .ql-bubble.ql-toolbar button.ql-active,
    .ql-bubble .ql-toolbar button.ql-active,
    .ql-bubble.ql-toolbar .ql-picker-label:hover,
    .ql-bubble .ql-toolbar .ql-picker-label:hover,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active,
    .ql-bubble.ql-toolbar .ql-picker-item:hover,
    .ql-bubble .ql-toolbar .ql-picker-item:hover,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
        color: #fff
    }

    .ql-bubble.ql-toolbar button:hover .ql-fill,
    .ql-bubble .ql-toolbar button:hover .ql-fill,
    .ql-bubble.ql-toolbar button:focus .ql-fill,
    .ql-bubble .ql-toolbar button:focus .ql-fill,
    .ql-bubble.ql-toolbar button.ql-active .ql-fill,
    .ql-bubble .ql-toolbar button.ql-active .ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
        fill: #fff
    }

    .ql-bubble.ql-toolbar button:hover .ql-stroke,
    .ql-bubble .ql-toolbar button:hover .ql-stroke,
    .ql-bubble.ql-toolbar button:focus .ql-stroke,
    .ql-bubble .ql-toolbar button:focus .ql-stroke,
    .ql-bubble.ql-toolbar button.ql-active .ql-stroke,
    .ql-bubble .ql-toolbar button.ql-active .ql-stroke,
    .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
    .ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
    .ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
    .ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
    .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
        stroke: #fff
    }

    @media(pointer:coarse) {

        .ql-bubble.ql-toolbar button:hover:not(.ql-active),
        .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
            color: #ccc
        }

        .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
        .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
            fill: #ccc
        }

        .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
        .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
            stroke: #ccc
        }
    }

    .ql-bubble,
    .ql-bubble * {
        box-sizing: border-box
    }

    .ql-bubble .ql-hidden {
        display: none
    }

    .ql-bubble .ql-out-bottom,
    .ql-bubble .ql-out-top {
        visibility: hidden
    }

    .ql-bubble .ql-tooltip {
        position: absolute;
        transform: translateY(10px)
    }

    .ql-bubble .ql-tooltip a {
        cursor: pointer;
        text-decoration: none
    }

    .ql-bubble .ql-tooltip.ql-flip {
        transform: translateY(-10px)
    }

    .ql-bubble .ql-formats {
        vertical-align: middle;
        display: inline-block
    }

    .ql-bubble .ql-formats:after {
        clear: both;
        content: "";
        display: table
    }

    .ql-bubble .ql-stroke {
        fill: none;
        stroke: #ccc;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2px
    }

    .ql-bubble .ql-stroke-miter {
        fill: none;
        stroke: #ccc;
        stroke-miterlimit: 10;
        stroke-width: 2px
    }

    .ql-bubble .ql-fill,
    .ql-bubble .ql-stroke.ql-fill {
        fill: #ccc
    }

    .ql-bubble .ql-empty {
        fill: none
    }

    .ql-bubble .ql-even {
        fill-rule: evenodd
    }

    .ql-bubble .ql-thin,
    .ql-bubble .ql-stroke.ql-thin {
        stroke-width: 1px
    }

    .ql-bubble .ql-transparent {
        opacity: .4
    }

    .ql-bubble .ql-direction svg:last-child {
        display: none
    }

    .ql-bubble .ql-direction.ql-active svg:last-child {
        display: inline
    }

    .ql-bubble .ql-direction.ql-active svg:first-child {
        display: none
    }

    .ql-bubble .ql-editor h1 {
        font-size: 2em
    }

    .ql-bubble .ql-editor h2 {
        font-size: 1.5em
    }

    .ql-bubble .ql-editor h3 {
        font-size: 1.17em
    }

    .ql-bubble .ql-editor h4 {
        font-size: 1em
    }

    .ql-bubble .ql-editor h5 {
        font-size: .83em
    }

    .ql-bubble .ql-editor h6 {
        font-size: .67em
    }

    .ql-bubble .ql-editor a {
        text-decoration: underline
    }

    .ql-bubble .ql-editor blockquote {
        border-left: 4px solid #ccc;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 16px
    }

    .ql-bubble .ql-editor code,
    .ql-bubble .ql-editor .ql-code-block-container {
        background-color: #f0f0f0;
        border-radius: 3px
    }

    .ql-bubble .ql-editor .ql-code-block-container {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 5px 10px
    }

    .ql-bubble .ql-editor code {
        padding: 2px 4px;
        font-size: 85%
    }

    .ql-bubble .ql-editor .ql-code-block-container {
        color: #f8f8f2;
        background-color: #23241f;
        overflow: visible
    }

    .ql-bubble .ql-editor img {
        max-width: 100%
    }

    .ql-bubble .ql-picker {
        color: #ccc;
        float: left;
        vertical-align: middle;
        height: 24px;
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        position: relative
    }

    .ql-bubble .ql-picker-label {
        cursor: pointer;
        width: 100%;
        height: 100%;
        padding-left: 8px;
        padding-right: 2px;
        display: inline-block;
        position: relative
    }

    .ql-bubble .ql-picker-label:before {
        line-height: 22px;
        display: inline-block
    }

    .ql-bubble .ql-picker-options {
        white-space: nowrap;
        background-color: #444;
        min-width: 100%;
        padding: 4px 8px;
        display: none;
        position: absolute
    }

    .ql-bubble .ql-picker-options .ql-picker-item {
        cursor: pointer;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block
    }

    .ql-bubble .ql-picker.ql-expanded .ql-picker-label {
        color: #777;
        z-index: 2
    }

    .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
        fill: #777
    }

    .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
        stroke: #777
    }

    .ql-bubble .ql-picker.ql-expanded .ql-picker-options {
        z-index: 1;
        margin-top: -1px;
        display: block;
        top: 100%
    }

    .ql-bubble .ql-color-picker,
    .ql-bubble .ql-icon-picker {
        width: 28px
    }

    .ql-bubble .ql-color-picker .ql-picker-label,
    .ql-bubble .ql-icon-picker .ql-picker-label {
        padding: 2px 4px
    }

    .ql-bubble .ql-color-picker .ql-picker-label svg,
    .ql-bubble .ql-icon-picker .ql-picker-label svg {
        right: 4px
    }

    .ql-bubble .ql-icon-picker .ql-picker-options {
        padding: 4px 0
    }

    .ql-bubble .ql-icon-picker .ql-picker-item {
        width: 24px;
        height: 24px;
        padding: 2px 4px
    }

    .ql-bubble .ql-color-picker .ql-picker-options {
        width: 152px;
        padding: 3px 5px
    }

    .ql-bubble .ql-color-picker .ql-picker-item {
        float: left;
        border: 1px solid #0000;
        width: 16px;
        height: 16px;
        margin: 2px;
        padding: 0
    }

    .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
        width: 18px;
        margin-top: -9px;
        position: absolute;
        top: 50%;
        right: 0
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
    .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
    .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,
    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
        content: attr(data-label)
    }

    .ql-bubble .ql-picker.ql-header {
        width: 98px
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-label:before,
    .ql-bubble .ql-picker.ql-header .ql-picker-item:before {
        content: "Normal"
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,
    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
        content: "Heading 1"
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,
    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
        content: "Heading 2"
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,
    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
        content: "Heading 3"
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,
    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
        content: "Heading 4"
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,
    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
        content: "Heading 5"
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,
    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
        content: "Heading 6"
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
        font-size: 2em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
        font-size: 1.5em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
        font-size: 1.17em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
        font-size: 1em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
        font-size: .83em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
        font-size: .67em
    }

    .ql-bubble .ql-picker.ql-font {
        width: 108px
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-label:before,
    .ql-bubble .ql-picker.ql-font .ql-picker-item:before {
        content: "Sans Serif"
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,
    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
        content: "Serif"
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,
    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
        content: "Monospace"
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
        font-family: Georgia, Times New Roman, serif
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
        font-family: Monaco, Courier New, monospace
    }

    .ql-bubble .ql-picker.ql-size {
        width: 98px
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-label:before,
    .ql-bubble .ql-picker.ql-size .ql-picker-item:before {
        content: "Normal"
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]:before,
    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
        content: "Small"
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]:before,
    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
        content: "Large"
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,
    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
        content: "Huge"
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
        font-size: 10px
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
        font-size: 18px
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
        font-size: 32px
    }

    .ql-bubble .ql-color-picker.ql-background .ql-picker-item {
        background-color: #fff
    }

    .ql-bubble .ql-color-picker.ql-color .ql-picker-item {
        background-color: #000
    }

    .ql-bubble .ql-toolbar .ql-formats {
        margin: 8px 12px 8px 0
    }

    .ql-bubble .ql-toolbar .ql-formats:first-child {
        margin-left: 12px
    }

    .ql-bubble .ql-color-picker svg {
        margin: 1px
    }

    .ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
    .ql-bubble .ql-color-picker .ql-picker-item:hover {
        border-color: #fff
    }

    .ql-bubble .ql-tooltip {
        color: #fff;
        background-color: #444;
        border-radius: 25px
    }

    .ql-bubble .ql-tooltip-arrow {
        content: " ";
        border-left: 6px solid #0000;
        border-right: 6px solid #0000;
        margin-left: -6px;
        display: block;
        position: absolute;
        left: 50%
    }

    .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
        border-bottom: 6px solid #444;
        top: -6px
    }

    .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
        border-top: 6px solid #444;
        bottom: -6px
    }

    .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
        display: block
    }

    .ql-bubble .ql-tooltip.ql-editing .ql-formats {
        visibility: hidden
    }

    .ql-bubble .ql-tooltip-editor {
        display: none
    }

    .ql-bubble .ql-tooltip-editor input[type=text] {
        color: #fff;
        background: 0 0;
        border: none;
        outline: none;
        width: 100%;
        height: 100%;
        padding: 10px 20px;
        font-size: 13px;
        position: absolute
    }

    .ql-bubble .ql-tooltip-editor a {
        position: absolute;
        top: 10px;
        right: 20px
    }

    .ql-bubble .ql-tooltip-editor a:before {
        color: #ccc;
        content: "×";
        font-size: 16px;
        font-weight: 700
    }

    .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close) {
        white-space: nowrap;
        position: relative
    }

    .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before {
        color: #fff;
        content: attr(href);
        z-index: 1;
        background-color: #444;
        border-radius: 15px;
        padding: 5px 15px;
        font-size: 12px;
        font-weight: 400;
        text-decoration: none;
        top: -5px;
        overflow: hidden
    }

    .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after {
        content: " ";
        border-top: 6px solid #444;
        border-left: 6px solid #0000;
        border-right: 6px solid #0000;
        width: 0;
        height: 0;
        top: 0
    }

    .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before,
    .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after {
        visibility: hidden;
        margin-left: 50%;
        transition: visibility 0s .2s;
        position: absolute;
        left: 0;
        transform: translate(-50%, -100%)
    }

    .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:before,
    .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:after {
        visibility: visible
    }

    .ql-container {
        box-sizing: border-box;
        height: 100%;
        margin: 0;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 13px;
        position: relative
    }

    .ql-container.ql-disabled .ql-tooltip {
        visibility: hidden
    }

    .ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,
    .ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui {
        cursor: pointer
    }

    .ql-clipboard {
        height: 1px;
        position: absolute;
        top: 50%;
        left: -100000px;
        overflow-y: hidden
    }

    .ql-clipboard p {
        margin: 0;
        padding: 0
    }

    .ql-editor {
        box-sizing: border-box;
        counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        tab-size: 4;
        text-align: left;
        white-space: pre-wrap;
        word-wrap: break-word;
        outline: none;
        height: 100%;
        padding: 12px 15px;
        line-height: 1.42;
        overflow-y: auto
    }

    .ql-editor>* {
        cursor: text
    }

    .ql-editor p,
    .ql-editor ol,
    .ql-editor pre,
    .ql-editor blockquote,
    .ql-editor h1,
    .ql-editor h2,
    .ql-editor h3,
    .ql-editor h4,
    .ql-editor h5,
    .ql-editor h6 {
        margin: 0;
        padding: 0
    }

    @supports (counter-set:none) {

        .ql-editor p,
        .ql-editor h1,
        .ql-editor h2,
        .ql-editor h3,
        .ql-editor h4,
        .ql-editor h5,
        .ql-editor h6 {
            counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {

        .ql-editor p,
        .ql-editor h1,
        .ql-editor h2,
        .ql-editor h3,
        .ql-editor h4,
        .ql-editor h5,
        .ql-editor h6 {
            counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor table {
        border-collapse: collapse
    }

    .ql-editor td {
        border: 1px solid #000;
        padding: 2px 5px
    }

    .ql-editor ol {
        padding-left: 1.5em
    }

    .ql-editor li {
        padding-left: 1.5em;
        list-style-type: none;
        position: relative
    }

    .ql-editor li>.ql-ui:before {
        text-align: right;
        white-space: nowrap;
        width: 1.2em;
        margin-left: -1.5em;
        margin-right: .3em;
        display: inline-block
    }

    .ql-editor li[data-list=checked]>.ql-ui,
    .ql-editor li[data-list=unchecked]>.ql-ui {
        color: #777
    }

    .ql-editor li[data-list=bullet]>.ql-ui:before {
        content: "•"
    }

    .ql-editor li[data-list=checked]>.ql-ui:before {
        content: "☑"
    }

    .ql-editor li[data-list=unchecked]>.ql-ui:before {
        content: "☐"
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list] {
            counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list] {
            counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered] {
        counter-increment: list-0
    }

    .ql-editor li[data-list=ordered]>.ql-ui:before {
        content: counter(list-0, decimal)". "
    }

    .ql-editor li[data-list=ordered].ql-indent-1 {
        counter-increment: list-1
    }

    .ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before {
        content: counter(list-1, lower-alpha)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-1 {
            counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-1 {
            counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-2 {
        counter-increment: list-2
    }

    .ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before {
        content: counter(list-2, lower-roman)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-2 {
            counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-2 {
            counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-3 {
        counter-increment: list-3
    }

    .ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before {
        content: counter(list-3, decimal)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-3 {
            counter-set: list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-3 {
            counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-4 {
        counter-increment: list-4
    }

    .ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before {
        content: counter(list-4, lower-alpha)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-4 {
            counter-set: list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-4 {
            counter-reset: list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-5 {
        counter-increment: list-5
    }

    .ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before {
        content: counter(list-5, lower-roman)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-5 {
            counter-set: list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-5 {
            counter-reset: list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-6 {
        counter-increment: list-6
    }

    .ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before {
        content: counter(list-6, decimal)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-6 {
            counter-set: list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-6 {
            counter-reset: list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-7 {
        counter-increment: list-7
    }

    .ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before {
        content: counter(list-7, lower-alpha)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-7 {
            counter-set: list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-7 {
            counter-reset: list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-8 {
        counter-increment: list-8
    }

    .ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before {
        content: counter(list-8, lower-roman)". "
    }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-8 {
            counter-set: list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-8 {
            counter-reset: list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-9 {
        counter-increment: list-9
    }

    .ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before {
        content: counter(list-9, decimal)". "
    }

    .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 3em
    }

    .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 4.5em
    }

    .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 3em
    }

    .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 4.5em
    }

    .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 6em
    }

    .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 7.5em
    }

    .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 6em
    }

    .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 7.5em
    }

    .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 9em
    }

    .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 10.5em
    }

    .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 9em
    }

    .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 10.5em
    }

    .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 12em
    }

    .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 13.5em
    }

    .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 12em
    }

    .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 13.5em
    }

    .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 15em
    }

    .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 16.5em
    }

    .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 15em
    }

    .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 16.5em
    }

    .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 18em
    }

    .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 19.5em
    }

    .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 18em
    }

    .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 19.5em
    }

    .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 21em
    }

    .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 22.5em
    }

    .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 21em
    }

    .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 22.5em
    }

    .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 24em
    }

    .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 25.5em
    }

    .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 24em
    }

    .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 25.5em
    }

    .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 27em
    }

    .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 28.5em
    }

    .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 27em
    }

    .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 28.5em
    }

    .ql-editor li.ql-direction-rtl {
        padding-right: 1.5em
    }

    .ql-editor li.ql-direction-rtl>.ql-ui:before {
        text-align: left;
        margin-left: .3em;
        margin-right: -1.5em
    }

    .ql-editor table {
        table-layout: fixed;
        width: 100%
    }

    .ql-editor table td {
        outline: none
    }

    .ql-editor .ql-code-block-container {
        font-family: monospace
    }

    .ql-editor .ql-video {
        max-width: 100%;
        display: block
    }

    .ql-editor .ql-video.ql-align-center {
        margin: 0 auto
    }

    .ql-editor .ql-video.ql-align-right {
        margin: 0 0 0 auto
    }

    .ql-editor .ql-bg-black {
        background-color: #000
    }

    .ql-editor .ql-bg-red {
        background-color: #e60000
    }

    .ql-editor .ql-bg-orange {
        background-color: #f90
    }

    .ql-editor .ql-bg-yellow {
        background-color: #ff0
    }

    .ql-editor .ql-bg-green {
        background-color: #008a00
    }

    .ql-editor .ql-bg-blue {
        background-color: #06c
    }

    .ql-editor .ql-bg-purple {
        background-color: #93f
    }

    .ql-editor .ql-color-white {
        color: #fff
    }

    .ql-editor .ql-color-red {
        color: #e60000
    }

    .ql-editor .ql-color-orange {
        color: #f90
    }

    .ql-editor .ql-color-yellow {
        color: #ff0
    }

    .ql-editor .ql-color-green {
        color: #008a00
    }

    .ql-editor .ql-color-blue {
        color: #06c
    }

    .ql-editor .ql-color-purple {
        color: #93f
    }

    .ql-editor .ql-font-serif {
        font-family: Georgia, Times New Roman, serif
    }

    .ql-editor .ql-font-monospace {
        font-family: Monaco, Courier New, monospace
    }

    .ql-editor .ql-size-small {
        font-size: .75em
    }

    .ql-editor .ql-size-large {
        font-size: 1.5em
    }

    .ql-editor .ql-size-huge {
        font-size: 2.5em
    }

    .ql-editor .ql-direction-rtl {
        text-align: inherit;
        direction: rtl
    }

    .ql-editor .ql-align-center {
        text-align: center
    }

    .ql-editor .ql-align-justify {
        text-align: justify
    }

    .ql-editor .ql-align-right {
        text-align: right
    }

    .ql-editor .ql-ui {
        position: absolute
    }

    .ql-editor.ql-blank:before {
        color: #0009;
        content: attr(data-placeholder);
        pointer-events: none;
        font-style: italic;
        position: absolute;
        left: 15px;
        right: 15px
    }

    .ql-snow.ql-toolbar:after,
    .ql-snow .ql-toolbar:after {
        clear: both;
        content: "";
        display: table
    }

    .ql-snow.ql-toolbar button,
    .ql-snow .ql-toolbar button {
        cursor: pointer;
        float: left;
        background: 0 0;
        border: none;
        width: 28px;
        height: 24px;
        padding: 3px 5px;
        display: inline-block
    }

    .ql-snow.ql-toolbar button svg,
    .ql-snow .ql-toolbar button svg {
        float: left;
        height: 100%
    }

    .ql-snow.ql-toolbar button:active:hover,
    .ql-snow .ql-toolbar button:active:hover {
        outline: none
    }

    .ql-snow.ql-toolbar input.ql-image[type=file],
    .ql-snow .ql-toolbar input.ql-image[type=file] {
        display: none
    }

    .ql-snow.ql-toolbar button:hover,
    .ql-snow .ql-toolbar button:hover,
    .ql-snow.ql-toolbar button:focus,
    .ql-snow .ql-toolbar button:focus,
    .ql-snow.ql-toolbar button.ql-active,
    .ql-snow .ql-toolbar button.ql-active,
    .ql-snow.ql-toolbar .ql-picker-label:hover,
    .ql-snow .ql-toolbar .ql-picker-label:hover,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active,
    .ql-snow.ql-toolbar .ql-picker-item:hover,
    .ql-snow .ql-toolbar .ql-picker-item:hover,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
        color: #06c
    }

    .ql-snow.ql-toolbar button:hover .ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
        fill: #06c
    }

    .ql-snow.ql-toolbar button:hover .ql-stroke,
    .ql-snow .ql-toolbar button:hover .ql-stroke,
    .ql-snow.ql-toolbar button:focus .ql-stroke,
    .ql-snow .ql-toolbar button:focus .ql-stroke,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
        stroke: #06c
    }

    @media(pointer:coarse) {

        .ql-snow.ql-toolbar button:hover:not(.ql-active),
        .ql-snow .ql-toolbar button:hover:not(.ql-active) {
            color: #444
        }

        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
            fill: #444
        }

        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
            stroke: #444
        }
    }

    .ql-snow,
    .ql-snow * {
        box-sizing: border-box
    }

    .ql-snow .ql-hidden {
        display: none
    }

    .ql-snow .ql-out-bottom,
    .ql-snow .ql-out-top {
        visibility: hidden
    }

    .ql-snow .ql-tooltip {
        position: absolute;
        transform: translateY(10px)
    }

    .ql-snow .ql-tooltip a {
        cursor: pointer;
        text-decoration: none
    }

    .ql-snow .ql-tooltip.ql-flip {
        transform: translateY(-10px)
    }

    .ql-snow .ql-formats {
        vertical-align: middle;
        display: inline-block
    }

    .ql-snow .ql-formats:after {
        clear: both;
        content: "";
        display: table
    }

    .ql-snow .ql-stroke {
        fill: none;
        stroke: #444;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2px
    }

    .ql-snow .ql-stroke-miter {
        fill: none;
        stroke: #444;
        stroke-miterlimit: 10;
        stroke-width: 2px
    }

    .ql-snow .ql-fill,
    .ql-snow .ql-stroke.ql-fill {
        fill: #444
    }

    .ql-snow .ql-empty {
        fill: none
    }

    .ql-snow .ql-even {
        fill-rule: evenodd
    }

    .ql-snow .ql-thin,
    .ql-snow .ql-stroke.ql-thin {
        stroke-width: 1px
    }

    .ql-snow .ql-transparent {
        opacity: .4
    }

    .ql-snow .ql-direction svg:last-child {
        display: none
    }

    .ql-snow .ql-direction.ql-active svg:last-child {
        display: inline
    }

    .ql-snow .ql-direction.ql-active svg:first-child {
        display: none
    }

    .ql-snow .ql-editor h1 {
        font-size: 2em
    }

    .ql-snow .ql-editor h2 {
        font-size: 1.5em
    }

    .ql-snow .ql-editor h3 {
        font-size: 1.17em
    }

    .ql-snow .ql-editor h4 {
        font-size: 1em
    }

    .ql-snow .ql-editor h5 {
        font-size: .83em
    }

    .ql-snow .ql-editor h6 {
        font-size: .67em
    }

    .ql-snow .ql-editor a {
        text-decoration: underline
    }

    .ql-snow .ql-editor blockquote {
        border-left: 4px solid #ccc;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 16px
    }

    .ql-snow .ql-editor code,
    .ql-snow .ql-editor .ql-code-block-container {
        background-color: #f0f0f0;
        border-radius: 3px
    }

    .ql-snow .ql-editor .ql-code-block-container {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 5px 10px
    }

    .ql-snow .ql-editor code {
        padding: 2px 4px;
        font-size: 85%
    }

    .ql-snow .ql-editor .ql-code-block-container {
        color: #f8f8f2;
        background-color: #23241f;
        overflow: visible
    }

    .ql-snow .ql-editor img {
        max-width: 100%
    }

    .ql-snow .ql-picker {
        color: #444;
        float: left;
        vertical-align: middle;
        height: 24px;
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        position: relative
    }

    .ql-snow .ql-picker-label {
        cursor: pointer;
        width: 100%;
        height: 100%;
        padding-left: 8px;
        padding-right: 2px;
        display: inline-block;
        position: relative
    }

    .ql-snow .ql-picker-label:before {
        line-height: 22px;
        display: inline-block
    }

    .ql-snow .ql-picker-options {
        white-space: nowrap;
        background-color: #fff;
        min-width: 100%;
        padding: 4px 8px;
        display: none;
        position: absolute
    }

    .ql-snow .ql-picker-options .ql-picker-item {
        cursor: pointer;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label {
        color: #ccc;
        z-index: 2
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
        fill: #ccc
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
        stroke: #ccc
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-options {
        z-index: 1;
        margin-top: -1px;
        display: block;
        top: 100%
    }

    .ql-snow .ql-color-picker,
    .ql-snow .ql-icon-picker {
        width: 28px
    }

    .ql-snow .ql-color-picker .ql-picker-label,
    .ql-snow .ql-icon-picker .ql-picker-label {
        padding: 2px 4px
    }

    .ql-snow .ql-color-picker .ql-picker-label svg,
    .ql-snow .ql-icon-picker .ql-picker-label svg {
        right: 4px
    }

    .ql-snow .ql-icon-picker .ql-picker-options {
        padding: 4px 0
    }

    .ql-snow .ql-icon-picker .ql-picker-item {
        width: 24px;
        height: 24px;
        padding: 2px 4px
    }

    .ql-snow .ql-color-picker .ql-picker-options {
        width: 152px;
        padding: 3px 5px
    }

    .ql-snow .ql-color-picker .ql-picker-item {
        float: left;
        border: 1px solid #0000;
        width: 16px;
        height: 16px;
        margin: 2px;
        padding: 0
    }

    .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
        width: 18px;
        margin-top: -9px;
        position: absolute;
        top: 50%;
        right: 0
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
        content: attr(data-label)
    }

    .ql-snow .ql-picker.ql-header {
        width: 98px
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label:before,
    .ql-snow .ql-picker.ql-header .ql-picker-item:before {
        content: "Normal"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
        content: "Heading 1"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
        content: "Heading 2"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
        content: "Heading 3"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
        content: "Heading 4"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
        content: "Heading 5"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
        content: "Heading 6"
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
        font-size: 2em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
        font-size: 1.5em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
        font-size: 1.17em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
        font-size: 1em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
        font-size: .83em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
        font-size: .67em
    }

    .ql-snow .ql-picker.ql-font {
        width: 108px
    }

    .ql-snow .ql-picker.ql-font .ql-picker-label:before,
    .ql-snow .ql-picker.ql-font .ql-picker-item:before {
        content: "Sans Serif"
    }

    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
        content: "Serif"
    }

    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
        content: "Monospace"
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
        font-family: Georgia, Times New Roman, serif
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
        font-family: Monaco, Courier New, monospace
    }

    .ql-snow .ql-picker.ql-size {
        width: 98px
    }

    .ql-snow .ql-picker.ql-size .ql-picker-label:before,
    .ql-snow .ql-picker.ql-size .ql-picker-item:before {
        content: "Normal"
    }

    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
        content: "Small"
    }

    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
        content: "Large"
    }

    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
        content: "Huge"
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
        font-size: 10px
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
        font-size: 18px
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
        font-size: 32px
    }

    .ql-snow .ql-color-picker.ql-background .ql-picker-item {
        background-color: #fff
    }

    .ql-snow .ql-color-picker.ql-color .ql-picker-item {
        background-color: #000
    }

    .ql-code-block-container {
        position: relative
    }

    .ql-code-block-container .ql-ui {
        top: 5px;
        right: 5px
    }

    .ql-toolbar.ql-snow {
        box-sizing: border-box;
        border: 1px solid #ccc;
        padding: 8px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .ql-toolbar.ql-snow .ql-formats {
        margin-right: 15px
    }

    .ql-toolbar.ql-snow .ql-picker-label {
        border: 1px solid #0000
    }

    .ql-toolbar.ql-snow .ql-picker-options {
        border: 1px solid #0000;
        box-shadow: 0 2px 8px #0003
    }

    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
        border-color: #ccc
    }

    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
        border-color: #000
    }

    .ql-toolbar.ql-snow+.ql-container.ql-snow {
        border-top: 0
    }

    .ql-snow .ql-tooltip {
        color: #444;
        white-space: nowrap;
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 5px 12px;
        box-shadow: 0 0 5px #ddd
    }

    .ql-snow .ql-tooltip:before {
        content: "Visit URL:";
        margin-right: 8px;
        line-height: 26px
    }

    .ql-snow .ql-tooltip input[type=text] {
        border: 1px solid #ccc;
        width: 170px;
        height: 26px;
        margin: 0;
        padding: 3px 5px;
        font-size: 13px;
        display: none
    }

    .ql-snow .ql-tooltip a.ql-preview {
        text-overflow: ellipsis;
        vertical-align: top;
        max-width: 200px;
        display: inline-block;
        overflow-x: hidden
    }

    .ql-snow .ql-tooltip a.ql-action:after {
        content: "Edit";
        border-right: 1px solid #ccc;
        margin-left: 16px;
        padding-right: 8px
    }

    .ql-snow .ql-tooltip a.ql-remove:before {
        content: "Remove";
        margin-left: 8px
    }

    .ql-snow .ql-tooltip a {
        line-height: 26px
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-preview,
    .ql-snow .ql-tooltip.ql-editing a.ql-remove {
        display: none
    }

    .ql-snow .ql-tooltip.ql-editing input[type=text] {
        display: inline-block
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-action:after {
        content: "Save";
        border-right: 0;
        padding-right: 0
    }

    .ql-snow .ql-tooltip[data-mode=link]:before {
        content: "Enter link:"
    }

    .ql-snow .ql-tooltip[data-mode=formula]:before {
        content: "Enter formula:"
    }

    .ql-snow .ql-tooltip[data-mode=video]:before {
        content: "Enter video:"
    }

    .ql-snow a {
        color: #06c
    }

    .ql-container.ql-snow {
        border: 1px solid #ccc
    }

    .select2-container {
        box-sizing: border-box;
        vertical-align: middle;
        margin: 0;
        display: inline-block;
        position: relative
    }

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        height: 28px;
        display: block
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 8px;
        padding-right: 20px;
        display: block;
        overflow: hidden
    }

    .select2-container .select2-selection--single .select2-selection__clear {
        background-color: #0000;
        border: none;
        font-size: 1em
    }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-left: 20px;
        padding-right: 8px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        min-height: 32px;
        display: block
    }

    .select2-container .select2-selection--multiple .select2-selection__rendered {
        padding: 0;
        list-style: none;
        display: inline
    }

    .select2-container .select2-selection--multiple .select2-selection__clear {
        background-color: #0000;
        border: none;
        font-size: 1em
    }

    .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        resize: none;
        vertical-align: bottom;
        word-break: keep-all;
        border: none;
        max-width: 100%;
        height: 18px;
        margin-top: 5px;
        margin-left: 5px;
        padding: 0;
        font-family: sans-serif;
        font-size: 100%;
        overflow: hidden
    }

    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none
    }

    .select2-dropdown {
        box-sizing: border-box;
        z-index: 1051;
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 4px;
        width: 100%;
        display: block;
        position: absolute;
        left: -100000px
    }

    .select2-results {
        display: block
    }

    .select2-results__options {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .select2-results__option {
        -webkit-user-select: none;
        user-select: none;
        padding: 6px
    }

    .select2-results__option--selectable {
        cursor: pointer
    }

    .select2-container--open .select2-dropdown {
        left: 0
    }

    .select2-container--open .select2-dropdown--above {
        border-bottom: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .select2-container--open .select2-dropdown--below {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-search--dropdown {
        padding: 4px;
        display: block
    }

    .select2-search--dropdown .select2-search__field {
        box-sizing: border-box;
        width: 100%;
        padding: 4px
    }

    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none
    }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

    .select2-close-mask {
        opacity: 0;
        z-index: 99;
        width: auto;
        min-width: 100%;
        height: auto;
        min-height: 100%;
        filter: alpha(opacity=0);
        background-color: #fff;
        border: 0;
        margin: 0;
        padding: 0;
        display: block;
        position: fixed;
        top: 0;
        left: 0
    }

    .select2-hidden-accessible {
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        position: absolute !important;
        overflow: hidden !important
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 4px
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        height: 26px;
        margin-right: 20px;
        padding-right: 0;
        font-weight: 700
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 20px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: 4px solid #0000;
        border-top: 5px solid #888;
        border-bottom-width: 0;
        width: 0;
        height: 0;
        margin-top: -2px;
        margin-left: -4px;
        position: absolute;
        top: 50%;
        left: 50%
    }

    .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
        float: left
    }

    .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
        left: 1px;
        right: auto
    }

    .select2-container--default.select2-container--disabled .select2-selection--single {
        cursor: default;
        background-color: #eee
    }

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 0 4px 5px;
        border-color: #0000 #0000 #888
    }

    .select2-container--default .select2-selection--multiple {
        cursor: text;
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 4px;
        padding-bottom: 5px;
        padding-right: 5px;
        position: relative
    }

    .select2-container--default .select2-selection--multiple.select2-selection--clearable {
        padding-right: 25px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        height: 20px;
        margin-top: 5px;
        margin-right: 10px;
        padding: 1px;
        font-weight: 700;
        position: absolute;
        right: 0
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        box-sizing: border-box;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap;
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        max-width: 100%;
        margin-top: 5px;
        margin-left: 5px;
        padding: 0 0 0 20px;
        display: inline-block;
        position: relative;
        overflow: hidden
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        background-color: #0000;
        border: none;
        border-right: 1px solid #aaa;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        padding: 0 4px;
        font-size: 1em;
        font-weight: 700;
        position: absolute;
        top: 0;
        left: 0
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
        color: #333;
        background-color: #f1f1f1;
        outline: none
    }

    .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
        margin-left: 5px;
        margin-right: auto
    }

    .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
        padding-left: 5px;
        padding-right: 2px
    }

    .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
        border-left: 1px solid #aaa;
        border-right: none;
        border-radius: 0 4px 4px 0
    }

    .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
        float: left;
        margin-left: 10px;
        margin-right: auto
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border: 1px solid #000;
        outline: 0
    }

    .select2-container--default.select2-container--disabled .select2-selection--multiple {
        cursor: default;
        background-color: #eee
    }

    .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
        display: none
    }

    .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
    .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
    .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 1px solid #aaa
    }

    .select2-container--default .select2-search--inline .select2-search__field {
        box-shadow: none;
        -webkit-appearance: textfield;
        background: 0 0;
        border: none;
        outline: 0
    }

    .select2-container--default .select2-results>.select2-results__options {
        max-height: 200px;
        overflow-y: auto
    }

    .select2-container--default .select2-results__option .select2-results__option {
        padding-left: 1em
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -2em;
        padding-left: 3em
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -4em;
        padding-left: 5em
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -5em;
        padding-left: 6em
    }

    .select2-container--default .select2-results__option--group {
        padding: 0
    }

    .select2-container--default .select2-results__option--disabled {
        color: #999
    }

    .select2-container--default .select2-results__option--selected {
        background-color: #ddd
    }

    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        color: #fff;
        background-color: #5897fb
    }

    .select2-container--default .select2-results__group {
        cursor: default;
        padding: 6px;
        display: block
    }

    .select2-container--classic .select2-selection--single {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
        background-color: #f7f7f7;
        background-image: linear-gradient(#fff 50%, #eee);
        background-repeat: repeat-x;
        border: 1px solid #aaa;
        border-radius: 4px;
        outline: 0
    }

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        height: 26px;
        margin-right: 20px;
        font-weight: 700
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        width: 20px;
        height: 26px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
        background-color: #ddd;
        background-image: linear-gradient(#eee 50%, #ccc);
        background-repeat: repeat-x;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        position: absolute;
        top: 1px;
        right: 1px
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
        border: 4px solid #0000;
        border-top: 5px solid #888;
        border-bottom-width: 0;
        width: 0;
        height: 0;
        margin-top: -2px;
        margin-left: -4px;
        position: absolute;
        top: 50%;
        left: 50%
    }

    .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
        float: left
    }

    .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
        border: none;
        border-right: 1px solid #aaa;
        border-radius: 4px 0 0 4px;
        left: 1px;
        right: auto
    }

    .select2-container--classic.select2-container--open .select2-selection--single {
        border: 1px solid #5897fb
    }

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 0 4px 5px;
        border-color: #0000 #0000 #888
    }

    .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
        background-image: linear-gradient(#fff, #eee 50%);
        background-repeat: repeat-x;
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
        background-image: linear-gradient(#eee 50%, #fff);
        background-repeat: repeat-x;
        border-bottom: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .select2-container--classic .select2-selection--multiple {
        cursor: text;
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 4px;
        outline: 0;
        padding-bottom: 5px;
        padding-right: 5px
    }

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        margin-top: 5px;
        margin-left: 5px;
        padding: 0;
        display: inline-block
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        background-color: #0000;
        border: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        padding: 0 4px;
        font-size: 1em;
        font-weight: 700
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #555;
        outline: none
    }

    .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
        margin-left: 5px;
        margin-right: auto
    }

    .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
        padding-left: 5px;
        padding-right: 2px
    }

    .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
        border-radius: 0 4px 4px 0
    }

    .select2-container--classic.select2-container--open .select2-selection--multiple {
        border: 1px solid #5897fb
    }

    .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
        border-bottom: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .select2-container--classic .select2-search--dropdown .select2-search__field {
        border: 1px solid #aaa;
        outline: 0
    }

    .select2-container--classic .select2-search--inline .select2-search__field {
        box-shadow: none;
        outline: 0
    }

    .select2-container--classic .select2-dropdown {
        background-color: #fff;
        border: 1px solid #0000
    }

    .select2-container--classic .select2-dropdown--above {
        border-bottom: none
    }

    .select2-container--classic .select2-dropdown--below {
        border-top: none
    }

    .select2-container--classic .select2-results>.select2-results__options {
        max-height: 200px;
        overflow-y: auto
    }

    .select2-container--classic .select2-results__option--group {
        padding: 0
    }

    .select2-container--classic .select2-results__option--disabled {
        color: gray
    }

    .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
        color: #fff;
        background-color: #3875d7
    }

    .select2-container--classic .select2-results__group {
        cursor: default;
        padding: 6px;
        display: block
    }

    .select2-container--classic.select2-container--open .select2-dropdown {
        border-color: #5897fb
    }

    @font-face {
        font-display: auto;
        font-family: summernote;
        font-style: normal;
        font-weight: 400;
        src: url(summernote-jt9apK1s.eot)format("embedded-opentype"), url(summernote-tk6LuLER.woff2)format("woff2"), url(summernote-MGhHcnpK.woff)format("woff"), url(summernote-BDPkqvsB.ttf)format("truetype")
    }

    [class*=" note-icon"]:before,
    [class^=note-icon]:before {
        font-family: summernote;
        font-size: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
        text-rendering: auto;
        text-transform: none;
        vertical-align: middle;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none;
        font-style: normal;
        display: inline-block
    }

    .note-icon-fw {
        text-align: center;
        width: 1.25em
    }

    .note-icon-border {
        border: .08em solid #eee;
        border-radius: .1em;
        padding: .2em .25em .15em
    }

    .note-icon-pull-left {
        float: left
    }

    .note-icon-pull-right {
        float: right
    }

    .note-icon.note-icon-pull-left {
        margin-right: .3em
    }

    .note-icon.note-icon-pull-right {
        margin-left: .3em
    }

    .note-icon-align:before {
        content: ""
    }

    .note-icon-align-center:before {
        content: ""
    }

    .note-icon-align-indent:before {
        content: ""
    }

    .note-icon-align-justify:before {
        content: ""
    }

    .note-icon-align-left:before {
        content: ""
    }

    .note-icon-align-outdent:before {
        content: ""
    }

    .note-icon-align-right:before {
        content: ""
    }

    .note-icon-arrow-circle-down:before {
        content: ""
    }

    .note-icon-arrow-circle-left:before {
        content: ""
    }

    .note-icon-arrow-circle-right:before {
        content: ""
    }

    .note-icon-arrow-circle-up:before {
        content: ""
    }

    .note-icon-arrows-alt:before {
        content: ""
    }

    .note-icon-arrows-h:before {
        content: ""
    }

    .note-icon-arrows-v:before {
        content: ""
    }

    .note-icon-bold:before {
        content: ""
    }

    .note-icon-caret:before {
        content: ""
    }

    .note-icon-chain-broken:before {
        content: ""
    }

    .note-icon-circle:before {
        content: ""
    }

    .note-icon-close:before {
        content: ""
    }

    .note-icon-code:before {
        content: ""
    }

    .note-icon-col-after:before {
        content: ""
    }

    .note-icon-col-before:before {
        content: ""
    }

    .note-icon-col-remove:before {
        content: ""
    }

    .note-icon-eraser:before {
        content: ""
    }

    .note-icon-float-left:before {
        content: ""
    }

    .note-icon-float-none:before {
        content: ""
    }

    .note-icon-float-right:before {
        content: ""
    }

    .note-icon-font:before {
        content: ""
    }

    .note-icon-frame:before {
        content: ""
    }

    .note-icon-italic:before {
        content: ""
    }

    .note-icon-link:before {
        content: ""
    }

    .note-icon-magic:before {
        content: ""
    }

    .note-icon-menu-check:before {
        content: ""
    }

    .note-icon-minus:before {
        content: ""
    }

    .note-icon-orderedlist:before {
        content: ""
    }

    .note-icon-pencil:before {
        content: ""
    }

    .note-icon-picture:before {
        content: ""
    }

    .note-icon-question:before {
        content: ""
    }

    .note-icon-redo:before {
        content: ""
    }

    .note-icon-rollback:before {
        content: ""
    }

    .note-icon-row-above:before {
        content: ""
    }

    .note-icon-row-below:before {
        content: ""
    }

    .note-icon-row-remove:before {
        content: ""
    }

    .note-icon-special-character:before {
        content: ""
    }

    .note-icon-square:before {
        content: ""
    }

    .note-icon-strikethrough:before {
        content: ""
    }

    .note-icon-subscript:before {
        content: ""
    }

    .note-icon-summernote:before {
        content: ""
    }

    .note-icon-superscript:before {
        content: ""
    }

    .note-icon-table:before {
        content: ""
    }

    .note-icon-text-height:before {
        content: ""
    }

    .note-icon-trash:before {
        content: ""
    }

    .note-icon-underline:before {
        content: ""
    }

    .note-icon-undo:before {
        content: ""
    }

    .note-icon-unorderedlist:before {
        content: ""
    }

    .note-icon-video:before {
        content: ""
    }

    .note-frame {
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        color: #000;
        border-radius: 4px;
        font-family: sans-serif
    }

    .note-toolbar {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding: 10px 5px
    }

    .note-btn-group {
        margin-right: 8px;
        display: inline-block;
        position: relative
    }

    .note-btn-group>.note-btn-group {
        margin-right: 0
    }

    .note-btn-group>.note-btn:first-child {
        margin-left: 0
    }

    .note-btn-group .note-btn+.note-btn,
    .note-btn-group .note-btn+.note-btn-group,
    .note-btn-group .note-btn-group+.note-btn,
    .note-btn-group .note-btn-group+.note-btn-group {
        margin-left: -1px
    }

    .note-btn-group>.note-btn-group:not(:first-child)>.note-btn,
    .note-btn-group>.note-btn:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .note-btn-group>.note-btn-group:not(:last-child)>.note-btn,
    .note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .note-btn-group.open>.note-dropdown {
        display: block
    }

    .note-btn {
        color: #333;
        cursor: pointer;
        text-align: center;
        touch-action: manipulation;
        -webkit-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
        background-color: #fff;
        background-image: none;
        border: 1px solid #dae0e5;
        border-radius: 3px;
        outline: 0;
        margin-bottom: 0;
        padding: 5px 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        display: inline-block
    }

    .note-btn.focus,
    .note-btn:focus,
    .note-btn:hover {
        color: #333;
        background-color: #ebebeb;
        border-color: #dae0e5
    }

    .note-btn.disabled.focus,
    .note-btn.disabled:focus,
    .note-btn[disabled].focus,
    .note-btn[disabled]:focus,
    fieldset[disabled] .note-btn.focus,
    fieldset[disabled] .note-btn:focus {
        background-color: #fff;
        border-color: #dae0e5
    }

    .note-btn.active,
    .note-btn.focus,
    .note-btn:active,
    .note-btn:focus,
    .note-btn:hover {
        color: #333;
        background-color: #ebebeb;
        border: 1px solid #dae0e5;
        border-radius: 1px;
        outline: 0;
        text-decoration: none
    }

    .note-btn.active,
    .note-btn:active {
        background-image: none;
        box-shadow: inset 0 3px 5px #00000020
    }

    .note-btn.disabled,
    .note-btn[disabled],
    fieldset[disabled] .note-btn {
        box-shadow: none;
        cursor: not-allowed;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
        filter: alpha(opacity=65);
        -webkit-opacity: .65;
        -khtml-opacity: .65;
        -moz-opacity: .65;
        opacity: .65
    }

    .note-btn>span.note-icon-caret:first-child {
        margin-left: -1px
    }

    .note-btn>span.note-icon-caret:nth-child(2) {
        margin-right: -5px;
        padding-left: 3px
    }

    .note-btn-primary {
        color: #fff;
        background: #fa6362
    }

    .note-btn-primary.focus,
    .note-btn-primary:focus,
    .note-btn-primary:hover {
        color: #fff;
        background-color: #fa6362;
        border: 1px solid #dae0e5;
        border-radius: 1px;
        text-decoration: none
    }

    .note-btn-block {
        width: 100%;
        display: block
    }

    .note-btn-block+.note-btn-block {
        margin-top: 5px
    }

    input[type=button].note-btn-block,
    input[type=reset].note-btn-block,
    input[type=submit].note-btn-block {
        width: 100%
    }

    button.close {
        -webkit-appearance: none;
        cursor: pointer;
        background: 0 0;
        border: 0;
        padding: 0
    }

    .close {
        color: #000;
        float: right;
        opacity: .2;
        font-size: 21px;
        line-height: 1
    }

    .close:hover {
        -ms-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1
    }

    .note-dropdown {
        position: relative
    }

    .note-color .dropdown-toggle {
        width: 30px;
        padding-left: 5px
    }

    .note-dropdown-menu {
        float: left;
        text-align: left;
        z-index: 1000;
        background: #fff padding-box padding-box;
        border: 1px solid #e2e2e2;
        min-width: 100px;
        padding: 5px;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        box-shadow: 0 1px 1px #0000000f
    }

    .note-dropdown-menu>:last-child {
        margin-right: 0
    }

    .note-btn-group.open .note-dropdown-menu,
    .note-dropdown-item {
        display: block
    }

    .note-dropdown-item:hover {
        background-color: #ebebeb
    }

    a.note-dropdown-item,
    a.note-dropdown-item:hover {
        color: #000;
        margin: 5px 0;
        text-decoration: none
    }

    .note-modal {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        z-index: 1050;
        display: none;
        position: fixed;
        inset: 0
    }

    .note-modal.open {
        display: block
    }

    .note-modal-content {
        background: #fff;
        border: 1px solid #0003;
        border-radius: 5px;
        outline: 0;
        width: auto;
        margin: 30px 20px;
        position: relative;
        box-shadow: 0 3px 9px #00000080
    }

    .note-modal-header {
        border: 1px solid #ededef;
        padding: 10px 20px
    }

    .note-modal-body {
        padding: 20px 30px;
        position: relative
    }

    .note-modal-body kbd {
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        background-color: #000;
        border-radius: 2px;
        padding: 3px 5px;
        font-weight: 700
    }

    .note-modal-footer {
        text-align: center;
        height: 40px;
        padding: 10px
    }

    .note-modal-footer a {
        color: #337ab7;
        text-decoration: none
    }

    .note-modal-footer a:focus,
    .note-modal-footer a:hover {
        color: #23527c;
        text-decoration: underline
    }

    .note-modal-footer .note-btn {
        float: right
    }

    .note-modal-title {
        color: #42515f;
        margin: 0;
        font-size: 20px;
        line-height: 1.4
    }

    .note-modal-backdrop {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter: alpha(opacity=50);
        -webkit-opacity: .5;
        -khtml-opacity: .5;
        -moz-opacity: .5;
        opacity: .5;
        z-index: 1040;
        background: #000;
        display: none;
        position: fixed;
        inset: 0
    }

    .note-modal-backdrop.open {
        display: block
    }

    @media(min-width:768px) {
        .note-modal-content {
            width: 600px;
            margin: 30px auto
        }
    }

    @media(min-width:992px) {
        .note-modal-content-large {
            width: 900px
        }
    }

    .note-modal .note-help-block {
        color: #737373;
        margin-top: 5px;
        margin-bottom: 10px;
        display: block
    }

    .note-modal .note-nav {
        flex-wrap: wrap;
        margin-bottom: 0;
        padding-left: 0;
        list-style: none;
        display: flex
    }

    .note-modal .note-nav-link {
        color: #007bff;
        -webkit-text-decoration-skip: objects;
        background-color: #0000;
        padding: .5rem 1rem;
        text-decoration: none;
        display: block
    }

    .note-modal .note-nav-link:focus,
    .note-modal .note-nav-link:hover {
        color: #0056b3;
        text-decoration: none
    }

    .note-modal .note-nav-link.disabled {
        color: #868e96
    }

    .note-modal .note-nav-tabs {
        border-bottom: 1px solid #ddd
    }

    .note-modal .note-nav-tabs .note-nav-item {
        margin-bottom: -1px
    }

    .note-modal .note-nav-tabs .note-nav-link {
        border: 1px solid #0000;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .note-modal .note-nav-tabs .note-nav-link:focus,
    .note-modal .note-nav-tabs .note-nav-link:hover {
        border-color: #e9ecef #e9ecef #ddd
    }

    .note-modal .note-nav-tabs .note-nav-link.disabled {
        color: #868e96;
        background-color: #0000;
        border-color: #0000
    }

    .note-modal .note-nav-tabs .note-nav-item.show .note-nav-link {
        color: #495057;
        background-color: #fff;
        border-color: #ddd #ddd #fff
    }

    .note-modal .note-tab-content {
        margin: 15px auto
    }

    .note-modal .note-tab-content>.note-tab-pane,
    .note-modal .note-tab-content>.note-tab-pane:target~.note-tab-pane:last-child {
        display: none
    }

    .note-modal .note-tab-content>.note-tab-pane:target,
    .note-modal .note-tab-content>:last-child {
        display: block
    }

    .note-form-group {
        padding-bottom: 20px
    }

    .note-form-group:last-child {
        padding-bottom: 0
    }

    .note-form-label {
        color: #42515f;
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 700;
        display: block
    }

    .note-input {
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #ededef;
        outline: 0;
        width: 100%;
        padding: 6px 4px;
        font-size: 14px;
        display: block
    }

    .note-input::-webkit-input-placeholder {
        color: #eee
    }

    .note-input:-moz-placeholder-shown {
        color: #eee
    }

    .note-input::-moz-placeholder {
        color: #eee
    }

    .note-input:-ms-placeholder-shown {
        color: #eee
    }

    .note-tooltip {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        z-index: 1070;
        font-size: 13px;
        transition: opacity .15s;
        display: block;
        position: absolute
    }

    .note-tooltip.in {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
        filter: alpha(opacity=90);
        -webkit-opacity: .9;
        -khtml-opacity: .9;
        -moz-opacity: .9;
        opacity: .9
    }

    .note-tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .note-tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .note-tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .note-tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

    .note-tooltip.bottom .note-tooltip-arrow {
        border-width: 0 5px 5px;
        border-bottom-color: #000;
        margin-left: -5px;
        top: 0;
        left: 50%
    }

    .note-tooltip.top .note-tooltip-arrow {
        border-width: 5px 5px 0;
        border-top-color: #000;
        margin-left: -5px;
        bottom: 0;
        left: 50%
    }

    .note-tooltip.right .note-tooltip-arrow {
        border-width: 5px 5px 5px 0;
        border-right-color: #000;
        margin-top: -5px;
        top: 50%;
        left: 0
    }

    .note-tooltip.left .note-tooltip-arrow {
        border-width: 5px 0 5px 5px;
        border-left-color: #000;
        margin-top: -5px;
        top: 50%;
        right: 0
    }

    .note-tooltip-arrow {
        border-style: solid;
        border-color: #0000;
        width: 0;
        height: 0;
        position: absolute
    }

    .note-tooltip-content {
        color: #fff;
        text-align: center;
        background-color: #000;
        max-width: 200px;
        padding: 3px 8px;
        font-family: sans-serif
    }

    .note-popover {
        z-index: 1060;
        background: #fff;
        border: 1px solid #ccc;
        font-family: sans-serif;
        font-size: 13px;
        display: none;
        position: absolute
    }

    .note-popover.in {
        display: block
    }

    .note-popover.top {
        margin-top: -10px;
        padding: 5px 0
    }

    .note-popover.right {
        margin-left: 10px;
        padding: 0 5px
    }

    .note-popover.bottom {
        margin-top: 10px;
        padding: 5px 0
    }

    .note-popover.left {
        margin-left: -10px;
        padding: 0 5px
    }

    .note-popover.bottom .note-popover-arrow {
        border-top-width: 0;
        border-bottom-color: #00000040;
        margin-left: -10px;
        top: -11px;
        left: 20px
    }

    .note-popover.bottom .note-popover-arrow:after {
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
        margin-left: -10px;
        top: 1px
    }

    .note-popover.top .note-popover-arrow {
        border-top-color: #00000040;
        border-bottom-width: 0;
        margin-left: -10px;
        bottom: -11px;
        left: 20px
    }

    .note-popover.top .note-popover-arrow:after {
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
        margin-left: -10px;
        bottom: 1px
    }

    .note-popover.right .note-popover-arrow {
        border-left-width: 0;
        border-right-color: #00000040;
        margin-top: -10px;
        top: 50%;
        left: -11px
    }

    .note-popover.right .note-popover-arrow:after {
        content: " ";
        border-left-width: 0;
        border-right-color: #fff;
        margin-top: -10px;
        left: 1px
    }

    .note-popover.left .note-popover-arrow {
        border-left-color: #00000040;
        border-right-width: 0;
        margin-top: -10px;
        top: 50%;
        right: -11px
    }

    .note-popover.left .note-popover-arrow:after {
        content: " ";
        border-left-color: #fff;
        border-right-width: 0;
        margin-top: -10px;
        right: 1px
    }

    .note-popover-arrow {
        border: 11px solid #0000;
        width: 0;
        height: 0;
        position: absolute
    }

    .note-popover-arrow:after {
        content: " ";
        border: 10px solid #0000;
        width: 0;
        height: 0;
        display: block;
        position: absolute
    }

    .note-popover-content {
        color: #000;
        text-align: center;
        background-color: #fff;
        min-width: 100px;
        min-height: 30px;
        padding: 3px 8px
    }

    .note-editor {
        position: relative
    }

    .note-editor .note-dropzone {
        color: #87cefa;
        opacity: .95;
        z-index: 100;
        background-color: #fff;
        display: none;
        position: absolute
    }

    .note-editor .note-dropzone .note-dropzone-message {
        text-align: center;
        vertical-align: middle;
        font-size: 28px;
        font-weight: 700;
        display: table-cell
    }

    .note-editor .note-dropzone.hover {
        color: #098ddf
    }

    .note-editor.dragover .note-dropzone {
        display: table
    }

    .note-editor .note-editing-area {
        position: relative
    }

    .note-editor .note-editing-area .note-editable {
        outline: none
    }

    .note-editor .note-editing-area .note-editable sup {
        vertical-align: super
    }

    .note-editor .note-editing-area .note-editable sub {
        vertical-align: sub
    }

    .note-editor .note-editing-area .note-editable img.note-float-left {
        margin-right: 10px
    }

    .note-editor .note-editing-area .note-editable img.note-float-right {
        margin-left: 10px
    }

    .note-editor.note-airframe,
    .note-editor.note-frame {
        border: 1px solid #00000032
    }

    .note-editor.note-airframe.codeview .note-editing-area .note-editable,
    .note-editor.note-frame.codeview .note-editing-area .note-editable {
        display: none
    }

    .note-editor.note-airframe.codeview .note-editing-area .note-codable,
    .note-editor.note-frame.codeview .note-editing-area .note-codable {
        display: block
    }

    .note-editor.note-airframe .note-editing-area,
    .note-editor.note-frame .note-editing-area {
        overflow: hidden
    }

    .note-editor.note-airframe .note-editing-area .note-editable,
    .note-editor.note-frame .note-editing-area .note-editable {
        word-wrap: break-word;
        padding: 10px;
        overflow: auto
    }

    .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],
    .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
        background-color: #8080801d
    }

    .note-editor.note-airframe .note-editing-area .note-codable,
    .note-editor.note-frame .note-editing-area .note-codable {
        box-shadow: none;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        color: #ccc;
        resize: none;
        background-color: #222;
        border: none;
        border-radius: 0;
        outline: none;
        width: 100%;
        margin-bottom: 0;
        padding: 10px;
        font-family: Menlo, Monaco, monospace, sans-serif;
        font-size: 14px;
        display: none
    }

    .note-editor.note-airframe.fullscreen,
    .note-editor.note-frame.fullscreen {
        z-index: 1050;
        position: fixed;
        top: 0;
        left: 0;
        width: 100% !important
    }

    .note-editor.note-airframe.fullscreen .note-resizebar,
    .note-editor.note-frame.fullscreen .note-resizebar {
        display: none
    }

    .note-editor.note-airframe .note-status-output,
    .note-editor.note-frame .note-status-output {
        color: #000;
        border: 0;
        border-top: 1px solid #e2e2e2;
        width: 100%;
        height: 20px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.42857;
        display: block
    }

    .note-editor.note-airframe .note-status-output:empty,
    .note-editor.note-frame .note-status-output:empty {
        border-top: 0 solid #0000;
        height: 0
    }

    .note-editor.note-airframe .note-status-output .pull-right,
    .note-editor.note-frame .note-status-output .pull-right {
        float: right !important
    }

    .note-editor.note-airframe .note-status-output .text-muted,
    .note-editor.note-frame .note-status-output .text-muted {
        color: #777
    }

    .note-editor.note-airframe .note-status-output .text-primary,
    .note-editor.note-frame .note-status-output .text-primary {
        color: #286090
    }

    .note-editor.note-airframe .note-status-output .text-success,
    .note-editor.note-frame .note-status-output .text-success {
        color: #3c763d
    }

    .note-editor.note-airframe .note-status-output .text-info,
    .note-editor.note-frame .note-status-output .text-info {
        color: #31708f
    }

    .note-editor.note-airframe .note-status-output .text-warning,
    .note-editor.note-frame .note-status-output .text-warning {
        color: #8a6d3b
    }

    .note-editor.note-airframe .note-status-output .text-danger,
    .note-editor.note-frame .note-status-output .text-danger {
        color: #a94442
    }

    .note-editor.note-airframe .note-status-output .alert,
    .note-editor.note-frame .note-status-output .alert {
        color: #000;
        background-color: #f5f5f5;
        border-radius: 0;
        margin: -7px 0 0;
        padding: 7px 10px 2px
    }

    .note-editor.note-airframe .note-status-output .alert .note-icon,
    .note-editor.note-frame .note-status-output .alert .note-icon {
        margin-right: 5px
    }

    .note-editor.note-airframe .note-status-output .alert-success,
    .note-editor.note-frame .note-status-output .alert-success {
        color: #3c763d !important;
        background-color: #dff0d8 !important
    }

    .note-editor.note-airframe .note-status-output .alert-info,
    .note-editor.note-frame .note-status-output .alert-info {
        color: #31708f !important;
        background-color: #d9edf7 !important
    }

    .note-editor.note-airframe .note-status-output .alert-warning,
    .note-editor.note-frame .note-status-output .alert-warning {
        color: #8a6d3b !important;
        background-color: #fcf8e3 !important
    }

    .note-editor.note-airframe .note-status-output .alert-danger,
    .note-editor.note-frame .note-status-output .alert-danger {
        color: #a94442 !important;
        background-color: #f2dede !important
    }

    .note-editor.note-airframe .note-statusbar,
    .note-editor.note-frame .note-statusbar {
        background-color: #8080801d;
        border-top: 1px solid #00000032;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .note-editor.note-airframe .note-statusbar .note-resizebar,
    .note-editor.note-frame .note-statusbar .note-resizebar {
        cursor: ns-resize;
        width: 100%;
        height: 9px;
        padding-top: 1px
    }

    .note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,
    .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
        border-top: 1px solid #00000032;
        width: 20px;
        margin: 1px auto
    }

    .note-editor.note-airframe .note-statusbar.locked .note-resizebar,
    .note-editor.note-frame .note-statusbar.locked .note-resizebar {
        cursor: default
    }

    .note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,
    .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
        display: none
    }

    .note-editor.note-airframe .note-placeholder,
    .note-editor.note-frame .note-placeholder {
        padding: 10px
    }

    .note-editor.note-airframe {
        border: 0
    }

    .note-editor.note-airframe .note-editing-area .note-editable {
        padding: 0
    }

    .note-popover.popover {
        max-width: none;
        display: none
    }

    .note-popover.popover .popover-content a {
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
        max-width: 200px;
        display: inline-block;
        overflow: hidden
    }

    .note-popover.popover .arrow {
        left: 20px !important
    }

    .note-toolbar {
        position: relative
    }

    .note-editor .note-toolbar,
    .note-popover .popover-content {
        margin: 0;
        padding: 0 0 5px 5px
    }

    .note-editor .note-toolbar>.note-btn-group,
    .note-popover .popover-content>.note-btn-group {
        margin-top: 5px;
        margin-left: 0;
        margin-right: 5px
    }

    .note-editor .note-toolbar .note-btn-group .note-table,
    .note-popover .popover-content .note-btn-group .note-table {
        min-width: 0;
        padding: 5px
    }

    .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,
    .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker {
        font-size: 18px
    }

    .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
    .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
        cursor: pointer;
        z-index: 3;
        width: 10em;
        height: 10em;
        position: absolute !important
    }

    .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
    .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
        z-index: 1;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC);
        width: 5em;
        height: 5em;
        position: relative !important
    }

    .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
    .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
        z-index: 2;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC);
        width: 1em;
        height: 1em;
        position: absolute !important
    }

    .note-editor .note-toolbar .note-style .dropdown-style blockquote,
    .note-editor .note-toolbar .note-style .dropdown-style pre,
    .note-popover .popover-content .note-style .dropdown-style blockquote,
    .note-popover .popover-content .note-style .dropdown-style pre {
        margin: 0;
        padding: 5px 10px
    }

    .note-editor .note-toolbar .note-style .dropdown-style h1,
    .note-editor .note-toolbar .note-style .dropdown-style h2,
    .note-editor .note-toolbar .note-style .dropdown-style h3,
    .note-editor .note-toolbar .note-style .dropdown-style h4,
    .note-editor .note-toolbar .note-style .dropdown-style h5,
    .note-editor .note-toolbar .note-style .dropdown-style h6,
    .note-editor .note-toolbar .note-style .dropdown-style p,
    .note-popover .popover-content .note-style .dropdown-style h1,
    .note-popover .popover-content .note-style .dropdown-style h2,
    .note-popover .popover-content .note-style .dropdown-style h3,
    .note-popover .popover-content .note-style .dropdown-style h4,
    .note-popover .popover-content .note-style .dropdown-style h5,
    .note-popover .popover-content .note-style .dropdown-style h6,
    .note-popover .popover-content .note-style .dropdown-style p {
        margin: 0;
        padding: 0
    }

    .note-editor .note-toolbar .note-color-all .note-dropdown-menu,
    .note-popover .popover-content .note-color-all .note-dropdown-menu {
        min-width: 337px
    }

    .note-editor .note-toolbar .note-color .dropdown-toggle,
    .note-popover .popover-content .note-color .dropdown-toggle {
        width: 20px;
        padding-left: 5px
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
        width: 160px;
        margin: 0;
        display: inline-block
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {
        margin: 0 5px
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
        text-align: center;
        border-bottom: 1px solid #eee;
        margin: 2px 7px;
        font-size: 12px
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
        cursor: pointer;
        border-radius: 5px;
        width: 100%;
        margin: 3px;
        padding: 0 3px;
        font-size: 11px
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
        background: #eee
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {
        height: 20px
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
        display: none
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
        border: 1px solid #eee
    }

    .note-editor .note-toolbar .note-para .note-dropdown-menu,
    .note-popover .popover-content .note-para .note-dropdown-menu {
        min-width: 228px;
        padding: 5px
    }

    .note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,
    .note-popover .popover-content .note-para .note-dropdown-menu>div+div {
        margin-left: 5px
    }

    .note-editor .note-toolbar .note-dropdown-menu,
    .note-popover .popover-content .note-dropdown-menu {
        min-width: 160px
    }

    .note-editor .note-toolbar .note-dropdown-menu.right,
    .note-popover .popover-content .note-dropdown-menu.right {
        left: auto;
        right: 0
    }

    .note-editor .note-toolbar .note-dropdown-menu.right:before,
    .note-popover .popover-content .note-dropdown-menu.right:before {
        right: 9px;
        left: auto !important
    }

    .note-editor .note-toolbar .note-dropdown-menu.right:after,
    .note-popover .popover-content .note-dropdown-menu.right:after {
        right: 10px;
        left: auto !important
    }

    .note-editor .note-toolbar .note-dropdown-menu.note-check a i,
    .note-popover .popover-content .note-dropdown-menu.note-check a i {
        color: #00bfff;
        visibility: hidden
    }

    .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,
    .note-popover .popover-content .note-dropdown-menu.note-check a.checked i {
        visibility: visible
    }

    .note-editor .note-toolbar .note-fontsize-10,
    .note-popover .popover-content .note-fontsize-10 {
        font-size: 10px
    }

    .note-editor .note-toolbar .note-color-palette,
    .note-popover .popover-content .note-color-palette {
        line-height: 1
    }

    .note-editor .note-toolbar .note-color-palette div .note-color-btn,
    .note-popover .popover-content .note-color-palette div .note-color-btn {
        border: 0;
        border-radius: 0;
        width: 20px;
        height: 20px;
        margin: 0;
        padding: 0
    }

    .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,
    .note-popover .popover-content .note-color-palette div .note-color-btn:hover {
        transition: all .2s;
        transform: scale(1.2)
    }

    .note-modal .modal-dialog {
        border-radius: 5px;
        outline: 0;
        box-shadow: 0 3px 9px #00000080
    }

    .note-modal .form-group {
        margin-left: 0;
        margin-right: 0
    }

    .note-modal .note-modal-form {
        margin: 0
    }

    .note-modal .note-image-dialog .note-dropzone {
        color: #d3d3d3;
        text-align: center;
        border: 4px dashed #d3d3d3;
        min-height: 100px;
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 4
    }

    .note-placeholder {
        color: gray;
        display: none;
        position: absolute
    }

    .note-handle .note-control-selection {
        border: 1px solid #000;
        display: none;
        position: absolute
    }

    .note-handle .note-control-selection>div {
        position: absolute
    }

    .note-handle .note-control-selection .note-control-selection-bg {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
        filter: alpha(opacity=30);
        -webkit-opacity: .3;
        -khtml-opacity: .3;
        -moz-opacity: .3;
        opacity: .3;
        background-color: #000;
        width: 100%;
        height: 100%
    }

    .note-handle .note-control-selection .note-control-handle,
    .note-handle .note-control-selection .note-control-holder,
    .note-handle .note-control-selection .note-control-sizing {
        border: 1px solid #000;
        width: 7px;
        height: 7px
    }

    .note-handle .note-control-selection .note-control-sizing {
        background-color: #000
    }

    .note-handle .note-control-selection .note-control-nw {
        border-bottom: none;
        border-right: none;
        top: -5px;
        left: -5px
    }

    .note-handle .note-control-selection .note-control-ne {
        border-bottom: none;
        border-left: none;
        top: -5px;
        right: -5px
    }

    .note-handle .note-control-selection .note-control-sw {
        border-top: none;
        border-right: none;
        bottom: -5px;
        left: -5px
    }

    .note-handle .note-control-selection .note-control-se {
        cursor: se-resize;
        bottom: -5px;
        right: -5px
    }

    .note-handle .note-control-selection .note-control-se.note-control-holder {
        cursor: default;
        border-top: none;
        border-left: none
    }

    .note-handle .note-control-selection .note-control-selection-info {
        color: #fff;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        filter: alpha(opacity=70);
        -webkit-opacity: .7;
        -khtml-opacity: .7;
        -moz-opacity: .7;
        opacity: .7;
        background-color: #000;
        border-radius: 5px;
        margin: 5px;
        padding: 5px;
        font-size: 12px;
        bottom: 0;
        right: 0
    }

    .note-hint-popover {
        min-width: 100px;
        padding: 2px
    }

    .note-hint-popover .popover-content {
        max-height: 150px;
        padding: 3px;
        overflow: auto
    }

    .note-hint-popover .popover-content .note-hint-group .note-hint-item {
        padding: 3px;
        display: block !important
    }

    .note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
    .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
        clear: both;
        color: #fff;
        cursor: pointer;
        white-space: nowrap;
        background-color: #428bca;
        outline: 0;
        font-weight: 400;
        line-height: 1.4;
        text-decoration: none;
        display: block
    }

    body .note-fullscreen-body,
    html .note-fullscreen-body {
        overflow: hidden !important
    }

    .note-editable ol li,
    .note-editable ul li {
        list-style-position: inside
    }

    .note-editor .note-editing-area .note-editable table {
        border-collapse: collapse;
        width: 100%
    }

    .note-editor .note-editing-area .note-editable table td,
    .note-editor .note-editing-area .note-editable table th {
        border: 1px solid #ececec;
        padding: 5px 3px
    }

    .note-editor .note-editing-area .note-editable a {
        background-color: inherit;
        color: #337ab7;
        font-family: inherit;
        font-weight: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    .note-editor .note-editing-area .note-editable a:focus,
    .note-editor .note-editing-area .note-editable a:hover {
        color: #23527c;
        outline: 0;
        text-decoration: underline
    }

    .note-editor .note-editing-area .note-editable figure {
        margin: 0
    }

    .note-modal .note-modal-body label {
        margin-bottom: 2px;
        padding: 2px 5px;
        display: inline-block
    }

    .note-modal .note-modal-body .help-list-item:hover {
        background-color: #e0e0e0
    }

    @-moz-document url-prefix() {
        .note-modal .note-image-input {
            height: auto
        }
    }

    .help-list-item label {
        margin-bottom: 5px;
        display: inline-block
    }

    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }

    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,
    ul,
    menu {
        list-style: none
    }

    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }

    img,
    video {
        max-width: 100%;
        height: auto
    }

    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }

    ::file-selector-button {
        appearance: button
    }

    ::-webkit-inner-spin-button {
        height: auto
    }

    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    html {
        scroll-behavior: smooth;
        position: relative
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--font-secondary);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        line-height: 1.5 !important
    }

    body {
        -webkit-tap-highlight-color: transparent;
        background-color: var(--color-body-bg);
        width: 100%;
        height: 100%;
        font-family: var(--font-body);
        font-size: var(--text-body);
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--color-body-color);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow-x: hidden
    }

    small {
        font-size: .85em
    }

    label {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        display: block
    }

    b,
    strong {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    button:not(:disabled),
    [role=button]:not(:disabled) {
        cursor: pointer
    }

    code {
        color: var(--color-rose-400)
    }

    svg.lucide {
        width: 1em;
        height: 1em
    }

    input:where([type=text]),
    input:where(:not([type])),
    input:where([type=email]),
    input:where([type=url]),
    input:where([type=password]),
    input:where([type=number]),
    input:where([type=date]),
    input:where([type=datetime-local]),
    input:where([type=month]),
    input:where([type=search]),
    input:where([type=tel]),
    input:where([type=time]),
    input:where([type=week]),
    select:where([multiple]),
    textarea,
    select {
        appearance: none;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        border-width: 1px;
        border-color: #6a7282;
        border-radius: 0;
        padding: .5rem .75rem;
        font-size: 1rem;
        line-height: 1.5rem
    }

    :is(input:where([type=text]), input:where(:not([type])), input:where([type=email]), input:where([type=url]), input:where([type=password]), input:where([type=number]), input:where([type=date]), input:where([type=datetime-local]), input:where([type=month]), input:where([type=search]), input:where([type=tel]), input:where([type=time]), input:where([type=week]), select:where([multiple]), textarea, select):focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: #155dfc;
        outline: 2px solid #0000
    }

    input::placeholder,
    textarea::placeholder {
        color: #6a7282;
        opacity: 1
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-date-and-time-value {
        min-height: 1.5em
    }

    ::-webkit-date-and-time-value {
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0
    }

    select {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right .5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem
    }

    select:where([multiple]),
    select:where([size]:not([size="1"])) {
        background-image: initial;
        background-position: initial;
        background-repeat: unset;
        background-size: initial;
        -webkit-print-color-adjust: unset;
        print-color-adjust: unset;
        padding-right: .75rem
    }

    input:where([type=checkbox]),
    input:where([type=radio]) {
        appearance: none;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        vertical-align: middle;
        -webkit-user-select: none;
        user-select: none;
        color: #155dfc;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        background-origin: border-box;
        border-width: 1px;
        border-color: #6a7282;
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        padding: 0;
        display: inline-block
    }

    input:where([type=checkbox]) {
        border-radius: 0
    }

    input:where([type=radio]) {
        border-radius: 100%
    }

    input:where([type=checkbox]):focus,
    input:where([type=radio]):focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        outline: 2px solid #0000
    }

    input:where([type=checkbox]):checked,
    input:where([type=radio]):checked {
        background-color: currentColor;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000
    }

    input:where([type=checkbox]):checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
    }

    @media(forced-colors:active) {
        input:where([type=checkbox]):checked {
            appearance: auto
        }
    }

    input:where([type=radio]):checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
    }

    @media(forced-colors:active) {
        input:where([type=radio]):checked {
            appearance: auto
        }
    }

    input:where([type=checkbox]):checked:hover,
    input:where([type=checkbox]):checked:focus,
    input:where([type=radio]):checked:hover,
    input:where([type=radio]):checked:focus {
        background-color: currentColor;
        border-color: #0000
    }

    input:where([type=checkbox]):indeterminate {
        background-color: currentColor;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000
    }

    @media(forced-colors:active) {
        input:where([type=checkbox]):indeterminate {
            appearance: auto
        }
    }

    input:where([type=checkbox]):indeterminate:hover,
    input:where([type=checkbox]):indeterminate:focus {
        background-color: currentColor;
        border-color: #0000
    }

    input:where([type=file]) {
        background: unset;
        border-color: inherit;
        font-size: unset;
        line-height: inherit;
        border-width: 0;
        border-radius: 0;
        padding: 0
    }

    input:where([type=file]):focus {
        outline: 1px solid buttontext;
        outline: 1px auto -webkit-focus-ring-color
    }

    html[data-skin=saas] .card .card-body {
        padding-block: 25px;
        padding-inline: 25px
    }

    html[data-skin=saas] .card .card-header {
        padding-inline: calc(var(--spacing)*6);
        padding-block: calc(var(--spacing)*4)
    }

    html[data-skin=saas] .card .card-title {
        font-size: 15px;
        font-weight: 600
    }

    html[data-skin=vivid] .btn {
        padding-block: .4532rem;
        padding-inline: 1rem
    }

    html[data-skin=vivid] .btn-sm {
        padding-block: .3125rem;
        padding-inline: .625rem
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-100: oklch(93.6% .032 17.717);
        --color-red-200: oklch(88.5% .062 18.334);
        --color-red-300: oklch(80.8% .114 19.571);
        --color-orange-400: oklch(75% .183 55.934);
        --color-yellow-200: oklch(94.5% .129 101.54);
        --color-lime-200: oklch(93.8% .127 124.321);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-teal-200: oklch(91% .096 180.426);
        --color-cyan-500: oklch(71.5% .143 215.221);
        --color-sky-100: oklch(95.1% .026 236.824);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-blue-600: oklch(54.6% .245 262.881);
        --color-purple-500: oklch(62.7% .265 303.9);
        --color-purple-600: oklch(55.8% .288 302.321);
        --color-pink-500: oklch(65.6% .241 354.308);
        --color-rose-400: oklch(71.2% .194 13.428);
        --color-slate-50: oklch(98.4% .003 247.858);
        --color-slate-950: oklch(12.9% .042 264.695);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-900: oklch(21% .034 264.665);
        --color-zinc-50: oklch(98.5% 0 0);
        --color-zinc-100: oklch(96.7% .001 286.375);
        --color-zinc-200: oklch(92% .004 286.32);
        --color-zinc-300: oklch(87.1% .006 286.286);
        --color-zinc-400: oklch(70.5% .015 286.067);
        --color-zinc-800: oklch(27.4% .006 286.033);
        --color-neutral-700: oklch(37.1% 0 0);
        --color-neutral-800: oklch(26.9% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --text-xs: .75rem;
        --text-xs--line-height: 1.5;
        --text-sm: .875rem;
        --text-sm--line-height: 1.5;
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: 1.5;
        --text-xl: 1.25rem;
        --text-xl--line-height: 1.5;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: 1.5;
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.5;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: 1.5;
        --text-5xl: 3rem;
        --text-5xl--line-height: 1.5;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --text-9xl: 8rem;
        --text-9xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-wider: .05em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-4xl: 2rem;
        --shadow-sm: 0 .0625rem .125rem #4c4c5c26;
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --shadow: 0px 1px 4px 0px #828fa326;
        --radius: 4px;
        --font-body: "Nunito", sans-serif;
        --font-secondary: "Google Sans", sans-serif;
        --text-body: .875rem;
        --color-body-bg: #f6f7fb;
        --color-body-color: #4c4c5c;
        --color-card: var(--color-white);
        --color-primary: #236dc9;
        --color-secondary: #7b70ef;
        --color-success: #02bc9c;
        --color-primary-hover: #1e5dab;
        --color-info: #5bc3e1;
        --color-warning: #f9bf59;
        --color-danger: #f7577e;
        --color-purple: #7b70ef;
        --color-light: #eef2f7;
        --color-dark: #313a46;
        --color-secondary-hover: #695fcb;
        --color-success-hover: #02a085;
        --color-info-hover: #4da6bf;
        --color-warning-hover: #d4a24c;
        --color-danger-hover: #d24a6b;
        --color-light-hover: #8a969c;
        --color-dark-hover: #343a40;
        --color-default-50: var(--color-slate-50);
        --color-default-100: #f6f7fb;
        --color-default-200: #eef2f7;
        --color-default-300: #e7e9eb;
        --color-default-400: #9ba6b7;
        --color-default-500: #a1a9b1;
        --color-default-600: #8a969c;
        --color-default-700: #6c757d;
        --color-default-800: #343a40;
        --color-default-900: #313a46;
        --color-default-950: var(--color-slate-950);
        --text-2xs: 11px;
        --text-md: 15px;
        --text-2xs--line-height: 1.5;
        --text-md--line-height: 1.5;
        --tw-shadow: var(--shadow);
        --spacing-base: 20px;
        --topbar-height: 65px;
        --logo-lg-height: 22px;
        --logo-sm-height: 26px;
        --sidenav-width: 245px;
        --sidenav-width-md: 200px;
        --sidenav-width-sm: 75px;
        --sidenav-link-padding-x: 12px;
        --sidenav-link-padding-y: 8px;
        --sidenav-item-icon-size: 1.125rem;
        --sidenav-item-font-size: .875rem;
        --sidenav-item-gap: 12px;
        --sidenav-item-padding-x: 10px;
        --sidenav-item-padding-y: 10px;
        --sidenav-item-font-weight: 500;
        --sidenav-sub-item-font-size: .8125rem;
        --sidenav-sub-item-font-weight: 500;
        --sidenav-sub-item-padding-x: 10px;
        --sidenav-sub-item-padding-y: 7px
    }
}

@layer components {
    .btn {
        z-index: 10;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        column-gap: calc(var(--spacing)*2);
        border-radius: var(--radius);
        border-style: var(--tw-border-style);
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*1.75);
        text-align: center;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border-width: 1px;
        border-color: #0000;
        display: inline-flex;
        position: relative
    }

    .btn.btn-lg {
        border-radius: var(--radius-sm);
        padding-inline: calc(var(--spacing)*5);
        padding-block: calc(var(--spacing)*2.25);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .btn.btn-icon {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9);
        padding: calc(var(--spacing)*0)
    }

    .btn.btn-sm {
        padding-inline: calc(var(--spacing)*3);
        padding-block: calc(var(--spacing)*1.25);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .btn.btn-sm.btn-icon {
        width: calc(var(--spacing)*7.5);
        height: calc(var(--spacing)*7.5);
        padding: calc(var(--spacing)*0)
    }

    .btn[class*=size-] {
        padding: 0 !important
    }

    button:disabled {
        cursor: not-allowed;
        opacity: .5
    }

    .badge {
        justify-content: center;
        align-items: center;
        gap: calc(var(--spacing)*1);
        border-radius: var(--radius);
        vertical-align: middle;
        --tw-leading: 1;
        --tw-font-weight: var(--font-weight-bold);
        font-size: .75em;
        line-height: 1;
        font-weight: var(--font-weight-bold);
        padding-block: .25em;
        padding-inline: .4em;
        display: inline-flex
    }

    .badge-label {
        border-radius: 0;
        padding-block: .375em;
        padding-inline: .8em
    }

    .card {
        border-radius: var(--radius);
        background-color: var(--color-card);
        overflow-wrap: break-word;
        --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
        height: fit-content;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        box-shadow: var(--shadow);
        background-clip: border-box;
        flex-direction: column;
        display: flex;
        position: relative
    }

    .card .card-header {
        justify-content: space-between;
        align-items: center;
        gap: calc(var(--spacing)*3);
        border-bottom-style: var(--tw-border-style);
        --tw-border-style: dashed;
        border-style: dashed;
        border-bottom-width: 1px;
        border-color: var(--color-default-300);
        padding-inline: calc(var(--spacing)*5);
        padding-block: calc(var(--spacing)*3.75);
        flex-wrap: wrap;
        display: flex
    }

    .card .card-footer {
        justify-content: space-between;
        align-items: center;
        gap: calc(var(--spacing)*3);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-light);
        padding-inline: calc(var(--spacing)*5);
        padding-block: calc(var(--spacing)*3.75);
        flex-wrap: wrap;
        display: flex
    }

    .card-body {
        padding: calc(var(--spacing)*5);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        flex: auto;
        transition-duration: .3s
    }

    .card-title {
        font-size: var(--text-md);
        line-height: var(--tw-leading, var(--text-md--line-height));
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-body-color)
    }

    .card-body.collapsing {
        margin-block: calc(var(--spacing)*-5);
        opacity: 0;
        height: 0 !important
    }

    .card-collapse .card-header {
        border-bottom: 0
    }

    .nav-tabs {
        margin-block: calc(var(--spacing)*-3.75);
        align-items: center;
        column-gap: calc(var(--spacing)*2);
        height: 100%;
        flex-wrap: wrap;
        margin-inline-end: calc(var(--spacing)*-3);
        display: flex
    }

    .nav-tabs .nav-link {
        margin-bottom: calc(var(--spacing)*-1);
        border-bottom-style: var(--tw-border-style);
        padding-inline: calc(var(--spacing)*5);
        padding-block: calc(var(--spacing)*3.75);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-body-color);
        border-color: #0000;
        border-bottom-width: 1px
    }

    .hs-dropdown-menu {
        z-index: 30;
        margin-top: calc(var(--spacing)*2);
        border-style: var(--tw-border-style);
        --tw-border-style: solid;
        border-style: solid;
        border-width: 1px;
        border-color: var(--color-default-300);
        background-color: var(--color-card)
    }

    .hs-dropdown-menu.hs-dropdown-menu.open,
    .hs-dropdown.open>.hs-dropdown-menu,
    .hs-dropdown.open>.hs-dropdown-toggle .hs-dropdown-menu,
    .hs-dropdown.open>.hs-dropdown-menu>.hs-dropdown-menu {
        opacity: 1
    }

    .hs-dropdown-menu {
        min-width: calc(var(--spacing)*44);
        border-radius: var(--radius);
        padding: calc(var(--spacing)*1);
        text-wrap: wrap;
        opacity: 0;
        --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        box-shadow: var(--shadow);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: opacity, margin;
        display: none
    }

    .dropdown-item {
        cursor: pointer;
        align-items: center;
        gap: calc(var(--spacing)*3);
        border-radius: calc(var(--radius)*.5);
        width: 100%;
        padding-inline: calc(var(--spacing)*3.75);
        padding-block: calc(var(--spacing)*1.5);
        color: var(--color-body-color);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        display: flex
    }

    @media(hover:hover) {
        .dropdown-item:hover {
            background-color: var(--color-default-100)
        }
    }

    .dropdown-item.active {
        background-color: var(--color-default-100)
    }

    .dropdown-divider {
        margin-inline: calc(var(--spacing)*-1);
        border-top-style: var(--tw-border-style);
        border-color: #0000;
        border-top-width: 1px;
        border-top-color: var(--color-default-300);
        overflow: hidden;
        margin-block: calc(var(--spacing)*1) !important
    }

    .\[--trigger\:hover\] .hs-dropdown-menu:before {
        inset-inline-start: calc(var(--spacing)*0);
        top: calc(var(--spacing)*-4);
        height: calc(var(--spacing)*4);
        content: var(--tw-content);
        width: 100%;
        position: absolute
    }

    .\[--trigger\:hover\] .hs-dropdown-menu:after {
        inset-inline-start: calc(var(--spacing)*0);
        bottom: calc(var(--spacing)*-4);
        height: calc(var(--spacing)*4);
        content: var(--tw-content);
        width: 100%;
        position: absolute
    }

    .table-wrapper {
        width: 100%;
        position: relative;
        overflow: auto
    }

    .table {
        border-collapse: collapse;
        vertical-align: bottom;
        width: 100%;
        color: var(--color-body-color);
        caption-side: bottom
    }

    .table tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-light)
    }

    .table caption {
        margin-top: calc(var(--spacing)*4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-default-400)
    }

    .table thead tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .table thead th {
        padding-inline: calc(var(--spacing)*2.5);
        padding-block: calc(var(--spacing)*3);
        text-align: start;
        vertical-align: middle;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-body-color)
    }

    .table .thead-sm th {
        padding: calc(var(--spacing)*2)
    }

    :is(.table th, .table td):first-child {
        padding-inline-start: calc(var(--spacing)*4.5)
    }

    :is(.table th, .table td):last-child {
        padding-inline-end: calc(var(--spacing)*4.5)
    }

    .table tbody tr:last-child {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .table tbody td {
        padding-inline: calc(var(--spacing)*2.5);
        padding-block: calc(var(--spacing)*3);
        vertical-align: middle
    }

    .table tfoot {
        border-top-style: var(--tw-border-style);
        background-color: #9ba6b780;
        border-top-width: 1px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .table tfoot {
            background-color: color-mix(in oklab, var(--color-default-400)50%, transparent)
        }
    }

    .table tfoot {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .table tfoot:last-child>tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .table tfoot th {
        height: calc(var(--spacing)*10);
        padding-inline: calc(var(--spacing)*2.5);
        vertical-align: middle;
        color: var(--color-default-700)
    }

    .table.table-bordered {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-light)
    }

    .table.table-bordered td,
    .table.table-bordered th {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
        border-color: var(--color-light)
    }

    :is(.table.table-bordered td, .table.table-bordered th):last-child {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 0
    }

    .table.table-borderless tr {
        --tw-border-style: none;
        border-style: none
    }

    .table.table-striped tbody tr:where(:nth-child(odd)) {
        background-color: #eef2f773 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .table.table-striped tbody tr:where(:nth-child(odd)) {
            background-color: color-mix(in oklab, var(--color-light)45%, transparent) !important
        }
    }

    .table.table-hover tbody tr:hover {
        background-color: #eef2f773 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .table.table-hover tbody tr:hover {
            background-color: color-mix(in oklab, var(--color-light)45%, transparent) !important
        }
    }

    .table.table-sm thead th,
    .table.table-sm tbody td {
        padding: calc(var(--spacing)*2)
    }

    .table:has(.form-checkbox:checked) tr:has(.form-checkbox:checked) {
        background-color: #f9bf591a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .table:has(.form-checkbox:checked) tr:has(.form-checkbox:checked) {
            background-color: color-mix(in oklab, var(--color-warning)10%, transparent)
        }
    }

    .pagination {
        align-items: center;
        display: inline-flex
    }

    :where(.pagination>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-x-reverse)))
    }

    .pagination>.btn {
        width: calc(var(--spacing)*7.5);
        height: calc(var(--spacing)*7.5);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-default-300);
        padding-inline: calc(var(--spacing)*0)
    }

    .page-item .page-link {
        width: calc(var(--spacing)*7.5);
        height: calc(var(--spacing)*7.5);
        border-radius: var(--radius);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-default-300);
        background-color: #0000;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .page-item.active .page-link {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
        color: var(--color-white)
    }

    .page-item.disabled .page-link {
        pointer-events: none;
        opacity: .6
    }
}

@layer utilities {
    .pointer-events-auto {
        pointer-events: auto
    }

    .pointer-events-none {
        pointer-events: none
    }

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: calc(var(--spacing)*0)
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }

    .inset-y-0 {
        inset-block: calc(var(--spacing)*0)
    }

    .start-0 {
        inset-inline-start: calc(var(--spacing)*0)
    }

    .start-1\/2 {
        inset-inline-start: 50%
    }

    .start-2\/25 {
        inset-inline-start: 8%
    }

    .start-3 {
        inset-inline-start: calc(var(--spacing)*3)
    }

    .start-5 {
        inset-inline-start: calc(var(--spacing)*5)
    }

    .start-6 {
        inset-inline-start: calc(var(--spacing)*6)
    }

    .start-full {
        inset-inline-start: 100%
    }

    .-end-1 {
        inset-inline-end: calc(var(--spacing)*-1)
    }

    .-end-2 {
        inset-inline-end: calc(var(--spacing)*-2)
    }

    .-end-px {
        inset-inline-end: -1px
    }

    .end-0 {
        inset-inline-end: calc(var(--spacing)*0)
    }

    .end-1\/2 {
        inset-inline-end: 50%
    }

    .end-2 {
        inset-inline-end: calc(var(--spacing)*2)
    }

    .end-3 {
        inset-inline-end: calc(var(--spacing)*3)
    }

    .end-5 {
        inset-inline-end: calc(var(--spacing)*5)
    }

    .end-6 {
        inset-inline-end: calc(var(--spacing)*6)
    }

    .-top-1 {
        top: calc(var(--spacing)*-1)
    }

    .-top-3 {
        top: calc(var(--spacing)*-3)
    }

    .-top-4 {
        top: calc(var(--spacing)*-4)
    }

    .top-0 {
        top: calc(var(--spacing)*0)
    }

    .top-1\/2 {
        top: 50%
    }

    .top-2 {
        top: calc(var(--spacing)*2)
    }

    .top-6 {
        top: calc(var(--spacing)*6)
    }

    .top-8 {
        top: calc(var(--spacing)*8)
    }

    .top-20 {
        top: calc(var(--spacing)*20)
    }

    .top-25 {
        top: calc(var(--spacing)*25)
    }

    .top-45 {
        top: calc(var(--spacing)*45)
    }

    .top-\[calc\(var\(--topbar-height\)\+1\.5rem\)\] {
        top: calc(var(--topbar-height) + 1.5rem)
    }

    .top-full {
        top: 100%
    }

    .right-3 {
        right: calc(var(--spacing)*3)
    }

    .right-9 {
        right: calc(var(--spacing)*9)
    }

    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    .bottom-1\/2 {
        bottom: 50%
    }

    .bottom-2 {
        bottom: calc(var(--spacing)*2)
    }

    .bottom-3 {
        bottom: calc(var(--spacing)*3)
    }

    .left-3 {
        left: calc(var(--spacing)*3)
    }

    .-z-10 {
        z-index: -10
    }

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-60 {
        z-index: 60
    }

    .z-70 {
        z-index: 70
    }

    .z-80 {
        z-index: 80
    }

    .z-90 {
        z-index: 90
    }

    .z-100 {
        z-index: 100
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

    .col-span-2 {
        grid-column: span 2/span 2
    }

    .col-span-3 {
        grid-column: span 3/span 3
    }

    .col-span-4 {
        grid-column: span 4/span 4
    }

    .col-span-5 {
        grid-column: span 5/span 5
    }

    .col-span-6 {
        grid-column: span 6/span 6
    }

    .col-span-7 {
        grid-column: span 7/span 7
    }

    .col-span-9 {
        grid-column: span 9/span 9
    }

    .row-1 {
        grid-row: 1
    }

    .row-2 {
        grid-row: 2
    }

    .row-3 {
        grid-row: 3
    }

    .row-4 {
        grid-row: 4
    }

    .row-5 {
        grid-row: 5
    }

    .row-6 {
        grid-row: 6
    }

    .row-7 {
        grid-row: 7
    }

    .row-8 {
        grid-row: 8
    }

    .row-9 {
        grid-row: 9
    }

    .row-10 {
        grid-row: 10
    }

    .row-11 {
        grid-row: 11
    }

    .row-12 {
        grid-row: 12
    }

    .row-13 {
        grid-row: 13
    }

    .row-span-2 {
        grid-row: span 2/span 2
    }

    .float-end {
        float: inline-end
    }

    .\!container {
        width: 100% !important
    }

    @media(min-width:40rem) {
        .\!container {
            max-width: 40rem !important
        }
    }

    @media(min-width:48rem) {
        .\!container {
            max-width: 48rem !important
        }
    }

    @media(min-width:64rem) {
        .\!container {
            max-width: 64rem !important
        }
    }

    @media(min-width:80rem) {
        .\!container {
            max-width: 80rem !important
        }
    }

    @media(min-width:96rem) {
        .\!container {
            max-width: 96rem !important
        }
    }

    .container {
        width: 100%
    }

    @media(min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media(min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media(min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media(min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media(min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    .m-0 {
        margin: calc(var(--spacing)*0)
    }

    .m-0\.75 {
        margin: calc(var(--spacing)*.75)
    }

    .m-1 {
        margin: calc(var(--spacing)*1)
    }

    .m-3 {
        margin: calc(var(--spacing)*3)
    }

    .m-5 {
        margin: calc(var(--spacing)*5)
    }

    .m-6 {
        margin: calc(var(--spacing)*6)
    }

    .m-9 {
        margin: calc(var(--spacing)*9)
    }

    .m-10 {
        margin: calc(var(--spacing)*10)
    }

    .m-18 {
        margin: calc(var(--spacing)*18)
    }

    .-mx-1\.5 {
        margin-inline: calc(var(--spacing)*-1.5)
    }

    .-mx-3 {
        margin-inline: calc(var(--spacing)*-3)
    }

    .-mx-5 {
        margin-inline: calc(var(--spacing)*-5)
    }

    .-mx-6 {
        margin-inline: calc(var(--spacing)*-6)
    }

    .-mx-base {
        margin-inline: calc(var(--spacing-base)*-1)
    }

    .mx-3 {
        margin-inline: calc(var(--spacing)*3)
    }

    .mx-6 {
        margin-inline: calc(var(--spacing)*6)
    }

    .mx-auto {
        margin-inline: auto
    }

    .-my-1\.5 {
        margin-block: calc(var(--spacing)*-1.5)
    }

    .my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .my-1\.5 {
        margin-block: calc(var(--spacing)*1.5)
    }

    .my-1\.25 {
        margin-block: calc(var(--spacing)*1.25)
    }

    .my-2 {
        margin-block: calc(var(--spacing)*2)
    }

    .my-2\.5 {
        margin-block: calc(var(--spacing)*2.5)
    }

    .my-3 {
        margin-block: calc(var(--spacing)*3)
    }

    .my-3\.25 {
        margin-block: calc(var(--spacing)*3.25)
    }

    .my-4 {
        margin-block: calc(var(--spacing)*4)
    }

    .my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .my-7\.5 {
        margin-block: calc(var(--spacing)*7.5)
    }

    .my-8 {
        margin-block: calc(var(--spacing)*8)
    }

    .my-9 {
        margin-block: calc(var(--spacing)*9)
    }

    .my-base {
        margin-block: var(--spacing-base)
    }

    .-ms-1\.5 {
        margin-inline-start: calc(var(--spacing)*-1.5)
    }

    .-ms-6 {
        margin-inline-start: calc(var(--spacing)*-6)
    }

    .-ms-px {
        margin-inline-start: -1px
    }

    .ms-0\.5 {
        margin-inline-start: calc(var(--spacing)*.5)
    }

    .ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }

    .ms-1\.5 {
        margin-inline-start: calc(var(--spacing)*1.5)
    }

    .ms-1\.25 {
        margin-inline-start: calc(var(--spacing)*1.25)
    }

    .ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }

    .ms-2\.5 {
        margin-inline-start: calc(var(--spacing)*2.5)
    }

    .ms-3 {
        margin-inline-start: calc(var(--spacing)*3)
    }

    .ms-5 {
        margin-inline-start: calc(var(--spacing)*5)
    }

    .ms-6 {
        margin-inline-start: calc(var(--spacing)*6)
    }

    .ms-8 {
        margin-inline-start: calc(var(--spacing)*8)
    }

    .ms-10 {
        margin-inline-start: calc(var(--spacing)*10)
    }

    .ms-auto {
        margin-inline-start: auto
    }

    .me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }

    .me-1\.5 {
        margin-inline-end: calc(var(--spacing)*1.5)
    }

    .me-1\.25 {
        margin-inline-end: calc(var(--spacing)*1.25)
    }

    .me-2 {
        margin-inline-end: calc(var(--spacing)*2)
    }

    .me-2\.5 {
        margin-inline-end: calc(var(--spacing)*2.5)
    }

    .me-3 {
        margin-inline-end: calc(var(--spacing)*3)
    }

    .me-4 {
        margin-inline-end: calc(var(--spacing)*4)
    }

    .me-5 {
        margin-inline-end: calc(var(--spacing)*5)
    }

    .me-6 {
        margin-inline-end: calc(var(--spacing)*6)
    }

    .me-7\.5 {
        margin-inline-end: calc(var(--spacing)*7.5)
    }

    .me-auto {
        margin-inline-end: auto
    }

    .me-base {
        margin-inline-end: var(--spacing-base)
    }

    .-mt-3 {
        margin-top: calc(var(--spacing)*-3)
    }

    .-mt-7\.5 {
        margin-top: calc(var(--spacing)*-7.5)
    }

    .-mt-12 {
        margin-top: calc(var(--spacing)*-12)
    }

    .mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    .mt-0\.5 {
        margin-top: calc(var(--spacing)*.5)
    }

    .mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .mt-1\.5 {
        margin-top: calc(var(--spacing)*1.5)
    }

    .mt-1\.25 {
        margin-top: calc(var(--spacing)*1.25)
    }

    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }

    .mt-2\.5 {
        margin-top: calc(var(--spacing)*2.5)
    }

    .mt-3 {
        margin-top: calc(var(--spacing)*3)
    }

    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

    .mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    .mt-7 {
        margin-top: calc(var(--spacing)*7)
    }

    .mt-7\.5 {
        margin-top: calc(var(--spacing)*7.5)
    }

    .mt-8 {
        margin-top: calc(var(--spacing)*8)
    }

    .mt-9 {
        margin-top: calc(var(--spacing)*9)
    }

    .mt-10 {
        margin-top: calc(var(--spacing)*10)
    }

    .mt-12 {
        margin-top: calc(var(--spacing)*12)
    }

    .mt-18 {
        margin-top: calc(var(--spacing)*18)
    }

    .mt-auto {
        margin-top: auto
    }

    .mt-base {
        margin-top: var(--spacing-base)
    }

    .-mb-1\.5 {
        margin-bottom: calc(var(--spacing)*-1.5)
    }

    .-mb-2\.5 {
        margin-bottom: calc(var(--spacing)*-2.5)
    }

    .-mb-base {
        margin-bottom: calc(var(--spacing-base)*-1)
    }

    .mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .mb-0\! {
        margin-bottom: calc(var(--spacing)*0) !important
    }

    .mb-0\.5 {
        margin-bottom: calc(var(--spacing)*.5)
    }

    .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .mb-1\.5 {
        margin-bottom: calc(var(--spacing)*1.5)
    }

    .mb-1\.25 {
        margin-bottom: calc(var(--spacing)*1.25)
    }

    .mb-1\.75 {
        margin-bottom: calc(var(--spacing)*1.75)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .mb-2\.5 {
        margin-bottom: calc(var(--spacing)*2.5)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .mb-4\.5 {
        margin-bottom: calc(var(--spacing)*4.5)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .mb-6\.5 {
        margin-bottom: calc(var(--spacing)*6.5)
    }

    .mb-6\.25 {
        margin-bottom: calc(var(--spacing)*6.25)
    }

    .mb-7\.5 {
        margin-bottom: calc(var(--spacing)*7.5)
    }

    .mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }

    .mb-9 {
        margin-bottom: calc(var(--spacing)*9)
    }

    .mb-12 {
        margin-bottom: calc(var(--spacing)*12)
    }

    .mb-15 {
        margin-bottom: calc(var(--spacing)*15)
    }

    .mb-18 {
        margin-bottom: calc(var(--spacing)*18)
    }

    .mb-base {
        margin-bottom: var(--spacing-base)
    }

    .form-checkbox {
        appearance: none;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        vertical-align: middle;
        -webkit-user-select: none;
        user-select: none;
        color: #155dfc;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        background-origin: border-box;
        border-width: 1px;
        border-color: #6a7282;
        border-radius: 0;
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        padding: 0;
        display: inline-block
    }

    .form-checkbox:focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        outline: 2px solid #0000
    }

    .form-checkbox:checked {
        background-color: currentColor;
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000
    }

    @media(forced-colors:active) {
        .form-checkbox:checked {
            appearance: auto
        }
    }

    .form-checkbox:checked:hover,
    .form-checkbox:checked:focus {
        background-color: currentColor;
        border-color: #0000
    }

    .form-checkbox:indeterminate {
        background-color: currentColor;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000
    }

    @media(forced-colors:active) {
        .form-checkbox:indeterminate {
            appearance: auto
        }
    }

    .form-checkbox:indeterminate:hover,
    .form-checkbox:indeterminate:focus {
        background-color: currentColor;
        border-color: #0000
    }

    .form-radio {
        appearance: none;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        vertical-align: middle;
        -webkit-user-select: none;
        user-select: none;
        color: #155dfc;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        background-origin: border-box;
        border-width: 1px;
        border-color: #6a7282;
        border-radius: 100%;
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        padding: 0;
        display: inline-block
    }

    .form-radio:focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        outline: 2px solid #0000
    }

    .form-radio:checked {
        background-color: currentColor;
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000
    }

    @media(forced-colors:active) {
        .form-radio:checked {
            appearance: auto
        }
    }

    .form-radio:checked:hover,
    .form-radio:checked:focus {
        background-color: currentColor;
        border-color: #0000
    }

    .iconify {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .form-input {
        appearance: none;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        border-width: 1px;
        border-color: #6a7282;
        border-radius: 0;
        padding: .5rem .75rem;
        font-size: 1rem;
        line-height: 1.5rem
    }

    .form-input:focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: #155dfc;
        outline: 2px solid #0000
    }

    .form-input::placeholder {
        color: #6a7282;
        opacity: 1
    }

    .form-input::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    .form-input::-webkit-date-and-time-value {
        min-height: 1.5em
    }

    .form-input::-webkit-date-and-time-value {
        text-align: inherit
    }

    .form-input::-webkit-datetime-edit {
        display: inline-flex
    }

    .form-input::-webkit-datetime-edit {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-input::-webkit-datetime-edit-year-field {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-input::-webkit-datetime-edit-month-field {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-input::-webkit-datetime-edit-day-field {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-input::-webkit-datetime-edit-hour-field {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-input::-webkit-datetime-edit-minute-field {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-input::-webkit-datetime-edit-second-field {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-input::-webkit-datetime-edit-millisecond-field {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-input::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0
    }

    .block {
        display: block
    }

    .block\! {
        display: block !important
    }

    .flex {
        display: flex
    }

    .flex\! {
        display: flex !important
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .aspect-3\/4 {
        aspect-ratio: 3/4
    }

    .aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .aspect-21\/9 {
        aspect-ratio: 21/9
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .size-0 {
        width: calc(var(--spacing)*0);
        height: calc(var(--spacing)*0)
    }

    .size-2\.5 {
        width: calc(var(--spacing)*2.5);
        height: calc(var(--spacing)*2.5)
    }

    .size-2\.75 {
        width: calc(var(--spacing)*2.75);
        height: calc(var(--spacing)*2.75)
    }

    .size-3 {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .size-3\.5 {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
    }

    .size-3\.25 {
        width: calc(var(--spacing)*3.25);
        height: calc(var(--spacing)*3.25)
    }

    .size-3\.75 {
        width: calc(var(--spacing)*3.75);
        height: calc(var(--spacing)*3.75)
    }

    .size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .size-4\.5 {
        width: calc(var(--spacing)*4.5);
        height: calc(var(--spacing)*4.5)
    }

    .size-4\.25 {
        width: calc(var(--spacing)*4.25);
        height: calc(var(--spacing)*4.25)
    }

    .size-4\.25\! {
        width: calc(var(--spacing)*4.25) !important;
        height: calc(var(--spacing)*4.25) !important
    }

    .size-5 {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .size-5\! {
        width: calc(var(--spacing)*5) !important;
        height: calc(var(--spacing)*5) !important
    }

    .size-5\.5 {
        width: calc(var(--spacing)*5.5);
        height: calc(var(--spacing)*5.5)
    }

    .size-5\.5\! {
        width: calc(var(--spacing)*5.5) !important;
        height: calc(var(--spacing)*5.5) !important
    }

    .size-6 {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .size-6\! {
        width: calc(var(--spacing)*6) !important;
        height: calc(var(--spacing)*6) !important
    }

    .size-6\.5 {
        width: calc(var(--spacing)*6.5);
        height: calc(var(--spacing)*6.5)
    }

    .size-6\.25\! {
        width: calc(var(--spacing)*6.25) !important;
        height: calc(var(--spacing)*6.25) !important
    }

    .size-7 {
        width: calc(var(--spacing)*7);
        height: calc(var(--spacing)*7)
    }

    .size-7\.5 {
        width: calc(var(--spacing)*7.5);
        height: calc(var(--spacing)*7.5)
    }

    .size-7\.25 {
        width: calc(var(--spacing)*7.25);
        height: calc(var(--spacing)*7.25)
    }

    .size-7\.75 {
        width: calc(var(--spacing)*7.75);
        height: calc(var(--spacing)*7.75)
    }

    .size-7\.75\! {
        width: calc(var(--spacing)*7.75) !important;
        height: calc(var(--spacing)*7.75) !important
    }

    .size-8 {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .size-8\! {
        width: calc(var(--spacing)*8) !important;
        height: calc(var(--spacing)*8) !important
    }

    .size-8\.5 {
        width: calc(var(--spacing)*8.5);
        height: calc(var(--spacing)*8.5)
    }

    .size-8\.5\! {
        width: calc(var(--spacing)*8.5) !important;
        height: calc(var(--spacing)*8.5) !important
    }

    .size-8\.75 {
        width: calc(var(--spacing)*8.75);
        height: calc(var(--spacing)*8.75)
    }

    .size-9 {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9)
    }

    .size-9\.5 {
        width: calc(var(--spacing)*9.5);
        height: calc(var(--spacing)*9.5)
    }

    .size-9\.25 {
        width: calc(var(--spacing)*9.25);
        height: calc(var(--spacing)*9.25)
    }

    .size-9\.25\! {
        width: calc(var(--spacing)*9.25) !important;
        height: calc(var(--spacing)*9.25) !important
    }

    .size-10 {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .size-10\.5 {
        width: calc(var(--spacing)*10.5);
        height: calc(var(--spacing)*10.5)
    }

    .size-11 {
        width: calc(var(--spacing)*11);
        height: calc(var(--spacing)*11)
    }

    .size-11\.5 {
        width: calc(var(--spacing)*11.5);
        height: calc(var(--spacing)*11.5)
    }

    .size-11\.25 {
        width: calc(var(--spacing)*11.25);
        height: calc(var(--spacing)*11.25)
    }

    .size-12 {
        width: calc(var(--spacing)*12);
        height: calc(var(--spacing)*12)
    }

    .size-12\.5 {
        width: calc(var(--spacing)*12.5);
        height: calc(var(--spacing)*12.5)
    }

    .size-15 {
        width: calc(var(--spacing)*15);
        height: calc(var(--spacing)*15)
    }

    .size-16 {
        width: calc(var(--spacing)*16);
        height: calc(var(--spacing)*16)
    }

    .size-18 {
        width: calc(var(--spacing)*18);
        height: calc(var(--spacing)*18)
    }

    .size-19\.5 {
        width: calc(var(--spacing)*19.5);
        height: calc(var(--spacing)*19.5)
    }

    .size-20 {
        width: calc(var(--spacing)*20);
        height: calc(var(--spacing)*20)
    }

    .size-37\.5 {
        width: calc(var(--spacing)*37.5);
        height: calc(var(--spacing)*37.5)
    }

    .size-45 {
        width: calc(var(--spacing)*45);
        height: calc(var(--spacing)*45)
    }

    .size-52\.5 {
        width: calc(var(--spacing)*52.5);
        height: calc(var(--spacing)*52.5)
    }

    .size-64 {
        width: calc(var(--spacing)*64);
        height: calc(var(--spacing)*64)
    }

    .size-full {
        width: 100%;
        height: 100%
    }

    .h-0\.5 {
        height: calc(var(--spacing)*.5)
    }

    .h-0\.75 {
        height: calc(var(--spacing)*.75)
    }

    .h-1 {
        height: calc(var(--spacing)*1)
    }

    .h-1\.5 {
        height: calc(var(--spacing)*1.5)
    }

    .h-1\.25 {
        height: calc(var(--spacing)*1.25)
    }

    .h-1\/2 {
        height: 50%
    }

    .h-1\/4 {
        height: 25%
    }

    .h-2 {
        height: calc(var(--spacing)*2)
    }

    .h-2\.5 {
        height: calc(var(--spacing)*2.5)
    }

    .h-2\.75 {
        height: calc(var(--spacing)*2.75)
    }

    .h-3 {
        height: calc(var(--spacing)*3)
    }

    .h-3\.5 {
        height: calc(var(--spacing)*3.5)
    }

    .h-3\.25 {
        height: calc(var(--spacing)*3.25)
    }

    .h-3\.75 {
        height: calc(var(--spacing)*3.75)
    }

    .h-3\/4 {
        height: 75%
    }

    .h-4 {
        height: calc(var(--spacing)*4)
    }

    .h-4\.5 {
        height: calc(var(--spacing)*4.5)
    }

    .h-5 {
        height: calc(var(--spacing)*5)
    }

    .h-5\.5 {
        height: calc(var(--spacing)*5.5)
    }

    .h-6 {
        height: calc(var(--spacing)*6)
    }

    .h-6\.5 {
        height: calc(var(--spacing)*6.5)
    }

    .h-7 {
        height: calc(var(--spacing)*7)
    }

    .h-7\.5 {
        height: calc(var(--spacing)*7.5)
    }

    .h-8 {
        height: calc(var(--spacing)*8)
    }

    .h-9 {
        height: calc(var(--spacing)*9)
    }

    .h-10 {
        height: calc(var(--spacing)*10)
    }

    .h-10\.5 {
        height: calc(var(--spacing)*10.5)
    }

    .h-12 {
        height: calc(var(--spacing)*12)
    }

    .h-12\! {
        height: calc(var(--spacing)*12) !important
    }

    .h-15 {
        height: calc(var(--spacing)*15)
    }

    .h-20 {
        height: calc(var(--spacing)*20)
    }

    .h-25 {
        height: calc(var(--spacing)*25)
    }

    .h-37\.5 {
        height: calc(var(--spacing)*37.5)
    }

    .h-45 {
        height: calc(var(--spacing)*45)
    }

    .h-50 {
        height: calc(var(--spacing)*50)
    }

    .h-55 {
        height: calc(var(--spacing)*55)
    }

    .h-62\.5 {
        height: calc(var(--spacing)*62.5)
    }

    .h-63\.75 {
        height: calc(var(--spacing)*63.75)
    }

    .h-65 {
        height: calc(var(--spacing)*65)
    }

    .h-75 {
        height: calc(var(--spacing)*75)
    }

    .h-89\.5 {
        height: calc(var(--spacing)*89.5)
    }

    .h-95 {
        height: calc(var(--spacing)*95)
    }

    .h-106 {
        height: calc(var(--spacing)*106)
    }

    .h-150 {
        height: calc(var(--spacing)*150)
    }

    .h-160 {
        height: calc(var(--spacing)*160)
    }

    .h-\[calc\(100\%-100px\)\] {
        height: calc(100% - 100px)
    }

    .h-\[calc\(100\%-190px\)\] {
        height: calc(100% - 190px)
    }

    .h-\[calc\(100vh-170px\)\] {
        height: calc(100vh - 170px)
    }

    .h-\[calc\(100vh-190px\)\] {
        height: calc(100vh - 190px)
    }

    .h-\[calc\(100vh-200px\)\] {
        height: calc(100vh - 200px)
    }

    .h-\[calc\(100vh-332px\)\] {
        height: calc(100vh - 332px)
    }

    .h-\[calc\(100vh-333px\)\] {
        height: calc(100vh - 333px)
    }

    .h-\[calc\(100vh-360px\)\] {
        height: calc(100vh - 360px)
    }

    .h-\[calc\(100vh-420px\)\] {
        height: calc(100vh - 420px)
    }

    .h-auto {
        height: auto
    }

    .h-auto\! {
        height: auto !important
    }

    .h-full {
        height: 100%
    }

    .h-full\! {
        height: 100% !important
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

    .max-h-50 {
        max-height: calc(var(--spacing)*50)
    }

    .max-h-60 {
        max-height: calc(var(--spacing)*60)
    }

    .max-h-73 {
        max-height: calc(var(--spacing)*73)
    }

    .max-h-75 {
        max-height: calc(var(--spacing)*75)
    }

    .max-h-87\.5 {
        max-height: calc(var(--spacing)*87.5)
    }

    .max-h-full {
        max-height: 100%
    }

    .min-h-0 {
        min-height: calc(var(--spacing)*0)
    }

    .min-h-20 {
        min-height: calc(var(--spacing)*20)
    }

    .min-h-37\.5 {
        min-height: calc(var(--spacing)*37.5)
    }

    .min-h-90 {
        min-height: calc(var(--spacing)*90)
    }

    .min-h-116 {
        min-height: calc(var(--spacing)*116)
    }

    .min-h-\[calc\(100\%-56px\)\] {
        min-height: calc(100% - 56px)
    }

    .min-h-screen {
        min-height: 100vh
    }

    .w-1 {
        width: calc(var(--spacing)*1)
    }

    .w-1\/2 {
        width: 50%
    }

    .w-1\/4 {
        width: 25%
    }

    .w-2\/5 {
        width: 40%
    }

    .w-3\/5 {
        width: 60%
    }

    .w-7 {
        width: calc(var(--spacing)*7)
    }

    .w-7\.5 {
        width: calc(var(--spacing)*7.5)
    }

    .w-8 {
        width: calc(var(--spacing)*8)
    }

    .w-11\.25 {
        width: calc(var(--spacing)*11.25)
    }

    .w-12 {
        width: calc(var(--spacing)*12)
    }

    .w-14 {
        width: calc(var(--spacing)*14)
    }

    .w-15 {
        width: calc(var(--spacing)*15)
    }

    .w-19 {
        width: calc(var(--spacing)*19)
    }

    .w-20 {
        width: calc(var(--spacing)*20)
    }

    .w-40 {
        width: calc(var(--spacing)*40)
    }

    .w-44 {
        width: calc(var(--spacing)*44)
    }

    .w-45 {
        width: calc(var(--spacing)*45)
    }

    .w-46 {
        width: calc(var(--spacing)*46)
    }

    .w-55 {
        width: calc(var(--spacing)*55)
    }

    .w-56\.5 {
        width: calc(var(--spacing)*56.5)
    }

    .w-57\.5 {
        width: calc(var(--spacing)*57.5)
    }

    .w-60 {
        width: calc(var(--spacing)*60)
    }

    .w-62\.5 {
        width: calc(var(--spacing)*62.5)
    }

    .w-65 {
        width: calc(var(--spacing)*65)
    }

    .w-70 {
        width: calc(var(--spacing)*70)
    }

    .w-80 {
        width: calc(var(--spacing)*80)
    }

    .w-81 {
        width: calc(var(--spacing)*81)
    }

    .w-85 {
        width: calc(var(--spacing)*85)
    }

    .w-96\.5 {
        width: calc(var(--spacing)*96.5)
    }

    .w-100 {
        width: calc(var(--spacing)*100)
    }

    .w-130 {
        width: calc(var(--spacing)*130)
    }

    .w-\[1\%\] {
        width: 1%
    }

    .w-\[10\%\] {
        width: 10%
    }

    .w-\[33\%\] {
        width: 33%
    }

    .w-\[42\%\] {
        width: 42%
    }

    .w-\[47\%\] {
        width: 47%
    }

    .w-\[54\%\] {
        width: 54%
    }

    .w-\[60\%\] {
        width: 60%
    }

    .w-\[65\%\] {
        width: 65%
    }

    .w-\[70\%\] {
        width: 70%
    }

    .w-\[75\%\] {
        width: 75%
    }

    .w-\[78\%\] {
        width: 78%
    }

    .w-\[88\%\] {
        width: 88%
    }

    .w-\[90\%\] {
        width: 90%
    }

    .w-\[92\%\] {
        width: 92%
    }

    .w-auto {
        width: auto
    }

    .w-full {
        width: 100%
    }

    .w-px {
        width: 1px
    }

    .w-xs {
        width: var(--container-xs)
    }

    .max-w-3xl {
        max-width: var(--container-3xl)
    }

    .max-w-32\.5 {
        max-width: calc(var(--spacing)*32.5)
    }

    .max-w-40 {
        max-width: calc(var(--spacing)*40)
    }

    .max-w-87\.5 {
        max-width: calc(var(--spacing)*87.5)
    }

    .max-w-\[400px\] {
        max-width: 400px
    }

    .max-w-fit {
        max-width: fit-content
    }

    .max-w-full {
        max-width: 100%
    }

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .max-w-xs {
        max-width: var(--container-xs)
    }

    .min-w-0 {
        min-width: calc(var(--spacing)*0)
    }

    .min-w-12\.5 {
        min-width: calc(var(--spacing)*12.5)
    }

    .min-w-44 {
        min-width: calc(var(--spacing)*44)
    }

    .min-w-48 {
        min-width: calc(var(--spacing)*48)
    }

    .min-w-80 {
        min-width: calc(var(--spacing)*80)
    }

    .min-w-84 {
        min-width: calc(var(--spacing)*84)
    }

    .min-w-full {
        min-width: 100%
    }

    .flex-1 {
        flex: 1
    }

    .flex-none {
        flex: none
    }

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .basis-0 {
        flex-basis: calc(var(--spacing)*0)
    }

    .basis-full {
        flex-basis: 100%
    }

    .caption-bottom {
        caption-side: bottom
    }

    .border-collapse {
        border-collapse: collapse
    }

    .origin-top-left {
        transform-origin: 0 0
    }

    .-translate-1\/2 {
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-full {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-full {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-full {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .scale-95 {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-x-\[-1\] {
        --tw-scale-x: -1;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .rotate-180 {
        rotate: 180deg
    }

    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .animate-\[preloader_1s_ease_forwards\] {
        animation: 1s forwards preloader
    }

    .animate-ping {
        animation: var(--animate-ping)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-wait {
        cursor: wait
    }

    .resize {
        resize: both
    }

    .list-inside {
        list-style-position: inside
    }

    .list-decimal {
        list-style-type: decimal
    }

    .list-disc {
        list-style-type: disc
    }

    .list-none {
        list-style-type: none
    }

    .form-select {
        appearance: none;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        border-width: 1px;
        border-color: #6a7282;
        border-radius: 0;
        padding: .5rem .75rem;
        font-size: 1rem;
        line-height: 1.5rem
    }

    .form-select:focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: #155dfc;
        outline: 2px solid #0000
    }

    .form-select {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right .5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem
    }

    .form-select:where([size]:not([size="1"])) {
        background-image: initial;
        background-position: initial;
        background-repeat: unset;
        background-size: initial;
        -webkit-print-color-adjust: unset;
        print-color-adjust: unset;
        padding-right: .75rem
    }

    .form-textarea {
        appearance: none;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        border-width: 1px;
        border-color: #6a7282;
        border-radius: 0;
        padding: .5rem .75rem;
        font-size: 1rem;
        line-height: 1.5rem
    }

    .form-textarea:focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: #155dfc;
        outline: 2px solid #0000
    }

    .form-textarea::placeholder {
        color: #6a7282;
        opacity: 1
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

    .flex-row-reverse {
        flex-direction: row-reverse
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .items-stretch {
        align-items: stretch
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-start {
        justify-content: flex-start
    }

    .gap-0 {
        gap: calc(var(--spacing)*0)
    }

    .gap-0\.5 {
        gap: calc(var(--spacing)*.5)
    }

    .gap-0\.75 {
        gap: calc(var(--spacing)*.75)
    }

    .gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
    }

    .gap-1\.25 {
        gap: calc(var(--spacing)*1.25)
    }

    .gap-1\.75 {
        gap: calc(var(--spacing)*1.75)
    }

    .gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .gap-2\.5 {
        gap: calc(var(--spacing)*2.5)
    }

    .gap-2\.25 {
        gap: calc(var(--spacing)*2.25)
    }

    .gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .gap-3\.5 {
        gap: calc(var(--spacing)*3.5)
    }

    .gap-3\.25 {
        gap: calc(var(--spacing)*3.25)
    }

    .gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .gap-7\.5 {
        gap: calc(var(--spacing)*7.5)
    }

    .gap-9 {
        gap: calc(var(--spacing)*9)
    }

    .gap-15 {
        gap: calc(var(--spacing)*15)
    }

    .gap-18 {
        gap: calc(var(--spacing)*18)
    }

    .gap-base {
        gap: var(--spacing-base)
    }

    :where(.space-y-0>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-0\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-1\.25>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*1.25)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*1.25)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-4>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-base>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--spacing-base)*var(--tw-space-y-reverse));
        margin-block-end: calc(var(--spacing-base)*calc(1 - var(--tw-space-y-reverse)))
    }

    .gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

    .gap-x-1\.5 {
        column-gap: calc(var(--spacing)*1.5)
    }

    .gap-x-1\.25 {
        column-gap: calc(var(--spacing)*1.25)
    }

    .gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }

    .gap-x-2\.5 {
        column-gap: calc(var(--spacing)*2.5)
    }

    .gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }

    .gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }

    .gap-x-5 {
        column-gap: calc(var(--spacing)*5)
    }

    .gap-x-base {
        column-gap: var(--spacing-base)
    }

    :where(.-space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-px>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(-1px*var(--tw-space-x-reverse));
        margin-inline-end: calc(-1px*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-1>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-4>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
    }

    .gap-y-1\.25 {
        row-gap: calc(var(--spacing)*1.25)
    }

    .gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }

    .gap-y-2\.5 {
        row-gap: calc(var(--spacing)*2.5)
    }

    .gap-y-3 {
        row-gap: calc(var(--spacing)*3)
    }

    .gap-y-7\.5 {
        row-gap: calc(var(--spacing)*7.5)
    }

    :where(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
    }

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-dashed>:not(:last-child)) {
        --tw-border-style: dashed;
        border-style: dashed
    }

    :where(.divide-default-300>:not(:last-child)) {
        border-color: var(--color-default-300)
    }

    :where(.divide-light>:not(:last-child)) {
        border-color: var(--color-light)
    }

    .self-center {
        align-self: center
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-scroll {
        overflow: scroll
    }

    .overflow-visible {
        overflow: visible
    }

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

    .overflow-x-hidden {
        overflow-x: hidden
    }

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

    .rounded {
        border-radius: var(--radius)
    }

    .rounded\! {
        border-radius: var(--radius) !important
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-4xl {
        border-radius: var(--radius-4xl)
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-full\! {
        border-radius: 3.40282e38px !important
    }

    .rounded-lg {
        border-radius: var(--radius-lg)
    }

    .rounded-md {
        border-radius: var(--radius-md)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-none\! {
        border-radius: 0 !important
    }

    .rounded-sm {
        border-radius: var(--radius-sm)
    }

    .rounded-xl {
        border-radius: var(--radius-xl)
    }

    .rounded-s-full {
        border-start-start-radius: 3.40282e38px;
        border-end-start-radius: 3.40282e38px
    }

    .rounded-s-full\! {
        border-start-start-radius: 3.40282e38px !important;
        border-end-start-radius: 3.40282e38px !important
    }

    .rounded-s-md {
        border-start-start-radius: var(--radius-md);
        border-end-start-radius: var(--radius-md)
    }

    .rounded-s-none {
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }

    .rounded-s-none\! {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important
    }

    .rounded-s-sm {
        border-start-start-radius: var(--radius-sm);
        border-end-start-radius: var(--radius-sm)
    }

    .rounded-s-sm\! {
        border-start-start-radius: var(--radius-sm) !important;
        border-end-start-radius: var(--radius-sm) !important
    }

    .rounded-ss-sm\! {
        border-start-start-radius: var(--radius-sm) !important
    }

    .rounded-e {
        border-start-end-radius: var(--radius);
        border-end-end-radius: var(--radius)
    }

    .rounded-e-2xl {
        border-start-end-radius: var(--radius-2xl);
        border-end-end-radius: var(--radius-2xl)
    }

    .rounded-e-full {
        border-start-end-radius: 3.40282e38px;
        border-end-end-radius: 3.40282e38px
    }

    .rounded-e-lg {
        border-start-end-radius: var(--radius-lg);
        border-end-end-radius: var(--radius-lg)
    }

    .rounded-e-md {
        border-start-end-radius: var(--radius-md);
        border-end-end-radius: var(--radius-md)
    }

    .rounded-e-none {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

    .rounded-e-none\! {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important
    }

    .rounded-e-sm {
        border-start-end-radius: var(--radius-sm);
        border-end-end-radius: var(--radius-sm)
    }

    .rounded-e-sm\! {
        border-start-end-radius: var(--radius-sm) !important;
        border-end-end-radius: var(--radius-sm) !important
    }

    .rounded-es-sm\! {
        border-end-start-radius: var(--radius-sm) !important
    }

    .rounded-t {
        border-top-left-radius: var(--radius);
        border-top-right-radius: var(--radius)
    }

    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    .rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .rounded-t-sm {
        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm)
    }

    .rounded-b-md {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .\!border-\[3px\] {
        border-style: var(--tw-border-style) !important;
        border-width: 3px !important
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border\! {
        border-style: var(--tw-border-style) !important;
        border-width: 1px !important
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-0\! {
        border-style: var(--tw-border-style) !important;
        border-width: 0 !important
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-3 {
        border-style: var(--tw-border-style);
        border-width: 3px
    }

    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px
    }

    .border-5 {
        border-style: var(--tw-border-style);
        border-width: 5px
    }

    .border-x-0 {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 0
    }

    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }

    .border-s {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px
    }

    .border-s\! {
        border-inline-start-style: var(--tw-border-style) !important;
        border-inline-start-width: 1px !important
    }

    .border-s-0 {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 0
    }

    .border-s-3 {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 3px
    }

    .border-e {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px
    }

    .border-e-0 {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 0
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-none {
        --tw-border-style: none;
        border-style: none
    }

    .border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .\!border-danger {
        border-color: var(--color-danger) !important
    }

    .\!border-success {
        border-color: var(--color-success) !important
    }

    .border-\(--topbar-search-border\)\! {
        border-color: var(--topbar-search-border) !important
    }

    .border-card {
        border-color: var(--color-card)
    }

    .border-current {
        border-color: currentColor
    }

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

    .border-danger\! {
        border-color: var(--color-danger) !important
    }

    .border-danger\/15 {
        border-color: #f7577e26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-danger\/15 {
            border-color: color-mix(in oklab, var(--color-danger)15%, transparent)
        }
    }

    .border-danger\/40 {
        border-color: #f7577e66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-danger\/40 {
            border-color: color-mix(in oklab, var(--color-danger)40%, transparent)
        }
    }

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

    .border-dark\/15 {
        border-color: #313a4626
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-dark\/15 {
            border-color: color-mix(in oklab, var(--color-dark)15%, transparent)
        }
    }

    .border-default-200 {
        border-color: var(--color-default-200)
    }

    .border-default-300 {
        border-color: var(--color-default-300)
    }

    .border-default-600 {
        border-color: var(--color-default-600)
    }

    .border-default-800 {
        border-color: var(--color-default-800)
    }

    .border-default-900\/10 {
        border-color: #313a461a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-default-900\/10 {
            border-color: color-mix(in oklab, var(--color-default-900)10%, transparent)
        }
    }

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

    .border-info\/15 {
        border-color: #5bc3e126
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-info\/15 {
            border-color: color-mix(in oklab, var(--color-info)15%, transparent)
        }
    }

    .border-info\/25 {
        border-color: #5bc3e140
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-info\/25 {
            border-color: color-mix(in oklab, var(--color-info)25%, transparent)
        }
    }

    .border-light {
        border-color: var(--color-light)
    }

    .border-light\/15 {
        border-color: #eef2f726
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-light\/15 {
            border-color: color-mix(in oklab, var(--color-light)15%, transparent)
        }
    }

    .border-primary {
        border-color: var(--color-primary)
    }

    .border-primary\/10 {
        border-color: #236dc91a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/10 {
            border-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .border-primary\/15 {
        border-color: #236dc926
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/15 {
            border-color: color-mix(in oklab, var(--color-primary)15%, transparent)
        }
    }

    .border-primary\/25 {
        border-color: #236dc940
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/25 {
            border-color: color-mix(in oklab, var(--color-primary)25%, transparent)
        }
    }

    .border-primary\/50 {
        border-color: #236dc980
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/50 {
            border-color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }
    }

    .border-primary\/75 {
        border-color: #236dc9bf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/75 {
            border-color: color-mix(in oklab, var(--color-primary)75%, transparent)
        }
    }

    .border-secondary {
        border-color: var(--color-secondary)
    }

    .border-secondary\/15 {
        border-color: #7b70ef26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-secondary\/15 {
            border-color: color-mix(in oklab, var(--color-secondary)15%, transparent)
        }
    }

    .border-secondary\/20 {
        border-color: #7b70ef33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-secondary\/20 {
            border-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
        }
    }

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

    .border-success\! {
        border-color: var(--color-success) !important
    }

    .border-success\/15 {
        border-color: #02bc9c26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-success\/15 {
            border-color: color-mix(in oklab, var(--color-success)15%, transparent)
        }
    }

    .border-success\/20 {
        border-color: #02bc9c33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-success\/20 {
            border-color: color-mix(in oklab, var(--color-success)20%, transparent)
        }
    }

    .border-transparent {
        border-color: #0000
    }

    .border-transparent\! {
        border-color: #0000 !important
    }

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

    .border-warning\/15 {
        border-color: #f9bf5926
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-warning\/15 {
            border-color: color-mix(in oklab, var(--color-warning)15%, transparent)
        }
    }

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

    .border-white\/20 {
        border-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .border-white\/25 {
        border-color: #ffffff40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/25 {
            border-color: color-mix(in oklab, var(--color-white)25%, transparent)
        }
    }

    .border-t-transparent {
        border-top-color: #0000
    }

    .\!bg-inherit {
        background-color: inherit !important
    }

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

    .bg-\(--sidenav-bg\) {
        background-color: var(--sidenav-bg)
    }

    .bg-\(--topbar-search-bg\)\! {
        background-color: var(--topbar-search-bg) !important
    }

    .bg-black\/60 {
        background-color: #0009
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/60 {
            background-color: color-mix(in oklab, var(--color-black)60%, transparent)
        }
    }

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

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

    .bg-danger\/10 {
        background-color: #f7577e1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger\/10 {
            background-color: color-mix(in oklab, var(--color-danger)10%, transparent)
        }
    }

    .bg-danger\/15 {
        background-color: #f7577e26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger\/15 {
            background-color: color-mix(in oklab, var(--color-danger)15%, transparent)
        }
    }

    .bg-danger\/20 {
        background-color: #f7577e33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger\/20 {
            background-color: color-mix(in oklab, var(--color-danger)20%, transparent)
        }
    }

    .bg-danger\/25 {
        background-color: #f7577e40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger\/25 {
            background-color: color-mix(in oklab, var(--color-danger)25%, transparent)
        }
    }

    .bg-danger\/60 {
        background-color: #f7577e99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger\/60 {
            background-color: color-mix(in oklab, var(--color-danger)60%, transparent)
        }
    }

    .bg-danger\/70 {
        background-color: #f7577eb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger\/70 {
            background-color: color-mix(in oklab, var(--color-danger)70%, transparent)
        }
    }

    .bg-danger\/75 {
        background-color: #f7577ebf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger\/75 {
            background-color: color-mix(in oklab, var(--color-danger)75%, transparent)
        }
    }

    .bg-danger\/90 {
        background-color: #f7577ee6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger\/90 {
            background-color: color-mix(in oklab, var(--color-danger)90%, transparent)
        }
    }

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

    .bg-dark\/10 {
        background-color: #313a461a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark\/10 {
            background-color: color-mix(in oklab, var(--color-dark)10%, transparent)
        }
    }

    .bg-dark\/15 {
        background-color: #313a4626
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark\/15 {
            background-color: color-mix(in oklab, var(--color-dark)15%, transparent)
        }
    }

    .bg-dark\/20 {
        background-color: #313a4633
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark\/20 {
            background-color: color-mix(in oklab, var(--color-dark)20%, transparent)
        }
    }

    .bg-dark\/25 {
        background-color: #313a4640
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark\/25 {
            background-color: color-mix(in oklab, var(--color-dark)25%, transparent)
        }
    }

    .bg-dark\/50 {
        background-color: #313a4680
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark\/50 {
            background-color: color-mix(in oklab, var(--color-dark)50%, transparent)
        }
    }

    .bg-dark\/60 {
        background-color: #313a4699
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark\/60 {
            background-color: color-mix(in oklab, var(--color-dark)60%, transparent)
        }
    }

    .bg-dark\/70 {
        background-color: #313a46b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark\/70 {
            background-color: color-mix(in oklab, var(--color-dark)70%, transparent)
        }
    }

    .bg-dark\/75 {
        background-color: #313a46bf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark\/75 {
            background-color: color-mix(in oklab, var(--color-dark)75%, transparent)
        }
    }

    .bg-default-50 {
        background-color: var(--color-default-50)
    }

    .bg-default-50\! {
        background-color: var(--color-default-50) !important
    }

    .bg-default-100 {
        background-color: var(--color-default-100)
    }

    .bg-default-100\/20 {
        background-color: #f6f7fb33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-default-100\/20 {
            background-color: color-mix(in oklab, var(--color-default-100)20%, transparent)
        }
    }

    .bg-default-100\/50 {
        background-color: #f6f7fb80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-default-100\/50 {
            background-color: color-mix(in oklab, var(--color-default-100)50%, transparent)
        }
    }

    .bg-default-200 {
        background-color: var(--color-default-200)
    }

    .bg-default-200\! {
        background-color: var(--color-default-200) !important
    }

    .bg-default-300 {
        background-color: var(--color-default-300)
    }

    .bg-default-400 {
        background-color: var(--color-default-400)
    }

    .bg-default-400\/20 {
        background-color: #9ba6b733
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-default-400\/20 {
            background-color: color-mix(in oklab, var(--color-default-400)20%, transparent)
        }
    }

    .bg-default-800 {
        background-color: var(--color-default-800)
    }

    .bg-default-900 {
        background-color: var(--color-default-900)
    }

    .bg-default-900\/50 {
        background-color: #313a4680
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-default-900\/50 {
            background-color: color-mix(in oklab, var(--color-default-900)50%, transparent)
        }
    }

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

    .bg-info\/10 {
        background-color: #5bc3e11a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-info\/10 {
            background-color: color-mix(in oklab, var(--color-info)10%, transparent)
        }
    }

    .bg-info\/15 {
        background-color: #5bc3e126
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-info\/15 {
            background-color: color-mix(in oklab, var(--color-info)15%, transparent)
        }
    }

    .bg-info\/20 {
        background-color: #5bc3e133
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-info\/20 {
            background-color: color-mix(in oklab, var(--color-info)20%, transparent)
        }
    }

    .bg-info\/60 {
        background-color: #5bc3e199
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-info\/60 {
            background-color: color-mix(in oklab, var(--color-info)60%, transparent)
        }
    }

    .bg-info\/75 {
        background-color: #5bc3e1bf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-info\/75 {
            background-color: color-mix(in oklab, var(--color-info)75%, transparent)
        }
    }

    .bg-info\/85 {
        background-color: #5bc3e1d9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-info\/85 {
            background-color: color-mix(in oklab, var(--color-info)85%, transparent)
        }
    }

    .bg-info\/90 {
        background-color: #5bc3e1e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-info\/90 {
            background-color: color-mix(in oklab, var(--color-info)90%, transparent)
        }
    }

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

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

    .bg-light\/10 {
        background-color: #eef2f71a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/10 {
            background-color: color-mix(in oklab, var(--color-light)10%, transparent)
        }
    }

    .bg-light\/15 {
        background-color: #eef2f726
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/15 {
            background-color: color-mix(in oklab, var(--color-light)15%, transparent)
        }
    }

    .bg-light\/20 {
        background-color: #eef2f733
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/20 {
            background-color: color-mix(in oklab, var(--color-light)20%, transparent)
        }
    }

    .bg-light\/25 {
        background-color: #eef2f740
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/25 {
            background-color: color-mix(in oklab, var(--color-light)25%, transparent)
        }
    }

    .bg-light\/30 {
        background-color: #eef2f74d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/30 {
            background-color: color-mix(in oklab, var(--color-light)30%, transparent)
        }
    }

    .bg-light\/40 {
        background-color: #eef2f766
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/40 {
            background-color: color-mix(in oklab, var(--color-light)40%, transparent)
        }
    }

    .bg-light\/50 {
        background-color: #eef2f780
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/50 {
            background-color: color-mix(in oklab, var(--color-light)50%, transparent)
        }
    }

    .bg-light\/60 {
        background-color: #eef2f799
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/60 {
            background-color: color-mix(in oklab, var(--color-light)60%, transparent)
        }
    }

    .bg-light\/70 {
        background-color: #eef2f7b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/70 {
            background-color: color-mix(in oklab, var(--color-light)70%, transparent)
        }
    }

    .bg-light\/75 {
        background-color: #eef2f7bf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/75 {
            background-color: color-mix(in oklab, var(--color-light)75%, transparent)
        }
    }

    .bg-light\/80 {
        background-color: #eef2f7cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/80 {
            background-color: color-mix(in oklab, var(--color-light)80%, transparent)
        }
    }

    .bg-light\/90 {
        background-color: #eef2f7e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-light\/90 {
            background-color: color-mix(in oklab, var(--color-light)90%, transparent)
        }
    }

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

    .bg-primary\/10 {
        background-color: #236dc91a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/10 {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .bg-primary\/15 {
        background-color: #236dc926
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/15 {
            background-color: color-mix(in oklab, var(--color-primary)15%, transparent)
        }
    }

    .bg-primary\/20 {
        background-color: #236dc933
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/20 {
            background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .bg-primary\/25 {
        background-color: #236dc940
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/25 {
            background-color: color-mix(in oklab, var(--color-primary)25%, transparent)
        }
    }

    .bg-primary\/50 {
        background-color: #236dc980
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/50 {
            background-color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }
    }

    .bg-primary\/60 {
        background-color: #236dc999
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/60 {
            background-color: color-mix(in oklab, var(--color-primary)60%, transparent)
        }
    }

    .bg-primary\/70 {
        background-color: #236dc9b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/70 {
            background-color: color-mix(in oklab, var(--color-primary)70%, transparent)
        }
    }

    .bg-primary\/75 {
        background-color: #236dc9bf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/75 {
            background-color: color-mix(in oklab, var(--color-primary)75%, transparent)
        }
    }

    .bg-primary\/85 {
        background-color: #236dc9d9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/85 {
            background-color: color-mix(in oklab, var(--color-primary)85%, transparent)
        }
    }

    .bg-primary\/90 {
        background-color: #236dc9e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/90 {
            background-color: color-mix(in oklab, var(--color-primary)90%, transparent)
        }
    }

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

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

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

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

    .bg-secondary\/10 {
        background-color: #7b70ef1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/10 {
            background-color: color-mix(in oklab, var(--color-secondary)10%, transparent)
        }
    }

    .bg-secondary\/15 {
        background-color: #7b70ef26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/15 {
            background-color: color-mix(in oklab, var(--color-secondary)15%, transparent)
        }
    }

    .bg-secondary\/20 {
        background-color: #7b70ef33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/20 {
            background-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
        }
    }

    .bg-secondary\/25 {
        background-color: #7b70ef40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/25 {
            background-color: color-mix(in oklab, var(--color-secondary)25%, transparent)
        }
    }

    .bg-secondary\/60 {
        background-color: #7b70ef99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/60 {
            background-color: color-mix(in oklab, var(--color-secondary)60%, transparent)
        }
    }

    .bg-secondary\/75 {
        background-color: #7b70efbf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/75 {
            background-color: color-mix(in oklab, var(--color-secondary)75%, transparent)
        }
    }

    .bg-secondary\/90 {
        background-color: #7b70efe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/90 {
            background-color: color-mix(in oklab, var(--color-secondary)90%, transparent)
        }
    }

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

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

    .bg-success\/10 {
        background-color: #02bc9c1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-success\/10 {
            background-color: color-mix(in oklab, var(--color-success)10%, transparent)
        }
    }

    .bg-success\/15 {
        background-color: #02bc9c26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-success\/15 {
            background-color: color-mix(in oklab, var(--color-success)15%, transparent)
        }
    }

    .bg-success\/20 {
        background-color: #02bc9c33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-success\/20 {
            background-color: color-mix(in oklab, var(--color-success)20%, transparent)
        }
    }

    .bg-success\/25 {
        background-color: #02bc9c40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-success\/25 {
            background-color: color-mix(in oklab, var(--color-success)25%, transparent)
        }
    }

    .bg-success\/50 {
        background-color: #02bc9c80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-success\/50 {
            background-color: color-mix(in oklab, var(--color-success)50%, transparent)
        }
    }

    .bg-success\/60 {
        background-color: #02bc9c99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-success\/60 {
            background-color: color-mix(in oklab, var(--color-success)60%, transparent)
        }
    }

    .bg-success\/75 {
        background-color: #02bc9cbf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-success\/75 {
            background-color: color-mix(in oklab, var(--color-success)75%, transparent)
        }
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-transparent\! {
        background-color: #0000 !important
    }

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

    .bg-warning\/10 {
        background-color: #f9bf591a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning\/10 {
            background-color: color-mix(in oklab, var(--color-warning)10%, transparent)
        }
    }

    .bg-warning\/15 {
        background-color: #f9bf5926
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning\/15 {
            background-color: color-mix(in oklab, var(--color-warning)15%, transparent)
        }
    }

    .bg-warning\/20 {
        background-color: #f9bf5933
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning\/20 {
            background-color: color-mix(in oklab, var(--color-warning)20%, transparent)
        }
    }

    .bg-warning\/25 {
        background-color: #f9bf5940
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning\/25 {
            background-color: color-mix(in oklab, var(--color-warning)25%, transparent)
        }
    }

    .bg-warning\/60 {
        background-color: #f9bf5999
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning\/60 {
            background-color: color-mix(in oklab, var(--color-warning)60%, transparent)
        }
    }

    .bg-warning\/70 {
        background-color: #f9bf59b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning\/70 {
            background-color: color-mix(in oklab, var(--color-warning)70%, transparent)
        }
    }

    .bg-warning\/75 {
        background-color: #f9bf59bf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning\/75 {
            background-color: color-mix(in oklab, var(--color-warning)75%, transparent)
        }
    }

    .bg-warning\/90 {
        background-color: #f9bf59e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning\/90 {
            background-color: color-mix(in oklab, var(--color-warning)90%, transparent)
        }
    }

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

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

    .bg-white\/10 {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .bg-white\/25 {
        background-color: #ffffff40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/25 {
            background-color: color-mix(in oklab, var(--color-white)25%, transparent)
        }
    }

    .bg-white\/50 {
        background-color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/50 {
            background-color: color-mix(in oklab, var(--color-white)50%, transparent)
        }
    }

    .bg-linear-to-b {
        --tw-gradient-position: to bottom
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-b {
            --tw-gradient-position: to bottom in oklab
        }
    }

    .bg-linear-to-b {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-linear-to-br {
        --tw-gradient-position: to bottom right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-br {
            --tw-gradient-position: to bottom right in oklab
        }
    }

    .bg-linear-to-br {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-linear-to-r {
        --tw-gradient-position: to right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-r {
            --tw-gradient-position: to right in oklab
        }
    }

    .bg-linear-to-r {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-linear-to-t {
        --tw-gradient-position: to top
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-t {
            --tw-gradient-position: to top in oklab
        }
    }

    .bg-linear-to-t {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-\[linear-gradient\(90deg\,\#6658dd_0\%\,\#f1556c_100\%\)\] {
        background-image: linear-gradient(90deg, #6658dd, #f1556c)
    }

    .bg-\[url\(\'\/images\/auth\.jpg\'\)\] {
        background-image: url(../images/auth.jpg)
    }

    .bg-\[url\(\'\/images\/flower-style\.svg\'\)\] {
        background-image: url(../images/flower-style.svg)
    }

    .bg-\[url\(\'\/images\/profile-bg\.jpg\'\)\] {
        background-image: url(../images/profile-bg.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-1\.jpg\'\)\] {
        background-image: url(../images/stock/small-1.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-2\.jpg\'\)\] {
        background-image: url(../images/stock/small-2.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-3\.jpg\'\)\] {
        background-image: url(../images/stock/small-3.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-4\.jpg\'\)\] {
        background-image: url(../images/stock/small-4.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-5\.jpg\'\)\] {
        background-image: url(../images/stock/small-5.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-6\.jpg\'\)\] {
        background-image: url(../images/stock/small-6.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-7\.jpg\'\)\] {
        background-image: url(../images/stock/small-7.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-8\.jpg\'\)\] {
        background-image: url(../images/stock/small-8.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-9\.jpg\'\)\] {
        background-image: url(../images/stock/small-9.jpg)
    }

    .bg-\[url\(\'\/images\/stock\/small-10\.jpg\'\)\] {
        background-image: url(../images/stock/small-10.jpg)
    }

    .bg-\[url\(\/images\/stock\/small-8\.jpg\)\] {
        background-image: url(../images/stock/small-8.jpg)
    }

    .bg-\[url\(\/images\/user-bg-pattern\.png\)\] {
        background-image: url(../images/user-bg-pattern.png)
    }

    .bg-\[url\(\/images\/user-bg-pattern\.svg\)\] {
        background-image: url(../images/user-bg-pattern.svg)
    }

    .from-\[\#313A46\] {
        --tw-gradient-from: #313a46;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-cyan-500 {
        --tw-gradient-from: var(--color-cyan-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-default-400 {
        --tw-gradient-from: var(--color-default-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-default-800 {
        --tw-gradient-from: var(--color-default-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-green-400 {
        --tw-gradient-from: var(--color-green-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-pink-500 {
        --tw-gradient-from: var(--color-pink-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary {
        --tw-gradient-from: var(--color-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-purple-500 {
        --tw-gradient-from: var(--color-purple-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-purple-600 {
        --tw-gradient-from: var(--color-purple-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-red-200 {
        --tw-gradient-from: var(--color-red-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-teal-200 {
        --tw-gradient-from: var(--color-teal-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-white\/30 {
        --tw-gradient-from: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-white\/30 {
            --tw-gradient-from: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .from-white\/30 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-zinc-800 {
        --tw-gradient-from: var(--color-zinc-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .via-\[\#313a46cc\] {
        --tw-gradient-via: #313a46cc;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-default-300 {
        --tw-gradient-via: var(--color-default-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-default-800\/80 {
        --tw-gradient-via: #343a40cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-default-800\/80 {
            --tw-gradient-via: color-mix(in oklab, var(--color-default-800)80%, transparent)
        }
    }

    .via-default-800\/80 {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-red-300 {
        --tw-gradient-via: var(--color-red-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-zinc-800\/80 {
        --tw-gradient-via: #27272acc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-zinc-800\/80 {
            --tw-gradient-via: color-mix(in oklab, var(--color-zinc-800)80%, transparent)
        }
    }

    .via-zinc-800\/80 {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-\[\#313a4680\] {
        --tw-gradient-to: #313a4680;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-blue-500 {
        --tw-gradient-to: var(--color-blue-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-blue-600 {
        --tw-gradient-to: var(--color-blue-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-danger {
        --tw-gradient-to: var(--color-danger);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-default-300 {
        --tw-gradient-to: var(--color-default-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-default-800\/50 {
        --tw-gradient-to: #343a4080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-default-800\/50 {
            --tw-gradient-to: color-mix(in oklab, var(--color-default-800)50%, transparent)
        }
    }

    .to-default-800\/50 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-lime-200 {
        --tw-gradient-to: var(--color-lime-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-orange-400 {
        --tw-gradient-to: var(--color-orange-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-pink-500 {
        --tw-gradient-to: var(--color-pink-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-white\/0 {
        --tw-gradient-to: #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-white\/0 {
            --tw-gradient-to: color-mix(in oklab, var(--color-white)0%, transparent)
        }
    }

    .to-white\/0 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-yellow-200 {
        --tw-gradient-to: var(--color-yellow-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-zinc-800\/50 {
        --tw-gradient-to: #27272a80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-zinc-800\/50 {
            --tw-gradient-to: color-mix(in oklab, var(--color-zinc-800)50%, transparent)
        }
    }

    .to-zinc-800\/50 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .bg-bottom-right {
        background-position: 100% 100%
    }

    .bg-center {
        background-position: 50%
    }

    .bg-right {
        background-position: 100%
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

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

    .fill-danger\/15 {
        fill: #f7577e26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-danger\/15 {
            fill: color-mix(in oklab, var(--color-danger)15%, transparent)
        }
    }

    .fill-dark\/15 {
        fill: #313a4626
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-dark\/15 {
            fill: color-mix(in oklab, var(--color-dark)15%, transparent)
        }
    }

    .fill-info\/15 {
        fill: #5bc3e126
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-info\/15 {
            fill: color-mix(in oklab, var(--color-info)15%, transparent)
        }
    }

    .fill-light\/15 {
        fill: #eef2f726
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-light\/15 {
            fill: color-mix(in oklab, var(--color-light)15%, transparent)
        }
    }

    .fill-primary\/15 {
        fill: #236dc926
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-primary\/15 {
            fill: color-mix(in oklab, var(--color-primary)15%, transparent)
        }
    }

    .fill-purple\/15 {
        fill: #7b70ef26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-purple\/15 {
            fill: color-mix(in oklab, var(--color-purple)15%, transparent)
        }
    }

    .fill-secondary\/15 {
        fill: #7b70ef26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-secondary\/15 {
            fill: color-mix(in oklab, var(--color-secondary)15%, transparent)
        }
    }

    .fill-success\/15 {
        fill: #02bc9c26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-success\/15 {
            fill: color-mix(in oklab, var(--color-success)15%, transparent)
        }
    }

    .fill-warning\/15 {
        fill: #f9bf5926
    }

    @supports (color:color-mix(in lab, red, red)) {
        .fill-warning\/15 {
            fill: color-mix(in oklab, var(--color-warning)15%, transparent)
        }
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-fill {
        object-fit: fill
    }

    .object-none {
        object-fit: none
    }

    .object-scale-down {
        object-fit: scale-down
    }

    .p-0 {
        padding: calc(var(--spacing)*0)
    }

    .p-0\! {
        padding: calc(var(--spacing)*0) !important
    }

    .p-0\.75 {
        padding: calc(var(--spacing)*.75)
    }

    .p-1 {
        padding: calc(var(--spacing)*1)
    }

    .p-1\! {
        padding: calc(var(--spacing)*1) !important
    }

    .p-1\.5 {
        padding: calc(var(--spacing)*1.5)
    }

    .p-1\.25 {
        padding: calc(var(--spacing)*1.25)
    }

    .p-2 {
        padding: calc(var(--spacing)*2)
    }

    .p-2\.5 {
        padding: calc(var(--spacing)*2.5)
    }

    .p-3 {
        padding: calc(var(--spacing)*3)
    }

    .p-3\.5 {
        padding: calc(var(--spacing)*3.5)
    }

    .p-4 {
        padding: calc(var(--spacing)*4)
    }

    .p-4\.5 {
        padding: calc(var(--spacing)*4.5)
    }

    .p-5 {
        padding: calc(var(--spacing)*5)
    }

    .p-6 {
        padding: calc(var(--spacing)*6)
    }

    .p-7\.5 {
        padding: calc(var(--spacing)*7.5)
    }

    .p-9 {
        padding: calc(var(--spacing)*9)
    }

    .p-10 {
        padding: calc(var(--spacing)*10)
    }

    .p-12 {
        padding: calc(var(--spacing)*12)
    }

    .p-12\.5 {
        padding: calc(var(--spacing)*12.5)
    }

    .p-18 {
        padding: calc(var(--spacing)*18)
    }

    .p-20 {
        padding: calc(var(--spacing)*20)
    }

    .p-base {
        padding: var(--spacing-base)
    }

    .px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .px-0\.75 {
        padding-inline: calc(var(--spacing)*.75)
    }

    .px-1\.5 {
        padding-inline: calc(var(--spacing)*1.5)
    }

    .px-1\.25 {
        padding-inline: calc(var(--spacing)*1.25)
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .px-2\.5\! {
        padding-inline: calc(var(--spacing)*2.5) !important
    }

    .px-2\.25 {
        padding-inline: calc(var(--spacing)*2.25)
    }

    .px-2\.75 {
        padding-inline: calc(var(--spacing)*2.75)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-3\! {
        padding-inline: calc(var(--spacing)*3) !important
    }

    .px-3\.5 {
        padding-inline: calc(var(--spacing)*3.5)
    }

    .px-3\.75 {
        padding-inline: calc(var(--spacing)*3.75)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-4\.5 {
        padding-inline: calc(var(--spacing)*4.5)
    }

    .px-4\.75 {
        padding-inline: calc(var(--spacing)*4.75)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-7\.5 {
        padding-inline: calc(var(--spacing)*7.5)
    }

    .px-7\.5\! {
        padding-inline: calc(var(--spacing)*7.5) !important
    }

    .px-15 {
        padding-inline: calc(var(--spacing)*15)
    }

    .px-base {
        padding-inline: var(--spacing-base)
    }

    .py-0 {
        padding-block: calc(var(--spacing)*0)
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing)*.5)
    }

    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }

    .py-1\.25 {
        padding-block: calc(var(--spacing)*1.25)
    }

    .py-1\.75 {
        padding-block: calc(var(--spacing)*1.75)
    }

    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-2\.25 {
        padding-block: calc(var(--spacing)*2.25)
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-3\.25 {
        padding-block: calc(var(--spacing)*3.25)
    }

    .py-3\.75 {
        padding-block: calc(var(--spacing)*3.75)
    }

    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .py-4\! {
        padding-block: calc(var(--spacing)*4) !important
    }

    .py-4\.5 {
        padding-block: calc(var(--spacing)*4.5)
    }

    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .py-7\.5 {
        padding-block: calc(var(--spacing)*7.5)
    }

    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }

    .py-9 {
        padding-block: calc(var(--spacing)*9)
    }

    .py-15 {
        padding-block: calc(var(--spacing)*15)
    }

    .py-18 {
        padding-block: calc(var(--spacing)*18)
    }

    .py-base {
        padding-block: var(--spacing-base)
    }

    .ps-0 {
        padding-inline-start: calc(var(--spacing)*0)
    }

    .ps-1\.5 {
        padding-inline-start: calc(var(--spacing)*1.5)
    }

    .ps-2 {
        padding-inline-start: calc(var(--spacing)*2)
    }

    .ps-3 {
        padding-inline-start: calc(var(--spacing)*3)
    }

    .ps-4 {
        padding-inline-start: calc(var(--spacing)*4)
    }

    .ps-4\.5 {
        padding-inline-start: calc(var(--spacing)*4.5)
    }

    .ps-5 {
        padding-inline-start: calc(var(--spacing)*5)
    }

    .ps-6 {
        padding-inline-start: calc(var(--spacing)*6)
    }

    .ps-7 {
        padding-inline-start: calc(var(--spacing)*7)
    }

    .ps-7\.5 {
        padding-inline-start: calc(var(--spacing)*7.5)
    }

    .ps-8 {
        padding-inline-start: calc(var(--spacing)*8)
    }

    .ps-10 {
        padding-inline-start: calc(var(--spacing)*10)
    }

    .ps-base {
        padding-inline-start: var(--spacing-base)
    }

    .pe-0 {
        padding-inline-end: calc(var(--spacing)*0)
    }

    .pe-1 {
        padding-inline-end: calc(var(--spacing)*1)
    }

    .pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }

    .pe-3 {
        padding-inline-end: calc(var(--spacing)*3)
    }

    .pe-4\.5 {
        padding-inline-end: calc(var(--spacing)*4.5)
    }

    .pe-6 {
        padding-inline-end: calc(var(--spacing)*6)
    }

    .pe-28 {
        padding-inline-end: calc(var(--spacing)*28)
    }

    .pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .pt-1\.25 {
        padding-top: calc(var(--spacing)*1.25)
    }

    .pt-2 {
        padding-top: calc(var(--spacing)*2)
    }

    .pt-2\.5 {
        padding-top: calc(var(--spacing)*2.5)
    }

    .pt-3\.75 {
        padding-top: calc(var(--spacing)*3.75)
    }

    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .pt-7\.5 {
        padding-top: calc(var(--spacing)*7.5)
    }

    .pt-\[56\.25\%\] {
        padding-top: 56.25%
    }

    .pt-base {
        padding-top: var(--spacing-base)
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .pb-0\! {
        padding-bottom: calc(var(--spacing)*0) !important
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .pb-1\.25 {
        padding-bottom: calc(var(--spacing)*1.25)
    }

    .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing)*2.5)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .pb-3\! {
        padding-bottom: calc(var(--spacing)*3) !important
    }

    .pb-3\.75 {
        padding-bottom: calc(var(--spacing)*3.75)
    }

    .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .pb-7\.5 {
        padding-bottom: calc(var(--spacing)*7.5)
    }

    .pb-15 {
        padding-bottom: calc(var(--spacing)*15)
    }

    .pb-16\.5 {
        padding-bottom: calc(var(--spacing)*16.5)
    }

    .pb-\[56\.25\%\] {
        padding-bottom: 56.25%
    }

    .pb-base {
        padding-bottom: var(--spacing-base)
    }

    .text-center {
        text-align: center
    }

    .text-end {
        text-align: end
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-baseline {
        vertical-align: baseline
    }

    .align-middle {
        vertical-align: middle
    }

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

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-2xs {
        font-size: var(--text-2xs);
        line-height: var(--tw-leading, var(--text-2xs--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height))
    }

    .text-8xl {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading, var(--text-8xl--line-height))
    }

    .text-9xl {
        font-size: var(--text-9xl);
        line-height: var(--tw-leading, var(--text-9xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-base\! {
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading, var(--text-base--line-height)) !important
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-lg\! {
        font-size: var(--text-lg) !important;
        line-height: var(--tw-leading, var(--text-lg--line-height)) !important
    }

    .text-md {
        font-size: var(--text-md);
        line-height: var(--tw-leading, var(--text-md--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .text-xs\/none {
        font-size: var(--text-xs);
        line-height: 1
    }

    .text-\[13px\] {
        font-size: 13px
    }

    .text-\[28px\] {
        font-size: 28px
    }

    .text-\[40px\] {
        font-size: 40px
    }

    .leading-0 {
        --tw-leading: calc(var(--spacing)*0);
        line-height: calc(var(--spacing)*0)
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
    }

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .font-semibold\! {
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .text-wrap {
        text-wrap: wrap
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

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

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

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

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

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

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

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

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

    .text-\(--topbar-item-color\)\!,
    .text-\(--topbar-item-color\)\/50\! {
        color: var(--topbar-item-color) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-\(--topbar-item-color\)\/50\! {
            color: color-mix(in oklab, var(--topbar-item-color)50%, transparent) !important
        }
    }

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

    .text-body-color {
        color: var(--color-body-color)
    }

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

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

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

    .text-default-50 {
        color: var(--color-default-50)
    }

    .text-default-100 {
        color: var(--color-default-100)
    }

    .text-default-200 {
        color: var(--color-default-200)
    }

    .text-default-300 {
        color: var(--color-default-300)
    }

    .text-default-400 {
        color: var(--color-default-400)
    }

    .text-default-400\! {
        color: var(--color-default-400) !important
    }

    .text-default-500 {
        color: var(--color-default-500)
    }

    .text-default-600 {
        color: var(--color-default-600)
    }

    .text-default-700 {
        color: var(--color-default-700)
    }

    .text-default-800 {
        color: var(--color-default-800)
    }

    .text-default-900 {
        color: var(--color-default-900)
    }

    .text-default-950 {
        color: var(--color-default-950)
    }

    .text-gray-900 {
        color: var(--color-gray-900)
    }

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

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

    .text-primary {
        color: var(--color-primary)
    }

    .text-primary\/25 {
        color: #236dc940
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/25 {
            color: color-mix(in oklab, var(--color-primary)25%, transparent)
        }
    }

    .text-primary\/50 {
        color: #236dc980
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/50 {
            color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }
    }

    .text-primary\/75 {
        color: #236dc9bf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/75 {
            color: color-mix(in oklab, var(--color-primary)75%, transparent)
        }
    }

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

    .text-secondary {
        color: var(--color-secondary)
    }

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

    .text-success\/25 {
        color: #02bc9c40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-success\/25 {
            color: color-mix(in oklab, var(--color-success)25%, transparent)
        }
    }

    .text-transparent {
        color: #0000
    }

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

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

    .text-white\/50 {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/50 {
            color: color-mix(in oklab, var(--color-white)50%, transparent)
        }
    }

    .text-white\/75 {
        color: #ffffffbf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/75 {
            color: color-mix(in oklab, var(--color-white)75%, transparent)
        }
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

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

    .underline {
        text-decoration-line: underline
    }

    .decoration-danger {
        -webkit-text-decoration-color: var(--color-danger);
        text-decoration-color: var(--color-danger)
    }

    .decoration-dark {
        -webkit-text-decoration-color: var(--color-dark);
        text-decoration-color: var(--color-dark)
    }

    .decoration-info {
        -webkit-text-decoration-color: var(--color-info);
        text-decoration-color: var(--color-info)
    }

    .decoration-light {
        -webkit-text-decoration-color: var(--color-light);
        text-decoration-color: var(--color-light)
    }

    .decoration-primary {
        -webkit-text-decoration-color: var(--color-primary);
        text-decoration-color: var(--color-primary)
    }

    .decoration-primary\/0 {
        text-decoration-color: #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        .decoration-primary\/0 {
            -webkit-text-decoration-color: color-mix(in oklab, var(--color-primary)0%, transparent);
            text-decoration-color: color-mix(in oklab, var(--color-primary)0%, transparent)
        }
    }

    .decoration-primary\/15 {
        text-decoration-color: #236dc926
    }

    @supports (color:color-mix(in lab, red, red)) {
        .decoration-primary\/15 {
            -webkit-text-decoration-color: color-mix(in oklab, var(--color-primary)15%, transparent);
            text-decoration-color: color-mix(in oklab, var(--color-primary)15%, transparent)
        }
    }

    .decoration-primary\/25 {
        text-decoration-color: #236dc940
    }

    @supports (color:color-mix(in lab, red, red)) {
        .decoration-primary\/25 {
            -webkit-text-decoration-color: color-mix(in oklab, var(--color-primary)25%, transparent);
            text-decoration-color: color-mix(in oklab, var(--color-primary)25%, transparent)
        }
    }

    .decoration-primary\/50 {
        text-decoration-color: #236dc980
    }

    @supports (color:color-mix(in lab, red, red)) {
        .decoration-primary\/50 {
            -webkit-text-decoration-color: color-mix(in oklab, var(--color-primary)50%, transparent);
            text-decoration-color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }
    }

    .decoration-primary\/75 {
        text-decoration-color: #236dc9bf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .decoration-primary\/75 {
            -webkit-text-decoration-color: color-mix(in oklab, var(--color-primary)75%, transparent);
            text-decoration-color: color-mix(in oklab, var(--color-primary)75%, transparent)
        }
    }

    .decoration-secondary {
        -webkit-text-decoration-color: var(--color-secondary);
        text-decoration-color: var(--color-secondary)
    }

    .decoration-success {
        -webkit-text-decoration-color: var(--color-success);
        text-decoration-color: var(--color-success)
    }

    .decoration-warning {
        -webkit-text-decoration-color: var(--color-warning);
        text-decoration-color: var(--color-warning)
    }

    .decoration-2 {
        text-decoration-thickness: 2px
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .underline-offset-3 {
        text-underline-offset: 3px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-25 {
        opacity: .25
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-100 {
        opacity: 1
    }

    .shadow {
        --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-2xs {
        --tw-shadow: 0 1px var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[4px_3px_7px_rgba\(49\,58\,70\,0\.1\)\] {
        --tw-shadow: 4px 3px 7px var(--tw-shadow-color, #313a461a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 .25rem 1rem var(--tw-shadow-color, #4c4c5c33);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow {
        box-shadow: var(--shadow)
    }

    .shadow-sm {
        box-shadow: var(--shadow-sm)
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .brightness-50 {
        --tw-brightness: brightness(50%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .\!filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, ) !important
    }

    .filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[height\] {
        transition-property: height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,margin\] {
        transition-property: opacity, margin;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .duration-\[0\.1ms\] {
        --tw-duration: .1ms;
        transition-duration: .1ms
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .select-all {
        -webkit-user-select: all;
        user-select: all
    }

    .select-auto {
        -webkit-user-select: auto;
        user-select: auto
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .\[--adaptive\:none\] {
        --adaptive: none
    }

    .\[--auto-close\:false\] {
        --auto-close: false
    }

    .\[--auto-close\:inside\] {
        --auto-close: inside
    }

    .\[--auto-close\:lg\] {
        --auto-close: lg
    }

    .\[--auto-close\:outside\] {
        --auto-close: outside
    }

    .\[--body-scroll\:true\] {
        --body-scroll: true
    }

    .\[--is-collapse\:true\] {
        --is-collapse: true
    }

    .\[--overlay-backdrop\:false\] {
        --overlay-backdrop: false
    }

    .\[--overlay-backdrop\:static\] {
        --overlay-backdrop: static
    }

    .\[--placement\:\*\] {
        --placement: *
    }

    .\[--placement\:bottom-end\] {
        --placement: bottom-end
    }

    .\[--placement\:bottom-left\] {
        --placement: bottom-left
    }

    .\[--placement\:bottom-right\] {
        --placement: bottom-right
    }

    .\[--placement\:bottom\] {
        --placement: bottom
    }

    .\[--placement\:left-start\] {
        --placement: left-start
    }

    .\[--placement\:left\] {
        --placement: left
    }

    .\[--placement\:right-end\] {
        --placement: right-end
    }

    .\[--placement\:right\] {
        --placement: right
    }

    .\[--placement\:top-left\] {
        --placement: top-left
    }

    .\[--placement\:top\] {
        --placement: top
    }

    .\[--scrollspy-offset\:220\] {
        --scrollspy-offset: 220
    }

    .\[--strategy\:static\] {
        --strategy: static
    }

    .\[--trigger\:click\] {
        --trigger: click
    }

    .\[--trigger\:hover\] {
        --trigger: hover
    }

    .\[background\:linear-gradient\(to_top\,\#313a46\,rgba\(49\,58\,70\,\.8\)\,rgba\(49\,58\,70\,\.5\)\)\] {
        background: linear-gradient(#313a4680, #313a46cc, #313a46)
    }

    .bx--bell {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 13.586V10c0-3.217-2.185-5.927-5.145-6.742C13.562 2.52 12.846 2 12 2s-1.562.52-1.855 1.258C7.185 4.074 5 6.783 5 10v3.586l-1.707 1.707A1 1 0 0 0 3 16v2a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-2a1 1 0 0 0-.293-.707zM19 17H5v-.586l1.707-1.707A1 1 0 0 0 7 14v-4c0-2.757 2.243-5 5-5s5 2.243 5 5v4c0 .266.105.52.293.707L19 16.414zm-7 5a2.98 2.98 0 0 0 2.818-2H9.182A2.98 2.98 0 0 0 12 22'/%3E%3C/svg%3E")
    }

    .bx--book {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6 22h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3M5 8V5c0-.805.55-.988 1-1h13v12H5z'/%3E%3Cpath fill='black' d='M8 6h9v2H8z'/%3E%3C/svg%3E")
    }

    .bx--briefcase {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 6h-3V4c0-1.103-.897-2-2-2H9c-1.103 0-2 .897-2 2v2H4c-1.103 0-2 .897-2 2v11c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V8c0-1.103-.897-2-2-2m-5-2v2H9V4zM8 8h12v3H4V8zM4 19v-6h6v2h4v-2h6l.001 6z'/%3E%3C/svg%3E")
    }

    .bx--calendar {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 11h2v2H7zm0 4h2v2H7zm4-4h2v2h-2zm0 4h2v2h-2zm4-4h2v2h-2zm0 4h2v2h-2z'/%3E%3Cpath fill='black' d='M5 22h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2M19 8l.001 12H5V8z'/%3E%3C/svg%3E")
    }

    .bx--camera {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 8c-2.168 0-4 1.832-4 4s1.832 4 4 4s4-1.832 4-4s-1.832-4-4-4m0 6c-1.065 0-2-.935-2-2s.935-2 2-2s2 .935 2 2s-.935 2-2 2'/%3E%3Cpath fill='black' d='M20 5h-2.586l-2.707-2.707A1 1 0 0 0 14 2h-4a1 1 0 0 0-.707.293L6.586 5H4c-1.103 0-2 .897-2 2v11c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2M4 18V7h3c.266 0 .52-.105.707-.293L10.414 4h3.172l2.707 2.707A1 1 0 0 0 17 7h3l.002 11z'/%3E%3C/svg%3E")
    }

    .bx--cart {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21.822 7.431A1 1 0 0 0 21 7H7.333L6.179 4.23A1.99 1.99 0 0 0 4.333 3H2v2h2.333l4.744 11.385A1 1 0 0 0 10 17h8c.417 0 .79-.259.937-.648l3-8a1 1 0 0 0-.115-.921M17.307 15h-6.64l-2.5-6h11.39z'/%3E%3Ccircle cx='10.5' cy='19.5' r='1.5' fill='black'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.5' fill='black'/%3E%3C/svg%3E")
    }

    .bx--chat {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 18v3.766l1.515-.909L11.277 18H16c1.103 0 2-.897 2-2V8c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2zM4 8h12v8h-5.277L7 18.234V16H4z'/%3E%3Cpath fill='black' d='M20 2H8c-1.103 0-2 .897-2 2h12c1.103 0 2 .897 2 2v8c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2'/%3E%3C/svg%3E")
    }

    .bx--check {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10 15.586l-3.293-3.293l-1.414 1.414L10 18.414l9.707-9.707l-1.414-1.414z'/%3E%3C/svg%3E")
    }

    .bx--check-double {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m2.394 13.742l4.743 3.62l7.616-8.704l-1.506-1.316l-6.384 7.296l-3.257-2.486zm19.359-5.084l-1.506-1.316l-6.369 7.279l-.753-.602l-1.25 1.562l2.247 1.798z'/%3E%3C/svg%3E")
    }

    .bx--child {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='6' r='2' fill='black'/%3E%3Cpath fill='black' d='M14 9h-4a1 1 0 0 0-.8.4l-3 4l1.6 1.2L9 13v7h2v-4h2v4h2v-7l1.2 1.6l1.6-1.2l-3-4A1 1 0 0 0 14 9'/%3E%3C/svg%3E")
    }

    .bx--cloud {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18.944 11.112C18.507 7.67 15.56 5 12 5C9.244 5 6.85 6.611 5.757 9.15C3.609 9.792 2 11.82 2 14c0 2.757 2.243 5 5 5h11c2.206 0 4-1.794 4-4a4.01 4.01 0 0 0-3.056-3.888M18 17H7c-1.654 0-3-1.346-3-3c0-1.404 1.199-2.756 2.673-3.015l.581-.102l.192-.558C8.149 8.274 9.895 7 12 7c2.757 0 5 2.243 5 5v1h1c1.103 0 2 .897 2 2s-.897 2-2 2'/%3E%3C/svg%3E")
    }

    .bx--cog {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 16c2.206 0 4-1.794 4-4s-1.794-4-4-4s-4 1.794-4 4s1.794 4 4 4m0-6c1.084 0 2 .916 2 2s-.916 2-2 2s-2-.916-2-2s.916-2 2-2'/%3E%3Cpath fill='black' d='m2.845 16.136l1 1.73c.531.917 1.809 1.261 2.73.73l.529-.306A8 8 0 0 0 9 19.402V20c0 1.103.897 2 2 2h2c1.103 0 2-.897 2-2v-.598a8 8 0 0 0 1.896-1.111l.529.306c.923.53 2.198.188 2.731-.731l.999-1.729a2 2 0 0 0-.731-2.732l-.505-.292a7.7 7.7 0 0 0 0-2.224l.505-.292a2 2 0 0 0 .731-2.732l-.999-1.729c-.531-.92-1.808-1.265-2.731-.732l-.529.306A8 8 0 0 0 15 4.598V4c0-1.103-.897-2-2-2h-2c-1.103 0-2 .897-2 2v.598a8 8 0 0 0-1.896 1.111l-.529-.306c-.924-.531-2.2-.187-2.731.732l-.999 1.729a2 2 0 0 0 .731 2.732l.505.292a7.7 7.7 0 0 0 0 2.223l-.505.292a2.003 2.003 0 0 0-.731 2.733m3.326-2.758A5.7 5.7 0 0 1 6 12c0-.462.058-.926.17-1.378a1 1 0 0 0-.47-1.108l-1.123-.65l.998-1.729l1.145.662a1 1 0 0 0 1.188-.142a6.1 6.1 0 0 1 2.384-1.399A1 1 0 0 0 11 5.3V4h2v1.3a1 1 0 0 0 .708.956a6.1 6.1 0 0 1 2.384 1.399a1 1 0 0 0 1.188.142l1.144-.661l1 1.729l-1.124.649a1 1 0 0 0-.47 1.108c.112.452.17.916.17 1.378s-.058.925-.171 1.378a1 1 0 0 0 .471 1.108l1.123.649l-.998 1.729l-1.145-.661a1 1 0 0 0-1.188.142a6.1 6.1 0 0 1-2.384 1.399A1 1 0 0 0 13 18.7l.002 1.3H11v-1.3a1 1 0 0 0-.708-.956a6.1 6.1 0 0 1-2.384-1.399a.99.99 0 0 0-1.188-.141l-1.144.662l-1-1.729l1.124-.651a1 1 0 0 0 .471-1.108'/%3E%3C/svg%3E")
    }

    .bx--data {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 17V7c0-2.168-3.663-4-8-4S4 4.832 4 7v10c0 2.168 3.663 4 8 4s8-1.832 8-4M12 5c3.691 0 5.931 1.507 6 1.994C17.931 7.493 15.691 9 12 9S6.069 7.493 6 7.006C6.069 6.507 8.309 5 12 5M6 9.607C7.479 10.454 9.637 11 12 11s4.521-.546 6-1.393v2.387c-.069.499-2.309 2.006-6 2.006s-5.931-1.507-6-2zM6 17v-2.393C7.479 15.454 9.637 16 12 16s4.521-.546 6-1.393v2.387c-.069.499-2.309 2.006-6 2.006s-5.931-1.507-6-2'/%3E%3C/svg%3E")
    }

    .bx--devices {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 3H7c-1.103 0-2 .897-2 2v2H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2h8c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2M9.997 19H4V9h6zm10-2H12V9c0-1.103-.897-2-2-2H7V5h13z'/%3E%3C/svg%3E")
    }

    .bx--download {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 16l4-5h-3V4h-2v7H8z'/%3E%3Cpath fill='black' d='M20 18H4v-7H2v7c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2v-7h-2z'/%3E%3C/svg%3E")
    }

    .bx--envelope {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2m0 2v.511l-8 6.223l-8-6.222V6zM4 18V9.044l7.386 5.745a.994.994 0 0 0 1.228 0L20 9.044L20.002 18z'/%3E%3C/svg%3E")
    }

    .bx--error {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.001 10h2v5h-2zM11 16h2v2h-2z'/%3E%3Cpath fill='black' d='M13.768 4.2C13.42 3.545 12.742 3.138 12 3.138s-1.42.407-1.768 1.063L2.894 18.064a1.99 1.99 0 0 0 .054 1.968A1.98 1.98 0 0 0 4.661 21h14.678c.708 0 1.349-.362 1.714-.968a1.99 1.99 0 0 0 .054-1.968zM4.661 19L12 5.137L19.344 19z'/%3E%3C/svg%3E")
    }

    .bx--file {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.903 8.586a1 1 0 0 0-.196-.293l-6-6a1 1 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a1 1 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a1 1 0 0 0-.051-.259q-.014-.048-.033-.093M16.586 8H14V5.414zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10z'/%3E%3Cpath fill='black' d='M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z'/%3E%3C/svg%3E")
    }

    .bx--film {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 3H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2M9 11V5h6v6zm6 2v6H9v-6zM5 5h2v2H5zm0 4h2v2H5zm0 4h2v2H5zm0 4h2v2H5zm14.002 2H17v-2h2.002zm-.001-4H17v-2h2.001zm0-4H17V9h2.001zM17 7V5h2v2z'/%3E%3C/svg%3E")
    }

    .bx--flag {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 4H6V2H4v18H3v2h4v-2H6v-5h13a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1m-1 9H6V6h12z'/%3E%3C/svg%3E")
    }

    .bx--folder {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 5h-8.586L9.707 3.293A1 1 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2M4 19V7h16l.002 12z'/%3E%3C/svg%3E")
    }

    .bx--game {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20.937 7.53C19.227 4.119 15.803 2 12 2C6.486 2 2 6.486 2 12s4.486 10 10 10c3.803 0 7.227-2.119 8.937-5.53a1 1 0 0 0-.397-1.316L15.017 12l5.522-3.153c.461-.264.636-.842.398-1.317m-8.433 3.602a.999.999 0 0 0 0 1.736l6.173 3.525A7.95 7.95 0 0 1 12 20c-4.411 0-8-3.589-8-8s3.589-8 8-8a7.95 7.95 0 0 1 6.677 3.606z'/%3E%3Ccircle cx='11.5' cy='7.5' r='1.5' fill='black'/%3E%3C/svg%3E")
    }

    .bx--globe {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2m7.931 9h-2.764a14.7 14.7 0 0 0-1.792-6.243A8.01 8.01 0 0 1 19.931 11M12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974c.172-.01.344-.026.519-.026c.179 0 .354.016.53.027m-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.01 8.01 0 0 1 4.619-6.273M4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13m7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972c-.182.012-.364.028-.551.028c-.186 0-.367-.016-.55-.027m4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8 8 0 0 1-4.469 6.201'/%3E%3C/svg%3E")
    }

    .bx--group {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16.604 11.048a5.67 5.67 0 0 0 .751-3.44c-.179-1.784-1.175-3.361-2.803-4.44l-1.105 1.666c1.119.742 1.8 1.799 1.918 2.974a3.7 3.7 0 0 1-1.072 2.986l-1.192 1.192l1.618.475C18.951 13.701 19 17.957 19 18h2c0-1.789-.956-5.285-4.396-6.952'/%3E%3Cpath fill='black' d='M9.5 12c2.206 0 4-1.794 4-4s-1.794-4-4-4s-4 1.794-4 4s1.794 4 4 4m0-6c1.103 0 2 .897 2 2s-.897 2-2 2s-2-.897-2-2s.897-2 2-2m1.5 7H8c-3.309 0-6 2.691-6 6v1h2v-1c0-2.206 1.794-4 4-4h3c2.206 0 4 1.794 4 4v1h2v-1c0-3.309-2.691-6-6-6'/%3E%3C/svg%3E")
    }

    .bx--headphone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 12v-1.707c0-4.442-3.479-8.161-7.755-8.29c-2.204-.051-4.251.736-5.816 2.256A7.93 7.93 0 0 0 4 10v2c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h2V10a5.95 5.95 0 0 1 1.821-4.306a5.98 5.98 0 0 1 4.363-1.691C15.392 4.099 18 6.921 18 10.293V20h2c1.103 0 2-.897 2-2v-4c0-1.103-.897-2-2-2'/%3E%3Cpath fill='black' d='M7 12h2v8H7zm8 0h2v8h-2z'/%3E%3C/svg%3E")
    }

    .bx--heart {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 4.595a5.9 5.9 0 0 0-3.996-1.558a5.94 5.94 0 0 0-4.213 1.758c-2.353 2.363-2.352 6.059.002 8.412l7.332 7.332c.17.299.498.492.875.492a.99.99 0 0 0 .792-.409l7.415-7.415c2.354-2.354 2.354-6.049-.002-8.416a5.94 5.94 0 0 0-4.209-1.754A5.9 5.9 0 0 0 12 4.595m6.791 1.61c1.563 1.571 1.564 4.025.002 5.588L12 18.586l-6.793-6.793c-1.562-1.563-1.561-4.017-.002-5.584c.76-.756 1.754-1.172 2.799-1.172s2.035.416 2.789 1.17l.5.5a1 1 0 0 0 1.414 0l.5-.5c1.512-1.509 4.074-1.505 5.584-.002'/%3E%3C/svg%3E")
    }

    .bx--home {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a1 1 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13m7 7v-5h4v5zm2-15.586l6 6V15l.001 5H16v-5c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H6v-9.586z'/%3E%3C/svg%3E")
    }

    .bx--key {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 17a5.01 5.01 0 0 0 4.898-4H14v2h2v-2h2v3h2v-3h1v-2h-9.102A5.01 5.01 0 0 0 7 7c-2.757 0-5 2.243-5 5s2.243 5 5 5m0-8c1.654 0 3 1.346 3 3s-1.346 3-3 3s-3-1.346-3-3s1.346-3 3-3'/%3E%3C/svg%3E")
    }

    .bx--laptop {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 17.722c.595-.347 1-.985 1-1.722V5c0-1.103-.897-2-2-2H5c-1.103 0-2 .897-2 2v11c0 .736.405 1.375 1 1.722V18H2v2h20v-2h-2zM5 16V5h14l.002 11z'/%3E%3C/svg%3E")
    }

    .bx--layer {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 7.999a1 1 0 0 0-.516-.874l-9.022-5a1 1 0 0 0-.968 0l-8.978 4.96a1 1 0 0 0-.003 1.748l9.022 5.04a1 1 0 0 0 .973.001l8.978-5A1 1 0 0 0 22 7.999m-9.977 3.855L5.06 7.965l6.917-3.822l6.964 3.859z'/%3E%3Cpath fill='black' d='M20.515 11.126L12 15.856l-8.515-4.73l-.971 1.748l9 5a1 1 0 0 0 .971 0l9-5z'/%3E%3Cpath fill='black' d='M20.515 15.126L12 19.856l-8.515-4.73l-.971 1.748l9 5a1 1 0 0 0 .971 0l9-5z'/%3E%3C/svg%3E")
    }

    .bx--like {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 8h-5.612l1.123-3.367c.202-.608.1-1.282-.275-1.802S14.253 2 13.612 2H12c-.297 0-.578.132-.769.36L6.531 8H4c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h13.307a2.01 2.01 0 0 0 1.873-1.298l2.757-7.351A1 1 0 0 0 22 12v-2c0-1.103-.897-2-2-2M4 10h2v9H4zm16 1.819L17.307 19H8V9.362L12.468 4h1.146l-1.562 4.683A.998.998 0 0 0 13 10h7z'/%3E%3C/svg%3E")
    }

    .bx--lock-alt {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C9.243 2 7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5m6 10l.002 8H6v-8zm-9-2V7c0-1.654 1.346-3 3-3s3 1.346 3 3v3z'/%3E%3C/svg%3E")
    }

    .bx--map {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 14c2.206 0 4-1.794 4-4s-1.794-4-4-4s-4 1.794-4 4s1.794 4 4 4m0-6c1.103 0 2 .897 2 2s-.897 2-2 2s-2-.897-2-2s.897-2 2-2'/%3E%3Cpath fill='black' d='M11.42 21.814a1 1 0 0 0 1.16 0C12.884 21.599 20.029 16.44 20 10c0-4.411-3.589-8-8-8S4 5.589 4 9.995c-.029 6.445 7.116 11.604 7.42 11.819M12 4c3.309 0 6 2.691 6 6.005c.021 4.438-4.388 8.423-6 9.73c-1.611-1.308-6.021-5.294-6-9.735c0-3.309 2.691-6 6-6'/%3E%3C/svg%3E")
    }

    .bx--message {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 2H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h3v3.767L13.277 18H20c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2m0 14h-7.277L9 18.233V16H4V4h16z'/%3E%3C/svg%3E")
    }

    .bx--microphone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 12V6c0-2.217-1.785-4.021-3.979-4.021a1 1 0 0 0-.209.025A4.006 4.006 0 0 0 8 6v6c0 2.206 1.794 4 4 4s4-1.794 4-4m-6 0V6c0-1.103.897-2 2-2a1 1 0 0 0 .163-.015C13.188 4.06 14 4.935 14 6v6c0 1.103-.897 2-2 2s-2-.897-2-2'/%3E%3Cpath fill='black' d='M6 12H4c0 4.072 3.061 7.436 7 7.931V22h2v-2.069c3.939-.495 7-3.858 7-7.931h-2c0 3.309-2.691 6-6 6s-6-2.691-6-6'/%3E%3C/svg%3E")
    }

    .bx--music {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m19.684 5.821l-9-3.272A1.998 1.998 0 0 0 8 4.428v6.129A3.95 3.95 0 0 0 6 10c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4V4.428L19 7.7v6.856A3.96 3.96 0 0 0 17 14c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4V7.7c0-.838-.529-1.594-1.316-1.879M6 16c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2m11 4c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2'/%3E%3C/svg%3E")
    }

    .bx--phone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.707 12.293a1 1 0 0 0-1.414 0l-1.594 1.594c-.739-.22-2.118-.72-2.992-1.594s-1.374-2.253-1.594-2.992l1.594-1.594a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0L3.581 5.005c-.38.38-.594.902-.586 1.435c.023 1.424.4 6.37 4.298 10.268s8.844 4.274 10.269 4.298h.028c.528 0 1.027-.208 1.405-.586l2.712-2.712a1 1 0 0 0 0-1.414zm-.127 6.712c-1.248-.021-5.518-.356-8.873-3.712c-3.366-3.366-3.692-7.651-3.712-8.874L7 4.414L9.586 7L8.293 8.293a1 1 0 0 0-.272.912c.024.115.611 2.842 2.271 4.502s4.387 2.247 4.502 2.271a.99.99 0 0 0 .912-.271L17 14.414L19.586 17z'/%3E%3C/svg%3E")
    }

    .bx--printer {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 7h-1V2H6v5H5c-1.654 0-3 1.346-3 3v7c0 1.103.897 2 2 2h2v3h12v-3h2c1.103 0 2-.897 2-2v-7c0-1.654-1.346-3-3-3M8 4h8v3H8zm8 16H8v-4h8zm4-3h-2v-3H6v3H4v-7c0-.551.449-1 1-1h14c.552 0 1 .449 1 1z'/%3E%3Cpath fill='black' d='M14 10h4v2h-4z'/%3E%3C/svg%3E")
    }

    .bx--purchase-tag {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13.707 3.293A1 1 0 0 0 13 3H4a1 1 0 0 0-1 1v9c0 .266.105.52.293.707l8 8a.997.997 0 0 0 1.414 0l9-9a1 1 0 0 0 0-1.414zM12 19.586l-7-7V5h7.586l7 7z'/%3E%3Ccircle cx='8.496' cy='8.495' r='1.505' fill='black'/%3E%3C/svg%3E")
    }

    .bx--search {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 18a7.95 7.95 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.95 7.95 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8m0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6'/%3E%3C/svg%3E")
    }

    .bx--send {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m21.426 11.095l-17-8A.999.999 0 0 0 3.03 4.242L4.969 12L3.03 19.758a.998.998 0 0 0 1.396 1.147l17-8a1 1 0 0 0 0-1.81M5.481 18.197l.839-3.357L12 12L6.32 9.16l-.839-3.357L18.651 12z'/%3E%3C/svg%3E")
    }

    .bx--shield {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20.995 6.903a1 1 0 0 0-.547-.797l-7.973-4a1 1 0 0 0-.895-.002l-8.027 4c-.297.15-.502.437-.544.767c-.013.097-1.145 9.741 8.541 15.008a1 1 0 0 0 .969-.009c9.307-5.259 8.514-14.573 8.476-14.967m-8.977 12.944c-6.86-4.01-7.14-10.352-7.063-12.205l7.071-3.523l6.998 3.511c.005 1.87-.481 8.243-7.006 12.217'/%3E%3C/svg%3E")
    }

    .bx--star {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m6.516 14.323l-1.49 6.452a.998.998 0 0 0 1.529 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4l4.536-4.082a1 1 0 0 0-.59-1.74l-5.701-.454l-2.467-5.461a.998.998 0 0 0-1.822 0L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713zm2.853-4.326a1 1 0 0 0 .832-.586L12 5.43l1.799 3.981a1 1 0 0 0 .832.586l3.972.315l-3.271 2.944c-.284.256-.397.65-.293 1.018l1.253 4.385l-3.736-2.491a.995.995 0 0 0-1.109 0l-3.904 2.603l1.05-4.546a1 1 0 0 0-.276-.94l-3.038-2.962z'/%3E%3C/svg%3E")
    }

    .bx--timer {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20.145 8.27l1.563-1.563l-1.414-1.414L18.586 7c-1.05-.63-2.274-1-3.586-1c-3.859 0-7 3.14-7 7s3.141 7 7 7s7-3.14 7-7a6.97 6.97 0 0 0-1.855-4.73M15 18c-2.757 0-5-2.243-5-5s2.243-5 5-5s5 2.243 5 5s-2.243 5-5 5'/%3E%3Cpath fill='black' d='M14 10h2v4h-2zm-1-7h4v2h-4zM3 8h4v2H3zm0 8h4v2H3zm-1-4h3.99v2H2z'/%3E%3C/svg%3E")
    }

    .bx--upload {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 15h2V9h3l-4-5l-4 5h3z'/%3E%3Cpath fill='black' d='M20 18H4v-7H2v7c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2v-7h-2z'/%3E%3C/svg%3E")
    }

    .bx--user {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2a5 5 0 1 0 5 5a5 5 0 0 0-5-5m0 8a3 3 0 1 1 3-3a3 3 0 0 1-3 3m9 11v-1a7 7 0 0 0-7-7h-4a7 7 0 0 0-7 7v1h2v-1a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v1z'/%3E%3C/svg%3E")
    }

    .bx--wifi {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 6c3.537 0 6.837 1.353 9.293 3.809l1.414-1.414C19.874 5.561 16.071 4 12 4c-4.071.001-7.874 1.561-10.707 4.395l1.414 1.414C5.163 7.353 8.463 6 12 6m5.671 8.307c-3.074-3.074-8.268-3.074-11.342 0l1.414 1.414c2.307-2.307 6.207-2.307 8.514 0z'/%3E%3Cpath fill='black' d='M20.437 11.293c-4.572-4.574-12.301-4.574-16.873 0l1.414 1.414c3.807-3.807 10.238-3.807 14.045 0z'/%3E%3Ccircle cx='12' cy='18' r='2' fill='black'/%3E%3C/svg%3E")
    }

    .bxl--facebook-circle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999c0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891c1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999'/%3E%3C/svg%3E")
    }

    .bxl--github {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12.026 2c-5.509 0-9.974 4.465-9.974 9.974c0 4.406 2.857 8.145 6.821 9.465c.499.09.679-.217.679-.481c0-.237-.008-.865-.011-1.696c-2.775.602-3.361-1.338-3.361-1.338c-.452-1.152-1.107-1.459-1.107-1.459c-.905-.619.069-.605.069-.605c1.002.07 1.527 1.028 1.527 1.028c.89 1.524 2.336 1.084 2.902.829c.091-.645.351-1.085.635-1.334c-2.214-.251-4.542-1.107-4.542-4.93c0-1.087.389-1.979 1.024-2.675c-.101-.253-.446-1.268.099-2.64c0 0 .837-.269 2.742 1.021a9.6 9.6 0 0 1 2.496-.336a9.6 9.6 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021c.545 1.372.203 2.387.099 2.64c.64.696 1.024 1.587 1.024 2.675c0 3.833-2.33 4.675-4.552 4.922c.355.308.675.916.675 1.846c0 1.334-.012 2.41-.012 2.737c0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974C22 6.465 17.535 2 12.026 2' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .bxl--instagram {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.999 7.377a4.623 4.623 0 1 0 0 9.248a4.623 4.623 0 0 0 0-9.248m0 7.627a3.004 3.004 0 1 1 0-6.008a3.004 3.004 0 0 1 0 6.008'/%3E%3Ccircle cx='16.806' cy='7.207' r='1.078' fill='black'/%3E%3Cpath fill='black' d='M20.533 6.111A4.6 4.6 0 0 0 17.9 3.479a6.6 6.6 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.6 6.6 0 0 0-2.184.42a4.6 4.6 0 0 0-2.633 2.632a6.6 6.6 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71s0 2.753.056 3.71c.015.748.156 1.486.419 2.187a4.6 4.6 0 0 0 2.634 2.632a6.6 6.6 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.6 6.6 0 0 0 2.186-.419a4.6 4.6 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186c.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.6 6.6 0 0 0-.421-2.217m-1.218 9.532a5 5 0 0 1-.311 1.688a3 3 0 0 1-1.712 1.711a5 5 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055c-2.438 0-2.687 0-3.655-.055a5 5 0 0 1-1.669-.311a3 3 0 0 1-1.719-1.711a5.1 5.1 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654s0-2.686.053-3.655a5 5 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5 5 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a5 5 0 0 1 1.67.311a3 3 0 0 1 1.712 1.712a5.1 5.1 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655s0 2.698-.043 3.654z'/%3E%3C/svg%3E")
    }

    .bxl--linkedin-square {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1M8.339 18.337H5.667v-8.59h2.672zM7.003 8.574a1.548 1.548 0 1 1 0-3.096a1.548 1.548 0 0 1 0 3.096m11.335 9.763h-2.669V14.16c0-.996-.018-2.277-1.388-2.277c-1.39 0-1.601 1.086-1.601 2.207v4.248h-2.667v-8.59h2.56v1.174h.037c.355-.675 1.227-1.387 2.524-1.387c2.704 0 3.203 1.778 3.203 4.092v4.71z'/%3E%3C/svg%3E")
    }

    .bxl--twitter {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.633 7.997c.013.175.013.349.013.523c0 5.325-4.053 11.461-11.46 11.461c-2.282 0-4.402-.661-6.186-1.809c.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721a4.04 4.04 0 0 1-3.767-2.793c.249.037.499.062.761.062c.361 0 .724-.05 1.061-.137a4.03 4.03 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.02 4.02 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.46 11.46 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a8 8 0 0 0 2.556-.973a4.02 4.02 0 0 1-1.771 2.22a8 8 0 0 0 2.319-.624a8.7 8.7 0 0 1-2.019 2.083'/%3E%3C/svg%3E")
    }

    .bxl--youtube {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21.593 7.203a2.5 2.5 0 0 0-1.762-1.766C18.265 5.007 12 5 12 5s-6.264-.007-7.831.404a2.56 2.56 0 0 0-1.766 1.778c-.413 1.566-.417 4.814-.417 4.814s-.004 3.264.406 4.814c.23.857.905 1.534 1.763 1.765c1.582.43 7.83.437 7.83.437s6.265.007 7.831-.403a2.52 2.52 0 0 0 1.767-1.763c.414-1.565.417-4.812.417-4.812s.02-3.265-.407-4.831M9.996 15.005l.005-6l5.207 3.005z'/%3E%3C/svg%3E")
    }

    .bxs--balloon {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 19.91L10 22h4l-1-2.09c4-.65 7-5.28 7-9.91a8 8 0 0 0-16 0c0 4.63 3.08 9.26 7 9.91m1-15.66v1.5A4.26 4.26 0 0 0 7.75 10h-1.5A5.76 5.76 0 0 1 12 4.25'/%3E%3C/svg%3E")
    }

    .bxs--bell {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22a2.98 2.98 0 0 0 2.818-2H9.182A2.98 2.98 0 0 0 12 22m7-7.414V10c0-3.217-2.185-5.927-5.145-6.742C13.562 2.52 12.846 2 12 2s-1.562.52-1.855 1.258C7.185 4.074 5 6.783 5 10v4.586l-1.707 1.707A1 1 0 0 0 3 17v1a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-1a1 1 0 0 0-.293-.707z'/%3E%3C/svg%3E")
    }

    .bxs--check-circle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2m-1.999 14.413l-3.713-3.705L7.7 11.292l2.299 2.295l5.294-5.294l1.414 1.414z'/%3E%3C/svg%3E")
    }

    .bxs--data {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 6c0-2.168-3.663-4-8-4S4 3.832 4 6v2c0 2.168 3.663 4 8 4s8-1.832 8-4zm-8 13c-4.337 0-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4v-3c0 2.168-3.663 4-8 4'/%3E%3Cpath fill='black' d='M20 10c0 2.168-3.663 4-8 4s-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4z'/%3E%3C/svg%3E")
    }

    .bxs--error-circle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.493 2 11.953 2M13 17h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E")
    }

    .bxs--file {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 22a2 2 0 0 0 2-2V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2zM13 4l5 5h-5zM7 8h3v2H7zm0 4h10v2H7zm0 4h10v2H7z'/%3E%3C/svg%3E")
    }

    .bxs--lock {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C9.243 2 7 4.243 7 7v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7c0-2.757-2.243-5-5-5M9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9zm4 10.723V20h-2v-2.277a1.993 1.993 0 0 1 .567-3.677A2 2 0 0 1 14 16a1.99 1.99 0 0 1-1 1.723'/%3E%3C/svg%3E")
    }

    .bxs--star {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21.947 9.179a1 1 0 0 0-.868-.676l-5.701-.453l-2.467-5.461a.998.998 0 0 0-1.822-.001L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.213 4.107l-1.49 6.452a1 1 0 0 0 1.53 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4l4.536-4.082c.297-.268.406-.686.278-1.065'/%3E%3C/svg%3E")
    }

    .bxs--tv {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 6h-5.586l2.293-2.293l-1.414-1.414L12 5.586L8.707 2.293L7.293 3.707L9.586 6H4c-1.103 0-2 .897-2 2v11c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V8c0-1.103-.897-2-2-2'/%3E%3C/svg%3E")
    }

    .bxs--user {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.5 6.5C7.5 8.981 9.519 11 12 11s4.5-2.019 4.5-4.5S14.481 2 12 2S7.5 4.019 7.5 6.5M20 21h1v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1z'/%3E%3C/svg%3E")
    }

    .lucide--arrow-down {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m7-7l-7 7l-7-7'/%3E%3C/svg%3E")
    }

    .lucide--arrow-left {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 19l-7-7l7-7m7 7H5'/%3E%3C/svg%3E")
    }

    .lucide--arrow-right {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7l7 7l-7 7'/%3E%3C/svg%3E")
    }

    .lucide--arrow-up {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l7-7l7 7m-7 7V5'/%3E%3C/svg%3E")
    }

    .lucide--badge-dollar-sign {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77a4 4 0 0 1 6.74 0a4 4 0 0 1 4.78 4.78a4 4 0 0 1 0 6.74a4 4 0 0 1-4.77 4.78a4 4 0 0 1-6.75 0a4 4 0 0 1-4.78-4.77a4 4 0 0 1 0-6.76'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8m4 2V6'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--badge-percent {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.85 8.62a4 4 0 0 1 4.78-4.77a4 4 0 0 1 6.74 0a4 4 0 0 1 4.78 4.78a4 4 0 0 1 0 6.74a4 4 0 0 1-4.77 4.78a4 4 0 0 1-6.75 0a4 4 0 0 1-4.78-4.77a4 4 0 0 1 0-6.76M15 9l-6 6m0-6h.01M15 15h.01'/%3E%3C/svg%3E")
    }

    .lucide--bell {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E")
    }

    .lucide--bluetooth {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 7l10 10l-5 5V2l5 5L7 17'/%3E%3C/svg%3E")
    }

    .lucide--book {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3C/svg%3E")
    }

    .lucide--briefcase {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--calendar {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--calendar-plus {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 19h6M16 2v4m3 10v6m2-9.402V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8.5M3 10h18M8 2v4'/%3E%3C/svg%3E")
    }

    .lucide--camera {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--check {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")
    }

    .lucide--circle-user {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--cloud {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9'/%3E%3C/svg%3E")
    }

    .lucide--cloud-rain {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M16 14v6m-8-6v6m4-4v6'/%3E%3C/svg%3E")
    }

    .lucide--cloud-upload {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 13v8m-8-6.101A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='m8 17l4-4l4 4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--compass {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16.24 7.76l-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--database {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--file {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--film {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 3v18M3 7.5h4M3 12h18M3 16.5h4M17 3v18m0-13.5h4m-4 9h4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--flag {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528'/%3E%3C/svg%3E")
    }

    .lucide--folder {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E")
    }

    .lucide--gamepad-2 {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 11h4M8 9v4m7-1h.01M18 10h.01m-.69-5H6.68a4 4 0 0 0-3.978 3.59l-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258q-.01-.075-.017-.151A4 4 0 0 0 17.32 5'/%3E%3C/svg%3E")
    }

    .lucide--globe {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--headphones {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E")
    }

    .lucide--headset {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--heart {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676a.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E")
    }

    .lucide--house {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--key {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15.5 7.5l2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4m2-2l-9.6 9.6'/%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--layers {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--lock {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--mail {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--message-circle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092a10 10 0 1 0-4.777-4.719'/%3E%3C/svg%3E")
    }

    .lucide--mic {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 19v3m7-12v2a7 7 0 0 1-14 0v-2'/%3E%3Crect width='6' height='13' x='9' y='2' rx='3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--monitor {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cpath d='M8 21h8m-4-4v4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--music {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--paperclip {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 6l-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/svg%3E")
    }

    .lucide--phone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E")
    }

    .lucide--printer {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect width='12' height='8' x='6' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--refresh-ccw {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m-5 4a9 9 0 0 0 9 9a9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--search {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--settings {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0a2.34 2.34 0 0 0 3.319 1.915a2.34 2.34 0 0 1 2.33 4.033a2.34 2.34 0 0 0 0 3.831a2.34 2.34 0 0 1-2.33 4.033a2.34 2.34 0 0 0-3.319 1.915a2.34 2.34 0 0 1-4.659 0a2.34 2.34 0 0 0-3.32-1.915a2.34 2.34 0 0 1-2.33-4.033a2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--share {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v13m4-9l-4-4l-4 4m-4 6v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3C/svg%3E")
    }

    .lucide--shield {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E")
    }

    .lucide--shopping-cart {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--speaker {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cpath d='M12 6h.01'/%3E%3Ccircle cx='12' cy='14' r='4'/%3E%3Cpath d='M12 14h.01'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--star {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E")
    }

    .lucide--sun {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--tablet {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='16' height='20' x='4' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--upload {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E")
    }

    .lucide--usb {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='10' cy='7' r='1'/%3E%3Ccircle cx='4' cy='20' r='1'/%3E%3Cpath d='M4.7 19.3L19 5m2-2l-3 1l2 2ZM9.26 7.68L5 12l2 5m3-3l5 2l3.5-3.5'/%3E%3Cpath d='m18 12l1-1l1 1l-1 1Z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--user {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--watch {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 10v2.2l1.6 1m2.53-5.54l-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05m.02 8.7l.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/g%3E%3C/svg%3E")
    }

    .lucide--wifi {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 20h.01M2 8.82a15 15 0 0 1 20 0M5 12.859a10 10 0 0 1 14 0m-10.5 3.57a5 5 0 0 1 7 0'/%3E%3C/svg%3E")
    }

    .lucide--wind {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.8 19.6A2 2 0 1 0 14 16H2m15.5-8a2.5 2.5 0 1 1 2 4H2m7.8-7.6A2 2 0 1 1 11 8H2'/%3E%3C/svg%3E")
    }

    .ri--alert-fill {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0M11 16v2h2v-2zm0-7v5h2V9z'/%3E%3C/svg%3E")
    }

    .ri--bell-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14.121 9.879c4.296 4.295 6.829 8.728 5.657 9.9c-.475.474-1.486.34-2.807-.273a9.01 9.01 0 0 1-10.59-.474l-.038.039l-1.414-1.414l.038-.04A9.01 9.01 0 0 1 4.495 7.03c-.614-1.322-.748-2.333-.273-2.808c1.128-1.128 5.277 1.177 9.417 5.182zm-1.414 1.414C10.823 9.409 8.87 7.842 7.236 6.87l-.186.18a7 7 0 0 0-.657 9.142l1.846-1.846a2 2 0 0 1 3.347-1.932a2 2 0 0 1-1.931 3.347l-1.848 1.846a7 7 0 0 0 9.143-.657l.179-.188l-.053-.089c-.976-1.615-2.52-3.53-4.369-5.38m7.071-7.071a2 2 0 0 1-.165 2.976a9.02 9.02 0 0 1 .663 8.345a21 21 0 0 0-1.386-2.306a6.99 6.99 0 0 0-1.94-6.187a6.99 6.99 0 0 0-6.187-1.94a21 21 0 0 0-2.306-1.386a9.02 9.02 0 0 1 8.347.663q.066-.086.146-.165a2 2 0 0 1 2.828 0'/%3E%3C/svg%3E")
    }

    .ri--book-2-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 18H6a1 1 0 1 0 0 2h15v2H6a3 3 0 0 1-3-3V4a2 2 0 0 1 2-2h16zM5 16.05q.243-.05.5-.05H19V4H5zM16 9H8V7h8z'/%3E%3C/svg%3E")
    }

    .ri--briefcase-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 5V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zM4 16v3h16v-3zm0-2h16V7H4zM9 3v2h6V3zm2 8h2v2h-2z'/%3E%3C/svg%3E")
    }

    .ri--calendar-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1zm11 10H4v8h16zM7 5H4v4h16V5h-3v2h-2V5H9v2H7z'/%3E%3C/svg%3E")
    }

    .ri--camera-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m9.828 5l-2 2H4v12h16V7h-3.828l-2-2zM9 3h6l2 2h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4zm3 15a5.5 5.5 0 1 1 0-11a5.5 5.5 0 0 1 0 11m0-2a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7'/%3E%3C/svg%3E")
    }

    .ri--chat-3-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.291 20.824L2 22l1.176-5.291A9.96 9.96 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10a9.96 9.96 0 0 1-4.709-1.176m.29-2.113l.653.35A7.96 7.96 0 0 0 12 20a8 8 0 1 0-8-8c0 1.335.325 2.617.94 3.766l.349.653l-.655 2.947z'/%3E%3C/svg%3E")
    }

    .ri--check-double-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m11.602 13.76l1.412 1.412l8.466-8.466l1.414 1.415l-9.88 9.88l-6.364-6.365l1.414-1.414l2.125 2.125zm.002-2.828l4.952-4.953l1.41 1.41l-4.952 4.953zm-2.827 5.655L7.364 18L1 11.636l1.414-1.414l1.413 1.413l-.001.001z'/%3E%3C/svg%3E")
    }

    .ri--check-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10 15.17l9.192-9.191l1.414 1.414L10 17.999l-6.364-6.364l1.414-1.414z'/%3E%3C/svg%3E")
    }

    .ri--checkbox-circle-fill {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m5.457-12.543L11 15.914l-4.207-4.207l1.414-1.414L11 13.086l5.043-5.043z'/%3E%3C/svg%3E")
    }

    .ri--cloud-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 1 6.992 7.339A6 6 0 0 1 17 21H7A6 6 0 0 1 5.008 9.339A7 7 0 0 1 12 2m0 2a5 5 0 0 0-4.994 5.243l.07 1.488l-1.404.494A4.002 4.002 0 0 0 7 19h10a4 4 0 1 0-3.796-5.265l-1.898-.633A6 6 0 0 1 17 9a5 5 0 0 0-5-5'/%3E%3C/svg%3E")
    }

    .ri--coupon-2-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2.005 9.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v5.5a2.5 2.5 0 0 0 0 5V20a1 1 0 0 1-1 1h-18a1 1 0 0 1-1-1v-5.5a2.5 2.5 0 0 0 0-5m12-4.5h-10v2.968a4.5 4.5 0 0 1 0 8.064V19h10zm2 0v14h4v-2.968a4.5 4.5 0 0 1 0-8.064V5z'/%3E%3C/svg%3E")
    }

    .ri--database-2-fill {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 9.5v3c0 2.485-4.03 4.5-9 4.5s-9-2.015-9-4.5v-3c0 2.485 4.03 4.5 9 4.5s9-2.015 9-4.5m-18 5c0 2.485 4.03 4.5 9 4.5s9-2.015 9-4.5v3c0 2.485-4.03 4.5-9 4.5s-9-2.015-9-4.5zm9-2.5c-4.97 0-9-2.015-9-4.5S7.03 3 12 3s9 2.015 9 4.5s-4.03 4.5-9 4.5'/%3E%3C/svg%3E")
    }

    .ri--database-2-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 12.5c0 .313.461.858 1.53 1.393C7.914 14.585 9.877 15 12 15s4.086-.415 5.47-1.107c1.069-.535 1.53-1.08 1.53-1.393v-2.171C17.35 11.349 14.827 12 12 12s-5.35-.652-7-1.671zm14 2.829C17.35 16.349 14.827 17 12 17s-5.35-.652-7-1.671V17.5c0 .313.461.858 1.53 1.393C7.914 19.585 9.877 20 12 20s4.086-.415 5.47-1.107c1.069-.535 1.53-1.08 1.53-1.393zM3 17.5v-10C3 5.015 7.03 3 12 3s9 2.015 9 4.5v10c0 2.485-4.03 4.5-9 4.5s-9-2.015-9-4.5m9-7.5c2.123 0 4.086-.415 5.47-1.107C18.539 8.358 19 7.813 19 7.5s-.461-.858-1.53-1.393C16.086 5.415 14.123 5 12 5s-4.086.415-5.47 1.107C5.461 6.642 5 7.187 5 7.5s.461.858 1.53 1.393C7.914 9.585 9.877 10 12 10'/%3E%3C/svg%3E")
    }

    .ri--download-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 19h18v2H3zm10-5.828L19.071 7.1l1.414 1.414L12 17L3.515 8.515L4.929 7.1L11 13.173V2h2z'/%3E%3C/svg%3E")
    }

    .ri--error-warning-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-1-5h2v2h-2zm0-8h2v6h-2z'/%3E%3C/svg%3E")
    }

    .ri--facebook-circle-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13.001 19.938a8.001 8.001 0 0 0-1-15.938a8 8 0 0 0-1 15.938V14h-2v-2h2v-1.654c0-1.337.14-1.822.4-2.311A2.73 2.73 0 0 1 12.537 6.9c.382-.205.857-.328 1.687-.381q.494-.032 1.278.08v1.9h-.5c-.917 0-1.296.043-1.522.164a.73.73 0 0 0-.314.314c-.12.226-.164.45-.164 1.368V12h2.5l-.5 2h-2zm-1 2.062c-5.523 0-10-4.477-10-10s4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10'/%3E%3C/svg%3E")
    }

    .ri--file-text-fill {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 9v11.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.447 2 3.998 2H14v6a1 1 0 0 0 1 1zm0-2h-5V2.003zM8 7v2h3V7zm0 4v2h8v-2zm0 4v2h8v-2z'/%3E%3C/svg%3E")
    }

    .ri--file-text-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 8v12.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995zm-2 1h-5V4H5v16h14zM8 7h3v2H8zm0 4h8v2H8zm0 4h8v2H8z'/%3E%3C/svg%3E")
    }

    .ri--flag-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.382 3a1 1 0 0 1 .894.553L14 5h6a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-6.382a1 1 0 0 1-.894-.553L12 16H5v6H3V3zm-.618 2H5v9h8.236l1 2H19V7h-6.236z'/%3E%3C/svg%3E")
    }

    .ri--folder-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 5v14h16V7h-8.414l-2-2zm8.414 0H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414z'/%3E%3C/svg%3E")
    }

    .ri--gamepad-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 4a6 6 0 0 1 6 6v4a6 6 0 0 1-6 6H7a6 6 0 0 1-6-6v-4a6 6 0 0 1 6-6zm0 2H7a4 4 0 0 0-3.995 3.8L3 10v4a4 4 0 0 0 3.8 3.995L7 18h10a4 4 0 0 0 3.995-3.8L21 14v-4a4 4 0 0 0-3.8-3.995zm-7 3v2h2v2H9.999L10 15H8l-.001-2H6v-2h2V9zm8 4v2h-2v-2zm-2-4v2h-2V9z'/%3E%3C/svg%3E")
    }

    .ri--github-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.884 18.653c-.3-.2-.558-.455-.86-.816a51 51 0 0 1-.466-.579c-.463-.575-.755-.841-1.056-.95a1 1 0 1 1 .675-1.882c.752.27 1.261.735 1.947 1.588c-.094-.117.34.427.433.539c.19.227.33.365.44.438c.204.137.588.196 1.15.14c.024-.382.094-.753.202-1.095c-2.968-.726-4.648-2.64-4.648-6.396c0-1.24.37-2.356 1.058-3.292c-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047c.803-.124 1.937.17 3.415 1.096a11.7 11.7 0 0 1 2.687-.308c.912 0 1.819.104 2.684.308c1.477-.933 2.614-1.227 3.422-1.096q.128.02.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.296.302 3.19c.691.936 1.058 2.045 1.058 3.293c0 3.757-1.674 5.665-4.642 6.392c.125.415.19.878.19 1.38c0 .665-.002 1.299-.007 2.01c0 .19-.002.394-.005.706a1 1 0 0 1-.018 1.958c-1.14.227-1.984-.532-1.984-1.525l.002-.447l.005-.705c.005-.707.008-1.337.008-1.997c0-.697-.184-1.152-.426-1.361c-.661-.57-.326-1.654.541-1.751c2.966-.333 4.336-1.482 4.336-4.66c0-.955-.312-1.744-.913-2.404A1 1 0 0 1 17.2 6.19c.166-.414.236-.957.095-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135a9.6 9.6 0 0 0-2.592-.349c-.89 0-1.772.118-2.592.35a1 1 0 0 1-.829-.134c-.753-.507-1.374-.807-1.87-.947c-.143.653-.072 1.194.093 1.607a1 1 0 0 1-.189 1.045c-.597.655-.913 1.458-.913 2.404c0 3.172 1.371 4.328 4.322 4.66c.865.097 1.202 1.177.545 1.748c-.193.168-.43.732-.43 1.364v3.15c0 .985-.834 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.661-.088-2.254-.485'/%3E%3C/svg%3E")
    }

    .ri--global-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.01 8.01 0 0 0 5.648 6.667M10.03 13c.151 2.439.848 4.73 1.97 6.752A15.9 15.9 0 0 0 13.97 13zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.01 8.01 0 0 0 19.938 13M4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333A8.01 8.01 0 0 0 4.062 11m5.969 0h3.938A15.9 15.9 0 0 0 12 4.248A15.9 15.9 0 0 0 10.03 11m4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.01 8.01 0 0 0-5.648-6.667'/%3E%3C/svg%3E")
    }

    .ri--group-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 22a8 8 0 1 1 16 0h-2a6 6 0 0 0-12 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m8.284 3.703A8 8 0 0 1 23 22h-2a6 6 0 0 0-3.537-5.473zm-.688-11.29A5.5 5.5 0 0 1 21 8.5a5.5 5.5 0 0 1-5 5.478v-2.013a3.5 3.5 0 0 0 1.041-6.609z'/%3E%3C/svg%3E")
    }

    .ri--headphone-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 4a8 8 0 0 0-8 8h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7C2 6.477 6.477 2 12 2s10 4.477 10 10v7a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h3a8 8 0 0 0-8-8M4 14v5h3v-5zm13 0v5h3v-5z'/%3E%3C/svg%3E")
    }

    .ri--heart-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.001 4.529a6 6 0 0 1 8.242.228a6 6 0 0 1 .236 8.236l-8.48 8.492l-8.478-8.492a6 6 0 0 1 8.48-8.464m6.826 1.641a4 4 0 0 0-5.49-.153l-1.335 1.198l-1.336-1.197a4 4 0 0 0-5.686 5.605L12 18.654l7.02-7.03a4 4 0 0 0-.193-5.454'/%3E%3C/svg%3E")
    }

    .ri--home-4-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1m-6-2h5V9.157l-6-5.454l-6 5.454V19h5v-6h2z'/%3E%3C/svg%3E")
    }

    .ri--instagram-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.001 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 0 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12.001 4c-2.474 0-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9 2.9 0 0 0-1.08.703a2.9 2.9 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.007 9.075 4 9.461 4 12c0 2.475.007 2.878.058 4.029c.037.783.142 1.31.331 1.797c.17.435.37.748.702 1.08c.337.336.65.537 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.475 0 2.878-.007 4.029-.058c.782-.037 1.308-.142 1.797-.331a2.9 2.9 0 0 0 1.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9 2.9 0 0 0-.703-1.08a2.9 2.9 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926 4.006 14.54 4 12 4m0-2c2.717 0 3.056.01 4.123.06c1.064.05 1.79.217 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.047 1.066.06 1.405.06 4.122s-.01 3.056-.06 4.122s-.218 1.79-.465 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9 4.9 0 0 1-1.772-1.153a4.9 4.9 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012 15.056 2 14.717 2 12s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9 4.9 0 0 1 1.153-1.772A4.9 4.9 0 0 1 5.45 2.525c.637-.248 1.362-.415 2.427-.465C8.945 2.013 9.284 2 12.001 2'/%3E%3C/svg%3E")
    }

    .ri--key-2-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10.758 11.828l7.849-7.849l1.414 1.414l-1.414 1.415l2.474 2.474l-1.414 1.415l-2.475-2.475l-1.414 1.414l2.121 2.121l-1.414 1.415l-2.121-2.122l-2.192 2.192a5.002 5.002 0 0 1-7.708 6.293a5 5 0 0 1 6.294-7.707m-.637 6.293A3 3 0 1 0 5.88 13.88a3 3 0 0 0 4.242 4.242'/%3E%3C/svg%3E")
    }

    .ri--linkedin-box-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4.001 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-16a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m1 2v14h14V5zm2.5 4a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m-1 1h2v7.5h-2zm5.5.43c.584-.565 1.266-.93 2-.93c2.071 0 3.5 1.679 3.5 3.75v4.25h-2v-4.25a1.75 1.75 0 1 0-3.5 0v4.25h-2V10h2z'/%3E%3C/svg%3E")
    }

    .ri--lock-fill {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0zm-2 0V9A5 5 0 0 0 7 9v1zm-6 4v4h2v-4z'/%3E%3C/svg%3E")
    }

    .ri--lock-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0zM5 12v8h14v-8zm6 2h2v4h-2zm6-4V9A5 5 0 0 0 7 9v1z'/%3E%3C/svg%3E")
    }

    .ri--macbook-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 5v11h16V5zm-2-.993C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007V18H2zM1 19h22v2H1z'/%3E%3C/svg%3E")
    }

    .ri--mail-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m17 4.238l-7.928 7.1L4 7.216V19h16zM4.511 5l7.55 6.662L19.502 5z'/%3E%3C/svg%3E")
    }

    .ri--map-pin-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 20.9l4.95-4.95a7 7 0 1 0-9.9 0zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0zM12 13a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0 2a4 4 0 1 1 0-8a4 4 0 0 1 0 8'/%3E%3C/svg%3E")
    }

    .ri--message-3-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 8.994A5.99 5.99 0 0 1 8 3h8c3.313 0 6 2.695 6 5.994V21H8c-3.313 0-6-2.695-6-5.994zM20 19V8.994A4.004 4.004 0 0 0 16 5H8a3.99 3.99 0 0 0-4 3.994v6.012A4.004 4.004 0 0 0 8 19zm-6-8h2v2h-2zm-6 0h2v2H8z'/%3E%3C/svg%3E")
    }

    .ri--mic-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 3a3 3 0 0 0-3 3v4a3 3 0 1 0 6 0V6a3 3 0 0 0-3-3m0-2a5 5 0 0 1 5 5v4a5 5 0 0 1-10 0V6a5 5 0 0 1 5-5M3.055 11H5.07a7.002 7.002 0 0 0 13.858 0h2.016A9.004 9.004 0 0 1 13 18.945V23h-2v-4.055A9.004 9.004 0 0 1 3.055 11'/%3E%3C/svg%3E")
    }

    .ri--movie-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007zM4 5v14h16V5zm6.622 3.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332'/%3E%3C/svg%3E")
    }

    .ri--music-2-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 3v14a4 4 0 1 1-2-3.465V5H9v12a4 4 0 1 1-2-3.465V3zM5 19a2 2 0 1 0 0-4a2 2 0 0 0 0 4m11 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/svg%3E")
    }

    .ri--notification-3-fill {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0zM9 21h6v2H9z'/%3E%3C/svg%3E")
    }

    .ri--notification-3-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0zm-2 0v-7a6 6 0 0 0-12 0v7zm-9 4h6v2H9z'/%3E%3C/svg%3E")
    }

    .ri--percent-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.505 21.003a3.5 3.5 0 1 1 0-7a3.5 3.5 0 0 1 0 7m0-2a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m-11-9a3.5 3.5 0 1 1 0-7a3.5 3.5 0 0 1 0 7m0-2a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m12.571-4.486l1.414 1.415L4.934 20.488L3.52 19.074z'/%3E%3C/svg%3E")
    }

    .ri--phone-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.366 10.682a10.56 10.56 0 0 0 3.952 3.952l.884-1.238a1 1 0 0 1 1.294-.296a11.4 11.4 0 0 0 4.583 1.364a1 1 0 0 1 .921.997v4.462a1 1 0 0 1-.898.995Q19.307 21 18.5 21C9.94 21 3 14.06 3 5.5q0-.807.082-1.602A1 1 0 0 1 4.077 3h4.462a1 1 0 0 1 .997.921A11.4 11.4 0 0 0 10.9 8.504a1 1 0 0 1-.296 1.294zm-2.522-.657l1.9-1.357A13.4 13.4 0 0 1 7.647 5H5.01Q5 5.25 5 5.5C5 12.956 11.044 19 18.5 19q.25 0 .5-.01v-2.637a13.4 13.4 0 0 1-3.668-1.097l-1.357 1.9a12.5 12.5 0 0 1-1.588-.75l-.058-.033a12.56 12.56 0 0 1-4.702-4.702l-.033-.058a12.4 12.4 0 0 1-.75-1.588'/%3E%3C/svg%3E")
    }

    .ri--printer-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 2a1 1 0 0 1 1 1v4h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3V3a1 1 0 0 1 1-1zm-1 15H8v3h8zm4-8H4v8h2v-1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1h2zM8 10v2H5v-2zm8-6H8v3h8z'/%3E%3C/svg%3E")
    }

    .ri--search-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975z'/%3E%3C/svg%3E")
    }

    .ri--send-plane-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m21.727 2.957l-5.454 19.086c-.15.529-.475.553-.717.07L11 13L1.923 9.37c-.51-.205-.503-.51.034-.689L21.043 2.32c.529-.176.832.12.684.638m-2.692 2.14L6.812 9.17l5.637 2.255l3.04 6.08z'/%3E%3C/svg%3E")
    }

    .ri--settings-3-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.34 17a10 10 0 0 1-.979-2.326a3 3 0 0 0 .003-5.347a10 10 0 0 1 2.5-4.337a3 3 0 0 0 4.632-2.674a10 10 0 0 1 5.007.003a3 3 0 0 0 4.632 2.671a10.06 10.06 0 0 1 2.503 4.336a3 3 0 0 0-.002 5.347a10 10 0 0 1-2.501 4.337a3 3 0 0 0-4.632 2.674a10 10 0 0 1-5.007-.002a3 3 0 0 0-4.631-2.672A10 10 0 0 1 3.339 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.07 1.499.002a5 5 0 0 1 2.25-2.772a5 5 0 0 1 3.526-.564q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334a8 8 0 0 0-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.5-.001A5 5 0 0 1 9 6.804a5 5 0 0 1-3.526.564q-.436.614-.747 1.298A5 5 0 0 1 6 12c0 1.26-.471 2.437-1.273 3.334a8 8 0 0 0 .75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2'/%3E%3C/svg%3E")
    }

    .ri--shield-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.783 2.826L12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976M5 4.604v9.185a4 4 0 0 0 1.781 3.328L12 20.597l5.219-3.48A4 4 0 0 0 19 13.79V4.604L12 3.05z'/%3E%3C/svg%3E")
    }

    .ri--shopping-cart-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4.005 16V4h-2V2h3a1 1 0 0 1 1 1v12h12.438l2-8H8.005V5h13.72a1 1 0 0 1 .97 1.243l-2.5 10a1 1 0 0 1-.97.757H5.004a1 1 0 0 1-1-1m2 7a2 2 0 1 1 0-4a2 2 0 0 1 0 4m12 0a2 2 0 1 1 0-4a2 2 0 0 1 0 4'/%3E%3C/svg%3E")
    }

    .ri--stack-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.649l-9.285-5.57a.5.5 0 0 1 0-.858l1.202-.721L12 15.35zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 12.999L2.715 7.43a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0M12 3.332L5.887 7L12 10.668L18.113 7z'/%3E%3C/svg%3E")
    }

    .ri--star-fill {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 18.26l-7.053 3.948l1.575-7.928L.588 8.792l8.027-.952L12 .5l3.385 7.34l8.027.952l-5.934 5.488l1.575 7.928z'/%3E%3C/svg%3E")
    }

    .ri--star-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 18.26l-7.053 3.948l1.575-7.928L.588 8.792l8.027-.952L12 .5l3.385 7.34l8.027.952l-5.934 5.488l1.575 7.928zm0-2.292l4.247 2.377l-.948-4.773l3.573-3.305l-4.833-.573l-2.038-4.419l-2.039 4.42l-4.833.572l3.573 3.305l-.948 4.773z'/%3E%3C/svg%3E")
    }

    .ri--tablet-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6 4v16h12V4zM5 2h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1m7 15a1 1 0 1 1 0 2a1 1 0 0 1 0-2'/%3E%3C/svg%3E")
    }

    .ri--thumb-up-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14.6 8H21a2 2 0 0 1 2 2v2.105c0 .26-.051.52-.15.761l-3.095 7.515a1 1 0 0 1-.925.62H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h3.482a1 1 0 0 0 .817-.424L11.752.851a.5.5 0 0 1 .632-.159l1.814.908a2.5 2.5 0 0 1 1.305 2.852zM7 10.588V19h11.16L21 12.105V10h-6.4a2 2 0 0 1-1.938-2.493l.903-3.548a.5.5 0 0 0-.261-.57l-.661-.331l-4.71 6.672c-.25.354-.57.645-.933.858M5 11H3v8h2z'/%3E%3C/svg%3E")
    }

    .ri--timer-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m17.618 5.968l1.453-1.453l1.414 1.414l-1.453 1.453A9 9 0 1 1 12 4c2.125 0 4.078.736 5.618 1.968M12 20a7 7 0 1 0 0-14a7 7 0 0 0 0 14M11 8h2v6h-2zM8 1h8v2H8z'/%3E%3C/svg%3E")
    }

    .ri--tv-fill {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M15.414 5h5.594c.548 0 .992.445.992 1v14c0 .552-.455 1-.992 1H2.992A.994.994 0 0 1 2 20V6c0-.552.455-1 .992-1h5.594L6.05 2.464L7.464 1.05L11.414 5h1.172l3.95-3.95l1.414 1.414z'/%3E%3C/svg%3E")
    }

    .ri--twitter-x-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z'/%3E%3C/svg%3E")
    }

    .ri--upload-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 19h18v2H3zM13 5.828V17h-2V5.828L4.929 11.9l-1.414-1.414L12 2l8.485 8.485l-1.414 1.415z'/%3E%3C/svg%3E")
    }

    .ri--user-3-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 22h-2v-2a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v2H4v-2a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5zm-8-9a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8'/%3E%3C/svg%3E")
    }

    .ri--user-fill {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 22a8 8 0 1 1 16 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6'/%3E%3C/svg%3E")
    }

    .ri--user-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 0 0-12 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4'/%3E%3C/svg%3E")
    }

    .ri--wifi-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M.69 6.997A17.93 17.93 0 0 1 12 3c4.285 0 8.22 1.497 11.31 3.997l-1.256 1.556A15.93 15.93 0 0 0 12 5C8.19 5 4.694 6.33 1.946 8.553zm3.141 3.89A12.95 12.95 0 0 1 12 8a12.95 12.95 0 0 1 8.169 2.886l-1.257 1.556A10.95 10.95 0 0 0 12 10c-2.618 0-5.023.915-6.912 2.442zm3.142 3.89A7.97 7.97 0 0 1 12 13c1.904 0 3.653.665 5.027 1.776l-1.257 1.556A5.98 5.98 0 0 0 12 15c-1.428 0-2.74.499-3.77 1.332zm3.142 3.89A3 3 0 0 1 12 18c.714 0 1.37.25 1.885.666L12 21z'/%3E%3C/svg%3E")
    }

    .ri--youtube-line {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.607 6.995c-.076-.298-.292-.523-.539-.592C18.63 6.28 16.501 6 12.001 6s-6.628.28-7.069.403c-.244.068-.46.293-.537.592c-.109.424-.394 2.2-.394 5.005s.285 4.58.394 5.006c.076.297.292.522.538.59C5.373 17.72 7.5 18 12 18s6.629-.28 7.069-.403c.244-.068.46-.293.537-.592c.11-.424.394-2.205.394-5.005s-.285-4.58-.394-5.005m1.937-.497C22 8.28 22 12 22 12s0 3.72-.457 5.502c-.254.985-.997 1.76-1.938 2.022C17.897 20 12 20 12 20s-5.893 0-7.605-.476c-.945-.266-1.687-1.04-1.938-2.022C2 15.72 2 12 2 12s0-3.72.457-5.502c.254-.985.997-1.76 1.938-2.022C6.108 4 12.001 4 12.001 4s5.896 0 7.605.476c.944.266 1.687 1.04 1.938 2.022M10.001 15.5v-7l6 3.5z'/%3E%3C/svg%3E")
    }

    .solar--adhesive-plaster-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M3.213 3.213a4.14 4.14 0 0 0 0 5.858L14.93 20.787a4.142 4.142 0 0 0 5.858-5.858L9.07 3.213a4.14 4.14 0 0 0-5.858 0m6.132 5.018A.788.788 0 1 0 8.23 9.345A.788.788 0 0 0 9.345 8.23m2.784.928a.787.787 0 1 0-1.114 1.114a.787.787 0 0 0 1.114-1.114m3.712 3.712a.788.788 0 1 1-1.114 1.114a.788.788 0 0 1 1.114-1.114m.929 3.899a.787.787 0 1 0-1.114-1.114a.787.787 0 0 0 1.114 1.114m-3.713-3.713a.787.787 0 1 0-1.113-1.114a.787.787 0 0 0 1.113 1.114m.928 1.67a.788.788 0 1 1-1.114 1.114a.788.788 0 0 1 1.114-1.113M9.16 11.016a.787.787 0 1 1 1.114 1.114a.787.787 0 0 1-1.114-1.114' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M20.787 9.071a4.142 4.142 0 0 0-5.858-5.858L12 6.143L17.858 12zM12 17.858L6.142 12l-2.929 2.929a4.142 4.142 0 0 0 5.858 5.858z' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--adhesive-plaster-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M13.5 7.642L9.071 3.213a4.142 4.142 0 0 0-5.858 5.858L14.93 20.787a4.142 4.142 0 0 0 5.858-5.858l-4.358-4.358'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='m12 17.858l-2.929 2.929A4.142 4.142 0 0 1 2.596 20m3.546-8l-2.929 2.929c-.322.322-.58.685-.774 1.071M12 6.142l2.929-2.929a4.142 4.142 0 1 1 5.858 5.858L17.857 12'/%3E%3Cpath fill='black' d='M15.841 12.871a.788.788 0 1 1-1.114 1.114a.788.788 0 0 1 1.114-1.114m-3.712-3.712a.787.787 0 1 0-1.114 1.114a.787.787 0 0 0 1.114-1.114m4.641 6.497a.787.787 0 1 1-1.114 1.114a.787.787 0 0 1 1.114-1.114M9.345 8.23A.788.788 0 1 0 8.23 9.346A.788.788 0 0 0 9.345 8.23m3.712 3.713a.787.787 0 1 1-1.113 1.114a.787.787 0 0 1 1.113-1.114m.928 2.785a.788.788 0 1 1-1.114 1.113a.788.788 0 0 1 1.114-1.113m-3.712-3.713a.787.787 0 1 0-1.114 1.114a.787.787 0 0 0 1.114-1.114'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--airbuds-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 8.3V6.187c0-.174 0-.26-.004-.334c-.08-1.541-1.385-2.774-3.017-2.85C18.901 3 18.81 3 18.625 3c-.307 0-.46 0-.59.006c-2.72.126-4.895 2.18-5.029 4.749c-.006.122-.006.267-.006.558V18.75c0 1.243 1.067 2.25 2.382 2.25s2.383-1.007 2.383-2.25V12.3c0-.552.474-1 1.058-1c1.755 0 3.177-1.343 3.177-3m-20 0V6.187c0-.174 0-.26.004-.334c.08-1.541 1.385-2.774 3.017-2.85C5.098 3 5.19 3 5.375 3c.307 0 .46 0 .59.006c2.72.126 4.895 2.18 5.029 4.749c.006.122.006.267.006.558V18.75C11 19.993 9.933 21 8.618 21s-2.383-1.007-2.383-2.25V12.3c0-.552-.474-1-1.059-1C3.422 11.3 2 9.957 2 8.3' opacity='.5'/%3E%3Cpath fill='black' d='M13 17.25h4.765v1.5H13zm-2 0H6.235v1.5H11zm8.5-12a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75m-15 0a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0V6a.75.75 0 0 0-.75-.75'/%3E%3C/svg%3E")
    }

    .solar--alarm-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22c4.836 0 8.756-3.884 8.756-8.675c0-4.79-3.92-8.675-8.756-8.675s-8.757 3.884-8.757 8.675C3.243 18.115 7.163 22 12 22' opacity='.5'/%3E%3Cpath fill='black' d='M12 8.747c.402 0 .729.324.729.723v3.556l2.219 2.198a.72.72 0 0 1 0 1.022a.734.734 0 0 1-1.032 0l-2.433-2.41a.72.72 0 0 1-.213-.51V9.47c0-.4.326-.723.73-.723'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M8.24 2.34a.72.72 0 0 1-.232.996l-3.891 2.41a.734.734 0 0 1-1.006-.23a.72.72 0 0 1 .232-.996l3.892-2.41a.734.734 0 0 1 1.006.23m7.519 0a.734.734 0 0 1 1.005-.23l3.892 2.41a.72.72 0 0 1 .232.996a.734.734 0 0 1-1.006.23l-3.891-2.41a.72.72 0 0 1-.233-.996' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--alarm-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath stroke-linejoin='round' d='M12 9v4l2.5 2.5m-11-11l4-2.5m13 2.5l-4-2.5'/%3E%3Cpath d='M7.5 5.204A9 9 0 1 1 4.204 8.5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--banknote-2-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.506 10.714c0-.92.755-1.666 1.686-1.666c.932 0 1.687.746 1.687 1.666s-.755 1.667-1.687 1.667a1.677 1.677 0 0 1-1.686-1.667'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M2 10.714c0-2.693 0-4.04.847-4.877S5.057 5 7.783 5h4.82c2.725 0 4.088 0 4.935.837s.847 2.184.847 4.877c0 2.694 0 4.041-.847 4.878s-2.21.837-4.936.837H7.783c-2.726 0-4.09 0-4.936-.837S2 13.408 2 10.714m5.06 0c0-1.71 1.402-3.095 3.132-3.095s3.133 1.386 3.133 3.095s-1.402 3.096-3.133 3.096c-1.73 0-3.132-1.386-3.132-3.096M4.168 12.62a.72.72 0 0 0 .723.715c.4 0 .723-.32.723-.715V8.81a.72.72 0 0 0-.723-.714a.72.72 0 0 0-.723.715zm11.326.715c-.4 0-.723-.32-.723-.715V8.81c0-.394.323-.714.723-.714s.722.32.722.715v3.81a.72.72 0 0 1-.722.714' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M4.065 16.225q.02.225.048.434c.117.857.366 1.579.946 2.152q.124.123.257.226c.566.514 1.266.742 2.09.851c.836.111 1.898.111 3.216.111h4.925c1.318 0 2.38 0 3.217-.111c.867-.115 1.598-.362 2.178-.935s.83-1.295.946-2.152c.112-.826.112-1.876.112-3.178v-.105c0-1.302 0-2.352-.112-3.178c-.117-.857-.366-1.579-.946-2.152a3 3 0 0 0-.257-.226c-.566-.514-1.266-.742-2.09-.851a9 9 0 0 0-.41-.045c.2.834.2 1.984.2 3.648c0 2.694 0 4.04-.847 4.878c-.846.836-2.21.836-4.936.836H7.783c-1.702 0-2.872 0-3.718-.203' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--battery-charge-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.172 5.172C2 6.343 2 8.229 2 12s0 5.657 1.172 6.828S6.229 20 10 20h1.5c3.771 0 5.657 0 6.828-1.172S19.5 15.771 19.5 12s0-5.657-1.172-6.828S15.271 4 11.5 4H10C6.229 4 4.343 4 3.172 5.172' opacity='.5'/%3E%3Cpath fill='black' d='M19.491 14c.009-.6.009-1.264.009-2c0-.735 0-1.4-.009-2H20c.942 0 1.414 0 1.707.293S22 11.057 22 12s0 1.414-.293 1.707S20.942 14 20 14zm-7.415-4.52a.75.75 0 0 0-1.152-.96l-2.5 3A.75.75 0 0 0 9 12.75h1.899l-1.475 1.77a.75.75 0 0 0 1.152.96l2.5-3a.75.75 0 0 0-.576-1.23h-1.899z'/%3E%3C/svg%3E")
    }

    .solar--bell-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18.75 9v.704c0 .845.24 1.671.692 2.374l1.108 1.723c1.011 1.574.239 3.713-1.52 4.21a25.8 25.8 0 0 1-14.06 0c-1.759-.497-2.531-2.636-1.52-4.21l1.108-1.723a4.4 4.4 0 0 0 .693-2.374V9c0-3.866 3.022-7 6.749-7s6.75 3.134 6.75 7' opacity='.5'/%3E%3Cpath fill='black' d='M7.243 18.545a5.002 5.002 0 0 0 9.513 0c-3.145.59-6.367.59-9.513 0'/%3E%3C/svg%3E")
    }

    .solar--bell-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5' d='M9.107 2.674A6.5 6.5 0 0 1 12 2c3.727 0 6.75 3.136 6.75 7.005v.705a4.4 4.4 0 0 0 .692 2.375l1.108 1.724c1.011 1.575.239 3.716-1.52 4.214a25.8 25.8 0 0 1-14.06 0c-1.759-.498-2.531-2.639-1.52-4.213l1.108-1.725A4.4 4.4 0 0 0 5.25 9.71v-.705c0-1.074.233-2.092.65-3.002M7.5 19c.655 1.748 2.422 3 4.5 3q.367 0 .72-.05M16.5 19a4.5 4.5 0 0 1-1.302 1.84'/%3E%3C/svg%3E")
    }

    .solar--bluetooth-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='m12.302 12.004l4.44 3.154c.54.383 1.013.718 1.342 1.034c.351.335.666.764.666 1.349s-.315 1.014-.666 1.35c-.33.314-.801.65-1.341 1.033l-1.833 1.302c-.73.518-1.346.955-1.857 1.216c-.52.265-1.155.465-1.79.14c-.637-.326-.844-.96-.93-1.536c-.083-.566-.083-1.319-.083-2.21V5.164c0-.891 0-1.644.084-2.21c.085-.576.292-1.21.929-1.535c.635-.325 1.27-.126 1.79.14c.511.26 1.127.698 1.857 1.216l1.833 1.301c.54.384 1.012.719 1.341 1.034c.351.335.666.764.666 1.35c0 .584-.315 1.013-.666 1.349c-.33.315-.801.65-1.341 1.033L12.3 11.995l.007.005z' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M10.25 10.56L6.43 7.886a.75.75 0 1 0-.86 1.228L9.692 12L5.57 14.886a.75.75 0 0 0 .86 1.229l3.82-2.674z' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--book-2-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M19.898 16h-12c-.93 0-1.395 0-1.777.102A3 3 0 0 0 4 18.224'/%3E%3Cpath stroke-linecap='round' d='M8 7h8m-8 3.5h5m6.5 8.5H8m2 3c-2.828 0-4.243 0-5.121-.879C4 20.243 4 18.828 4 16V8c0-2.828 0-4.243.879-5.121C5.757 2 7.172 2 10 2h4c2.828 0 4.243 0 5.121.879C20 3.757 20 5.172 20 8m-6 14c2.828 0 4.243 0 5.121-.879C20 20.243 20 18.828 20 16v-4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--bookmark-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 11.098v4.993c0 3.096 0 4.645-.734 5.321c-.35.323-.792.526-1.263.58c-.987.113-2.14-.907-4.445-2.946c-1.02-.901-1.529-1.352-2.118-1.47a2.2 2.2 0 0 0-.88 0c-.59.118-1.099.569-2.118 1.47c-2.305 2.039-3.458 3.059-4.445 2.945a2.24 2.24 0 0 1-1.263-.579C3 20.736 3 19.188 3 16.091v-4.994C3 6.81 3 4.666 4.318 3.333S7.758 2 12 2s6.364 0 7.682 1.332S21 6.81 21 11.098' opacity='.5'/%3E%3Cpath fill='black' d='M9 5.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z'/%3E%3C/svg%3E")
    }

    .solar--bus-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14.5 19.982c1.573-.04 2.677-.167 3.5-.567V21a1 1 0 0 1-1 1h-1.5a1 1 0 0 1-1-1zM6 19.415c.823.4 1.927.527 3.5.567V21a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1z'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M5.172 3.172C6.343 2 8.229 2 12 2s5.657 0 6.828 1.172C19.892 4.235 19.99 5.886 20 9v4c-.01 3.114-.108 4.765-1.172 5.828a3 3 0 0 1-.828.587c-.823.4-1.927.527-3.5.567C13.773 20 12.946 20 12 20s-1.773 0-2.5-.018c-1.573-.04-2.677-.167-3.5-.567a3 3 0 0 1-.828-.587C4.108 17.765 4.009 16.114 4 13V9c.01-3.114.108-4.765 1.172-5.828' clip-rule='evenodd' opacity='.5'/%3E%3Cpath fill='black' d='M17.75 16a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0 0 1.5H17a.75.75 0 0 0 .75-.75m-11.5 0a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75M5.5 9.5c0 1.414 0 2.121.44 2.56c.439.44 1.146.44 2.56.44h7c1.414 0 2.121 0 2.56-.44c.44-.439.44-1.146.44-2.56V7c0-1.414 0-2.121-.44-2.56C17.622 4 16.915 4 15.5 4h-7c-1.414 0-2.121 0-2.56.44C5.5 4.878 5.5 5.585 5.5 7zm-3.1 2.3L4 13V9H3a1 1 0 0 0-1 1v1a1 1 0 0 0 .4.8M21 9h-1.001L20 13l1.6-1.2a1 1 0 0 0 .4-.8v-1a1 1 0 0 0-1-1'/%3E%3C/svg%3E")
    }

    .solar--calendar-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.94 2c.416 0 .753.324.753.724v1.46c.668-.012 1.417-.012 2.26-.012h4.015c.842 0 1.591 0 2.259.013v-1.46c0-.4.337-.725.753-.725s.753.324.753.724V4.25c1.445.111 2.394.384 3.09 1.055c.698.67.982 1.582 1.097 2.972L22 9H2v-.724c.116-1.39.4-2.302 1.097-2.972s1.645-.944 3.09-1.055V2.724c0-.4.337-.724.753-.724'/%3E%3Cpath fill='black' d='M22 14v-2c0-.839-.004-2.335-.017-3H2.01c-.013.665-.01 2.161-.01 3v2c0 3.771 0 5.657 1.172 6.828S6.228 22 10 22h4c3.77 0 5.656 0 6.828-1.172S22 17.772 22 14' opacity='.5'/%3E%3Cpath fill='black' d='M18 17a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0'/%3E%3C/svg%3E")
    }

    .solar--calendar-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14v-2c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172S22 8.229 22 12v2c0 3.771 0 5.657-1.172 6.828c-.653.654-1.528.943-2.828 1.07M7 4V2.5M17 4V2.5M21.5 9H10.75M2 9h3.875'/%3E%3Cpath fill='black' d='M18 17a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--camera-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.778 21h4.444c3.121 0 4.682 0 5.803-.735a4.4 4.4 0 0 0 1.226-1.204c.749-1.1.749-2.633.749-5.697s0-4.597-.749-5.697a4.4 4.4 0 0 0-1.226-1.204c-.72-.473-1.622-.642-3.003-.702c-.659 0-1.226-.49-1.355-1.125A2.064 2.064 0 0 0 13.634 3h-3.268c-.988 0-1.839.685-2.033 1.636c-.129.635-.696 1.125-1.355 1.125c-1.38.06-2.282.23-3.003.702A4.4 4.4 0 0 0 2.75 7.667C2 8.767 2 10.299 2 13.364s0 4.596.749 5.697c.324.476.74.885 1.226 1.204C5.096 21 6.657 21 9.778 21' opacity='.5'/%3E%3Cpath fill='black' d='M17.556 9.272a.826.826 0 0 0-.833.819c0 .452.373.818.833.818h1.111c.46 0 .834-.367.834-.818a.826.826 0 0 0-.834-.819z'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 9.272c-2.3 0-4.166 1.832-4.166 4.091s1.865 4.091 4.167 4.091c2.3 0 4.166-1.831 4.166-4.09s-1.865-4.092-4.166-4.092m0 1.637c-1.38 0-2.5 1.099-2.5 2.454s1.12 2.455 2.5 2.455c1.381 0 2.5-1.099 2.5-2.455c0-1.355-1.119-2.454-2.5-2.454' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--camera-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3Cpath stroke-linecap='round' d='M2 13.364c0-3.065 0-4.597.749-5.697a4.4 4.4 0 0 1 1.226-1.204c.72-.473 1.622-.642 3.003-.702c.659 0 1.226-.49 1.355-1.125A2.064 2.064 0 0 1 10.366 3h3.268c.988 0 1.839.685 2.033 1.636c.129.635.696 1.125 1.355 1.125c1.38.06 2.282.23 3.003.702c.485.318.902.727 1.226 1.204c.749 1.1.749 2.632.749 5.697s0 4.596-.749 5.697a4.4 4.4 0 0 1-1.226 1.204C18.904 21 17.343 21 14.222 21H9.778c-3.121 0-4.682 0-5.803-.735A4.4 4.4 0 0 1 2.75 19.06A3.4 3.4 0 0 1 2.277 18M19 10h-1'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--cart-3-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='m19.5 9.5l-.71-2.605c-.274-1.005-.411-1.507-.692-1.886A2.5 2.5 0 0 0 17 4.172C16.56 4 16.04 4 15 4M4.5 9.5l.71-2.605c.274-1.005.411-1.507.692-1.886A2.5 2.5 0 0 1 7 4.172C7.44 4 7.96 4 9 4'/%3E%3Cpath d='M9 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 13v4m8-4v4m-4-4v4'/%3E%3Cpath stroke-linecap='round' d='M3.864 16.455c.546 2.183.819 3.274 1.632 3.91C6.31 21 7.435 21 9.685 21h4.63c2.25 0 3.375 0 4.19-.635c.813-.636 1.086-1.727 1.631-3.91c.858-3.432 1.287-5.147.387-6.301C19.622 9 17.853 9 14.316 9H9.685c-3.538 0-5.306 0-6.207 1.154c-.529.677-.6 1.548-.394 2.846'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--cart-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' d='M3.864 16.455c.546 2.183.819 3.274 1.632 3.91C6.31 21 7.435 21 9.685 21h4.63c2.25 0 3.375 0 4.19-.635c.813-.636 1.086-1.727 1.631-3.91c.858-3.432 1.287-5.147.387-6.301C19.622 9 17.853 9 14.316 9H9.685c-3.538 0-5.306 0-6.207 1.154c-.529.677-.6 1.548-.394 2.846'/%3E%3Cpath d='m19.5 9.5l-.71-2.605c-.274-1.005-.411-1.507-.692-1.886A2.5 2.5 0 0 0 17 4.172C16.56 4 16.04 4 15 4M4.5 9.5l.71-2.605c.274-1.005.411-1.507.692-1.886A2.5 2.5 0 0 1 7 4.172C7.44 4 7.96 4 9 4'/%3E%3Cpath d='M9 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1Z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--chart-2-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.293 9.293C3 9.586 3 10.057 3 11v6c0 .943 0 1.414.293 1.707S4.057 19 5 19s1.414 0 1.707-.293S7 17.943 7 17v-6c0-.943 0-1.414-.293-1.707S5.943 9 5 9s-1.414 0-1.707.293'/%3E%3Cpath fill='black' d='M17.293 2.293C17 2.586 17 3.057 17 4v13c0 .943 0 1.414.293 1.707S18.057 19 19 19s1.414 0 1.707-.293S21 17.943 21 17V4c0-.943 0-1.414-.293-1.707S19.943 2 19 2s-1.414 0-1.707.293' opacity='.4'/%3E%3Cpath fill='black' d='M10 7c0-.943 0-1.414.293-1.707S11.057 5 12 5s1.414 0 1.707.293S14 6.057 14 7v10c0 .943 0 1.414-.293 1.707S12.943 19 12 19s-1.414 0-1.707-.293S10 17.943 10 17z' opacity='.7'/%3E%3Cpath fill='black' d='M3 21.25a.75.75 0 0 0 0 1.5h18a.75.75 0 0 0 0-1.5z'/%3E%3C/svg%3E")
    }

    .solar--chart-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M14 20.5V4.25c0-.728-.002-1.2-.048-1.546c-.044-.325-.115-.427-.172-.484s-.159-.128-.484-.172C12.949 2.002 12.478 2 11.75 2s-1.2.002-1.546.048c-.325.044-.427.115-.484.172s-.128.159-.172.484c-.046.347-.048.818-.048 1.546V20.5z' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M8 8.75A.75.75 0 0 0 7.25 8h-3a.75.75 0 0 0-.75.75V20.5H8zm12 5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75v6.75H20z' opacity='.7'/%3E%3Cpath fill='black' d='M1.75 20.5a.75.75 0 0 0 0 1.5h20a.75.75 0 0 0 0-1.5z' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--chat-dots-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13.629 20.472l-.542.916c-.483.816-1.69.816-2.174 0l-.542-.916c-.42-.71-.63-1.066-.968-1.262c-.338-.197-.763-.204-1.613-.219c-1.256-.021-2.043-.098-2.703-.372a5 5 0 0 1-2.706-2.706C2 14.995 2 13.83 2 11.5v-1c0-3.273 0-4.91.737-6.112a5 5 0 0 1 1.65-1.651C5.59 2 7.228 2 10.5 2h3c3.273 0 4.91 0 6.113.737a5 5 0 0 1 1.65 1.65C22 5.59 22 7.228 22 10.5v1c0 2.33 0 3.495-.38 4.413a5 5 0 0 1-2.707 2.706c-.66.274-1.447.35-2.703.372c-.85.015-1.275.022-1.613.219c-.338.196-.548.551-.968 1.262' opacity='.5'/%3E%3Cpath fill='black' d='M17 11a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-4 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-4 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0'/%3E%3C/svg%3E")
    }

    .solar--chat-round-dots-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1S1 5.925 1 12c0 1.76.413 3.423 1.148 4.898c.195.392.26.84.147 1.263l-.655 2.448a1.43 1.43 0 0 0 1.75 1.751l2.45-.655a1.8 1.8 0 0 1 1.262.147A10.96 10.96 0 0 0 12 23' opacity='.5'/%3E%3Cpath fill='black' d='M10.9 12a1.1 1.1 0 1 0 2.2 0a1.1 1.1 0 0 0-2.2 0m-4.4 0a1.1 1.1 0 1 0 2.2 0a1.1 1.1 0 0 0-2.2 0m8.8 0a1.1 1.1 0 1 0 2.2 0a1.1 1.1 0 0 0-2.2 0'/%3E%3C/svg%3E")
    }

    .solar--chat-round-dots-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round'%3E%3Cpath stroke-width='1.5' d='M17 3.338A9.95 9.95 0 0 0 12 2C6.477 2 2 6.477 2 12c0 1.6.376 3.112 1.043 4.453c.178.356.237.763.134 1.148l-.595 2.226a1.3 1.3 0 0 0 1.591 1.592l2.226-.596a1.63 1.63 0 0 1 1.149.133A9.96 9.96 0 0 0 12 22c5.523 0 10-4.477 10-10c0-1.821-.487-3.53-1.338-5'/%3E%3Cpath stroke-linejoin='round' stroke-width='2' d='M8 12h.009m3.982 0H12m3.991 0H16'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--check-circle-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10' opacity='.5'/%3E%3Cpath fill='black' d='M16.03 8.97a.75.75 0 0 1 0 1.06l-5 5a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06l1.47 1.47l2.235-2.235L14.97 8.97a.75.75 0 0 1 1.06 0'/%3E%3C/svg%3E")
    }

    .solar--check-circle-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath stroke-linejoin='round' d='m8.5 12.5l2 2l5-5'/%3E%3Cpath d='M7 3.338A9.95 9.95 0 0 1 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12c0-1.821.487-3.53 1.338-5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--clock-circle-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10' opacity='.5'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 7.25a.75.75 0 0 1 .75.75v3.69l2.28 2.28a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1-.22-.53V8a.75.75 0 0 1 .75-.75' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--cloud-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M22 14.353C22 17.472 19.442 20 16.286 20h-5.787a7.5 7.5 0 0 1 7.487-11.853q.119.422.17.868C20.392 9.78 22 11.881 22 14.353' clip-rule='evenodd' opacity='.5'/%3E%3Cpath fill='black' d='M12.476 4C9.32 4 6.762 6.528 6.762 9.647c0 .69.125 1.35.354 1.962a4.4 4.4 0 0 0-.83-.08C3.919 11.53 2 13.426 2 15.765S3.919 20 6.286 20H10.5a7.5 7.5 0 0 1 7.487-11.853l-.047-.158C17.224 5.68 15.048 4 12.476 4'/%3E%3C/svg%3E")
    }

    .solar--cloud-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5' d='M22 14.353C22 17.472 19.442 20 16.286 20H11m3.381-10.973a5.8 5.8 0 0 1 1.905-.321c.654 0 1.283.109 1.87.309m-11.04 2.594a4.4 4.4 0 0 0-.83-.08C3.919 11.53 2 13.426 2 15.765S3.919 20 6.286 20H7m.116-8.391a5.6 5.6 0 0 1-.354-1.962C6.762 6.528 9.32 4 12.476 4c2.94 0 5.361 2.194 5.68 5.015m-11.04 2.594a4.3 4.3 0 0 1 1.55.634m9.49-3.228A5.7 5.7 0 0 1 20 10.061'/%3E%3C/svg%3E")
    }

    .solar--cloud-plus-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.5 18v-.09c0-.865 0-1.659.087-2.304c.095-.711.32-1.463.938-2.08c.618-.619 1.37-.844 2.08-.94c.646-.086 1.44-.086 2.306-.086h.178c.866 0 1.66 0 2.305.087c.711.095 1.463.32 2.08.938c.619.618.844 1.37.94 2.08c.085.637.086 1.416.086 2.267c2.573-.55 4.5-2.812 4.5-5.52c0-2.47-1.607-4.572-3.845-5.337C17.837 4.194 15.415 2 12.476 2C9.32 2 6.762 4.528 6.762 7.647c0 .69.125 1.35.354 1.962a4.4 4.4 0 0 0-.83-.08C3.919 9.53 2 11.426 2 13.765S3.919 18 6.286 18z' opacity='.5'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 22c-1.886 0-2.828 0-3.414-.586S8 19.886 8 18s0-2.828.586-3.414S10.114 14 12 14s2.828 0 3.414.586S16 16.114 16 18s0 2.828-.586 3.414S13.886 22 12 22m.667-5.778a.667.667 0 0 0-1.334 0v1.111h-1.11a.667.667 0 0 0 0 1.334h1.11v1.11a.667.667 0 0 0 1.334 0v-1.11h1.11a.667.667 0 0 0 0-1.334h-1.11z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--compass-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10' opacity='.5'/%3E%3Cpath fill='black' d='M13.024 14.56c.493-.197.739-.296.932-.465q.075-.065.139-.139c.17-.193.268-.44.465-.932c.924-2.31 1.386-3.465.938-4.124a1.5 1.5 0 0 0-.398-.398c-.66-.448-1.814.014-4.124.938c-.493.197-.74.295-.933.465q-.074.065-.138.139c-.17.193-.268.44-.465.932c-.924 2.31-1.386 3.464-.938 4.124a1.5 1.5 0 0 0 .398.398c.66.448 1.814-.014 4.124-.938'/%3E%3C/svg%3E")
    }

    .solar--compass-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M13.024 14.56c-2.31.924-3.465 1.386-4.124.938a1.5 1.5 0 0 1-.398-.398c-.448-.66.014-1.814.938-4.124c.197-.493.295-.74.465-.933q.065-.074.139-.138c.193-.17.44-.268.932-.465c2.31-.924 3.464-1.386 4.124-.938a1.5 1.5 0 0 1 .398.398c.448.66-.014 1.814-.938 4.124c-.197.493-.296.739-.465.932a2 2 0 0 1-.139.139c-.193.17-.44.268-.932.465Z'/%3E%3Cpath stroke-linecap='round' d='M7 3.338A9.95 9.95 0 0 1 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12c0-1.821.487-3.53 1.338-5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--compass-square-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M13.024 14.56c-2.31.924-3.465 1.386-4.124.938a1.5 1.5 0 0 1-.398-.398c-.448-.66.014-1.814.938-4.124c.197-.493.295-.74.465-.933q.065-.074.139-.138c.193-.17.44-.268.932-.465c2.31-.924 3.464-1.386 4.124-.938a1.5 1.5 0 0 1 .398.398c.448.66-.014 1.814-.938 4.124c-.197.493-.296.739-.465.932a2 2 0 0 1-.139.139c-.193.17-.44.268-.932.465Z'/%3E%3Cpath stroke-linecap='round' d='M22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464c.974.974 1.3 2.343 1.41 4.536'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--cpu-bolt-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.18 9.18c.054-.052.149-.118.451-.159c.323-.043.761-.044 1.439-.044h1.86c.678 0 1.116.001 1.438.044c.303.041.398.107.45.16c.054.053.12.148.16.45c.044.323.045.761.045 1.439v1.86c0 .678-.001 1.116-.045 1.438c-.04.303-.106.398-.16.45c-.052.054-.147.12-.45.16c-.322.044-.76.045-1.438.045h-1.86c-.678 0-1.116-.001-1.439-.045c-.302-.04-.397-.106-.45-.16c-.053-.052-.119-.147-.16-.45c-.043-.322-.044-.76-.044-1.438v-1.86c0-.678.001-1.116.044-1.439c.041-.302.107-.397.16-.45' opacity='.5'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M12.698 2.698a.698.698 0 0 0-1.396 0v2.79q-.764 0-1.395.017V2.698a.698.698 0 0 0-1.395 0v2.79q0 .056.008.108c-.936.115-1.585.353-2.078.846s-.731 1.142-.846 2.078a1 1 0 0 0-.108-.008h-2.79a.698.698 0 0 0 0 1.395h2.807q-.016.63-.016 1.395H2.698a.698.698 0 0 0 0 1.396h2.79q0 .764.017 1.395H2.698a.698.698 0 0 0 0 1.395h2.79a1 1 0 0 0 .108-.008c.115.936.353 1.585.846 2.078s1.142.731 2.078.846a1 1 0 0 0-.008.108v2.79a.698.698 0 0 0 1.395 0v-2.807q.63.016 1.395.016v2.791a.698.698 0 0 0 1.396 0v-2.79q.764 0 1.395-.017v2.807a.698.698 0 0 0 1.395 0v-2.79a1 1 0 0 0-.008-.108c.936-.115 1.585-.353 2.078-.846s.731-1.142.846-2.078q.053.009.108.008h2.79a.698.698 0 0 0 0-1.395h-2.807q.016-.63.016-1.395h2.791a.698.698 0 0 0 0-1.396h-2.79q0-.764-.017-1.395h2.807a.698.698 0 0 0 0-1.395h-2.79a1 1 0 0 0-.108.008c-.115-.936-.353-1.585-.846-2.078s-1.142-.731-2.078-.846a1 1 0 0 0 .008-.108v-2.79a.698.698 0 0 0-1.395 0v2.807a56 56 0 0 0-1.395-.016zm-3.252 4.94c.426-.057.96-.057 1.578-.057h1.952c.619 0 1.151 0 1.578.058c.458.061.896.2 1.252.555c.355.356.494.794.555 1.252c.058.426.058.96.058 1.578v1.952c0 .619 0 1.151-.058 1.578c-.061.458-.2.896-.555 1.252c-.356.355-.794.494-1.252.555c-.427.058-.96.058-1.578.058h-1.952c-.619 0-1.152 0-1.578-.058c-.458-.061-.896-.2-1.252-.555c-.355-.356-.494-.794-.555-1.252c-.058-.427-.058-.96-.058-1.578v-1.952c0-.619 0-1.152.058-1.578c.061-.458.2-.896.555-1.252c.356-.355.794-.494 1.252-.555' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M12.966 10.545a.698.698 0 0 0-1.135-.811l-1.329 1.86a.698.698 0 0 0 .568 1.103h.505l-.541.758a.698.698 0 1 0 1.135.81l1.329-1.86a.698.698 0 0 0-.568-1.103h-.505z'/%3E%3C/svg%3E")
    }

    .solar--database-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 10c4.418 0 8-1.79 8-4s-3.582-4-8-4s-8 1.79-8 4s3.582 4 8 4'/%3E%3Cpath fill='black' d='M4 12v6c0 2.21 3.582 4 8 4s8-1.79 8-4v-6c0 2.21-3.582 4-8 4s-8-1.79-8-4' opacity='.5'/%3E%3Cpath fill='black' d='M4 6v6c0 2.21 3.582 4 8 4s8-1.79 8-4V6c0 2.21-3.582 4-8 4S4 8.21 4 6' opacity='.7'/%3E%3C/svg%3E")
    }

    .solar--database-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' d='M4 18V6m16 6v6'/%3E%3Cpath d='M12 10c4.418 0 8-1.79 8-4s-3.582-4-8-4s-8 1.79-8 4s3.582 4 8 4Z'/%3E%3Cpath stroke-linecap='round' d='M20 12c0 2.21-3.582 4-8 4s-8-1.79-8-4'/%3E%3Cpath d='M20 18c0 2.21-3.582 4-8 4s-8-1.79-8-4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--document-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 10c0-3.771 0-5.657 1.172-6.828S7.229 2 11 2h2c3.771 0 5.657 0 6.828 1.172S21 6.229 21 10v4c0 3.771 0 5.657-1.172 6.828S16.771 22 13 22h-2c-3.771 0-5.657 0-6.828-1.172S3 17.771 3 14z' opacity='.5'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M7.25 10A.75.75 0 0 1 8 9.25h8a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75m0 4a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--download-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M8 22h8c2.828 0 4.243 0 5.121-.878C22 20.242 22 18.829 22 16v-1c0-2.828 0-4.242-.879-5.121c-.768-.768-1.946-.865-4.121-.877m-10 0c-2.175.012-3.353.109-4.121.877C2 10.758 2 12.172 2 15v1c0 2.829 0 4.243.879 5.122c.3.3.662.497 1.121.627'/%3E%3Cpath stroke-linejoin='round' d='M12 2v13m0 0l-3-3.5m3 3.5l3-3.5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--file-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath fill='black' d='M2.75 10a.75.75 0 0 0-1.5 0zm18.5 4a.75.75 0 0 0 1.5 0zm-5.857-9.946l-.502.557zm3.959 3.563l-.502.557zm2.302 2.537l-.685.305zM3.172 20.828l.53-.53zm17.656 0l-.53-.53zM1.355 5.927a.75.75 0 0 0 1.493.146zm21.29 12.146a.75.75 0 1 0-1.493-.146zM14 21.25h-4v1.5h4zM2.75 14v-4h-1.5v4zm18.5-.437V14h1.5v-.437zM14.891 4.61l3.959 3.563l1.003-1.115l-3.958-3.563zm7.859 8.952c0-1.689.015-2.758-.41-3.714l-1.371.61c.266.598.281 1.283.281 3.104zm-3.9-5.389c1.353 1.218 1.853 1.688 2.119 2.285l1.37-.61c-.426-.957-1.23-1.66-2.486-2.79zM10.03 2.75c1.582 0 2.179.012 2.71.216l.538-1.4c-.852-.328-1.78-.316-3.248-.316zm5.865.746c-1.086-.977-1.765-1.604-2.617-1.93l-.537 1.4c.532.204.98.592 2.15 1.645zM10 21.25c-1.907 0-3.261-.002-4.29-.14c-1.005-.135-1.585-.389-2.008-.812l-1.06 1.06c.748.75 1.697 1.081 2.869 1.239c1.15.155 2.625.153 4.489.153zM1.25 14c0 1.864-.002 3.338.153 4.489c.158 1.172.49 2.121 1.238 2.87l1.06-1.06c-.422-.424-.676-1.004-.811-2.01c-.138-1.027-.14-2.382-.14-4.289zM14 22.75c1.864 0 3.338.002 4.489-.153c1.172-.158 2.121-.49 2.87-1.238l-1.06-1.06c-.424.422-1.004.676-2.01.811c-1.027.138-2.382.14-4.289.14zm-3.97-21.5c-1.875 0-3.356-.002-4.511.153c-1.177.158-2.129.49-2.878 1.238l1.06 1.06c.424-.422 1.005-.676 2.017-.811c1.033-.138 2.395-.14 4.312-.14zM2.848 6.073c.121-1.234.382-1.9.854-2.371l-1.06-1.06c-.836.834-1.153 1.919-1.287 3.285zm18.304 11.854c-.121 1.234-.383 1.9-.854 2.371l1.06 1.06c.836-.834 1.153-1.919 1.287-3.285z'/%3E%3Cpath stroke='black' stroke-width='1.5' d='M13 2.5V5c0 2.357 0 3.536.732 4.268S15.643 10 18 10h4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--flag-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M6.5 1.75a.75.75 0 0 0-1.5 0v20a.75.75 0 0 0 1.5 0z' clip-rule='evenodd' opacity='.5'/%3E%3Cpath fill='black' d='m13.349 3.79l-.204-.082a8.7 8.7 0 0 0-4.924-.452L6.5 3.6v10l1.72-.344a8.7 8.7 0 0 1 4.925.452a8.68 8.68 0 0 0 5.327.361l.214-.053a1.404 1.404 0 0 0 1.064-1.362V5.287a1.2 1.2 0 0 0-1.49-1.164a8 8 0 0 1-4.911-.334'/%3E%3C/svg%3E")
    }

    .solar--flag-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5' d='M5 22v-8m0 0l2.47-.494a8.7 8.7 0 0 1 4.925.452a8.68 8.68 0 0 0 5.327.361l.214-.053A1.404 1.404 0 0 0 19 12.904V5.537a1.2 1.2 0 0 0-1.49-1.164a8 8 0 0 1-4.911-.334l-.204-.081a8.7 8.7 0 0 0-4.924-.452L5 4m0 10v-3m0-7V2m0 2v3'/%3E%3C/svg%3E")
    }

    .solar--folder-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 14v-2.202c0-2.632 0-3.949-.77-4.804a3 3 0 0 0-.224-.225C20.151 6 18.834 6 16.202 6h-.374c-1.153 0-1.73 0-2.268-.153a4 4 0 0 1-.848-.352C12.224 5.224 11.816 4.815 11 4l-.55-.55c-.274-.274-.41-.41-.554-.53a4 4 0 0 0-2.18-.903C7.53 2 7.336 2 6.95 2c-.883 0-1.324 0-1.692.07A4 4 0 0 0 2.07 5.257C2 5.626 2 6.068 2 6.95V14c0 3.771 0 5.657 1.172 6.828S6.229 22 10 22h4c3.771 0 5.657 0 6.828-1.172S22 17.771 22 14' opacity='.5'/%3E%3Cpath fill='black' d='M12.25 10a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75'/%3E%3C/svg%3E")
    }

    .solar--folder-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5' d='M18 10h-5m9 1.798c0-2.632 0-3.949-.77-4.804a3 3 0 0 0-.224-.225C20.151 6 18.834 6 16.202 6h-.374c-1.153 0-1.73 0-2.268-.153a4 4 0 0 1-.848-.352C12.224 5.224 11.816 4.815 11 4l-.55-.55c-.274-.274-.41-.41-.554-.53a4 4 0 0 0-2.18-.903C7.53 2 7.336 2 6.95 2c-.883 0-1.324 0-1.692.07A4 4 0 0 0 2.07 5.257C2 5.626 2 6.068 2 6.95M21.991 16c-.036 2.48-.22 3.885-1.163 4.828C19.657 22 17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14v-3'/%3E%3C/svg%3E")
    }

    .solar--folder-open-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M3.358 12.779c-.61.941-.358 2.25.145 4.868c.363 1.885.544 2.827 1.172 3.452q.246.244.544.429C5.982 22 6.995 22 9.022 22h6.956c2.027 0 3.04 0 3.803-.472q.298-.185.544-.429c.628-.625.81-1.567 1.172-3.452c.503-2.618.755-3.927.145-4.868a3 3 0 0 0-.57-.646c-.87-.735-2.279-.735-5.094-.735H9.022c-2.815 0-4.223 0-5.094.735a3 3 0 0 0-.57.646m6.337 4.402c0-.4.343-.723.765-.723h4.08c.422 0 .765.323.765.723s-.343.723-.765.723h-4.08c-.422 0-.765-.324-.765-.723' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M3.576 12.485q.16-.19.352-.352c.87-.735 2.279-.735 5.094-.735h6.956c2.815 0 4.223 0 5.094.735q.192.162.353.353v-2.73c0-.91 0-1.663-.086-2.264c-.09-.635-.286-1.197-.755-1.66a3 3 0 0 0-.242-.214c-.512-.408-1.125-.575-1.82-.652c-.669-.074-1.512-.074-2.545-.074h-.353c-.982 0-1.334-.006-1.653-.087a2.7 2.7 0 0 1-.536-.196c-.284-.14-.532-.351-1.227-.968l-.474-.42c-.2-.176-.335-.296-.48-.403a4.3 4.3 0 0 0-2.183-.803A8 8 0 0 0 8.414 2h-.117c-.64 0-1.063 0-1.43.061c-1.605.268-2.903 1.39-3.22 2.875c-.071.337-.071.724-.07 1.283z' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--gamepad-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10.667 6.134l-.502-.355A4.24 4.24 0 0 0 7.715 5h-.612c-.405 0-.813.025-1.194.16c-2.383.846-4.022 3.935-3.903 10.943c.024 1.412.354 2.972 1.628 3.581A3.2 3.2 0 0 0 5.027 20a2.74 2.74 0 0 0 1.53-.437c.41-.268.77-.616 1.13-.964c.444-.43.888-.86 1.424-1.138a4.1 4.1 0 0 1 1.89-.461H13c.658 0 1.306.158 1.89.46c.536.279.98.709 1.425 1.139c.36.348.72.696 1.128.964c.39.256.895.437 1.531.437a3.2 3.2 0 0 0 1.393-.316c1.274-.609 1.604-2.17 1.628-3.581c.119-7.008-1.52-10.097-3.903-10.942C17.71 5.025 17.3 5 16.897 5h-.612a4.24 4.24 0 0 0-2.45.78l-.502.354a2.31 2.31 0 0 1-2.666 0' opacity='.5'/%3E%3Cpath fill='black' d='M16.75 9a.75.75 0 1 1 0 1.5a.75.75 0 0 1 0-1.5m-9.25.25a.75.75 0 0 1 .75.75v.75H9a.75.75 0 0 1 0 1.5h-.75V13a.75.75 0 0 1-1.5 0v-.75H6a.75.75 0 0 1 0-1.5h.75V10a.75.75 0 0 1 .75-.75m11.5 2a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m-3.75.75a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m2.25.75a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0'/%3E%3C/svg%3E")
    }

    .solar--gamepad-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M21.22 8c-.689-2.184-1.792-3.365-3.13-3.84c-.38-.135-.788-.16-1.193-.16h-.612a4.24 4.24 0 0 0-2.45.78l-.502.354a2.31 2.31 0 0 1-2.666 0l-.502-.355A4.24 4.24 0 0 0 7.715 4h-.612c-.405 0-.813.025-1.194.16c-2.383.846-4.022 3.935-3.903 10.943c.024 1.412.354 2.972 1.628 3.581A3.2 3.2 0 0 0 5.027 19a2.74 2.74 0 0 0 1.53-.437c.915-.599 1.584-1.6 2.554-2.102a4.1 4.1 0 0 1 1.89-.461H13c.658 0 1.306.158 1.89.46c.97.504 1.64 1.504 2.553 2.103c.39.256.895.437 1.531.437a3.2 3.2 0 0 0 1.393-.316c1.274-.609 1.604-2.17 1.628-3.581A35 35 0 0 0 21.918 12M7.5 9v3M6 10.5h3'/%3E%3Cpath fill='black' d='M19 10.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m-3 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0M16.75 8a.75.75 0 1 1 0 1.5a.75.75 0 0 1 0-1.5m0 3a.75.75 0 1 1 0 1.5a.75.75 0 0 1 0-1.5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--globus-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='10' r='7' fill='black' opacity='.5'/%3E%3Cpath fill='black' d='M9.602 8.213C9.471 6.754 8.346 5.395 7.8 4.897l-.302-.258A6.97 6.97 0 0 1 12 3c1.55 0 2.98.503 4.14 1.356c.164.497-.148 1.536-.475 2.033c-.12.18-.388.404-.683.616c-.666.478-1.505.715-1.932 1.595a1 1 0 0 0-.058.711c.042.154.069.321.07.485c0 .528-.534.91-1.062.904c-1.375-.015-2.275-1.123-2.398-2.487m3.404 6.181c.691-1.304 2.997-1.304 2.997-1.304c2.402-.025 2.727-1.484 2.944-2.22a7.004 7.004 0 0 1-5.975 6.063c-.226-.475-.493-1.546.034-2.54'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M18.004 1.5a.75.75 0 0 1 1.058-.059a11.04 11.04 0 0 1 3.688 8.246c0 5.751-4.389 10.478-10 11.013v.55H14a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5h1.25v-.509a11.04 11.04 0 0 1-7.809-3.678a.75.75 0 1 1 1.118-1a9.54 9.54 0 0 0 7.128 3.187a9.563 9.563 0 0 0 9.563-9.563a9.54 9.54 0 0 0-3.188-7.128a.75.75 0 0 1-.059-1.06' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--hand-money-bold {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.26 21.388H6c-.943 0-1.414 0-1.707-.293C4 20.804 4 20.332 4 19.389v-1.112c0-.518 0-.777.133-1.009s.334-.348.736-.582c2.646-1.539 6.403-2.405 8.91-.91q.253.151.45.368a1.49 1.49 0 0 1-.126 2.134a1 1 0 0 1-.427.24q.18-.021.345-.047c.911-.145 1.676-.633 2.376-1.162l1.808-1.365a1.89 1.89 0 0 1 2.22 0c.573.433.749 1.146.386 1.728c-.423.678-1.019 1.545-1.591 2.075s-1.426 1.004-2.122 1.34c-.772.373-1.624.587-2.491.728c-1.758.284-3.59.24-5.33-.118a15 15 0 0 0-3.017-.308m.326-18.803c-.367.367-.504.873-.555 1.664A2.25 2.25 0 0 0 8.25 2.03c-.79.052-1.297.189-1.664.556m10.828 0c-.367-.367-.873-.504-1.664-.555a2.25 2.25 0 0 0 2.22 2.219c-.052-.79-.189-1.297-.556-1.664m0 6.828c-.367.367-.873.504-1.664.555a2.25 2.25 0 0 1 2.22-2.219c-.052.79-.189 1.297-.556 1.664m-10.828 0c.367.367.873.504 1.664.555A2.25 2.25 0 0 0 6.03 7.75c.052.79.189 1.297.556 1.664'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M6 5.75A3.75 3.75 0 0 0 9.75 2h4.5A3.75 3.75 0 0 0 18 5.75v.5A3.75 3.75 0 0 0 14.25 10h-4.5A3.75 3.75 0 0 0 6 6.25zM12 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--hand-money-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.26 21.388H6c-.943 0-1.414 0-1.707-.293C4 20.804 4 20.332 4 19.389v-1.112c0-.518 0-.777.133-1.009s.334-.348.736-.582c2.646-1.539 6.403-2.405 8.91-.91q.253.151.45.368a1.49 1.49 0 0 1-.126 2.134a1 1 0 0 1-.427.24q.18-.021.345-.047c.911-.145 1.676-.633 2.376-1.162l1.808-1.365a1.89 1.89 0 0 1 2.22 0c.573.433.749 1.146.386 1.728c-.423.678-1.019 1.545-1.591 2.075s-1.426 1.004-2.122 1.34c-.772.373-1.624.587-2.491.728c-1.758.284-3.59.24-5.33-.118a15 15 0 0 0-3.017-.308' opacity='.5'/%3E%3Cpath fill='black' d='M6.586 2.586c-.367.367-.504.873-.555 1.664A2.25 2.25 0 0 0 8.25 2.03c-.79.052-1.297.189-1.664.556m10.828 0c-.367-.367-.873-.504-1.664-.555a2.25 2.25 0 0 0 2.22 2.219c-.052-.79-.189-1.297-.556-1.664m0 6.828c-.367.367-.873.504-1.664.555a2.25 2.25 0 0 1 2.22-2.219c-.052.79-.189 1.297-.556 1.664m-10.828 0c.367.367.873.504 1.664.555A2.25 2.25 0 0 0 6.03 7.75c.052.79.189 1.297.556 1.664'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M6 5.75A3.75 3.75 0 0 0 9.75 2h4.5A3.75 3.75 0 0 0 18 5.75v.5A3.75 3.75 0 0 0 14.25 10h-4.5A3.75 3.75 0 0 0 6 6.25zM12 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--heart-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M8.106 18.247C5.298 16.083 2 13.542 2 9.137C2 4.274 7.5.825 12 5.501V20.5c-1 0-2-.77-3.038-1.59q-.417-.326-.856-.663' clip-rule='evenodd' opacity='.5'/%3E%3Cpath fill='black' d='M15.038 18.91C17.981 16.592 22 14 22 9.138S16.5.825 12 5.501V20.5c1 0 2-.77 3.038-1.59'/%3E%3C/svg%3E")
    }

    .solar--heart-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.962 18.91l.464-.588zM12 5.5l-.54.52a.75.75 0 0 0 1.08 0zm3.038 13.41l.465.59zm-8.037-2.49a.75.75 0 0 0-.954 1.16zm-4.659-3.009a.75.75 0 1 0 1.316-.72zm.408-4.274c0-2.15 1.215-3.954 2.874-4.713c1.612-.737 3.778-.541 5.836 1.597l1.08-1.04C10.1 2.444 7.264 2.025 5 3.06C2.786 4.073 1.25 6.425 1.25 9.137zM8.497 19.5c.513.404 1.063.834 1.62 1.16s1.193.59 1.883.59v-1.5c-.31 0-.674-.12-1.126-.385c-.453-.264-.922-.628-1.448-1.043zm7.006 0c1.426-1.125 3.25-2.413 4.68-4.024c1.457-1.64 2.567-3.673 2.567-6.339h-1.5c0 2.198-.9 3.891-2.188 5.343c-1.315 1.48-2.972 2.647-4.488 3.842zM22.75 9.137c0-2.712-1.535-5.064-3.75-6.077c-2.264-1.035-5.098-.616-7.54 1.92l1.08 1.04c2.058-2.137 4.224-2.333 5.836-1.596c1.659.759 2.874 2.562 2.874 4.713zm-8.176 9.185c-.526.415-.995.779-1.448 1.043s-.816.385-1.126.385v1.5c.69 0 1.326-.265 1.883-.59c.558-.326 1.107-.756 1.62-1.16zm-5.148 0c-.796-.627-1.605-1.226-2.425-1.901l-.954 1.158c.83.683 1.708 1.335 2.45 1.92zm-5.768-5.63a7.25 7.25 0 0 1-.908-3.555h-1.5c0 1.638.42 3.046 1.092 4.275z'/%3E%3C/svg%3E")
    }

    .solar--heart-pulse-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 9.26c0 3.748 4.02 7.711 6.962 10.11C10.294 20.458 10.96 21 12 21s1.706-.543 3.038-1.63C17.981 16.972 22 13.009 22 9.26C22 3.35 16.5.663 12 5.5C7.5.663 2 3.349 2 9.26' opacity='.5'/%3E%3Cpath fill='black' d='M10.093 10.747q.133-.191.23-.325c.056.097.119.21.194.348l1.71 3.109c.166.302.33.598.493.813c.175.23.482.546.975.555s.813-.294.996-.518c.172-.208.345-.498.523-.794l.055-.092c.221-.368.36-.598.483-.764c.113-.154.179-.204.228-.231s.125-.058.315-.077c.206-.02.474-.02.904-.02H18a.75.75 0 0 0 0-1.5h-.834c-.387 0-.73 0-1.016.027a2.2 2.2 0 0 0-.91.264a2.2 2.2 0 0 0-.694.644c-.171.232-.347.525-.546.857l-.048.08c-.087.144-.159.264-.224.368l-.21-.377l-1.709-3.108c-.154-.28-.307-.56-.463-.764c-.17-.224-.462-.52-.93-.545c-.467-.025-.789.237-.982.442c-.177.186-.36.448-.543.71l-.31.442c-.227.324-.37.526-.493.672a.8.8 0 0 1-.223.203c-.046.024-.118.05-.293.066c-.19.018-.438.018-.834.018H6a.75.75 0 0 0 0 1.5h.768c.357 0 .674 0 .94-.024c.29-.026.571-.085.85-.23c.28-.145.489-.343.676-.564c.173-.205.354-.464.559-.757z'/%3E%3C/svg%3E")
    }

    .solar--home-2-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 12.204c0-2.289 0-3.433.52-4.381c.518-.949 1.467-1.537 3.364-2.715l2-1.241C9.889 2.622 10.892 2 12 2s2.11.622 4.116 1.867l2 1.241c1.897 1.178 2.846 1.766 3.365 2.715S22 9.915 22 12.203v1.522c0 3.9 0 5.851-1.172 7.063S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.212S2 17.626 2 13.725z' opacity='.5'/%3E%3Cpath fill='black' d='M11.25 18a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-1.5 0z'/%3E%3C/svg%3E")
    }

    .solar--home-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cdefs%3E%3Cpath id='SVG1WEi9bFG' d='M10.75 9.5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0'/%3E%3C/defs%3E%3Cpath fill='black' fill-rule='evenodd' d='m21.532 11.586l-.782-.626v10.29H22a.75.75 0 0 1 0 1.5H2a.75.75 0 1 1 0-1.5h1.25V10.96l-.781.626a.75.75 0 1 1-.937-1.172l8.125-6.5a3.75 3.75 0 0 1 4.686 0l8.125 6.5a.75.75 0 1 1-.936 1.172M12 6.75a2.75 2.75 0 1 0 0 5.5a2.75 2.75 0 0 0 0-5.5m1.746 6.562c-.459-.062-1.032-.062-1.697-.062h-.098c-.665 0-1.238 0-1.697.062c-.491.066-.963.215-1.345.597s-.531.854-.597 1.345c-.062.459-.062 1.032-.062 1.697v4.299h7.5v-4.423c0-.612-.004-1.143-.062-1.573c-.066-.491-.215-.963-.597-1.345s-.853-.531-1.345-.597' clip-rule='evenodd'/%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd' opacity='.5'%3E%3Cuse href='%23SVG1WEi9bFG'/%3E%3Cuse href='%23SVG1WEi9bFG'/%3E%3C/g%3E%3Cpath fill='black' d='M12.05 13.25c.664 0 1.237 0 1.696.062c.492.066.963.215 1.345.597s.531.853.597 1.345c.058.43.062.96.062 1.573v4.423h-7.5v-4.3c0-.664 0-1.237.062-1.696c.066-.492.215-.963.597-1.345s.854-.531 1.345-.597c.459-.062 1.032-.062 1.697-.062zM16 3h2.5a.5.5 0 0 1 .5.5v4.14l-3.5-2.8V3.5A.5.5 0 0 1 16 3' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--home-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' d='M22 22H2m0-11l4.063-3.25M22 11l-8.126-6.5a3 3 0 0 0-3.748 0l-.782.625M15.5 5.5v-2A.5.5 0 0 1 16 3h2.5a.5.5 0 0 1 .5.5v5M4 22V9.5m16 0v4m0 8.5v-4.5'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 22v-5c0-1.414 0-2.121-.44-2.56C14.122 14 13.415 14 12 14s-2.121 0-2.56.44M9 22v-5'/%3E%3Cpath d='M14 9.5a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--key-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M22 8.293c0 3.476-2.83 6.294-6.32 6.294c-.636 0-2.086-.146-2.791-.732l-.882.878c-.519.517-.379.669-.148.919c.096.105.208.226.295.399c0 0 .735 1.024 0 2.049c-.441.585-1.676 1.404-3.086 0l-.294.292s.881 1.025.147 2.05c-.441.585-1.617 1.17-2.646.146l-1.028 1.024c-.706.703-1.568.293-1.91 0l-.883-.878c-.823-.82-.343-1.708 0-2.05l7.642-7.61s-.735-1.17-.735-2.78c0-3.476 2.83-6.294 6.32-6.294S22 4.818 22 8.293' clip-rule='evenodd' opacity='.5'/%3E%3Cpath fill='black' d='M17.885 8.294a2.2 2.2 0 0 1-2.204 2.195a2.2 2.2 0 0 1-2.204-2.195a2.2 2.2 0 0 1 2.204-2.196a2.2 2.2 0 0 1 2.204 2.196'/%3E%3C/svg%3E")
    }

    .solar--key-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.067 5c.592.958.933 2.086.933 3.293c0 3.476-2.83 6.294-6.32 6.294c-.636 0-2.086-.146-2.791-.732l-.882.878c-.735.732-.147.732.147 1.317c0 0 .735 1.025 0 2.05c-.441.585-1.676 1.404-3.086 0l-.294.292s.881 1.025.147 2.05c-.441.585-1.617 1.17-2.646.146l-1.028 1.024c-.706.703-1.568.293-1.91 0l-.883-.878c-.823-.82-.343-1.708 0-2.05l7.642-7.61s-.735-1.17-.735-2.78c0-3.476 2.83-6.294 6.32-6.294c.819 0 1.601.155 2.319.437'/%3E%3Cpath d='M17.885 8.294a2.2 2.2 0 0 1-2.204 2.195a2.2 2.2 0 0 1-2.205-2.195a2.2 2.2 0 0 1 2.205-2.196a2.2 2.2 0 0 1 2.204 2.196Z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--laptop-2-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.5 2h5c2.828 0 4.243 0 5.121.879c.879.878.879 2.293.879 5.121v7h-3.833a3.5 3.5 0 0 0-2.1.7l-.934.7a.5.5 0 0 1-.3.1h-2.666a.5.5 0 0 1-.3-.1l-.934-.7a3.5 3.5 0 0 0-2.1-.7H3.5V8c0-2.828 0-4.243.879-5.121C5.257 2 6.672 2 9.5 2' opacity='.5'/%3E%3Cpath fill='black' d='M5 22h14a3 3 0 0 0 3-3v-1.5a1 1 0 0 0-1-1h-4.333a2 2 0 0 0-1.2.4l-.934.7a2 2 0 0 1-1.2.4h-2.666a2 2 0 0 1-1.2-.4l-.934-.7a2 2 0 0 0-1.2-.4H3a1 1 0 0 0-1 1V19a3 3 0 0 0 3 3'/%3E%3C/svg%3E")
    }

    .solar--laptop-2-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5' d='M20.5 15v-5c0-2.828 0-4.243-.879-5.121C18.743 4 17.328 4 14.5 4H14M3.5 15v-5c0-2.828 0-4.243.879-5.121C5.257 4 6.672 4 9.5 4h.5m2 16H5a3 3 0 0 1-3-3v-1a1 1 0 0 1 1-1h4.333a2 2 0 0 1 1.2.4l.934.7a2 2 0 0 0 1.2.4h2.666a2 2 0 0 0 1.2-.4l.934-.7a2 2 0 0 1 1.2-.4H21a1 1 0 0 1 1 1v1a3 3 0 0 1-3 3h-3'/%3E%3C/svg%3E")
    }

    .solar--layers-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4.979 9.685C2.993 8.891 2 8.494 2 8s.993-.89 2.979-1.685l2.808-1.123C9.773 4.397 10.767 4 12 4s2.227.397 4.213 1.192l2.808 1.123C21.007 7.109 22 7.506 22 8s-.993.89-2.979 1.685l-2.808 1.124C14.227 11.603 13.233 12 12 12s-2.227-.397-4.213-1.191z'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M2 8c0 .494.993.89 2.979 1.685l2.808 1.124C9.773 11.603 10.767 12 12 12s2.227-.397 4.213-1.191l2.808-1.124C21.007 8.891 22 8.494 22 8s-.993-.89-2.979-1.685l-2.808-1.123C14.227 4.397 13.233 4 12 4s-2.227.397-4.213 1.192L4.98 6.315C2.993 7.109 2 7.506 2 8' clip-rule='evenodd'/%3E%3Cpath fill='black' d='m5.766 10l-.787.315C2.993 11.109 2 11.507 2 12s.993.89 2.979 1.685l2.808 1.124C9.773 15.603 10.767 16 12 16s2.227-.397 4.213-1.191l2.808-1.124C21.007 12.891 22 12.493 22 12s-.993-.89-2.979-1.685L18.234 10l-2.021.809C14.227 11.603 13.233 12 12 12s-2.227-.397-4.213-1.191z' opacity='.7'/%3E%3Cpath fill='black' d='m5.766 14l-.787.315C2.993 15.109 2 15.507 2 16s.993.89 2.979 1.685l2.808 1.124C9.773 19.603 10.767 20 12 20s2.227-.397 4.213-1.192l2.808-1.123C21.007 16.891 22 16.494 22 16c0-.493-.993-.89-2.979-1.685L18.234 14l-2.021.809C14.227 15.603 13.233 16 12 16s-2.227-.397-4.213-1.191z' opacity='.4'/%3E%3C/svg%3E")
    }

    .solar--layers-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' d='M4.979 6.315C2.993 7.109 2 7.506 2 8s.993.89 2.979 1.685l2.808 1.124C9.773 11.603 10.767 12 12 12s2.227-.397 4.213-1.191l2.808-1.124C21.007 8.891 22 8.494 22 8s-.993-.89-2.979-1.685l-2.808-1.123C14.227 4.397 13.233 4 12 4c-.954 0-1.764.237-3 .712'/%3E%3Cpath d='m5.766 10l-.787.315C2.993 11.109 2 11.507 2 12s.993.89 2.979 1.685l2.808 1.124C9.773 15.603 10.767 16 12 16s2.227-.397 4.213-1.191l2.808-1.124C21.007 12.891 22 12.493 22 12s-.993-.89-2.979-1.685L18.234 10'/%3E%3Cpath stroke-linecap='round' d='M19.021 17.685C21.007 16.891 22 16.494 22 16c0-.493-.993-.89-2.979-1.685L18.234 14M5.766 14l-.787.315C2.993 15.109 2 15.507 2 16s.993.89 2.979 1.685l2.808 1.124C9.773 19.603 10.767 20 12 20c.954 0 1.764-.237 3-.712'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--leaf-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 22c-4.418 0-8-3.646-8-8.143c0-4.462 2.553-9.67 6.537-11.531A3.45 3.45 0 0 1 12 2z' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M13.463 2.326A3.45 3.45 0 0 0 12 2v7l4.432-4.432c-.863-.947-1.86-1.724-2.97-2.242' opacity='.3'/%3E%3Cpath fill='black' d='M12 9v5.5l6.614-6.614c-.572-1.22-1.308-2.357-2.182-3.318z' opacity='.4'/%3E%3Cpath fill='black' d='m12 19.5l7.811-7.811a15 15 0 0 0-1.197-3.803L12 14.5z' opacity='.6'/%3E%3Cpath fill='black' d='M19.811 11.689L12 19.5V22c4.418 0 8-3.646 8-8.143c0-.71-.064-1.438-.189-2.168' opacity='.7'/%3E%3C/svg%3E")
    }

    .solar--letter-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14.2 3H9.8C5.652 3 3.577 3 2.289 4.318S1 7.758 1 12s0 6.364 1.289 7.682S5.652 21 9.8 21h4.4c4.148 0 6.223 0 7.511-1.318S23 16.242 23 12s0-6.364-1.289-7.682S18.348 3 14.2 3' opacity='.5'/%3E%3Cpath fill='black' d='M19.128 8.033a.825.825 0 0 0-1.056-1.268l-2.375 1.98c-1.026.855-1.738 1.447-2.34 1.833c-.582.375-.977.5-1.357.5s-.774-.125-1.357-.5c-.601-.386-1.314-.978-2.34-1.834L5.928 6.765a.825.825 0 0 0-1.056 1.268l2.416 2.014c.975.812 1.765 1.47 2.463 1.92c.726.466 1.434.762 2.25.762c.814 0 1.522-.296 2.249-.763c.697-.448 1.487-1.107 2.462-1.92z'/%3E%3C/svg%3E")
    }

    .solar--letter-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M22 12c0 3.771 0 5.657-1.172 6.828S17.771 20 14 20h-4c-3.771 0-5.657 0-6.828-1.172S2 15.771 2 12s0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172c.654.653.943 1.528 1.07 2.828'/%3E%3Cpath d='m18 8l-2.159 1.8c-1.836 1.53-2.755 2.295-3.841 2.295c-.65 0-1.239-.274-2-.82M6 8l.9.75l.9.75'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--lightbulb-bolt-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 9.674C4 5.436 7.358 2 11.5 2S19 5.436 19 9.674a7.74 7.74 0 0 1-2.499 5.72c-.51.467-.889.814-1.157 1.066a15 15 0 0 0-.4.39l-.025.027l-.008.01c-.237.298-.288.375-.318.445s-.053.16-.113.54c-.023.15-.026.406-.026 1.105v.03c0 .409 0 .762-.025 1.051c-.027.306-.087.61-.248.895a2.07 2.07 0 0 1-.75.767c-.278.165-.575.226-.874.254c-.283.026-.628.026-1.028.026h-.058c-.4 0-.745 0-1.028-.026c-.3-.028-.596-.09-.875-.254a2.07 2.07 0 0 1-.749-.767c-.16-.285-.22-.588-.248-.895c-.026-.29-.026-.642-.026-1.051v-.03c0-.699-.002-.955-.026-1.105c-.06-.38-.081-.47-.112-.54c-.03-.07-.081-.147-.318-.446l-.008-.01l-.025-.026l-.088-.09a15 15 0 0 0-.312-.3c-.268-.252-.647-.599-1.157-1.067A7.74 7.74 0 0 1 4 9.674' opacity='.5'/%3E%3Cpath fill='black' d='M13.085 19.675h-3.17q.004.144.014.258c.018.21.05.285.071.323a.7.7 0 0 0 .25.256c.037.021.111.054.316.072c.214.02.496.021.934.021c.437 0 .72 0 .934-.02c.204-.02.279-.052.316-.073a.7.7 0 0 0 .25-.256c.02-.038.052-.114.07-.323q.01-.113.015-.258M12.61 8.177c.307.224.378.66.159.973l-1.178 1.688h1.402a.68.68 0 0 1 .606.378a.71.71 0 0 1-.051.725L11.6 14.73a.67.67 0 0 1-.951.163a.71.71 0 0 1-.159-.973l1.178-1.688h-1.402a.68.68 0 0 1-.606-.379a.71.71 0 0 1 .051-.724l1.948-2.79a.67.67 0 0 1 .951-.163'/%3E%3C/svg%3E")
    }

    .solar--like-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20.27 16.265l.705-4.08a1.666 1.666 0 0 0-1.64-1.95h-5.182a.833.833 0 0 1-.821-.969l.663-4.045a4.8 4.8 0 0 0-.09-1.973a1.64 1.64 0 0 0-1.093-1.137l-.145-.047a1.35 1.35 0 0 0-.993.068c-.34.164-.588.463-.68.818l-.476 1.834a7.6 7.6 0 0 1-.656 1.679c-.416.777-1.058 1.4-1.725 1.975l-1.44 1.24a1.67 1.67 0 0 0-.572 1.406l.813 9.393A1.666 1.666 0 0 0 8.596 22h4.649c3.481 0 6.452-2.426 7.024-5.735'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M2.968 9.485a.75.75 0 0 1 .78.685l.97 11.236a1.237 1.237 0 1 1-2.468.107V10.234a.75.75 0 0 1 .718-.749' clip-rule='evenodd' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--like-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20.975 12.185l-.739-.128zm-.705 4.08l-.74-.128zM6.938 20.477l-.747.065zm-.812-9.393l.747-.064zm7.869-5.863l.74.122zm-.663 4.045l.74.121zm-6.634.411l-.49-.568zm1.439-1.24l.49.569zm2.381-3.653l-.726-.189zm.476-1.834l.726.188zm1.674-.886l-.23.714zm.145.047l.229-.714zM9.862 6.463l.662.353zm4.043-3.215l-.726.188zm-2.23-1.116l-.326-.675zM3.971 21.471l-.748.064zM3 10.234l.747-.064a.75.75 0 0 0-1.497.064zm17.236 1.823l-.705 4.08l1.478.256l.705-4.08zm-6.991 9.193H8.596v1.5h4.649zm-5.56-.837l-.812-9.393l-1.495.129l.813 9.393zm11.846-4.276c-.507 2.93-3.15 5.113-6.286 5.113v1.5c3.826 0 7.126-2.669 7.764-6.357zM13.255 5.1l-.663 4.045l1.48.242l.663-4.044zm-6.067 5.146l1.438-1.24l-.979-1.136L6.21 9.11zm4.056-5.274l.476-1.834l-1.452-.376l-.476 1.833zm1.194-2.194l.145.047l.459-1.428l-.145-.047zm-1.915 4.038a8.4 8.4 0 0 0 .721-1.844l-1.452-.377A7 7 0 0 1 9.2 6.11zm2.06-3.991a.89.89 0 0 1 .596.61l1.452-.376a2.38 2.38 0 0 0-1.589-1.662zm-.863.313a.52.52 0 0 1 .28-.33l-.651-1.351c-.532.256-.932.73-1.081 1.305zm.28-.33a.6.6 0 0 1 .438-.03l.459-1.428a2.1 2.1 0 0 0-1.548.107zm2.154 8.176h5.18v-1.5h-5.18zM4.719 21.406L3.747 10.17l-1.494.129l.971 11.236zm-.969.107V10.234h-1.5v11.279zm-.526.022a.263.263 0 0 1 .263-.285v1.5c.726 0 1.294-.622 1.232-1.344zM14.735 5.343a5.5 5.5 0 0 0-.104-2.284l-1.452.377a4 4 0 0 1 .076 1.664zM8.596 21.25a.916.916 0 0 1-.911-.837l-1.494.129a2.416 2.416 0 0 0 2.405 2.208zm.03-12.244c.68-.586 1.413-1.283 1.898-2.19L9.2 6.109c-.346.649-.897 1.196-1.553 1.76zm13.088 3.307a2.416 2.416 0 0 0-2.38-2.829v1.5c.567 0 1 .512.902 1.073zM3.487 21.25c.146 0 .263.118.263.263h-1.5c0 .682.553 1.237 1.237 1.237zm9.105-12.105a1.583 1.583 0 0 0 1.562 1.84v-1.5a.083.083 0 0 1-.082-.098zm-5.72 1.875a.92.92 0 0 1 .316-.774l-.98-1.137a2.42 2.42 0 0 0-.83 2.04z'/%3E%3C/svg%3E")
    }

    .solar--lock-keyhole-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 16c0-2.828 0-4.243.879-5.121C3.757 10 5.172 10 8 10h8c2.828 0 4.243 0 5.121.879C22 11.757 22 13.172 22 16s0 4.243-.879 5.121C20.243 22 18.828 22 16 22H8c-2.828 0-4.243 0-5.121-.879C2 20.243 2 18.828 2 16' opacity='.5'/%3E%3Cpath fill='black' d='M12 18a2 2 0 1 0 0-4a2 2 0 0 0 0 4M6.75 8a5.25 5.25 0 0 1 10.5 0v2.004c.567.005 1.064.018 1.5.05V8a6.75 6.75 0 0 0-13.5 0v2.055a24 24 0 0 1 1.5-.051z'/%3E%3C/svg%3E")
    }

    .solar--lock-keyhole-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='16' r='2'/%3E%3Cpath stroke-linecap='round' d='M6 10V8q0-.511.083-1M18 10V8A6 6 0 0 0 7.5 4.031M11 22H8c-2.828 0-4.243 0-5.121-.879C2 20.243 2 18.828 2 16s0-4.243.879-5.121C3.757 10 5.172 10 8 10h8c2.828 0 4.243 0 5.121.879C22 11.757 22 13.172 22 16s0 4.243-.879 5.121C20.243 22 18.828 22 16 22h-1'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--magic-stick-3-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.845 3.845a2.883 2.883 0 0 0 0 4.077L5.432 9.51c.012-.014.555.503.568.49l4-4c.013-.013-.504-.556-.49-.568L7.922 3.845a2.883 2.883 0 0 0-4.077 0m1.288 11.462a.483.483 0 0 1 .9 0l.157.4a.48.48 0 0 0 .272.273l.398.157a.486.486 0 0 1 0 .903l-.398.158a.48.48 0 0 0-.272.273l-.157.4a.483.483 0 0 1-.9 0l-.157-.4a.48.48 0 0 0-.272-.273l-.398-.158a.486.486 0 0 1 0-.903l.398-.157a.48.48 0 0 0 .272-.274z' opacity='.5'/%3E%3Cpath fill='black' d='M19.967 9.13a.483.483 0 0 1 .9 0l.156.399c.05.125.148.224.273.273l.398.158a.486.486 0 0 1 0 .902l-.398.158a.5.5 0 0 0-.273.273l-.156.4a.483.483 0 0 1-.9 0l-.157-.4a.5.5 0 0 0-.272-.273l-.398-.158a.486.486 0 0 1 0-.902l.398-.158a.5.5 0 0 0 .272-.273z' opacity='.2'/%3E%3Cpath fill='black' d='M16.1 2.307a.483.483 0 0 1 .9 0l.43 1.095a.48.48 0 0 0 .272.274l1.091.432a.486.486 0 0 1 0 .903l-1.09.432a.5.5 0 0 0-.273.273L17 6.81a.483.483 0 0 1-.9 0l-.43-1.095a.5.5 0 0 0-.273-.273l-1.09-.432a.486.486 0 0 1 0-.903l1.09-.432a.5.5 0 0 0 .273-.274z' opacity='.7'/%3E%3Cpath fill='black' d='M10.568 6.49c-.012.014-.555-.503-.568-.49l-4 4c-.013.013.504.556.49.568l9.588 9.587a2.883 2.883 0 1 0 4.078-4.077z'/%3E%3C/svg%3E")
    }

    .solar--map-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 8.71v8.128c0 1.043 0 1.565.283 1.958s.778.558 1.768.888l1.165.388c1.367.456 2.05.684 2.739.591L9 20.657v-14a3 3 0 0 1-.34.031c-.54.019-1.074-.16-2.141-.515c-1.398-.466-2.097-.699-2.629-.462a1.5 1.5 0 0 0-.497.358C3 6.5 3 7.236 3 8.71m18 6.58V7.163c0-1.043 0-1.565-.283-1.958s-.778-.558-1.768-.888l-1.165-.388c-1.367-.456-2.05-.684-2.739-.591L15 3.343v14q.17-.025.34-.031c.54-.019 1.074.16 2.141.515c1.398.466 2.097.699 2.629.462a1.5 1.5 0 0 0 .497-.358C21 17.5 21 16.764 21 15.29' opacity='.5'/%3E%3Cpath fill='black' d='M9.247 6.61q-.123.027-.247.047v14c.67-.104 1.269-.503 2.442-1.285l1.382-.922c.936-.624 1.404-.936 1.93-1.06q.12-.03.246-.047v-14c-.67.103-1.269.503-2.442 1.284l-1.382.922c-.936.624-1.404.936-1.93 1.06m8.235 11.218l.254.084z'/%3E%3C/svg%3E")
    }

    .solar--map-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5' d='M21 7.162c0-1.043 0-1.565-.283-1.958s-.778-.558-1.768-.888l-1.165-.388c-1.367-.456-2.05-.684-2.739-.591c-.688.092-1.288.491-2.487 1.29l-1.382.922c-.936.624-1.404.936-1.93 1.06a3 3 0 0 1-.587.08c-.54.018-1.073-.16-2.14-.516c-1.398-.466-2.097-.699-2.629-.462a1.5 1.5 0 0 0-.497.358C3 6.5 3 7.236 3 8.71v4.065M21 11v4.29c0 1.474 0 2.211-.393 2.64a1.5 1.5 0 0 1-.497.36c-.532.236-1.231.003-2.629-.463c-1.067-.356-1.6-.534-2.14-.515a3 3 0 0 0-.588.078c-.525.125-.993.437-1.929 1.06l-1.382.922c-1.2.8-1.799 1.2-2.487 1.291c-.688.093-1.372-.135-2.739-.591l-1.165-.388c-.99-.33-1.485-.495-1.768-.888c-.268-.372-.282-.86-.283-1.796M15 3.5V7m0 10v-6m-6 9.5V17M9 7v6'/%3E%3C/svg%3E")
    }

    .solar--map-point-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2c-4.418 0-8 4.003-8 8.5c0 4.462 2.553 9.312 6.537 11.174a3.45 3.45 0 0 0 2.926 0C17.447 19.812 20 14.962 20 10.5C20 6.003 16.418 2 12 2' opacity='.5'/%3E%3Cpath fill='black' d='M12 12.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E")
    }

    .solar--map-point-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M12.5 7.041A3 3 0 1 0 14.959 9.5'/%3E%3Cpath d='M5 15.216c-.647-1.654-1-3.415-1-5.073C4 5.646 7.582 2 12 2s8 3.646 8 8.143c0 4.462-2.553 9.67-6.537 11.531a3.45 3.45 0 0 1-2.926 0C9.265 21.08 8.138 20.144 7.194 19'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--medal-ribbons-star-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 16.068l-3.771 3.905c-.54.559-.81.839-1.04.935c-.52.22-1.099.032-1.373-.448c-.12-.21-.158-.59-.232-1.35c-.043-.43-.064-.644-.128-.824a1.43 1.43 0 0 0-.835-.864c-.173-.067-.38-.089-.795-.133c-.734-.077-1.101-.116-1.305-.24c-.463-.284-.646-.883-.433-1.422c.094-.237.364-.517.904-1.076L5.456 12l1.238-1.238zl5.306-5.306L18.544 12l2.464 2.55c.54.56.81.84.904 1.076c.213.54.03 1.139-.433 1.423c-.204.124-.57.163-1.305.24c-.414.044-.622.066-.795.133c-.389.149-.69.462-.835.864c-.064.18-.085.394-.128.823c-.075.76-.112 1.14-.232 1.351c-.274.48-.853.669-1.374.448c-.228-.096-.498-.376-1.038-.935z' opacity='.5'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 16a7 7 0 1 0 0-14a7 7 0 0 0 0 14m0-10c-.284 0-.474.34-.854 1.023l-.098.176c-.108.194-.162.29-.246.354c-.085.064-.19.088-.4.135l-.19.044c-.738.167-1.107.25-1.195.532s.164.577.667 1.165l.13.152c.143.167.215.25.247.354s.021.215 0 .438l-.02.203c-.076.785-.114 1.178.115 1.352c.23.174.576.015 1.267-.303l.178-.082c.197-.09.295-.135.399-.135s.202.045.399.135l.178.082c.691.319 1.037.477 1.267.303s.191-.567.115-1.352l-.02-.203c-.021-.223-.032-.334 0-.438s.104-.187.247-.354l.13-.152c.503-.588.755-.882.667-1.165c-.088-.282-.457-.365-1.195-.532l-.19-.044c-.21-.047-.315-.07-.4-.135c-.084-.064-.138-.16-.246-.354l-.098-.176C12.474 6.34 12.284 6 12 6' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--microphone-2-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M4 9a.75.75 0 0 1 .75.75v1a7.25 7.25 0 1 0 14.5 0v-1a.75.75 0 0 1 1.5 0v1a8.75 8.75 0 0 1-8 8.718v2.282a.75.75 0 0 1-1.5 0v-2.282a8.75 8.75 0 0 1-8-8.718v-1A.75.75 0 0 1 4 9' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M9.75 7.75A.75.75 0 0 0 9 7H6.298a5.751 5.751 0 0 1 11.404 0H13.5a.75.75 0 0 0 0 1.5h4.25V10H13.5a.75.75 0 0 0 0 1.5h4.201a5.751 5.751 0 0 1-11.403 0H9A.75.75 0 0 0 9 10H6.25V8.5H9a.75.75 0 0 0 .75-.75' opacity='.5'/%3E%3Cpath fill='black' d='M12.75 10.75c0 .414.336.75.75.75h4.201l.049-1.5H13.5a.75.75 0 0 0-.75.75m0-3c0 .414.336.75.75.75h4.25L17.701 7H13.5a.75.75 0 0 0-.75.75m-3 0A.75.75 0 0 0 9 7H6.298L6.25 8.5H9a.75.75 0 0 0 .75-.75m0 3A.75.75 0 0 0 9 10H6.25l.048 1.5H9a.75.75 0 0 0 .75-.75'/%3E%3C/svg%3E")
    }

    .solar--microphone-2-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-width='1.5' d='M7 8a5 5 0 0 1 10 0v3a5 5 0 0 1-10 0z'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M13.5 8H17m-3.5 3H17M7 8h2m-2 3h2m3 8v3'/%3E%3Cpath fill='black' d='M20.75 10a.75.75 0 0 0-1.5 0zm-16 0a.75.75 0 0 0-1.5 0zm10.762 7.344a.75.75 0 1 0 .728 1.312zM19.25 10v1h1.5v-1zm-14.5 1v-1h-1.5v1zM12 18.25A7.25 7.25 0 0 1 4.75 11h-1.5A8.75 8.75 0 0 0 12 19.75zM19.25 11a7.25 7.25 0 0 1-3.738 6.344l.728 1.312A8.75 8.75 0 0 0 20.75 11z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--moon-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M22 12c0 5.523-4.477 10-10 10a10 10 0 0 1-3.321-.564A9 9 0 0 1 8 18a8.97 8.97 0 0 1 2.138-5.824A6.5 6.5 0 0 0 15.5 15a6.5 6.5 0 0 0 5.567-3.143c.24-.396.933-.32.933.143' clip-rule='evenodd' opacity='.5'/%3E%3Cpath fill='black' d='M2 12c0 4.359 2.789 8.066 6.679 9.435A9 9 0 0 1 8 18c0-2.221.805-4.254 2.138-5.824A6.47 6.47 0 0 1 9 8.5a6.5 6.5 0 0 1 3.143-5.567C12.54 2.693 12.463 2 12 2C6.477 2 2 6.477 2 12'/%3E%3C/svg%3E")
    }

    .solar--music-note-3-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M12 18a4 4 0 1 1-8 0a4 4 0 0 1 8 0Z'/%3E%3Cpath stroke-linecap='round' d='M12 12V6m4.117 4.059l-2.634-1.317c-.365-.182-.547-.274-.698-.389a2 2 0 0 1-.75-1.213C12 6.954 12 6.75 12 6.342c0-.971 0-1.457.12-1.787a2 2 0 0 1 2.112-1.305c.348.04.783.258 1.651.692l2.634 1.317c.365.182.547.273.698.389a2 2 0 0 1 .75 1.212c.035.187.035.39.035.799c0 .97 0 1.456-.12 1.786a2 2 0 0 1-2.112 1.306c-.348-.04-.783-.258-1.651-.692Z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--pause-circle-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10' opacity='.5'/%3E%3Cpath fill='black' d='M8.076 8.617C8 8.801 8 9.034 8 9.5v5c0 .466 0 .699.076.883a1 1 0 0 0 .541.54c.184.077.417.077.883.077s.699 0 .883-.076a1 1 0 0 0 .54-.541c.077-.184.077-.417.077-.883v-5c0-.466 0-.699-.076-.883a1 1 0 0 0-.541-.54C10.199 8 9.966 8 9.5 8s-.699 0-.883.076a1 1 0 0 0-.54.541m4.999 0C13 8.801 13 9.034 13 9.5v5c0 .466 0 .699.076.883a1 1 0 0 0 .541.54c.184.077.417.077.883.077s.699 0 .883-.076a1 1 0 0 0 .54-.541c.077-.184.077-.417.077-.883v-5c0-.466 0-.699-.076-.883a1 1 0 0 0-.541-.54C15.199 8 14.966 8 14.5 8s-.699 0-.883.076a1 1 0 0 0-.54.541'/%3E%3C/svg%3E")
    }

    .solar--phone-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='m16.1 13.359l.456-.453c.63-.626 1.611-.755 2.417-.317l1.91 1.039c1.227.667 1.498 2.302.539 3.255l-1.42 1.412c-.362.36-.81.622-1.326.67c-1.192.111-3.645.051-6.539-1.643zm-5.91-5.876l.287-.286c.707-.702.774-1.83.157-2.654L9.374 2.86C8.61 1.84 7.135 1.705 6.26 2.575l-1.57 1.56c-.433.432-.723.99-.688 1.61c.065 1.14.453 3.22 2.149 5.776z' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M12.063 11.497c-2.946-2.929-1.88-4.008-1.873-4.015l-4.039 4.04c.667 1.004 1.535 2.081 2.664 3.204c1.14 1.134 2.26 1.975 3.322 2.596L16.1 13.36s-1.082 1.076-4.037-1.862' opacity='.6'/%3E%3C/svg%3E")
    }

    .solar--phone-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m15.1 15.027l.545.517zm.456-.48l-.544-.516zm2.417-.335l-.374.65zm1.91 1.1l-.374.65zm.539 3.446l.543.517zm-1.42 1.496l-.545-.517zm-1.326.71l.074.745zm-9.86-4.489l.543-.516zm-4.064-9.55a.75.75 0 1 0-1.498.081zm5.439 1.88l.544.517zm.287-.302l.543.517zm.156-2.81l.613-.433zM8.374 3.91l-.613.433zm-3.656-.818a.75.75 0 0 0 1.087 1.033zm6.345 9.964l.544-.517zm-.399 6.756a.75.75 0 1 0 .798-1.27zm4.449.246a.75.75 0 0 0-.307 1.469zm.532-4.514l.455-.48l-1.088-1.033l-.455.48zm1.954-.682l1.91 1.1l.749-1.3l-1.911-1.1zm2.279 3.38l-1.42 1.495l1.087 1.034l1.42-1.496zM8.359 15.959c-3.876-4.081-4.526-7.523-4.607-9.033l-1.498.08c.1 1.85.884 5.634 5.018 9.986zm1.376-6.637l.286-.302l-1.087-1.033l-.287.302zm.512-4.062L8.986 3.477l-1.225.866l1.26 1.783zM9.19 8.805a38 38 0 0 0-.545-.515l-.002.002l-.003.003l-.05.058a1.6 1.6 0 0 0-.23.427c-.098.275-.15.639-.084 1.093c.13.892.715 2.091 2.242 3.7l1.088-1.034c-1.428-1.503-1.78-2.428-1.846-2.884c-.032-.22 0-.335.013-.372l.008-.019l-.028.037l-.018.02zm1.328 4.767c1.523 1.604 2.673 2.234 3.55 2.377c.451.073.816.014 1.092-.095a1.5 1.5 0 0 0 .422-.25l.035-.034l.014-.014l.007-.006l.003-.003l.001-.002s.002-.001-.542-.518c-.544-.516-.543-.517-.543-.518l.002-.001l.002-.003l.006-.005l.047-.042q.014-.008-.005.001c-.02.008-.11.04-.3.009c-.402-.066-1.27-.42-2.703-1.929zM8.986 3.477C7.972 2.043 5.944 1.8 4.718 3.092l1.087 1.033c.523-.55 1.444-.507 1.956.218zm9.471 16.26c-.279.294-.57.452-.854.48l.147 1.492c.747-.073 1.352-.472 1.795-.939zM10.021 9.02c.968-1.019 1.036-2.613.226-3.76l-1.225.866c.422.597.357 1.392-.088 1.86zm9.488 6.942c.821.473.982 1.635.369 2.28l1.087 1.033c1.305-1.374.925-3.673-.707-4.613zm-3.409-.898c.385-.406.986-.497 1.499-.202l.748-1.3c-1.099-.632-2.46-.45-3.335.47zm-4.638 3.478c-.983-.618-2.03-1.454-3.103-2.583l-1.087 1.033c1.154 1.215 2.297 2.132 3.392 2.82zm6.14 1.675a8.3 8.3 0 0 1-2.489-.159l-.307 1.469a9.8 9.8 0 0 0 2.944.182z'/%3E%3C/svg%3E")
    }

    .solar--play-circle-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10' clip-rule='evenodd' opacity='.5'/%3E%3Cpath fill='black' d='m15.414 13.059l-4.72 2.787C9.934 16.294 9 15.71 9 14.786V9.214c0-.924.934-1.507 1.694-1.059l4.72 2.787c.781.462.781 1.656 0 2.118'/%3E%3C/svg%3E")
    }

    .solar--printer-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.121 2.879C16.242 2 14.828 2 12 2s-4.243 0-5.122.879c-.492.492-.708 1.153-.804 2.136C6.634 5 7.252 5 7.93 5h8.142c.677 0 1.295 0 1.854.015c-.095-.983-.312-1.644-.804-2.136'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M18 14.5c0 2.828 0 5.743-.879 6.621C16.243 22 14.828 22 12 22s-4.243 0-5.121-.879C6 20.243 6 17.328 6 14.5zm-2.25 2.25a.75.75 0 0 1-.75.75H9A.75.75 0 0 1 9 16h6a.75.75 0 0 1 .75.75m-2 3a.75.75 0 0 1-.75.75H9A.75.75 0 0 1 9 19h4a.75.75 0 0 1 .75.75' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M15 17.5a.75.75 0 0 0 0-1.5H9a.75.75 0 0 0 0 1.5zm-2 3a.75.75 0 0 0 0-1.5H9a.75.75 0 0 0 0 1.5z' opacity='.5'/%3E%3Cpath fill='black' d='M16 6H8c-2.828 0-4.243 0-5.121.879C2 7.757 2 9.172 2 12s0 4.243.879 5.121c.494.495 1.158.711 2.149.806C5 17.204 5 15.352 5 14.5a.5.5 0 0 1 0-1h14a.5.5 0 0 1 0 1c0 .852 0 2.704-.028 3.427c.99-.095 1.655-.311 2.15-.806C22 16.243 22 14.828 22 12s0-4.243-.879-5.121C20.243 6 18.828 6 16 6' opacity='.5'/%3E%3Cpath fill='black' d='M9 10.75a.75.75 0 0 0 0-1.5H6a.75.75 0 0 0 0 1.5zm9-.75a1 1 0 1 1-2 0a1 1 0 0 1 2 0'/%3E%3C/svg%3E")
    }

    .solar--printer-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M9 10H6m13 4H5'/%3E%3Ccircle cx='17' cy='10' r='1' fill='black'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M15 16.5H9m4 2.5H9m13-7c0 2.828 0 4.243-.879 5.121c-.641.642-1.567.815-3.121.862m-12 0c-1.553-.047-2.48-.22-3.121-.862C2 16.243 2 14.828 2 12s0-4.243.879-5.121C3.757 6 5.172 6 8 6h8c2.828 0 4.243 0 5.121.879c.3.3.498.662.628 1.121'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M17.983 6c-.047-1.553-.22-2.48-.862-3.121C16.243 2 14.828 2 12 2s-4.243 0-5.121.879C6.237 3.52 6.064 4.447 6.017 6M18 15v1c0 2.828 0 4.243-.879 5.121c-.641.642-1.567.815-3.121.862M6 15v1c0 2.828 0 4.243.879 5.121c.641.642 1.568.815 3.121.862'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--server-square-cloud-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 21c-3.771 0-5.657 0-6.828-1.172S2 16.771 2 13v-.25h20V13c0 1.12 0 2.073-.03 2.89l-.015-.01c-.479-1.352-1.728-2.38-3.288-2.38c-1.512 0-2.728.96-3.239 2.25H13.5a.75.75 0 0 0 0 1.5h.857a3.16 3.16 0 0 0-.857 2.162c0 .567.154 1.115.43 1.588zm0-18h4c3.771 0 5.657 0 6.828 1.172S22 7.229 22 11v.25H2V11c0-3.771 0-5.657 1.172-6.828S6.229 3 10 3' opacity='.5'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M20.654 16.88c-.111-1.057-.958-1.88-1.987-1.88c-.845 0-1.568.555-1.861 1.34a2.22 2.22 0 0 0-.015 1.513a1.46 1.46 0 0 0-1.4.49A1.63 1.63 0 0 0 15 19.412c0 .877.672 1.588 1.5 1.588H20c1.105 0 2-.948 2-2.118c0-.927-.562-1.714-1.346-2.001' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M20.654 16.88c-.111-1.057-.958-1.88-1.987-1.88c-.845 0-1.568.555-1.861 1.34a2.22 2.22 0 0 0-.015 1.513a1.46 1.46 0 0 0-1.4.49A1.63 1.63 0 0 0 15 19.412c0 .877.672 1.588 1.5 1.588H20c1.105 0 2-.948 2-2.118c0-.927-.562-1.714-1.346-2.001M12.75 7.5a.75.75 0 0 1 .75-.75H18a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75M6 18.25a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75m0-9a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75m3 9a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75m0-9a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M22 12.75H2v-1.5h20z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--settings-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M14.279 2.152C13.909 2 13.439 2 12.5 2s-1.408 0-1.779.152a2 2 0 0 0-1.09 1.083c-.094.223-.13.484-.145.863a1.62 1.62 0 0 1-.796 1.353a1.64 1.64 0 0 1-1.579.008c-.338-.178-.583-.276-.825-.308a2.03 2.03 0 0 0-1.49.396c-.318.242-.553.646-1.022 1.453c-.47.807-.704 1.21-.757 1.605c-.07.526.074 1.058.4 1.479c.148.192.357.353.68.555c.477.297.783.803.783 1.361s-.306 1.064-.782 1.36c-.324.203-.533.364-.682.556a2 2 0 0 0-.399 1.479c.053.394.287.798.757 1.605s.704 1.21 1.022 1.453c.424.323.96.465 1.49.396c.242-.032.487-.13.825-.308a1.64 1.64 0 0 1 1.58.008c.486.28.774.795.795 1.353c.015.38.051.64.145.863c.204.49.596.88 1.09 1.083c.37.152.84.152 1.779.152s1.409 0 1.779-.152a2 2 0 0 0 1.09-1.083c.094-.223.13-.483.145-.863c.02-.558.309-1.074.796-1.353a1.64 1.64 0 0 1 1.579-.008c.338.178.583.276.825.308c.53.07 1.066-.073 1.49-.396c.318-.242.553-.646 1.022-1.453c.47-.807.704-1.21.757-1.605a2 2 0 0 0-.4-1.479c-.148-.192-.357-.353-.68-.555c-.477-.297-.783-.803-.783-1.361s.306-1.064.782-1.36c.324-.203.533-.364.682-.556a2 2 0 0 0 .399-1.479c-.053-.394-.287-.798-.757-1.605s-.704-1.21-1.022-1.453a2.03 2.03 0 0 0-1.49-.396c-.242.032-.487.13-.825.308a1.64 1.64 0 0 1-1.58-.008a1.62 1.62 0 0 1-.795-1.353c-.015-.38-.051-.64-.145-.863a2 2 0 0 0-1.09-1.083' clip-rule='evenodd' opacity='.5'/%3E%3Cpath fill='black' d='M15.523 12c0 1.657-1.354 3-3.023 3s-3.023-1.343-3.023-3S10.83 9 12.5 9s3.023 1.343 3.023 3'/%3E%3C/svg%3E")
    }

    .solar--settings-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath stroke-linecap='round' d='M3.661 10.64c.473.296.777.802.777 1.36s-.304 1.064-.777 1.36c-.321.203-.529.364-.676.556a2 2 0 0 0-.396 1.479c.052.394.285.798.75 1.605c.467.807.7 1.21 1.015 1.453a2 2 0 0 0 1.479.396c.24-.032.483-.13.819-.308a1.62 1.62 0 0 1 1.567.008c.483.28.77.795.79 1.353c.014.38.05.64.143.863a2 2 0 0 0 1.083 1.083C10.602 22 11.068 22 12 22s1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083c.092-.223.129-.483.143-.863c.02-.558.307-1.074.79-1.353a1.62 1.62 0 0 1 1.567-.008c.336.178.58.276.82.308a2 2 0 0 0 1.478-.396c.315-.242.548-.646 1.014-1.453c.208-.36.369-.639.489-.873m-.81-2.766a1.62 1.62 0 0 1-.777-1.36c0-.559.304-1.065.777-1.362c.321-.202.528-.363.676-.555a2 2 0 0 0 .396-1.479c-.052-.394-.285-.798-.75-1.605c-.467-.807-.7-1.21-1.015-1.453a2 2 0 0 0-1.479-.396c-.24.032-.483.13-.82.308a1.62 1.62 0 0 1-1.566-.008a1.62 1.62 0 0 1-.79-1.353c-.014-.38-.05-.64-.143-.863a2 2 0 0 0-1.083-1.083C13.398 2 12.932 2 12 2s-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083c-.092.223-.129.483-.143.863a1.62 1.62 0 0 1-.79 1.353a1.62 1.62 0 0 1-1.567.008c-.336-.178-.58-.276-.82-.308a2 2 0 0 0-1.478.396C4.04 5.79 3.806 6.193 3.34 7c-.208.36-.369.639-.489.873'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--settings-minimalistic-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12.428 2c-1.114 0-2.129.6-4.157 1.802l-.686.406C5.555 5.41 4.542 6.011 3.985 7c-.557.99-.557 2.19-.557 4.594v.812c0 2.403 0 3.605.557 4.594s1.57 1.59 3.6 2.791l.686.407C10.299 21.399 11.314 22 12.428 22s2.128-.6 4.157-1.802l.686-.407c2.028-1.2 3.043-1.802 3.6-2.791c.557-.99.557-2.19.557-4.594v-.812c0-2.403 0-3.605-.557-4.594s-1.572-1.59-3.6-2.792l-.686-.406C14.555 2.601 13.542 2 12.428 2' clip-rule='evenodd' opacity='.5'/%3E%3Cpath fill='black' d='M12.428 8.25a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5'/%3E%3C/svg%3E")
    }

    .solar--shield-check-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.378 5.082C3 5.62 3 7.22 3 10.417v1.574c0 5.638 4.239 8.375 6.899 9.536c.721.315 1.082.473 2.101.473c1.02 0 1.38-.158 2.101-.473C16.761 20.365 21 17.63 21 11.991v-1.574c0-3.198 0-4.797-.378-5.335c-.377-.537-1.88-1.052-4.887-2.081l-.573-.196C13.595 2.268 12.812 2 12 2s-1.595.268-3.162.805L8.265 3c-3.007 1.03-4.51 1.545-4.887 2.082' opacity='.5'/%3E%3Cpath fill='black' d='M15.06 10.5a.75.75 0 0 0-1.12-1l-3.011 3.374l-.87-.974a.75.75 0 0 0-1.118 1l1.428 1.6a.75.75 0 0 0 1.119 0z'/%3E%3C/svg%3E")
    }

    .solar--shield-check-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath stroke-linejoin='round' d='m9.5 12.4l1.429 1.6l3.571-4'/%3E%3Cpath d='M3 10.417c0-3.198 0-4.797.378-5.335c.377-.537 1.88-1.052 4.887-2.081l.573-.196C10.405 2.268 11.188 2 12 2s1.595.268 3.162.805l.573.196c3.007 1.029 4.51 1.544 4.887 2.081C21 5.62 21 7.22 21 10.417v1.574c0 2.505-.837 4.437-2 5.913M3.193 14c.857 4.298 4.383 6.513 6.706 7.527c.721.315 1.082.473 2.101.473c1.02 0 1.38-.158 2.101-.473c.579-.252 1.231-.58 1.899-.994'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--shield-user-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 10.417c0-3.198 0-4.797.378-5.335c.377-.537 1.88-1.052 4.887-2.081l.573-.196C10.405 2.268 11.188 2 12 2s1.595.268 3.162.805l.573.196c3.007 1.029 4.51 1.544 4.887 2.081C21 5.62 21 7.22 21 10.417v1.574c0 5.638-4.239 8.375-6.899 9.536C13.38 21.842 13.02 22 12 22s-1.38-.158-2.101-.473C7.239 20.365 3 17.63 3 11.991z' opacity='.5'/%3E%3Cpath fill='black' d='M14 9a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-2 8c4 0 4-.895 4-2s-1.79-2-4-2s-4 .895-4 2s0 2 4 2'/%3E%3C/svg%3E")
    }

    .solar--square-academic-cap-2-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14.217 3.5a5.17 5.17 0 0 0-4.434 0L5.489 5.512a2.25 2.25 0 0 1 .647 4.306l-1.076.461c-.534.23-.837.362-1.042.467l-.003.05L9.783 13.5a5.17 5.17 0 0 0 4.434 0l6.691-3.137c1.456-.682 1.456-3.044 0-3.726z'/%3E%3Cpath fill='black' d='M5.545 8.44a.75.75 0 0 0-.59-1.38l-1.112.477c-.557.239-1.03.441-1.4.65c-.395.222-.734.482-.989.868c-.254.386-.36.8-.408 1.25C1 10.729 1 11.243 1 11.85v2.901a.75.75 0 0 0 1.5 0v-2.862c0-.656.001-1.088.037-1.421c.034-.315.093-.47.17-.586c.075-.115.195-.231.471-.387c.292-.164.689-.335 1.292-.593z'/%3E%3Cpath fill='black' d='M5 11.258L9.783 13.5a5.17 5.17 0 0 0 4.434 0L19 11.258v5.367c0 1.008-.503 1.952-1.385 2.44C16.146 19.88 13.796 21 12 21s-4.146-1.121-5.615-1.935C5.504 18.577 5 17.633 5 16.625z' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--star-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18.483 16.767A8.5 8.5 0 0 1 8.118 7.081a1 1 0 0 1-.113.097c-.28.213-.63.292-1.33.45l-.635.144c-2.46.557-3.69.835-3.983 1.776c-.292.94.546 1.921 2.223 3.882l.434.507c.476.557.715.836.822 1.18c.107.345.071.717-.001 1.46l-.066.677c-.253 2.617-.38 3.925.386 4.506s1.918.052 4.22-1.009l.597-.274c.654-.302.981-.452 1.328-.452s.674.15 1.329.452l.595.274c2.303 1.06 3.455 1.59 4.22 1.01c.767-.582.64-1.89.387-4.507z'/%3E%3Cpath fill='black' d='m9.153 5.408l-.328.588c-.36.646-.54.969-.82 1.182q.06-.045.113-.097a8.5 8.5 0 0 0 10.366 9.686l-.02-.19c-.071-.743-.107-1.115 0-1.46c.107-.344.345-.623.822-1.18l.434-.507c1.677-1.96 2.515-2.941 2.222-3.882c-.292-.941-1.522-1.22-3.982-1.776l-.636-.144c-.699-.158-1.049-.237-1.33-.45c-.28-.213-.46-.536-.82-1.182l-.327-.588C13.58 3.136 12.947 2 12 2s-1.58 1.136-2.847 3.408' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--star-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5' d='M6.04 7.772c-2.46.557-3.69.835-3.983 1.776c-.292.94.546 1.921 2.223 3.882l.434.507c.476.557.715.836.822 1.18c.107.345.071.717-.001 1.46l-.066.677c-.253 2.617-.38 3.925.386 4.506s1.918.051 4.22-1.009l.597-.274c.654-.302.981-.452 1.328-.452s.674.15 1.329.452l.595.274c2.303 1.06 3.455 1.59 4.22 1.01c.767-.582.64-1.89.387-4.507m1.189-3.824c1.677-1.96 2.515-2.941 2.223-3.882s-1.523-1.22-3.983-1.776l-.636-.144c-.699-.158-1.048-.237-1.329-.45s-.46-.536-.82-1.182l-.328-.588C13.58 3.136 12.947 2 12 2s-1.58 1.136-2.847 3.408'/%3E%3C/svg%3E")
    }

    .solar--stop-circle-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10' opacity='.5'/%3E%3Cpath fill='black' d='M8.586 8.586C8 9.172 8 10.114 8 12s0 2.828.586 3.414S10.114 16 12 16s2.828 0 3.414-.586S16 13.886 16 12s0-2.828-.586-3.414S13.886 8 12 8s-2.828 0-3.414.586'/%3E%3C/svg%3E")
    }

    .solar--sun-2-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 12a5 5 0 1 1-10 0a5 5 0 0 1 10 0'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V2a.75.75 0 0 1 .75-.75M1.25 12a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75m18 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75M12 19.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M3.67 3.716a.75.75 0 0 1 1.059-.048L6.95 5.7a.75.75 0 0 1-1.012 1.107L3.717 4.775a.75.75 0 0 1-.048-1.06m16.663.001a.75.75 0 0 1-.047 1.06l-2.223 2.03A.75.75 0 1 1 17.05 5.7l2.222-2.032a.75.75 0 0 1 1.06.048m-3.306 13.309a.75.75 0 0 1 1.06 0l2.223 2.222a.75.75 0 1 1-1.061 1.06l-2.222-2.222a.75.75 0 0 1 0-1.06m-10.051 0a.75.75 0 0 1 0 1.06l-2.222 2.223a.75.75 0 0 1-1.06-1.06l2.222-2.223a.75.75 0 0 1 1.06 0' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--tablet-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.172 18.828C4.343 20 6.229 20 10 20h4c3.771 0 5.657 0 6.828-1.172S22 15.771 22 12s0-5.657-1.172-6.828S17.771 4 14 4h-4C6.229 4 4.343 4 3.172 5.172S2 8.229 2 12s0 5.657 1.172 6.828' opacity='.5'/%3E%3Cpath fill='black' d='M9 16.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z'/%3E%3C/svg%3E")
    }

    .solar--tablet-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5' d='M12 4h-2C6.229 4 4.343 4 3.172 5.172S2 8.229 2 12s0 5.657 1.172 6.828c.943.944 2.348 1.127 4.828 1.163M16 4.01c2.48.036 3.885.22 4.828 1.163C22 6.343 22 8.229 22 12s0 5.657-1.172 6.828S17.771 20 14 20h-2m3-3H9'/%3E%3C/svg%3E")
    }

    .solar--tag-price-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m17.967 6.558l-1.83-1.83c-1.546-1.545-2.318-2.318-3.321-2.605c-1.003-.288-2.068-.042-4.197.45l-1.228.283c-1.792.413-2.688.62-3.302 1.233S3.27 5.6 2.856 7.391l-.284 1.228c-.491 2.13-.737 3.194-.45 4.197c.288 1.003 1.061 1.775 2.606 3.32l1.83 1.83C9.248 20.657 10.592 22 12.262 22c1.671 0 3.015-1.344 5.704-4.033c2.69-2.69 4.034-4.034 4.034-5.705c0-1.67-1.344-3.015-4.033-5.704' opacity='.5'/%3E%3Cpath fill='black' d='M11.147 14.328c-.673-.672-.667-1.638-.265-2.403a.75.75 0 0 1 1.04-1.046c.34-.18.713-.276 1.085-.272a.75.75 0 0 1-.014 1.5a.88.88 0 0 0-.609.277c-.387.387-.285.775-.177.884c.11.109.497.21.884-.177c.784-.784 2.138-1.044 3.006-.177c.673.673.667 1.639.264 2.404a.75.75 0 0 1-1.04 1.045a2.2 2.2 0 0 1-1.472.232a.75.75 0 1 1 .302-1.47c.177.037.463-.021.708-.266c.388-.388.286-.775.177-.884s-.496-.21-.884.177c-.784.784-2.138 1.044-3.005.176m-1.126-4.035a2 2 0 1 0-2.828-2.828a2 2 0 0 0 2.828 2.828'/%3E%3C/svg%3E")
    }

    .solar--tag-price-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M15.39 15.39c.585-.587.664-1.457.176-1.946s-1.359-.409-1.945.177c-.585.586-1.456.665-1.944.177s-.409-1.359.177-1.944m3.535 3.535l.354.354m-.354-.354c-.4.401-.935.565-1.389.471m-2.5-4.36l.354.354m0 0c.331-.332.753-.5 1.146-.497m-4.393-.478a2 2 0 1 0-2-2'/%3E%3Cpath d='M16.137 4.728c-1.546-1.545-2.318-2.318-3.321-2.605c-1.003-.288-2.068-.042-4.197.45l-1.228.283c-1.792.413-2.688.62-3.302 1.233S3.27 5.6 2.856 7.391l-.284 1.228c-.491 2.13-.737 3.194-.45 4.197c.288 1.003 1.061 1.775 2.606 3.32l1.83 1.83C9.248 20.657 10.592 22 12.262 22c1.671 0 3.015-1.344 5.704-4.033c2.69-2.69 4.034-4.034 4.034-5.705c0-1.342-.868-2.474-2.604-4.262'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--target-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10' opacity='.5'/%3E%3Cpath fill='black' d='M9.25 12a.75.75 0 0 1 .75-.75h1.25V10a.75.75 0 0 1 1.5 0v1.25H14a.75.75 0 0 1 0 1.5h-1.25V14a.75.75 0 0 1-1.5 0v-1.25H10a.75.75 0 0 1-.75-.75m-7.222.75a10 10 0 0 1 0-1.5H5a.75.75 0 0 1 0 1.5zm10.722 9.222a10 10 0 0 1-1.5 0V19a.75.75 0 0 1 1.5 0zm9.222-10.722a10 10 0 0 1 0 1.5H19a.75.75 0 0 1 0-1.5zM12.75 2.028V5a.75.75 0 0 1-1.5 0V2.028a10 10 0 0 1 1.5 0'/%3E%3C/svg%3E")
    }

    .solar--upload-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath stroke-linejoin='round' d='M12 15V2m0 0l3 3.5M12 2L9 5.5'/%3E%3Cpath d='M8 22h8c2.828 0 4.243 0 5.121-.878C22 20.242 22 18.829 22 16v-1c0-2.828 0-4.242-.879-5.121c-.768-.768-1.946-.865-4.121-.877m-10 0c-2.175.012-3.353.109-4.121.877C2 10.758 2 12.172 2 15v1c0 2.829 0 4.243.879 5.122c.3.3.662.497 1.121.627'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--upload-minimalistic-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M3 14.25a.75.75 0 0 1 .75.75c0 1.435.002 2.436.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.4.556c.754.101 1.756.103 3.191.103h6c1.435 0 2.436-.002 3.192-.103c.734-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191a.75.75 0 0 1 1.5 0v.055c0 1.367 0 2.47-.116 3.337c-.122.9-.38 1.658-.982 2.26s-1.36.86-2.26.982c-.867.116-1.97.116-3.337.116h-6.11c-1.367 0-2.47 0-3.337-.116c-.9-.122-1.658-.38-2.26-.982s-.86-1.36-.981-2.26c-.117-.867-.117-1.97-.117-3.337V15a.75.75 0 0 1 .75-.75' opacity='.5'/%3E%3Cpath d='M12 2.25a.75.75 0 0 1 .553.244l4 4.375a.75.75 0 1 1-1.107 1.012l-2.696-2.95V16a.75.75 0 0 1-1.5 0V4.932l-2.696 2.95a.75.75 0 0 1-1.108-1.013l4-4.375A.75.75 0 0 1 12 2.25'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--user-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='6' r='4' fill='black'/%3E%3Cpath fill='black' d='M20 17.5c0 2.485 0 4.5-8 4.5s-8-2.015-8-4.5S7.582 13 12 13s8 2.015 8 4.5' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--user-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='6' r='4'/%3E%3Cpath stroke-linecap='round' d='M19.998 18q.002-.246.002-.5c0-2.485-3.582-4.5-8-4.5s-8 2.015-8 4.5S4 22 12 22c2.231 0 3.84-.157 5-.437'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--users-group-rounded-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='15' cy='6' r='3' fill='black' opacity='.4'/%3E%3Cellipse cx='16' cy='17' fill='black' opacity='.4' rx='5' ry='3'/%3E%3Ccircle cx='9.001' cy='6' r='4' fill='black'/%3E%3Cellipse cx='9.001' cy='17.001' fill='black' rx='7' ry='4'/%3E%3C/svg%3E")
    }

    .solar--users-group-rounded-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='9' cy='6' r='4'/%3E%3Cpath stroke-linecap='round' d='M15 9a3 3 0 1 0 0-6M5.89 20.584C6.825 20.85 7.882 21 9 21c3.866 0 7-1.79 7-4s-3.134-4-7-4s-7 1.79-7 4c0 .345.077.68.22 1M18 14c1.754.385 3 1.359 3 2.5c0 1.03-1.014 1.923-2.5 2.37'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--users-group-two-rounded-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='6' r='4'/%3E%3Cpath stroke-linecap='round' d='M18 9c1.657 0 3-1.12 3-2.5S19.657 4 18 4M6 9C4.343 9 3 7.88 3 6.5S4.343 4 6 4m11.197 11c.51.588.803 1.271.803 2c0 2.21-2.686 4-6 4s-6-1.79-6-4s2.686-4 6-4q.511 0 1 .055M20 19c1.754-.385 3-1.359 3-2.5s-1.246-2.115-3-2.5M4 19c-1.754-.385-3-1.359-3-2.5s1.246-2.115 3-2.5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--wallet-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.75 7a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5z'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M21.188 8.004q-.094-.005-.2-.004h-2.773C15.944 8 14 9.736 14 12s1.944 4 4.215 4h2.773q.106.001.2-.004c.923-.056 1.739-.757 1.808-1.737c.004-.064.004-.133.004-.197V9.938c0-.064 0-.133-.004-.197c-.069-.98-.885-1.68-1.808-1.737m-3.217 5.063c.584 0 1.058-.478 1.058-1.067c0-.59-.474-1.067-1.058-1.067s-1.06.478-1.06 1.067c0 .59.475 1.067 1.06 1.067' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M21.14 8.002c0-1.181-.044-2.448-.798-3.355a4 4 0 0 0-.233-.256c-.749-.748-1.698-1.08-2.87-1.238C16.099 3 14.644 3 12.806 3h-2.112C8.856 3 7.4 3 6.26 3.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87C2 8.401 2 9.856 2 11.694v.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h2.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238q.305-.308.526-.66c.45-.72.504-1.602.504-2.45l-.15.001h-2.774C15.944 16 14 14.264 14 12s1.944-4 4.215-4h2.773q.079 0 .151.002' opacity='.5'/%3E%3C/svg%3E")
    }

    .solar--wallet-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8h4'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M22 10.5c0-.077 0-.533-.002-.565c-.036-.501-.465-.9-1.005-.933C20.959 9 20.918 9 20.834 9h-2.602C16.446 9 15 10.343 15 12s1.447 3 3.23 3h2.603c.084 0 .125 0 .16-.002c.54-.033.97-.432 1.005-.933c.002-.032.002-.488.002-.565'/%3E%3Ccircle cx='18' cy='12' r='1' fill='black'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M13 4c3.771 0 5.657 0 6.828 1.172c.809.808 1.06 1.956 1.137 3.828M10 20h3c3.771 0 5.657 0 6.828-1.172c.809-.808 1.06-1.956 1.137-3.828M9 4c-3.114.01-4.765.108-5.828 1.172C2 6.343 2 8.229 2 12s0 5.657 1.172 6.828c.653.654 1.528.943 2.828 1.07'/%3E%3C/g%3E%3C/svg%3E")
    }

    .solar--wallet-money-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4.892 9.614c0-.402.323-.728.722-.728H9.47c.4 0 .723.326.723.728a.726.726 0 0 1-.723.729H5.614a.726.726 0 0 1-.722-.729'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M21.188 10.004q-.094-.005-.2-.004h-2.773C15.944 10 14 11.736 14 14s1.944 4 4.215 4h2.773q.106.001.2-.004c.923-.056 1.739-.757 1.808-1.737c.004-.064.004-.133.004-.197v-4.124c0-.064 0-.133-.004-.197c-.069-.98-.885-1.68-1.808-1.737m-3.217 5.063c.584 0 1.058-.478 1.058-1.067c0-.59-.474-1.067-1.058-1.067s-1.06.478-1.06 1.067c0 .59.475 1.067 1.06 1.067' clip-rule='evenodd'/%3E%3Cpath fill='black' d='M21.14 10.002c0-1.181-.044-2.448-.798-3.355a4 4 0 0 0-.233-.256c-.749-.748-1.698-1.08-2.87-1.238C16.099 5 14.644 5 12.806 5h-2.112C8.856 5 7.4 5 6.26 5.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87C2 10.401 2 11.856 2 13.694v.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h2.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238q.305-.308.526-.66c.45-.72.504-1.602.504-2.45l-.15.001h-2.774C15.944 18 14 16.264 14 14s1.944-4 4.215-4h2.773q.079 0 .151.002' opacity='.5'/%3E%3Cpath fill='black' d='M10.101 2.572L8 3.992l-1.733 1.16C7.405 5 8.859 5 10.694 5h2.112c1.838 0 3.294 0 4.433.153q.344.045.662.114L16 4l-2.113-1.428a3.42 3.42 0 0 0-3.786 0'/%3E%3C/svg%3E")
    }

    .solar--watch-square-bold-duotone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.792 2h-1.583C9.67 2 8.9 2 8.353 2.44s-.715 1.19-1.049 2.692l-.065.292C8.22 5 9.594 5 12 5s3.782 0 4.761.424l-.065-.292c-.334-1.501-.5-2.252-1.049-2.692S14.33 2 12.791 2M7.24 18.576C8.217 19 9.593 19 12 19s3.782 0 4.76-.424l-.064.292c-.334 1.501-.5 2.252-1.049 2.692s-1.317.44-2.856.44H11.21c-1.538 0-2.308 0-2.856-.44s-.715-1.19-1.049-2.692z'/%3E%3Cpath fill='black' d='M6.778 18.326C7.787 19 9.19 19 12 19s4.213 0 5.222-.674a4 4 0 0 0 1.104-1.104C19 16.213 19 14.81 19 12s0-4.213-.674-5.222a4 4 0 0 0-1.104-1.104C16.213 5 14.81 5 12 5s-4.213 0-5.222.674a4 4 0 0 0-1.104 1.104C5 7.787 5 9.19 5 12s0 4.213.674 5.222a4 4 0 0 0 1.104 1.104' opacity='.5'/%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 8.25a.75.75 0 0 1 .75.75v2.758l1.77 1.701a.75.75 0 1 1-1.04 1.082l-2-1.924a.75.75 0 0 1-.23-.54V9a.75.75 0 0 1 .75-.75' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

    .solar--watch-square-broken {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.077L14 14'/%3E%3Cpath d='m16.778 5.5l-.082-.368c-.334-1.501-.5-2.252-1.049-2.692S14.33 2 12.791 2H11.21c-1.54 0-2.31 0-2.857.44c-.549.44-.715 1.19-1.05 2.692l-.08.368'/%3E%3Cpath d='m16.778 5.5l-.082-.368c-.334-1.501-.5-2.252-1.049-2.692S14.33 2 12.791 2H11.21c-1.54 0-2.31 0-2.857.44c-.549.44-.715 1.19-1.05 2.692l-.08.368m9.555 13l-.082.368c-.334 1.501-.5 2.252-1.049 2.692s-1.318.44-2.856.44H11.21c-1.539 0-2.308 0-2.856-.44c-.549-.44-.715-1.19-1.05-2.692l-.08-.368'/%3E%3Cpath stroke-linecap='round' d='M18.961 9.2c-.076-1.535-.304-2.493-.986-3.175C16.95 5 15.3 5 12 5S7.05 5 6.025 6.025S5 8.7 5 12s0 4.95 1.025 5.975S8.7 19 12 19s4.95 0 5.975-1.025c.793-.793.972-1.96 1.013-3.975'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--accessible {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='m10 16.5l2-3l2 3m-2-3v-2l3-1m-6 0l3 1'/%3E%3Cpath fill='black' d='M11.5 7.5a.5.5 0 1 0 1 0a.5.5 0 1 0-1 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--activity {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h4l3 8l4-16l3 8h4'/%3E%3C/svg%3E")
    }

    .tabler--ad-2 {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.933 5H5v16h13v-8m-4 4H9'/%3E%3Cpath d='M9 13h5V9H9zm6-8V3m3 3l2-2m-1 5h2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--alarm-snooze {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 13a7 7 0 1 0 14 0a7 7 0 1 0-14 0'/%3E%3Cpath d='M10 11h4l-4 4h4M7 4L4.25 6M17 4l2.75 2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--alert-circle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-4v4m0 4h.01'/%3E%3C/svg%3E")
    }

    .tabler--alert-octagon {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12.802 2.165l5.575 2.389c.48.206.863.589 1.07 1.07l2.388 5.574c.22.512.22 1.092 0 1.604l-2.389 5.575c-.206.48-.589.863-1.07 1.07l-5.574 2.388c-.512.22-1.092.22-1.604 0l-5.575-2.389a2.04 2.04 0 0 1-1.07-1.07l-2.388-5.574a2.04 2.04 0 0 1 0-1.604l2.389-5.575c.206-.48.589-.863 1.07-1.07l5.574-2.388a2.04 2.04 0 0 1 1.604 0M12 8v4m0 4h.01'/%3E%3C/svg%3E")
    }

    .tabler--alert-triangle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0M12 16h.01'/%3E%3C/svg%3E")
    }

    .tabler--apps {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm0-8h6m-3-3v6'/%3E%3C/svg%3E")
    }

    .tabler--archive {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8m-9 4h4'/%3E%3C/svg%3E")
    }

    .tabler--arrow-back-up {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m9 14l-4-4l4-4'/%3E%3Cpath d='M5 10h11a4 4 0 1 1 0 8h-1'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--arrow-badge-down {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 13V7l-5 4l-5-4v6l5 4z'/%3E%3C/svg%3E")
    }

    .tabler--arrow-badge-up {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 11v6l-5-4l-5 4v-6l5-4z'/%3E%3C/svg%3E")
    }

    .tabler--arrow-down {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-6l-6 6m-6-6l6 6'/%3E%3C/svg%3E")
    }

    .tabler--arrow-left {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6l6-6'/%3E%3C/svg%3E")
    }

    .tabler--arrow-right {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6l6-6m-6-6l6 6'/%3E%3C/svg%3E")
    }

    .tabler--arrow-up {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-8l-6-6m-6 6l6-6'/%3E%3C/svg%3E")
    }

    .tabler--arrows-shuffle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m18 4l3 3l-3 3m0 10l3-3l-3-3'/%3E%3Cpath d='M3 7h3a5 5 0 0 1 5 5a5 5 0 0 0 5 5h5m0-10h-5a4.98 4.98 0 0 0-3 1m-4 8a5 5 0 0 1-3 1H3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--article {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 2h10M7 12h10M7 16h10'/%3E%3C/svg%3E")
    }

    .tabler--atom {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 12v.01m7.071-7.081c-1.562-1.562-6 .337-9.9 4.243c-3.905 3.905-5.804 8.337-4.242 9.9c1.562 1.561 6-.338 9.9-4.244c3.905-3.905 5.804-8.337 4.242-9.9'/%3E%3Cpath d='M4.929 4.929c-1.562 1.562.337 6 4.243 9.9c3.905 3.905 8.337 5.804 9.9 4.242c1.561-1.562-.338-6-4.244-9.9c-3.905-3.905-8.337-5.804-9.9-4.242'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--ban {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m2.7-6.3l12.6 12.6'/%3E%3C/svg%3E")
    }

    .tabler--basket {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 14a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M5.001 8H19a2 2 0 0 1 1.977 2.304l-1.255 7.152A3 3 0 0 1 16.756 20H7.244a3 3 0 0 1-2.965-2.544l-1.255-7.152A2 2 0 0 1 5.001 8M17 10l-2-6m-8 6l2-6'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--bell {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E")
    }

    .tabler--bell-off {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.346 5.353Q9.661 5.16 10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3m-1 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 1.273-3.707M9 17v1a3 3 0 0 0 6 0v-1M3 3l18 18'/%3E%3C/svg%3E")
    }

    .tabler--bell-plus {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.5 17H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6a2 2 0 1 1 4 0a7 7 0 0 1 4 6v1m-9 5v1a3 3 0 0 0 3.51 2.957M16 19h6m-3-3v6'/%3E%3C/svg%3E")
    }

    .tabler--bell-ringing {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1m6-10.273A11.05 11.05 0 0 0 18.206 3M3 6.727A11.05 11.05 0 0 1 5.792 3'/%3E%3C/svg%3E")
    }

    .tabler--bluetooth {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 8l10 8l-5 4V4l5 4l-10 8'/%3E%3C/svg%3E")
    }

    .tabler--bold {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 5h6a3.5 3.5 0 0 1 0 7H7zm6 7h1a3.5 3.5 0 0 1 0 7H7v-7'/%3E%3C/svg%3E")
    }

    .tabler--bolt {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 3v7h6l-8 11v-7H5z'/%3E%3C/svg%3E")
    }

    .tabler--book {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13'/%3E%3C/svg%3E")
    }

    .tabler--box {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 3l8 4.5v9L12 21l-8-4.5v-9zm0 9l8-4.5M12 12v9m0-9L4 7.5'/%3E%3C/svg%3E")
    }

    .tabler--brain {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.5 13a3.5 3.5 0 0 0-3.5 3.5v1a3.5 3.5 0 0 0 7 0v-1.8M8.5 13a3.5 3.5 0 0 1 3.5 3.5v1a3.5 3.5 0 0 1-7 0v-1.8'/%3E%3Cpath d='M17.5 16a3.5 3.5 0 0 0 0-7H17'/%3E%3Cpath d='M19 9.3V6.5a3.5 3.5 0 0 0-7 0M6.5 16a3.5 3.5 0 0 1 0-7H7'/%3E%3Cpath d='M5 9.3V6.5a3.5 3.5 0 0 1 7 0v10'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--brand-figma {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3Cpath d='M6 6a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3'/%3E%3Cpath d='M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3V3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--briefcase {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm5-2V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m-4 5v.01'/%3E%3Cpath d='M3 13a20 20 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--brush {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 21v-4a4 4 0 1 1 4 4z'/%3E%3Cpath d='M21 3A16 16 0 0 0 8.2 13.2M21 3a16 16 0 0 1-10.2 12.8'/%3E%3Cpath d='M10.6 9a9 9 0 0 1 4.4 4.4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--bug {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 9V8a3 3 0 0 1 6 0v1M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1-10 0v-3a6 6 0 0 1 1-3m-5 4h4m10 0h4m-9 7v-6m-8 5l3.35-2M20 19l-3.35-2M4 7l3.75 2.4M20 7l-3.75 2.4'/%3E%3C/svg%3E")
    }

    .tabler--building {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M9 8h1m-1 4h1m-1 4h1m4-8h1m-1 4h1m-1 4h1M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16'/%3E%3C/svg%3E")
    }

    .tabler--building-bank {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M3 10h18M5 6l7-3l7 3M4 10v11m16-11v11M8 14v3m4-3v3m4-3v3'/%3E%3C/svg%3E")
    }

    .tabler--building-store {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M3 7v1a3 3 0 0 0 6 0V7m0 1a3 3 0 0 0 6 0V7m0 1a3 3 0 0 0 6 0V7H3l2-4h14l2 4M5 21V10.85M19 21V10.85M9 21v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4'/%3E%3C/svg%3E")
    }

    .tabler--building-warehouse {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 21V8l9-4l9 4v13'/%3E%3Cpath d='M13 13h4v8H7v-6h6'/%3E%3Cpath d='M13 21v-9a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--bulb {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0-1 3a2 2 0 0 1-4 0a3.5 3.5 0 0 0-1-3m.7 1h4.6'/%3E%3C/svg%3E")
    }

    .tabler--calendar {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16m-9 4h1m0 0v3'/%3E%3C/svg%3E")
    }

    .tabler--calendar-clock {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.5 21H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3m-4-7v4M8 3v4m-4 4h10'/%3E%3Cpath d='M14 18a4 4 0 1 0 8 0a4 4 0 1 0-8 0'/%3E%3Cpath d='M18 16.5V18l.5.5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--calendar-event {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16'/%3E%3Cpath d='M8 15h2v2H8z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--camera {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 7h1a2 2 0 0 0 2-2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2'/%3E%3Cpath d='M9 13a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--caret-right-filled {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 6c0-.852.986-1.297 1.623-.783l.084.076l6 6a1 1 0 0 1 .083 1.32l-.083.094l-6 6l-.094.083l-.077.054l-.096.054l-.036.017l-.067.027l-.108.032l-.053.01l-.06.01l-.057.004L10 19l-.059-.002l-.058-.005l-.06-.009l-.052-.01l-.108-.032l-.067-.027l-.132-.07l-.09-.065l-.081-.073l-.083-.094l-.054-.077l-.054-.096l-.017-.036l-.027-.067l-.032-.108l-.01-.053l-.01-.06l-.004-.057z'/%3E%3C/svg%3E")
    }

    .tabler--cash {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 15H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3'/%3E%3Cpath d='M7 10a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z'/%3E%3Cpath d='M12 14a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--cash-banknote-move-back {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3Cpath d='M12 18H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4.5m-3-.5h.01M6 12h.01M16 19h6m-3-3l-3 3l3 3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--category {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4h6v6H4zm10 0h6v6h-6zM4 14h6v6H4zm10 3a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3C/svg%3E")
    }

    .tabler--chart-bar {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 13a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm12-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM9 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 20h14'/%3E%3C/svg%3E")
    }

    .tabler--chart-donut {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 3.2A9 9 0 1 0 20.8 14a1 1 0 0 0-1-1H16a4.1 4.1 0 1 1-5-5V4a.9.9 0 0 0-1-.8'/%3E%3Cpath d='M15 3.5A9 9 0 0 1 20.5 9H16a9 9 0 0 0-1-1z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--chart-histogram {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 3v18h18m-1-3v3m-4-5v5m-4-8v8m-4-5v5'/%3E%3Cpath d='M3 11c6 0 5-5 9-5s3 5 9 5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--chart-infographic {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0'/%3E%3Cpath d='M7 3v4h4M9 17v4m8-7v7m-4-8v8m8-9v9'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--chart-pie {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 3.2A9 9 0 1 0 20.8 14a1 1 0 0 0-1-1H13a2 2 0 0 1-2-2V4a.9.9 0 0 0-1-.8'/%3E%3Cpath d='M15 3.5A9 9 0 0 1 20.5 9H16a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--chart-pie-2 {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3v9h9'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--check {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E")
    }

    .tabler--checklist {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.615 20H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8m-3 5l2 2l4-4M9 8h4m-4 4h2'/%3E%3C/svg%3E")
    }

    .tabler--checks {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 12l5 5L22 7M2 12l5 5m5-5l5-5'/%3E%3C/svg%3E")
    }

    .tabler--chevron-down {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E")
    }

    .tabler--chevron-left {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 6l-6 6l6 6'/%3E%3C/svg%3E")
    }

    .tabler--chevron-right {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E")
    }

    .tabler--chevron-up {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 15l6-6l6 6'/%3E%3C/svg%3E")
    }

    .tabler--circle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3C/svg%3E")
    }

    .tabler--circle-check {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--circle-dashed-plus {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.56 3.69a9 9 0 0 0-2.92 1.95M3.69 8.56A9 9 0 0 0 3 12m.69 3.44a9 9 0 0 0 1.95 2.92m2.92 1.95A9 9 0 0 0 12 21m3.44-.69a9 9 0 0 0 2.92-1.95m1.95-2.92A9 9 0 0 0 21 12m-.69-3.44a9 9 0 0 0-1.95-2.92m-2.92-1.95A9 9 0 0 0 12 3m-3 9h6m-3-3v6'/%3E%3C/svg%3E")
    }

    .tabler--circle-filled {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 3.34a10 10 0 1 1-4.995 8.984L2 12l.005-.324A10 10 0 0 1 7 3.34'/%3E%3C/svg%3E")
    }

    .tabler--clipboard-list {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 7h.01M13 12h2m-6 4h.01M13 16h2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--clock {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--clock-pause {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20.942 13.018a9 9 0 1 0-7.909 7.922'/%3E%3Cpath d='M12 7v5l2 2m3 3v5m4-5v5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--cloud {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.657 18C4.085 18 2 15.993 2 13.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773c1.88-.572 3.956-.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H6.657'/%3E%3C/svg%3E")
    }

    .tabler--cloud-bolt {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 18.004H6.657C4.085 18 2 15.993 2 13.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773c1.88-.572 3.956-.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.396 0 2.6.831 3.148 2.03M19 16l-2 3h4l-2 3'/%3E%3C/svg%3E")
    }

    .tabler--cloud-fog {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 16a4.6 4.4 0 0 1 0-9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7zm-2 4h14'/%3E%3C/svg%3E")
    }

    .tabler--cloud-rain {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 18a4.6 4.4 0 0 1 0-9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7m-8-5v2m0 3v2m4-5v2m0 3v2'/%3E%3C/svg%3E")
    }

    .tabler--cloud-storm {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 18a4.6 4.4 0 0 1 0-9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1'/%3E%3Cpath d='m13 14l-2 4h3l-2 4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--cloud-upload {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 18a4.6 4.4 0 0 1 0-9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1'/%3E%3Cpath d='m9 15l3-3l3 3m-3-3v9'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--code {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 8l-4 4l4 4m10-8l4 4l-4 4M14 4l-4 16'/%3E%3C/svg%3E")
    }

    .tabler--coin {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='M14.8 9A2 2 0 0 0 13 8h-2a2 2 0 1 0 0 4h2a2 2 0 1 1 0 4h-2a2 2 0 0 1-1.8-1M12 7v10'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--compass {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m8 16l2-6l6-2l-2 6z'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9-9v2m0 14v2m-9-9h2m14 0h2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--components {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 12l3 3l3-3l-3-3zm12 0l3 3l3-3l-3-3zM9 6l3 3l3-3l-3-3zm0 12l3 3l3-3l-3-3z'/%3E%3C/svg%3E")
    }

    .tabler--contract {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 21H6a3 3 0 0 1-3-3v-1h5.5M17 8.5V5a2 2 0 1 1 2 2h-2'/%3E%3Cpath d='M19 3H8a3 3 0 0 0-3 3v11M9 7h4m-4 4h4m5.42 1.61a2.1 2.1 0 0 1 2.97 2.97L15 22h-3v-3z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--copy {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z'/%3E%3Cpath d='M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--corner-up-left {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 18v-6a3 3 0 0 0-3-3H5l4-4m0 8L5 9'/%3E%3C/svg%3E")
    }

    .tabler--corner-up-right-double {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 18v-6a3 3 0 0 1 3-3h7'/%3E%3Cpath d='m10 13l4-4l-4-4m5 8l4-4l-4-4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--cpu {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 6a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z'/%3E%3Cpath d='M9 9h6v6H9zm-6 1h2m-2 4h2m5-11v2m4-2v2m7 5h-2m2 4h-2m-5 7v-2m-4 2v-2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--credit-card {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 2h18M7 15h.01M11 15h2'/%3E%3C/svg%3E")
    }

    .tabler--credit-card-refund {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 19H6a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v4.5M3 10h18M7 15h.01M11 15h2m3 4h6m-3-3l-3 3l3 3'/%3E%3C/svg%3E")
    }

    .tabler--currency-dollar {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16.7 8A3 3 0 0 0 14 6h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1-2.7-2M12 3v3m0 12v3'/%3E%3C/svg%3E")
    }

    .tabler--cut {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17a3 3 0 1 0 6 0a3 3 0 1 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-4.85-2.15L18 4M6 4l8.85 10.85'/%3E%3C/svg%3E")
    }

    .tabler--dashboard {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 13a2 2 0 1 0 4 0a2 2 0 1 0-4 0m3.45-1.45L15.5 9.5'/%3E%3Cpath d='M6.4 20a9 9 0 1 1 11.2 0z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--database {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6'/%3E%3Cpath d='M4 6v6a8 3 0 0 0 16 0V6'/%3E%3Cpath d='M4 12v6a8 3 0 0 0 16 0v-6'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--device-analytics {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4'/%3E%3Cpath d='m8 12l3-3l2 2l3-3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--device-desktop {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4'/%3E%3C/svg%3E")
    }

    .tabler--device-floppy {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3Cpath d='M10 14a2 2 0 1 0 4 0a2 2 0 1 0-4 0m4-10v4H8V4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--device-gamepad {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 4h4m-2-2v4m7-3v.01M18 13v.01'/%3E%3C/svg%3E")
    }

    .tabler--device-speaker {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 14a3 3 0 1 0 6 0a3 3 0 1 0-6 0m3-7v.01'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--device-tablet {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z'/%3E%3Cpath d='M11 17a1 1 0 1 0 2 0a1 1 0 0 0-2 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--device-watch {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3zm3 9v3h6v-3M9 6V3h6v3'/%3E%3C/svg%3E")
    }

    .tabler--discount {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m9 15l6-6'/%3E%3Cpath fill='black' d='M9 9.5a.5.5 0 1 0 1 0a.5.5 0 1 0-1 0m5 5a.5.5 0 1 0 1 0a.5.5 0 1 0-1 0'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--dots {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E")
    }

    .tabler--dots-vertical {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E")
    }

    .tabler--download {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12'/%3E%3C/svg%3E")
    }

    .tabler--droplet {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.502 19.423c2.602 2.105 6.395 2.105 8.996 0s3.262-5.708 1.566-8.546l-4.89-7.26c-.42-.625-1.287-.803-1.936-.397a1.4 1.4 0 0 0-.41.397l-4.893 7.26C4.24 13.715 4.9 17.318 7.502 19.423'/%3E%3C/svg%3E")
    }

    .tabler--edit {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1'/%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0-2.97-2.97L9 12v3h3zM16 5l3 3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--external-link {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5'/%3E%3C/svg%3E")
    }

    .tabler--eye {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--eye-off {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--file {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--file-text {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 9h1m-1 4h6m-6 4h6'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--file-type-pdf {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M5 12V5a2 2 0 0 1 2-2h7l5 5v4M5 18h1.5a1.5 1.5 0 0 0 0-3H5v6m12-3h2m1-3h-3v6m-6-6v6h1a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--file-upload {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6'/%3E%3Cpath d='M9.5 13.5L12 11l2.5 2.5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--file-zip {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 20.735A2 2 0 0 1 5 19V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2h-1'/%3E%3Cpath d='M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2m0-12h-1m3 2h-1m-1 2h-1m3 2h-1m-1 2h-1m3 2h-1'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--files {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M18 17h-7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4l5 5v7a2 2 0 0 1-2 2'/%3E%3Cpath d='M16 17v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--filter {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227z'/%3E%3C/svg%3E")
    }

    .tabler--filter-2 {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M6 12h12m-9 6h6'/%3E%3C/svg%3E")
    }

    .tabler--fingerprint {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6'/%3E%3Cpath d='M12 11v2a14 14 0 0 0 2.5 8M8 15a18 18 0 0 0 1.8 6m-4.9-2a22 22 0 0 1-.9-7v-1a8 8 0 0 1 12-6.95'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--flag {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v9a5 5 0 0 1-7 0a5 5 0 0 0-7 0zm0 16v-7'/%3E%3C/svg%3E")
    }

    .tabler--folder {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")
    }

    .tabler--folder-open {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 19l2.757-7.351A1 1 0 0 1 8.693 11H21a1 1 0 0 1 .986 1.164l-.996 5.211A2 2 0 0 1 19.026 19za2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l3 3h7a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E")
    }

    .tabler--folder-plus {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 19H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l3 3h7a2 2 0 0 1 2 2v3.5M16 19h6m-3-3v6'/%3E%3C/svg%3E")
    }

    .tabler--gift {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 9a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm9-1v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7m2.5-4a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--grid-pattern {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 2v8m4-8v8m-6-6h8m-8 4h8'/%3E%3C/svg%3E")
    }

    .tabler--grip-horizontal {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 9a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7-6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7-6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 6a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E")
    }

    .tabler--hand-stop {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 13V5.5a1.5 1.5 0 0 1 3 0V12m0-6.5v-2a1.5 1.5 0 1 1 3 0V12m0-6.5a1.5 1.5 0 0 1 3 0V12'/%3E%3Cpath d='M17 7.5a1.5 1.5 0 0 1 3 0V16a6 6 0 0 1-6 6h-2h.208a6 6 0 0 1-5.012-2.7L7 19q-.468-.718-3.286-5.728a1.5 1.5 0 0 1 .536-2.022a1.87 1.87 0 0 1 2.28.28L8 13'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--headphones {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 15a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z'/%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--headset {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 14v-3a8 8 0 1 1 16 0v3m-2 5c0 1.657-2.686 3-6 3'/%3E%3Cpath d='M4 14a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--heart {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.5 12.572L12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572'/%3E%3C/svg%3E")
    }

    .tabler--heart-filled {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.979 3.074a6 6 0 0 1 4.988 1.425l.037.033l.034-.03a6 6 0 0 1 4.733-1.44l.246.036a6 6 0 0 1 3.364 10.008l-.18.185l-.048.041l-7.45 7.379a1 1 0 0 1-1.313.082l-.094-.082l-7.493-7.422A6 6 0 0 1 6.979 3.074'/%3E%3C/svg%3E")
    }

    .tabler--heart-handshake {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.5 12.572L12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572'/%3E%3Cpath d='M12 6L8.707 9.293a1 1 0 0 0 0 1.414l.543.543c.69.69 1.81.69 2.5 0l1-1a3.18 3.18 0 0 1 4.5 0l2.25 2.25m-7 3l2 2M15 13l2 2'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--help-hexagon {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.875 6.27c.7.398 1.13 1.143 1.125 1.948v7.284c0 .809-.443 1.555-1.158 1.948l-6.75 4.27a2.27 2.27 0 0 1-2.184 0l-6.75-4.27A2.23 2.23 0 0 1 3 15.502V8.217c0-.809.443-1.554 1.158-1.947l6.75-3.98a2.33 2.33 0 0 1 2.25 0l6.75 3.98zM12 16v.01'/%3E%3Cpath d='M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--history {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 8v4l2 2'/%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--hourglass {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.5 7h11m-11 10h11M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1'/%3E%3Cpath d='M6 4v2a6 6 0 1 0 12 0V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--icons {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 6.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M2.5 21h8l-4-7zM14 3l7 7m-7 0l7-7m-7 11h7v7h-7z'/%3E%3C/svg%3E")
    }

    .tabler--id {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z'/%3E%3Cpath d='M7 10a2 2 0 1 0 4 0a2 2 0 1 0-4 0m8-2h2m-2 4h2M7 16h10'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--inbox {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M4 13h3l3 3h4l3-3h3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--info-circle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--invoice {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M19 12v7a1.78 1.78 0 0 1-3.1 1.4a1.65 1.65 0 0 0-2.6 0a1.65 1.65 0 0 1-2.6 0a1.65 1.65 0 0 0-2.6 0A1.78 1.78 0 0 1 5 19V5a2 2 0 0 1 2-2h7l5 5v4.25'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--italic {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 5h6M7 19h6m1-14l-4 14'/%3E%3C/svg%3E")
    }

    .tabler--key {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1-4.069 0l-.301-.301l-6.558 6.558a2 2 0 0 1-1.239.578L5.172 21H4a1 1 0 0 1-.993-.883L3 20v-1.172a2 2 0 0 1 .467-1.284l.119-.13L4 17h2v-2h2v-2l2.144-2.144l-.301-.301a2.877 2.877 0 0 1 0-4.069l2.643-2.643a2.877 2.877 0 0 1 4.069 0M15 9h.01'/%3E%3C/svg%3E")
    }

    .tabler--layout {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")
    }

    .tabler--layout-bottombar {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 9h16'/%3E%3C/svg%3E")
    }

    .tabler--layout-dashboard {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 12h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m10-4h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1m0-8h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1'/%3E%3C/svg%3E")
    }

    .tabler--layout-kanban {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4h6m4 0h6M4 10a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 0a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")
    }

    .tabler--layout-sidebar-inactive {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5-2v1m0 4v1m0 4v1m0 4v1'/%3E%3C/svg%3E")
    }

    .tabler--leaf {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 21c.5-4.5 2.5-8 7-10'/%3E%3Cpath d='M9 18c6.218 0 10.5-3.288 11-12V4h-4.014c-9 0-11.986 4-12 9c0 1 0 3 2 5z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--lifebuoy {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m12 3l3.35 3.35M9 15l-3.35 3.35m0-12.7L9 9m9.35-3.35L15 9'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--link {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 15l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.07 5.07 0 0 1-7.127 0a4.97 4.97 0 0 1 0-7.071L6 11'/%3E%3C/svg%3E")
    }

    .tabler--list-check {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.5 5.5L5 7l2.5-2.5m-4 7L5 13l2.5-2.5m-4 7L5 19l2.5-2.5M11 6h9m-9 6h9m-9 6h9'/%3E%3C/svg%3E")
    }

    .tabler--list-details {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 5h8m-8 4h5m-5 6h8m-8 4h5M3 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")
    }

    .tabler--lock {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--lock-password {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm3-2V7a4 4 0 1 1 8 0v4m-1 5h.01m-3 0h.01m-3 0h.01'/%3E%3C/svg%3E")
    }

    .tabler--logout {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2'/%3E%3Cpath d='M9 12h12l-3-3m0 6l3-3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--mail {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7l9 6l9-6'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--mail-forward {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 18H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v7.5'/%3E%3Cpath d='m3 6l9 6l9-6m-6 12h6m-3-3l3 3l-3 3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--mail-opened {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 9l9 6l9-6l-9-6z'/%3E%3Cpath d='M21 9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9m0 10l6-6m6 0l6 6'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--mailbox {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 21v-6.5a3.5 3.5 0 0 0-7 0V21h18v-6a4 4 0 0 0-4-4H6.5'/%3E%3Cpath d='M12 11V3h4l2 2l-2 2h-4m-6 8h1'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--map {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 7l6-3l6 3l6-3v13l-6 3l-6-3l-6 3zm6-3v13m6-10v13'/%3E%3C/svg%3E")
    }

    .tabler--map-pin {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 11a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3Cpath d='M17.657 16.657L13.414 20.9a2 2 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--maximize {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2'/%3E%3C/svg%3E")
    }

    .tabler--medal {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4v3M8 4v6m8-6v6m-4 8.5L9 20l.5-3.5l-2-2l3-.5l1.5-3l1.5 3l3 .5l-2 2L15 20z'/%3E%3C/svg%3E")
    }

    .tabler--menu-4 {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 6h10M4 12h16M7 12h13M7 18h10'/%3E%3C/svg%3E")
    }

    .tabler--message {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 9h8m-8 4h6m4-9a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z'/%3E%3C/svg%3E")
    }

    .tabler--message-circle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501S11.659 20.922 7.7 19z'/%3E%3C/svg%3E")
    }

    .tabler--messages {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 14l-3-3h-7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1zm-7 1v2a1 1 0 0 1-1 1H6l-3 3V11a1 1 0 0 1 1-1h2'/%3E%3C/svg%3E")
    }

    .tabler--microphone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5a3 3 0 0 1 3-3a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3a3 3 0 0 1-3-3z'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0M8 21h8m-4-4v4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--minimize {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5'/%3E%3C/svg%3E")
    }

    .tabler--minus {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E")
    }

    .tabler--mood-smile {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m6-2h.01M15 10h.01'/%3E%3Cpath d='M9.5 15a3.5 3.5 0 0 0 5 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--moon {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z'/%3E%3C/svg%3E")
    }

    .tabler--movie {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-2v16m8-16v16M4 8h4m-4 8h4m-4-4h16m-4-4h4m-4 8h4'/%3E%3C/svg%3E")
    }

    .tabler--music {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3Cpath d='M9 17V4h10v13M9 8h10'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--package {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 3l8 4.5v9L12 21l-8-4.5v-9zm0 9l8-4.5M12 12v9m0-9L4 7.5m12-2.25l-8 4.5'/%3E%3C/svg%3E")
    }

    .tabler--palette {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 21a9 9 0 0 1 0-18c4.97 0 9 3.582 9 8c0 1.06-.474 2.078-1.318 2.828S17.693 15 16.5 15H14a2 2 0 0 0-1 3.75A1.3 1.3 0 0 1 12 21'/%3E%3Cpath d='M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4-3a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4 3a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--paperclip {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3L18 10a3 3 0 0 0-6-6l-6.5 6.5a4.5 4.5 0 0 0 9 9L21 13'/%3E%3C/svg%3E")
    }

    .tabler--password-user {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17v4m-2-1l4-2m-4 0l4 2m-9-3v4m-2-1l4-2m-4 0l4 2m12-3v4m-2-1l4-2m-4 0l4 2M9 6a3 3 0 1 0 6 0a3 3 0 0 0-6 0m-2 8a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2'/%3E%3C/svg%3E")
    }

    .tabler--pencil {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4'/%3E%3C/svg%3E")
    }

    .tabler--phone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")
    }

    .tabler--phone-call {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2m10 3a2 2 0 0 1 2 2m-2-6a6 6 0 0 1 6 6'/%3E%3C/svg%3E")
    }

    .tabler--phone-ringing {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m20 4l-2 2m4 4.5l-2.5-.5m-6-8l.5 2.5M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2C9.928 20.51 3.49 14.072 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")
    }

    .tabler--photo {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 8h.01M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z'/%3E%3Cpath d='m3 16l5-5c.928-.893 2.072-.893 3 0l5 5'/%3E%3Cpath d='m14 14l1-1c.928-.893 2.072-.893 3 0l3 3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--photo-up {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 8h.01M12.5 21H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v6.5'/%3E%3Cpath d='m3 16l5-5c.928-.893 2.072-.893 3 0l3.5 3.5'/%3E%3Cpath d='m14 14l1-1c.679-.653 1.473-.829 2.214-.526M19 22v-6m3 3l-3-3l-3 3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--pig {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11v.01M16 3v3.803A6.02 6.02 0 0 1 18.658 10h1.341a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1.342a6 6 0 0 1-1.658 2.473V18.5a1.5 1.5 0 0 1-3 0v-.583a6 6 0 0 1-1 .083h-4a6 6 0 0 1-1-.083v.583a1.5 1.5 0 0 1-3 0v-2.027A6 6 0 0 1 8.999 6h2.5z'/%3E%3C/svg%3E")
    }

    .tabler--pig-money {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 11v.01M5.173 8.378a3 3 0 1 1 4.656-1.377'/%3E%3Cpath d='M16 4v3.803A6.02 6.02 0 0 1 18.658 11h1.341a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1.342c-.336.95-.907 1.8-1.658 2.473V19.5a1.5 1.5 0 0 1-3 0v-.583a6 6 0 0 1-1 .083h-4a6 6 0 0 1-1-.083v.583a1.5 1.5 0 0 1-3 0v-2.027A6 6 0 0 1 8.999 7h2.5z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--pin {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 4.5l-4 4L7 10l-1.5 1.5l7 7L14 17l1.5-4l4-4M9 15l-4.5 4.5M14.5 4L20 9.5'/%3E%3C/svg%3E")
    }

    .tabler--plane {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 10h4a2 2 0 0 1 0 4h-4l-4 7H9l2-7H7l-2 2H2l2-4l-2-4h3l2 2h4L9 3h3z'/%3E%3C/svg%3E")
    }

    .tabler--player-play {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 4v16l13-8z'/%3E%3C/svg%3E")
    }

    .tabler--plug {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.785 6L18 14.215l-2.054 2.054a5.81 5.81 0 1 1-8.215-8.215zM4 20l3.5-3.5M15 4l-3.5 3.5M20 9l-3.5 3.5'/%3E%3C/svg%3E")
    }

    .tabler--plus {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E")
    }

    .tabler--printer {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17 17h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2m10-8V5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M7 15a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--quote {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6q0 4-4 5m13-7h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6q0 4-4 5'/%3E%3C/svg%3E")
    }

    .tabler--rainbow {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 17c0-5.523-4.477-10-10-10S2 11.477 2 17'/%3E%3Cpath d='M18 17a6 6 0 1 0-12 0'/%3E%3Cpath d='M14 17a2 2 0 1 0-4 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--refresh {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E")
    }

    .tabler--report {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 5H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5.697M18 14v4h4m-4-7V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M8 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m6 13a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-6-7h4m-4 4h3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--robot {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm6-4v2m-3 8v9m6-9v9M5 16l4-2m6 0l4 2M9 18h6M10 8v.01M14 8v.01'/%3E%3C/svg%3E")
    }

    .tabler--rocket {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3-5a9 9 0 0 0 6-8a3 3 0 0 0-3-3a9 9 0 0 0-8 6a6 6 0 0 0-5 3'/%3E%3Cpath d='M7 14a6 6 0 0 0-3 6a6 6 0 0 0 6-3m4-8a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--school {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 9L12 5L2 9l10 4zv6'/%3E%3Cpath d='M6 10.6V16a6 3 0 0 0 12 0v-5.4'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--search {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E")
    }

    .tabler--send-2 {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.698 4.034L21 12L4.698 19.966a.5.5 0 0 1-.546-.124a.56.56 0 0 1-.12-.568L6.5 12L4.032 4.726a.56.56 0 0 1 .12-.568a.5.5 0 0 1 .546-.124M6.5 12H21'/%3E%3C/svg%3E")
    }

    .tabler--settings {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--settings-2 {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.875 6.27A2.23 2.23 0 0 1 21 8.218v7.284c0 .809-.443 1.555-1.158 1.948l-6.75 4.27a2.27 2.27 0 0 1-2.184 0l-6.75-4.27A2.23 2.23 0 0 1 3 15.502V8.217c0-.809.443-1.554 1.158-1.947l6.75-3.98a2.33 2.33 0 0 1 2.25 0l6.75 3.98z'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--share {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m12-6a3 3 0 1 0 6 0a3 3 0 1 0-6 0m0 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-6.3-7.3l6.6-3.4m-6.6 6l6.6 3.4'/%3E%3C/svg%3E")
    }

    .tabler--shield {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a12 12 0 0 0 8.5 3A12 12 0 0 1 12 21A12 12 0 0 1 3.5 6A12 12 0 0 0 12 3'/%3E%3C/svg%3E")
    }

    .tabler--shield-lock {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3a12 12 0 0 0 8.5 3A12 12 0 0 1 12 21A12 12 0 0 1 3.5 6A12 12 0 0 0 12 3'/%3E%3Cpath d='M11 11a1 1 0 1 0 2 0a1 1 0 1 0-2 0m1 1v2.5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--shopping-cart {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0'/%3E%3Cpath d='M17 17H6V3H4'/%3E%3Cpath d='m6 5l14 1l-1 7H6'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--sitemap {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 17a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm12 0a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zM9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zM6 15v-1a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1m-6-6v3'/%3E%3C/svg%3E")
    }

    .tabler--smart-home {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m19 8.71l-5.333-4.148a2.666 2.666 0 0 0-3.274 0L5.059 8.71a2.67 2.67 0 0 0-1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.2c0-.823-.38-1.6-1.03-2.105'/%3E%3Cpath d='M16 15c-2.21 1.333-5.792 1.333-8 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--snowflake {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m10 4l2 1l2-1'/%3E%3Cpath d='M12 2v6.5l3 1.72m2.928-3.952l.134 2.232l1.866 1.232'/%3E%3Cpath d='m20.66 7l-5.629 3.25l.01 3.458m4.887.56L18.062 15.5l-.134 2.232'/%3E%3Cpath d='m20.66 17l-5.629-3.25l-2.99 1.738M14 20l-2-1l-2 1'/%3E%3Cpath d='M12 22v-6.5l-3-1.72m-2.928 3.952L5.938 15.5l-1.866-1.232'/%3E%3Cpath d='m3.34 17l5.629-3.25l-.01-3.458m-4.887-.56L5.938 8.5l.134-2.232'/%3E%3Cpath d='m3.34 7l5.629 3.25l2.99-1.738'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--sparkles {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2-2a2 2 0 0 1-2-2a2 2 0 0 1-2 2m0-12a2 2 0 0 1 2 2a2 2 0 0 1 2-2a2 2 0 0 1-2-2a2 2 0 0 1-2 2M9 18a6 6 0 0 1 6-6a6 6 0 0 1-6-6a6 6 0 0 1-6 6a6 6 0 0 1 6 6'/%3E%3C/svg%3E")
    }

    .tabler--speakerphone {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 8a3 3 0 0 1 0 6m-8-6v11a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-5'/%3E%3Cpath d='m12 8l4.524-3.77A.9.9 0 0 1 18 4.922v12.156a.9.9 0 0 1-1.476.692L12 14H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--square-rounded-arrow-down {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m8 12l4 4l4-4m-4-4v8'/%3E%3Cpath d='M12 3c7.2 0 9 1.8 9 9s-1.8 9-9 9s-9-1.8-9-9s1.8-9 9-9'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--square-rounded-arrow-up {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 12l-4-4l-4 4m4 4V8'/%3E%3Cpath d='M12 3c7.2 0 9 1.8 9 9s-1.8 9-9 9s-9-1.8-9-9s1.8-9 9-9'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--stack-2 {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4L4 8l8 4l8-4zm-8 8l8 4l8-4M4 16l8 4l8-4'/%3E%3C/svg%3E")
    }

    .tabler--star {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E")
    }

    .tabler--star-filled {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E")
    }

    .tabler--sun {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7'/%3E%3C/svg%3E")
    }

    .tabler--sun-high {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.828 14.828a4 4 0 1 0-5.656-5.656a4 4 0 0 0 5.656 5.656m-8.485 2.829l-1.414 1.414M6.343 6.343L4.929 4.929m12.728 1.414l1.414-1.414m-1.414 12.728l1.414 1.414M4 12H2m10-8V2m8 10h2m-10 8v2'/%3E%3C/svg%3E")
    }

    .tabler--sun-moon {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.173 14.83a4 4 0 1 1 5.657-5.657'/%3E%3Cpath d='m11.294 12.707l.174.247a7.5 7.5 0 0 0 8.845 2.492A9 9 0 0 1 5.642 18.36M3 12h1m8-9v1M5.6 5.6l.7.7M3 21L21 3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--sun-wind {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.468 10a4 4 0 1 0-5.466 5.46M2 12h1m8-9v1m0 16v1M4.6 5.6l.7.7m12.1-.7l-.7.7M5.3 17.7l-.7.7M15 13h5a2 2 0 1 0 0-4m-8 7h5.967A2 2 0 0 1 20 18a2 2 0 0 1-2 2h-.286'/%3E%3C/svg%3E")
    }

    .tabler--table-column {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm7 5h11M10 3v18M9 3L3 9m7-2l-7 7m7-2l-7 7m7-2l-4 4'/%3E%3C/svg%3E")
    }

    .tabler--tag {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3Cpath d='M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592-5.592a2.41 2.41 0 0 0 0-3.408l-7.71-7.71A2 2 0 0 0 11.172 3H6a3 3 0 0 0-3 3'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--text-recognition {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2m-8 0V9M9 9h6'/%3E%3C/svg%3E")
    }

    .tabler--thumb-down {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 13V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1za4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2-2l-1-5a2 3 0 0 0-2-2h-7a3 3 0 0 0-3 3'/%3E%3C/svg%3E")
    }

    .tabler--thumb-up {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1za4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3'/%3E%3C/svg%3E")
    }

    .tabler--ticket {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 5v2m0 4v2m0 4v2M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3a2 2 0 0 0 0-4V7a2 2 0 0 1 2-2'/%3E%3C/svg%3E")
    }

    .tabler--tools {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 21h4L20 8a1.5 1.5 0 0 0-4-4L3 17zM14.5 5.5l4 4'/%3E%3Cpath d='M12 8L7 3L3 7l5 5M7 8L5.5 9.5M16 12l5 5l-4 4l-5-5m4 1l-1.5 1.5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--transaction-dollar {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.8 13a2 2 0 0 0-1.8-1h-2a2 2 0 1 0 0 4h2a2 2 0 1 1 0 4h-2a2 2 0 0 1-1.8-1m2.8-8v10M3 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0m12 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M7 5h8M7 5v8a3 3 0 0 0 3 3h1'/%3E%3C/svg%3E")
    }

    .tabler--trash {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3C/svg%3E")
    }

    .tabler--trending-down {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 7l6 6l4-4l8 8'/%3E%3Cpath d='M21 10v7h-7'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--trending-up {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 17l6-6l4 4l8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--truck {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 17a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0'/%3E%3Cpath d='M5 17H3V6a1 1 0 0 1 1-1h9v12m-4 0h6m4 0h2v-6h-8m0-5h5l3 5'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--usb {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-2V5.5M7 10v3l5 3m0-1.5l5-2V10m-1 0h2V8h-2z'/%3E%3Cpath d='M6 9a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4-3.5h4L12 3z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--user {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E")
    }

    .tabler--user-check {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4m1 4l2 2l4-4'/%3E%3C/svg%3E")
    }

    .tabler--user-circle {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='M9 10a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--user-cog {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h2.5m4.501 4a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-3.5V17m0 4v1.5m3.031-5.25l-1.299.75m-3.463 2l-1.3.75m0-3.5l1.3.75m3.463 2l1.3.75'/%3E%3C/svg%3E")
    }

    .tabler--user-hexagon {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6m-5.799 5.744A4 4 0 0 1 10 16h4a4 4 0 0 1 3.798 2.741'/%3E%3Cpath d='M19.875 6.27c.7.398 1.13 1.143 1.125 1.948v7.284c0 .809-.443 1.555-1.158 1.948l-6.75 4.27a2.27 2.27 0 0 1-2.184 0l-6.75-4.27A2.23 2.23 0 0 1 3 15.502V8.217c0-.809.443-1.554 1.158-1.947l6.75-3.98a2.33 2.33 0 0 1 2.25 0l6.75 3.98z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--user-plus {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0m8 12h6m-3-3v6M6 21v-2a4 4 0 0 1 4-4h4'/%3E%3C/svg%3E")
    }

    .tabler--users {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85'/%3E%3C/svg%3E")
    }

    .tabler--users-group {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 13a2 2 0 1 0 4 0a2 2 0 0 0-4 0m-2 8v-1a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1M15 5a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2 5h2a2 2 0 0 1 2 2v1M5 5a2 2 0 1 0 4 0a2 2 0 0 0-4 0m-2 8v-1a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E")
    }

    .tabler--video {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 10l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14zM3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")
    }

    .tabler--volume {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 8a5 5 0 0 1 0 8m2.7-11a9 9 0 0 1 0 14M6 15H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2l3.5-4.5A.8.8 0 0 1 11 5v14a.8.8 0 0 1-1.5.5z'/%3E%3C/svg%3E")
    }

    .tabler--wallet {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17 8V5a1 1 0 0 0-1-1H6a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1-1 1H6a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M20 12v4h-4a2 2 0 0 1 0-4z'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--wand {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 21L21 6l-3-3L3 18zm9-15l3 3M9 3a2 2 0 0 0 2 2a2 2 0 0 0-2 2a2 2 0 0 0-2-2a2 2 0 0 0 2-2m10 10a2 2 0 0 0 2 2a2 2 0 0 0-2 2a2 2 0 0 0-2-2a2 2 0 0 0 2-2'/%3E%3C/svg%3E")
    }

    .tabler--wifi {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 18h.01m-2.838-2.828a4 4 0 0 1 5.656 0m-8.485-2.829a8 8 0 0 1 11.314 0'/%3E%3Cpath d='M3.515 9.515c4.686-4.687 12.284-4.687 17 0'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--wind {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 8h8.5a2.5 2.5 0 1 0-2.34-3.24M3 12h15.5a2.5 2.5 0 1 1-2.34 3.24M4 16h5.5a2.5 2.5 0 1 1-2.34 3.24'/%3E%3C/svg%3E")
    }

    .tabler--world {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8'/%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18'/%3E%3C/g%3E%3C/svg%3E")
    }

    .tabler--x {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")
    }

    .tabler--zoom-in {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m-3-3v6m11 8l-6-6'/%3E%3C/svg%3E")
    }

    .transform-3d {
        transform-style: preserve-3d
    }

    :is(.\*\:mb-base>*) {
        margin-bottom: var(--spacing-base)
    }

    :is(.\*\:flex>*) {
        display: flex
    }

    :is(.\*\:w-full>*) {
        width: 100%
    }

    :is(.\*\:items-center>*) {
        align-items: center
    }

    :is(.\*\:justify-between>*) {
        justify-content: space-between
    }

    :is(.\*\:py-3>*) {
        padding-block: calc(var(--spacing)*3)
    }

    :is(.\*\:pe-5>*) {
        padding-inline-end: calc(var(--spacing)*5)
    }

    :is(.\*\:text-white\!>*) {
        color: var(--color-white) !important
    }

    .not-placeholder-shown\:pt-6:not(:placeholder-shown) {
        padding-top: calc(var(--spacing)*6)
    }

    .not-placeholder-shown\:pb-2:not(:placeholder-shown) {
        padding-bottom: calc(var(--spacing)*2)
    }

    @media(hover:hover) {
        .group-hover\:translate-x-1:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing)*1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:bg-primary-hover:is(:where(.group):hover *) {
            background-color: var(--color-primary-hover)
        }

        .group-hover\:text-primary:is(:where(.group):hover *) {
            color: var(--color-primary)
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }
    }

    .group-\[\.fullscreen-active\]\:hidden:is(:where(.group).fullscreen-active *) {
        display: none
    }

    .group-\[\.fullscreen-active\]\:inline-block:is(:where(.group).fullscreen-active *) {
        display: inline-block
    }

    .peer-not-placeholder-shown\:translate-x-0\.5:is(:where(.peer):not(:placeholder-shown)~*) {
        --tw-translate-x: calc(var(--spacing)*.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .peer-not-placeholder-shown\:-translate-y-1\.5:is(:where(.peer):not(:placeholder-shown)~*) {
        --tw-translate-y: calc(var(--spacing)*-1.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .peer-not-placeholder-shown\:scale-90:is(:where(.peer):not(:placeholder-shown)~*) {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .peer-not-placeholder-shown\:text-default-500:is(:where(.peer):not(:placeholder-shown)~*) {
        color: var(--color-default-500)
    }

    .peer-checked\:border-primary:is(:where(.peer):checked~*) {
        border-color: var(--color-primary)
    }

    .peer-checked\:bg-danger:is(:where(.peer):checked~*) {
        background-color: var(--color-danger)
    }

    .peer-checked\:bg-default-100:is(:where(.peer):checked~*) {
        background-color: var(--color-default-100)
    }

    .peer-checked\:bg-primary:is(:where(.peer):checked~*) {
        background-color: var(--color-primary)
    }

    .peer-checked\:bg-secondary:is(:where(.peer):checked~*) {
        background-color: var(--color-secondary)
    }

    .peer-checked\:bg-success:is(:where(.peer):checked~*) {
        background-color: var(--color-success)
    }

    .peer-checked\:bg-warning:is(:where(.peer):checked~*) {
        background-color: var(--color-warning)
    }

    .peer-checked\:text-white:is(:where(.peer):checked~*) {
        color: var(--color-white)
    }

    .peer-placeholder-shown\:top-3\.5:is(:where(.peer):placeholder-shown~*) {
        top: calc(var(--spacing)*3.5)
    }

    .peer-placeholder-shown\:text-sm:is(:where(.peer):placeholder-shown~*) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .peer-placeholder-shown\:text-default-400:is(:where(.peer):placeholder-shown~*) {
        color: var(--color-default-400)
    }

    .peer-focus\:top-1\.5:is(:where(.peer):focus~*) {
        top: calc(var(--spacing)*1.5)
    }

    .peer-focus\:translate-x-0\.5:is(:where(.peer):focus~*) {
        --tw-translate-x: calc(var(--spacing)*.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .peer-focus\:-translate-y-1\.5:is(:where(.peer):focus~*) {
        --tw-translate-y: calc(var(--spacing)*-1.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .peer-focus\:scale-90:is(:where(.peer):focus~*) {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .peer-focus\:border-0:is(:where(.peer):focus~*) {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .peer-focus\:text-xs:is(:where(.peer):focus~*) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .peer-focus\:text-default-500:is(:where(.peer):focus~*) {
        color: var(--color-default-500)
    }

    .peer-focus\:ring-0:is(:where(.peer):focus~*) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .file\:me-4::file-selector-button {
        margin-inline-end: calc(var(--spacing)*4)
    }

    .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:bg-default-100::file-selector-button {
        background-color: var(--color-default-100)
    }

    .file\:px-3::file-selector-button {
        padding-inline: calc(var(--spacing)*3)
    }

    .file\:py-2::file-selector-button {
        padding-block: calc(var(--spacing)*2)
    }

    .placeholder\:text-transparent::placeholder {
        color: #0000
    }

    .placeholder\:opacity-50::placeholder {
        opacity: .5
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:start-0:before {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing)*0)
    }

    .before\:start-2:before {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing)*2)
    }

    .before\:-end-5:before {
        content: var(--tw-content);
        inset-inline-end: calc(var(--spacing)*-5)
    }

    .before\:-top-4:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*-4)
    }

    .before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .before\:bottom-0:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .before\:hidden:before {
        content: var(--tw-content);
        display: none
    }

    .before\:h-3:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*3)
    }

    .before\:h-4\.5:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*4.5)
    }

    .before\:h-5:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*5)
    }

    .before\:h-full:before {
        content: var(--tw-content);
        height: 100%
    }

    .before\:w-5:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*5)
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%
    }

    .before\:w-px:before {
        content: var(--tw-content);
        width: 1px
    }

    .before\:border-s:before {
        content: var(--tw-content);
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px
    }

    .before\:border-dashed:before {
        content: var(--tw-content);
        --tw-border-style: dashed;
        border-style: dashed
    }

    .before\:border-default-300:before {
        content: var(--tw-content);
        border-color: var(--color-default-300)
    }

    .before\:bg-default-700\/35:before {
        content: var(--tw-content);
        background-color: #6c757d59
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-default-700\/35:before {
            background-color: color-mix(in oklab, var(--color-default-700)35%, transparent)
        }
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:inset-0:after {
        content: var(--tw-content);
        inset: calc(var(--spacing)*0)
    }

    .after\:start-0:after {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing)*0)
    }

    .after\:start-1\/2:after {
        content: var(--tw-content);
        inset-inline-start: 50%
    }

    .after\:start-2:after {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing)*2)
    }

    .after\:start-3\.5:after {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing)*3.5)
    }

    .after\:end-0:after {
        content: var(--tw-content);
        inset-inline-end: calc(var(--spacing)*0)
    }

    .after\:top-0:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .after\:top-1:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*1)
    }

    .after\:top-2\.75:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*2.75)
    }

    .after\:top-3:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*3)
    }

    .after\:top-4:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*4)
    }

    .after\:top-7:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*7)
    }

    .after\:top-8:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*8)
    }

    .after\:bottom-0:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .after\:h-0\.75:after {
        content: var(--tw-content);
        height: calc(var(--spacing)*.75)
    }

    .after\:h-\[calc\(100\%-4px\)\]:after {
        content: var(--tw-content);
        height: calc(100% - 4px)
    }

    .after\:w-0:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*0)
    }

    .after\:w-0\.5:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*.5)
    }

    .after\:w-4:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*4)
    }

    .after\:w-px:after {
        content: var(--tw-content);
        width: 1px
    }

    .after\:-translate-x-\[0\.5px\]:after {
        content: var(--tw-content);
        --tw-translate-x: -.5px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .after\:border:after {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .after\:border-s:after {
        content: var(--tw-content);
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px
    }

    .after\:border-t:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .after\:border-b:after {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .after\:border-dashed:after {
        content: var(--tw-content);
        --tw-border-style: dashed;
        border-style: dashed
    }

    .after\:border-default-200:after {
        content: var(--tw-content);
        border-color: var(--color-default-200)
    }

    .after\:border-default-300:after {
        content: var(--tw-content);
        border-color: var(--color-default-300)
    }

    .after\:bg-gray-100:after {
        content: var(--tw-content);
        background-color: var(--color-gray-100)
    }

    .first\:rounded-s-md:first-child {
        border-start-start-radius: var(--radius-md);
        border-end-start-radius: var(--radius-md)
    }

    .last\:rounded-e-md:last-child {
        border-start-end-radius: var(--radius-md);
        border-end-end-radius: var(--radius-md)
    }

    .last\:after\:hidden:last-child:after {
        content: var(--tw-content);
        display: none
    }

    .odd\:bg-default-100:nth-child(odd) {
        background-color: var(--color-default-100)
    }

    .checked\:bg-danger\!:checked {
        background-color: var(--color-danger) !important
    }

    .checked\:bg-dark\!:checked {
        background-color: var(--color-dark) !important
    }

    .checked\:bg-info\!:checked {
        background-color: var(--color-info) !important
    }

    .checked\:bg-primary\!:checked {
        background-color: var(--color-primary) !important
    }

    .checked\:bg-secondary\!:checked {
        background-color: var(--color-secondary) !important
    }

    .checked\:bg-success\!:checked {
        background-color: var(--color-success) !important
    }

    .checked\:bg-warning\!:checked {
        background-color: var(--color-warning) !important
    }

    .autofill\:pt-6:autofill {
        padding-top: calc(var(--spacing)*6)
    }

    .autofill\:pb-2:autofill {
        padding-bottom: calc(var(--spacing)*2)
    }

    @media(hover:hover) {
        .hover\:z-10:hover {
            z-index: 10
        }

        .hover\:-translate-y-0\.5:hover {
            --tw-translate-y: calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:-translate-y-1:hover {
            --tw-translate-y: calc(var(--spacing)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:scale-110:hover {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:border-danger:hover {
            border-color: var(--color-danger)
        }

        .hover\:border-default-400:hover {
            border-color: var(--color-default-400)
        }

        .hover\:border-default-400\/50:hover {
            border-color: #9ba6b780
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-default-400\/50:hover {
                border-color: color-mix(in oklab, var(--color-default-400)50%, transparent)
            }
        }

        .hover\:border-default-400\/75:hover {
            border-color: #9ba6b7bf
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-default-400\/75:hover {
                border-color: color-mix(in oklab, var(--color-default-400)75%, transparent)
            }
        }

        .hover\:border-default-500:hover {
            border-color: var(--color-default-500)
        }

        .hover\:border-info:hover {
            border-color: var(--color-info)
        }

        .hover\:border-primary:hover {
            border-color: var(--color-primary)
        }

        .hover\:border-success:hover {
            border-color: var(--color-success)
        }

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

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

        .hover\:bg-danger\/40:hover {
            background-color: #f7577e66
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-danger\/40:hover {
                background-color: color-mix(in oklab, var(--color-danger)40%, transparent)
            }
        }

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

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

        .hover\:bg-dark\/40:hover {
            background-color: #313a4666
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-dark\/40:hover {
                background-color: color-mix(in oklab, var(--color-dark)40%, transparent)
            }
        }

        .hover\:bg-default-50:hover {
            background-color: var(--color-default-50)
        }

        .hover\:bg-default-100:hover {
            background-color: var(--color-default-100)
        }

        .hover\:bg-default-800:hover {
            background-color: var(--color-default-800)
        }

        .hover\:bg-emerald-500:hover {
            background-color: var(--color-emerald-500)
        }

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

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

        .hover\:bg-info\/40:hover {
            background-color: #5bc3e166
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-info\/40:hover {
                background-color: color-mix(in oklab, var(--color-info)40%, transparent)
            }
        }

        .hover\:bg-light:hover {
            background-color: var(--color-light)
        }

        .hover\:bg-light-hover:hover {
            background-color: var(--color-light-hover)
        }

        .hover\:bg-light\/40:hover {
            background-color: #eef2f766
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-light\/40:hover {
                background-color: color-mix(in oklab, var(--color-light)40%, transparent)
            }
        }

        .hover\:bg-primary:hover {
            background-color: var(--color-primary)
        }

        .hover\:bg-primary-hover:hover {
            background-color: var(--color-primary-hover)
        }

        .hover\:bg-primary\/15:hover {
            background-color: #236dc926
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/15:hover {
                background-color: color-mix(in oklab, var(--color-primary)15%, transparent)
            }
        }

        .hover\:bg-primary\/40:hover {
            background-color: #236dc966
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/40:hover {
                background-color: color-mix(in oklab, var(--color-primary)40%, transparent)
            }
        }

        .hover\:bg-secondary:hover {
            background-color: var(--color-secondary)
        }

        .hover\:bg-secondary-hover:hover {
            background-color: var(--color-secondary-hover)
        }

        .hover\:bg-secondary\/40:hover {
            background-color: #7b70ef66
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/40:hover {
                background-color: color-mix(in oklab, var(--color-secondary)40%, transparent)
            }
        }

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

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

        .hover\:bg-success\/40:hover {
            background-color: #02bc9c66
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-success\/40:hover {
                background-color: color-mix(in oklab, var(--color-success)40%, transparent)
            }
        }

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

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

        .hover\:bg-warning\/40:hover {
            background-color: #f9bf5966
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-warning\/40:hover {
                background-color: color-mix(in oklab, var(--color-warning)40%, transparent)
            }
        }

        .hover\:bg-linear-to-bl:hover {
            --tw-gradient-position: to bottom left
        }

        @supports (background-image:linear-gradient(in lab, red, red)) {
            .hover\:bg-linear-to-bl:hover {
                --tw-gradient-position: to bottom left in oklab
            }
        }

        .hover\:bg-linear-to-bl:hover {
            background-image: linear-gradient(var(--tw-gradient-stops))
        }

        .hover\:bg-linear-to-l:hover {
            --tw-gradient-position: to left
        }

        @supports (background-image:linear-gradient(in lab, red, red)) {
            .hover\:bg-linear-to-l:hover {
                --tw-gradient-position: to left in oklab
            }
        }

        .hover\:bg-linear-to-l:hover {
            background-image: linear-gradient(var(--tw-gradient-stops))
        }

        .hover\:text-danger:hover {
            color: var(--color-danger)
        }

        .hover\:text-danger-hover:hover {
            color: var(--color-danger-hover)
        }

        .hover\:text-dark:hover {
            color: var(--color-dark)
        }

        .hover\:text-dark-hover:hover {
            color: var(--color-dark-hover)
        }

        .hover\:text-default-50:hover {
            color: var(--color-default-50)
        }

        .hover\:text-default-400:hover {
            color: var(--color-default-400)
        }

        .hover\:text-default-500:hover {
            color: var(--color-default-500)
        }

        .hover\:text-info-hover:hover {
            color: var(--color-info-hover)
        }

        .hover\:text-light-hover:hover {
            color: var(--color-light-hover)
        }

        .hover\:text-primary:hover {
            color: var(--color-primary)
        }

        .hover\:text-primary-hover:hover {
            color: var(--color-primary-hover)
        }

        .hover\:text-secondary:hover {
            color: var(--color-secondary)
        }

        .hover\:text-secondary-hover:hover {
            color: var(--color-secondary-hover)
        }

        .hover\:text-success:hover {
            color: var(--color-success)
        }

        .hover\:text-success-hover:hover {
            color: var(--color-success-hover)
        }

        .hover\:text-warning-hover:hover {
            color: var(--color-warning-hover)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:opacity-10:hover {
            opacity: .1
        }

        .hover\:opacity-25:hover {
            opacity: .25
        }

        .hover\:opacity-50:hover {
            opacity: .5
        }

        .hover\:opacity-75:hover {
            opacity: .75
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .hover\:shadow-lg:hover {
            --tw-shadow: 0 .25rem 1rem var(--tw-shadow-color, #4c4c5c33);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        :is(.\*\:hover\:bg-default-100>*):hover {
            background-color: var(--color-default-100)
        }
    }

    .focus\:border-0:focus {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .focus\:border-0\!:focus {
        border-style: var(--tw-border-style) !important;
        border-width: 0 !important
    }

    .focus\:border-default-500:focus {
        border-color: var(--color-default-500)
    }

    .focus\:bg-default-100:focus {
        background-color: var(--color-default-100)
    }

    .focus\:pt-6:focus {
        padding-top: calc(var(--spacing)*6)
    }

    .focus\:pb-2:focus {
        padding-bottom: calc(var(--spacing)*2)
    }

    .focus\:text-primary:focus {
        color: var(--color-primary)
    }

    .focus\:underline:focus {
        text-decoration-line: underline
    }

    .focus\:opacity-80:focus {
        opacity: .8
    }

    .focus\:opacity-100:focus {
        opacity: 1
    }

    .focus\:ring:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-default-300:focus {
        --tw-ring-color: var(--color-default-300)
    }

    .focus\:outline-hidden:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    @media(forced-colors:active) {
        .focus\:outline-hidden:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .disabled\:pointer-events-none:disabled {
        pointer-events: none
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    @media(min-width:40rem) {
        .sm\:mx-auto {
            margin-inline: auto
        }

        .sm\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .sm\:inline {
            display: inline
        }

        .sm\:inline-flex {
            display: inline-flex
        }

        .sm\:h-auto {
            height: auto
        }

        .sm\:max-h-none {
            max-height: none
        }

        .sm\:w-2\/3 {
            width: 66.6667%
        }

        .sm\:w-full {
            width: 100%
        }

        .sm\:max-w-full {
            max-width: 100%
        }

        .sm\:max-w-lg {
            max-width: var(--container-lg)
        }

        .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }
    }

    @media(min-width:48rem) {
        .md\:end-full {
            inset-inline-end: 100%
        }

        .md\:top-0 {
            top: calc(var(--spacing)*0)
        }

        .md\:col-span-1 {
            grid-column: span 1/span 1
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:col-span-3 {
            grid-column: span 3/span 3
        }

        .md\:col-span-4 {
            grid-column: span 4/span 4
        }

        .md\:col-span-5 {
            grid-column: span 5/span 5
        }

        .md\:col-span-6 {
            grid-column: span 6/span 6
        }

        .md\:col-span-7 {
            grid-column: span 7/span 7
        }

        .md\:col-span-12 {
            grid-column: span 12/span 12
        }

        .md\:col-start-4 {
            grid-column-start: 4
        }

        .md\:mx-2\.5\! {
            margin-inline: calc(var(--spacing)*2.5) !important
        }

        .md\:mx-auto {
            margin-inline: auto
        }

        .md\:my-7\.5 {
            margin-block: calc(var(--spacing)*7.5)
        }

        .md\:ms-10 {
            margin-inline-start: calc(var(--spacing)*10)
        }

        .md\:ms-auto {
            margin-inline-start: auto
        }

        .md\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .md\:mt-2 {
            margin-top: calc(var(--spacing)*2)
        }

        .md\:mt-7\.5 {
            margin-top: calc(var(--spacing)*7.5)
        }

        .md\:mt-15 {
            margin-top: calc(var(--spacing)*15)
        }

        .md\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .md\:mb-7\.5 {
            margin-bottom: calc(var(--spacing)*7.5)
        }

        .md\:mb-10 {
            margin-bottom: calc(var(--spacing)*10)
        }

        .md\:mb-15 {
            margin-bottom: calc(var(--spacing)*15)
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:inline-block {
            display: inline-block
        }

        .md\:inline-flex {
            display: inline-flex
        }

        .md\:size-16 {
            width: calc(var(--spacing)*16);
            height: calc(var(--spacing)*16)
        }

        .md\:h-auto {
            height: auto
        }

        .md\:max-h-none {
            max-height: none
        }

        .md\:w-1\/2 {
            width: 50%
        }

        .md\:w-1\/3 {
            width: 33.3333%
        }

        .md\:w-2xl {
            width: var(--container-2xl)
        }

        .md\:w-3\/4 {
            width: 75%
        }

        .md\:w-25 {
            width: calc(var(--spacing)*25)
        }

        .md\:w-48 {
            width: calc(var(--spacing)*48)
        }

        .md\:w-52 {
            width: calc(var(--spacing)*52)
        }

        .md\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .md\:w-82 {
            width: calc(var(--spacing)*82)
        }

        .md\:w-160 {
            width: calc(var(--spacing)*160)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-full {
            width: 100%
        }

        .md\:max-w-2xl {
            max-width: var(--container-2xl)
        }

        .md\:max-w-118 {
            max-width: calc(var(--spacing)*118)
        }

        .md\:max-w-lg {
            max-width: var(--container-lg)
        }

        .md\:max-w-xl {
            max-width: var(--container-xl)
        }

        .md\:min-w-3xl {
            min-width: var(--container-3xl)
        }

        .md\:min-w-106 {
            min-width: calc(var(--spacing)*106)
        }

        .md\:min-w-160 {
            min-width: calc(var(--spacing)*160)
        }

        .md\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .md\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .md\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .md\:flex-nowrap {
            flex-wrap: nowrap
        }

        .md\:items-center {
            align-items: center
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:justify-center {
            justify-content: center
        }

        .md\:justify-end {
            justify-content: flex-end
        }

        .md\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .md\:gap-7\.5 {
            gap: calc(var(--spacing)*7.5)
        }

        .md\:gap-base {
            gap: var(--spacing-base)
        }

        .md\:gap-x-15 {
            column-gap: calc(var(--spacing)*15)
        }

        .md\:gap-y-4 {
            row-gap: calc(var(--spacing)*4)
        }

        :where(.md\:divide-x>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
        }

        :where(.md\:divide-y-0>:not(:last-child)) {
            --tw-divide-y-reverse: 0;
            border-bottom-style: var(--tw-border-style);
            border-top-style: var(--tw-border-style);
            border-top-width: calc(0px*var(--tw-divide-y-reverse));
            border-bottom-width: calc(0px*calc(1 - var(--tw-divide-y-reverse)))
        }

        .md\:rounded-lg {
            border-radius: var(--radius-lg)
        }

        .md\:rounded-none {
            border-radius: 0
        }

        .md\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .md\:rounded-s-none {
            border-start-start-radius: 0;
            border-end-start-radius: 0
        }

        .md\:rounded-s-sm {
            border-start-start-radius: var(--radius-sm);
            border-end-start-radius: var(--radius-sm)
        }

        .md\:rounded-e-none {
            border-start-end-radius: 0;
            border-end-end-radius: 0
        }

        .md\:rounded-e-sm {
            border-start-end-radius: var(--radius-sm);
            border-end-end-radius: var(--radius-sm)
        }

        .md\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .md\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0
        }

        .md\:border-e {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 1px
        }

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

        .md\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .md\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .md\:p-7\.5 {
            padding: calc(var(--spacing)*7.5)
        }

        .md\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .md\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .md\:px-7\.5 {
            padding-inline: calc(var(--spacing)*7.5)
        }

        .md\:px-15 {
            padding-inline: calc(var(--spacing)*15)
        }

        .md\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .md\:py-4\.25 {
            padding-block: calc(var(--spacing)*4.25)
        }

        .md\:py-15 {
            padding-block: calc(var(--spacing)*15)
        }

        .md\:py-18 {
            padding-block: calc(var(--spacing)*18)
        }

        .md\:ps-1 {
            padding-inline-start: calc(var(--spacing)*1)
        }

        .md\:pe-2 {
            padding-inline-end: calc(var(--spacing)*2)
        }

        .md\:pt-base {
            padding-top: var(--spacing-base)
        }

        .md\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .md\:text-end {
            text-align: end
        }

        .md\:text-start {
            text-align: start
        }

        .md\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .md\:leading-snug {
            --tw-leading: var(--leading-snug);
            line-height: var(--leading-snug)
        }

        .md\:shadow-2xs {
            --tw-shadow: 0 1px var(--tw-shadow-color, #0000000d);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:shadow-md {
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:duration-\[150ms\] {
            --tw-duration: .15s;
            transition-duration: .15s
        }

        .md\:\[--adaptive\:adaptive\] {
            --adaptive: adaptive
        }

        .md\:\[--is-collapse\:false\] {
            --is-collapse: false
        }

        .md\:\[--scrollspy-offset\:70\] {
            --scrollspy-offset: 70
        }

        .md\:\[--strategy\:absolute\] {
            --strategy: absolute
        }

        .md\:\[--strategy\:fixed\] {
            --strategy: fixed
        }

        .md\:\[--trigger\:hover\] {
            --trigger: hover
        }

        :is(.\*\:md\:w-1\/2>*) {
            width: 50%
        }

        :is(.\*\:md\:w-1\/3>*) {
            width: 33.3333%
        }

        :is(.md\:\*\:w-1\/2>*) {
            width: 50%
        }

        .md\:before\:block:before {
            content: var(--tw-content);
            display: block
        }

        .md\:after\:hidden:after {
            content: var(--tw-content);
            display: none
        }
    }

    @media(min-width:64rem) {
        .lg\:static {
            position: static
        }

        .lg\:sticky {
            position: sticky
        }

        .lg\:end-auto {
            inset-inline-end: auto
        }

        .lg\:top-22 {
            top: calc(var(--spacing)*22)
        }

        .lg\:bottom-0 {
            bottom: calc(var(--spacing)*0)
        }

        .lg\:z-10 {
            z-index: 10
        }

        .lg\:col-span-1 {
            grid-column: span 1/span 1
        }

        .lg\:col-span-2 {
            grid-column: span 2/span 2
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:col-span-5 {
            grid-column: span 5/span 5
        }

        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .lg\:col-span-7 {
            grid-column: span 7/span 7
        }

        .lg\:mx-auto {
            margin-inline: auto
        }

        .lg\:me-3 {
            margin-inline-end: calc(var(--spacing)*3)
        }

        .lg\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .lg\:mt-7\.5 {
            margin-top: calc(var(--spacing)*7.5)
        }

        .lg\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .lg\:mb-15 {
            margin-bottom: calc(var(--spacing)*15)
        }

        .lg\:block {
            display: block
        }

        .lg\:block\! {
            display: block !important
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:hidden\! {
            display: none !important
        }

        .lg\:inline-block {
            display: inline-block
        }

        .lg\:inline-flex {
            display: inline-flex
        }

        .lg\:size-9 {
            width: calc(var(--spacing)*9);
            height: calc(var(--spacing)*9)
        }

        .lg\:h-\[calc\(100vh-190px\)\] {
            height: calc(100vh - 190px)
        }

        .lg\:h-\[calc\(100vh-200px\)\] {
            height: calc(100vh - 200px)
        }

        .lg\:h-\[calc\(100vh-210px\)\] {
            height: calc(100vh - 210px)
        }

        .lg\:h-\[calc\(100vh-265px\)\] {
            height: calc(100vh - 265px)
        }

        .lg\:h-\[calc\(100vh-270px\)\] {
            height: calc(100vh - 270px)
        }

        .lg\:h-\[calc\(100vh-275px\)\] {
            height: calc(100vh - 275px)
        }

        .lg\:h-\[calc\(100vh-334px\)\] {
            height: calc(100vh - 334px)
        }

        .lg\:h-auto {
            height: auto
        }

        .lg\:max-h-none {
            max-height: none
        }

        .lg\:min-h-120 {
            min-height: calc(var(--spacing)*120)
        }

        .lg\:w-1\/2 {
            width: 50%
        }

        .lg\:w-2\/3 {
            width: 66.6667%
        }

        .lg\:w-3\/4 {
            width: 75%
        }

        .lg\:w-3\/5 {
            width: 60%
        }

        .lg\:w-3xl {
            width: var(--container-3xl)
        }

        .lg\:w-10\/12 {
            width: 83.3333%
        }

        .lg\:w-70 {
            width: calc(var(--spacing)*70)
        }

        .lg\:w-72 {
            width: calc(var(--spacing)*72)
        }

        .lg\:w-75 {
            width: calc(var(--spacing)*75)
        }

        .lg\:w-full {
            width: 100%
        }

        .lg\:w-sm {
            width: var(--container-sm)
        }

        .lg\:max-w-3xl {
            max-width: var(--container-3xl)
        }

        .lg\:max-w-4xl {
            max-width: var(--container-4xl)
        }

        .lg\:max-w-5xl {
            max-width: var(--container-5xl)
        }

        .lg\:max-w-full {
            max-width: 100%
        }

        .lg\:max-w-lg {
            max-width: var(--container-lg)
        }

        .lg\:max-w-xs {
            max-width: var(--container-xs)
        }

        .lg\:min-w-0 {
            min-width: calc(var(--spacing)*0)
        }

        .lg\:flex-1 {
            flex: 1
        }

        .lg\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .lg\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .lg\:flex-nowrap {
            flex-wrap: nowrap
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:justify-end {
            justify-content: flex-end
        }

        .lg\:justify-start {
            justify-content: flex-start
        }

        .lg\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .lg\:gap-1\.25 {
            gap: calc(var(--spacing)*1.25)
        }

        .lg\:gap-9 {
            gap: calc(var(--spacing)*9)
        }

        .lg\:gap-15 {
            gap: calc(var(--spacing)*15)
        }

        .lg\:gap-base {
            gap: var(--spacing-base)
        }

        .lg\:rounded {
            border-radius: var(--radius)
        }

        .lg\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .lg\:rounded-s-none {
            border-start-start-radius: 0;
            border-end-start-radius: 0
        }

        .lg\:rounded-e-none {
            border-start-end-radius: 0;
            border-end-end-radius: 0
        }

        .lg\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .lg\:border-e {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 1px
        }

        .lg\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .lg\:p-15 {
            padding: calc(var(--spacing)*15)
        }

        .lg\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .lg\:pe-7\.5 {
            padding-inline-end: calc(var(--spacing)*7.5)
        }

        .lg\:shadow-2xs {
            --tw-shadow: 0 1px var(--tw-shadow-color, #0000000d);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .lg\:\[--adaptive\:adaptive\] {
            --adaptive: adaptive
        }

        .lg\:\[--placement\:bottom-right\] {
            --placement: bottom-right
        }

        .lg\:\[--strategy\:fixed\] {
            --strategy: fixed
        }

        :is(.lg\:\*\:w-1\/5>*) {
            width: 20%
        }
    }

    @media(min-width:80rem) {
        .xl\:col-span-1 {
            grid-column: span 1/span 1
        }

        .xl\:col-span-2 {
            grid-column: span 2/span 2
        }

        .xl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xl\:col-span-5 {
            grid-column: span 5/span 5
        }

        .xl\:col-span-7 {
            grid-column: span 7/span 7
        }

        .xl\:mx-auto {
            margin-inline: auto
        }

        .xl\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .xl\:block {
            display: block
        }

        .xl\:flex {
            display: flex
        }

        .xl\:inline-flex {
            display: inline-flex
        }

        .xl\:h-auto {
            height: auto
        }

        .xl\:max-h-none {
            max-height: none
        }

        .xl\:w-1\/2 {
            width: 50%
        }

        .xl\:w-5\/6 {
            width: 83.3333%
        }

        .xl\:max-w-lg {
            max-width: var(--container-lg)
        }

        .xl\:max-w-xl {
            max-width: var(--container-xl)
        }

        .xl\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .xl\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .xl\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .xl\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .xl\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .xl\:shadow-2xs {
            --tw-shadow: 0 1px var(--tw-shadow-color, #0000000d);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        :is(.\*\:xl\:w-1\/4>*),
        :is(.xl\:\*\:w-1\/4>*) {
            width: 25%
        }
    }

    @media(min-width:96rem) {
        .\32xl\:col-span-2 {
            grid-column: span 2/span 2
        }

        .\32xl\:w-5\/6 {
            width: 83.3333%
        }

        .\32xl\:w-5\/12 {
            width: 41.6667%
        }

        .\32xl\:w-10\/12 {
            width: 83.3333%
        }

        .\32xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        :is(.\*\:2xl\:w-1\/5>*) {
            width: 20%
        }
    }

    .rtl\:-translate-x-full:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rtl\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: 180deg
    }

    .dark\:flex:where([data-theme=dark], [data-theme=dark] *) {
        display: flex
    }

    .dark\:hidden:where([data-theme=dark], [data-theme=dark] *) {
        display: none
    }

    :where(.dark\:divide-neutral-700:where([data-theme=dark], [data-theme=dark] *)>:not(:last-child)) {
        border-color: var(--color-neutral-700)
    }

    .dark\:bg-neutral-800:where([data-theme=dark], [data-theme=dark] *) {
        background-color: var(--color-neutral-800)
    }

    .dark\:text-warning:where([data-theme=dark], [data-theme=dark] *) {
        color: var(--color-warning)
    }

    .dark\:text-white:where([data-theme=dark], [data-theme=dark] *) {
        color: var(--color-white)
    }

    .dark\:after\:bg-neutral-700:where([data-theme=dark], [data-theme=dark] *):after {
        content: var(--tw-content);
        background-color: var(--color-neutral-700)
    }

    @media(min-width:48rem) {
        .dark\:md\:bg-neutral-800:where([data-theme=dark], [data-theme=dark] *) {
            background-color: var(--color-neutral-800)
        }
    }

    @media print {
        .print\:flex {
            display: flex
        }

        .print\:hidden {
            display: none
        }
    }

    .hs-dropdown-open\:rotate-180.hs-dropdown-menu.open,
    .hs-dropdown.open>.hs-dropdown-open\:rotate-180,
    .hs-dropdown.open>.hs-dropdown-toggle .hs-dropdown-open\:rotate-180,
    .hs-dropdown.open>.hs-dropdown-menu>.hs-dropdown-open\:rotate-180 {
        rotate: 180deg
    }

    .hs-dropdown-open\:opacity-100.hs-dropdown-menu.open,
    .hs-dropdown.open>.hs-dropdown-open\:opacity-100,
    .hs-dropdown.open>.hs-dropdown-toggle .hs-dropdown-open\:opacity-100,
    .hs-dropdown.open>.hs-dropdown-menu>.hs-dropdown-open\:opacity-100 {
        opacity: 1
    }

    .hs-removing\:hidden.hs-removing {
        display: none
    }

    .hs-removing\:translate-x-5.hs-removing {
        --tw-translate-x: calc(var(--spacing)*5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .hs-removing\:opacity-0.hs-removing {
        opacity: 0
    }

    .hs-tooltip-shown\:visible.hs-tooltip-content.show,
    .hs-tooltip.show .hs-tooltip-shown\:visible {
        visibility: visible
    }

    .hs-tooltip-shown\:opacity-100.hs-tooltip-content.show,
    .hs-tooltip.show .hs-tooltip-shown\:opacity-100 {
        opacity: 1
    }

    .hs-accordion-active\:flex.hs-accordion.active,
    .hs-accordion.active>.hs-accordion-active\:flex,
    .hs-accordion.active>.hs-accordion-toggle .hs-accordion-active\:flex,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle .hs-accordion-active\:flex,
    .hs-accordion.active>.hs-accordion-active\:flex.hs-accordion-toggle,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-active\:flex.hs-accordion-toggle,
    .hs-accordion.active .hs-accordion-active\:flex.hs-accordion-force-active {
        display: flex
    }

    .hs-accordion-active\:hidden.hs-accordion.active,
    .hs-accordion.active>.hs-accordion-active\:hidden,
    .hs-accordion.active>.hs-accordion-toggle .hs-accordion-active\:hidden,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle .hs-accordion-active\:hidden,
    .hs-accordion.active>.hs-accordion-active\:hidden.hs-accordion-toggle,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-active\:hidden.hs-accordion-toggle,
    .hs-accordion.active .hs-accordion-active\:hidden.hs-accordion-force-active {
        display: none
    }

    .hs-accordion-active\:rotate-180.hs-accordion.active,
    .hs-accordion.active>.hs-accordion-active\:rotate-180,
    .hs-accordion.active>.hs-accordion-toggle .hs-accordion-active\:rotate-180,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle .hs-accordion-active\:rotate-180,
    .hs-accordion.active>.hs-accordion-active\:rotate-180.hs-accordion-toggle,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-active\:rotate-180.hs-accordion-toggle,
    .hs-accordion.active .hs-accordion-active\:rotate-180.hs-accordion-force-active {
        rotate: 180deg
    }

    .hs-accordion-active\:bg-default-100.hs-accordion.active,
    .hs-accordion.active>.hs-accordion-active\:bg-default-100,
    .hs-accordion.active>.hs-accordion-toggle .hs-accordion-active\:bg-default-100,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle .hs-accordion-active\:bg-default-100,
    .hs-accordion.active>.hs-accordion-active\:bg-default-100.hs-accordion-toggle,
    .hs-accordion.active>.hs-accordion-heading>.hs-accordion-active\:bg-default-100.hs-accordion-toggle,
    .hs-accordion.active .hs-accordion-active\:bg-default-100.hs-accordion-force-active {
        background-color: var(--color-default-100)
    }

    .hs-collapse-open\:block.hs-collapse.open,
    .hs-collapse-open\:block.hs-collapse-toggle.open,
    .hs-collapse.open .hs-collapse-open\:block,
    .hs-collapse-toggle.open .hs-collapse-open\:block {
        display: block
    }

    .hs-collapse-open\:hidden.hs-collapse.open,
    .hs-collapse-open\:hidden.hs-collapse-toggle.open,
    .hs-collapse.open .hs-collapse-open\:hidden,
    .hs-collapse-toggle.open .hs-collapse-open\:hidden {
        display: none
    }

    .hs-collapse-open\:rotate-180.hs-collapse.open,
    .hs-collapse-open\:rotate-180.hs-collapse-toggle.open,
    .hs-collapse.open .hs-collapse-open\:rotate-180,
    .hs-collapse-toggle.open .hs-collapse-open\:rotate-180 {
        rotate: 180deg
    }

    .hs-tab-active\:border[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .hs-tab-active\:border-b[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .hs-tab-active\:border-danger[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:border-danger {
        border-color: var(--color-danger)
    }

    .hs-tab-active\:border-primary[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:border-primary {
        border-color: var(--color-primary)
    }

    .hs-tab-active\:border-success[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:border-success {
        border-color: var(--color-success)
    }

    .hs-tab-active\:border-b-transparent[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:border-b-transparent {
        border-bottom-color: #0000
    }

    .hs-tab-active\:bg-card[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:bg-card {
        background-color: var(--color-card)
    }

    .hs-tab-active\:bg-default-50[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:bg-default-50 {
        background-color: var(--color-default-50)
    }

    .hs-tab-active\:bg-light\/45[data-hs-tab].active {
        background-color: #eef2f773
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hs-tab-active\:bg-light\/45[data-hs-tab].active {
            background-color: color-mix(in oklab, var(--color-light)45%, transparent)
        }
    }

    [data-hs-tab].active .hs-tab-active\:bg-light\/45 {
        background-color: #eef2f773
    }

    @supports (color:color-mix(in lab, red, red)) {
        [data-hs-tab].active .hs-tab-active\:bg-light\/45 {
            background-color: color-mix(in oklab, var(--color-light)45%, transparent)
        }
    }

    .hs-tab-active\:bg-primary[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:bg-primary {
        background-color: var(--color-primary)
    }

    .hs-tab-active\:bg-secondary[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:bg-secondary {
        background-color: var(--color-secondary)
    }

    .hs-tab-active\:font-semibold[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .hs-tab-active\:text-danger[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:text-danger {
        color: var(--color-danger)
    }

    .hs-tab-active\:text-primary[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:text-primary {
        color: var(--color-primary)
    }

    .hs-tab-active\:text-success[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:text-success {
        color: var(--color-success)
    }

    .hs-tab-active\:text-white[data-hs-tab].active,
    [data-hs-tab].active .hs-tab-active\:text-white {
        color: var(--color-white)
    }

    .hs-overlay-open\:mt-0.open,
    .open .hs-overlay-open\:mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    .hs-overlay-open\:flex.open,
    .open .hs-overlay-open\:flex {
        display: flex
    }

    .hs-overlay-open\:translate-x-0.open,
    .open .hs-overlay-open\:translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .hs-overlay-open\:translate-y-0.open,
    .open .hs-overlay-open\:translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .hs-overlay-open\:scale-100.open,
    .open .hs-overlay-open\:scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .hs-overlay-open\:opacity-100.open,
    .open .hs-overlay-open\:opacity-100 {
        opacity: 1
    }

    .hs-overlay-open\:duration-500.open,
    .open .hs-overlay-open\:duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    @media(min-width:40rem) {

        .sm\:hs-overlay-open\:mt-10.open,
        .open .sm\:hs-overlay-open\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }
    }

    @media(min-width:48rem) {

        .md\:hs-overlay-open\:mt-10.open,
        .open .md\:hs-overlay-open\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }
    }

    @media(min-width:64rem) {

        .lg\:hs-overlay-open\:mt-10.open,
        .open .lg\:hs-overlay-open\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }
    }

    @media(min-width:80rem) {

        .xl\:hs-overlay-open\:mt-10.open,
        .open .xl\:hs-overlay-open\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }
    }

    .hs-scrollspy-active\:bg-default-100.active {
        background-color: var(--color-default-100)
    }

    .hs-scrollspy-active\:bg-primary.active {
        background-color: var(--color-primary)
    }

    .hs-scrollspy-active\:text-white.active {
        color: var(--color-white)
    }

    .hs-carousel-active\:bg-dark.active,
    .active .hs-carousel-active\:bg-dark {
        background-color: var(--color-dark)
    }

    .hs-carousel-active\:bg-white.active,
    .active .hs-carousel-active\:bg-white {
        background-color: var(--color-white)
    }

    .hs-carousel-active\:opacity-100.active,
    .active .hs-carousel-active\:opacity-100 {
        opacity: 1
    }

    .hs-carousel-disabled\:pointer-events-none.disabled,
    .disabled .hs-carousel-disabled\:pointer-events-none {
        pointer-events: none
    }

    .hs-carousel-disabled\:opacity-50.disabled,
    .disabled .hs-carousel-disabled\:opacity-50 {
        opacity: .5
    }

    .hs-password-active\:block.active,
    .active .hs-password-active\:block {
        display: block
    }

    .hs-password-active\:flex.active,
    .active .hs-password-active\:flex {
        display: flex
    }

    .hs-password-active\:hidden.active,
    .active .hs-password-active\:hidden {
        display: none
    }

    .hs-stepper-active\:bg-default-50.active,
    .active .hs-stepper-active\:bg-default-50 {
        background-color: var(--color-default-50)
    }

    .hs-stepper-active\:bg-light\/50.active {
        background-color: #eef2f780
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hs-stepper-active\:bg-light\/50.active {
            background-color: color-mix(in oklab, var(--color-light)50%, transparent)
        }
    }

    .active .hs-stepper-active\:bg-light\/50 {
        background-color: #eef2f780
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active .hs-stepper-active\:bg-light\/50 {
            background-color: color-mix(in oklab, var(--color-light)50%, transparent)
        }
    }

    .hs-stepper-active\:text-default-700.active,
    .active .hs-stepper-active\:text-default-700 {
        color: var(--color-default-700)
    }

    .hs-stepper-success\:border-s-3.success,
    .success .hs-stepper-success\:border-s-3 {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 3px
    }

    .hs-stepper-success\:border-success.success,
    .success .hs-stepper-success\:border-success {
        border-color: var(--color-success)
    }

    .hs-stepper-success\:bg-success\/10.success {
        background-color: #02bc9c1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .hs-stepper-success\:bg-success\/10.success {
            background-color: color-mix(in oklab, var(--color-success)10%, transparent)
        }
    }

    .success .hs-stepper-success\:bg-success\/10 {
        background-color: #02bc9c1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .success .hs-stepper-success\:bg-success\/10 {
            background-color: color-mix(in oklab, var(--color-success)10%, transparent)
        }
    }

    .hs-stepper-success\:text-success.success,
    .success .hs-stepper-success\:text-success {
        color: var(--color-success)
    }

    .\[\.active\]\:bg-primary.active {
        background-color: var(--color-primary)
    }

    .\[\.active\]\:bg-primary\/20.active {
        background-color: #236dc933
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\[\.active\]\:bg-primary\/20.active {
            background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .\[\.active\]\:text-primary.active {
        color: var(--color-primary)
    }

    .\[\.active\]\:text-white.active {
        color: var(--color-white)
    }

    :is(.\*\:\[\.active\]\:bg-default-100>*).active {
        background-color: var(--color-default-100)
    }

    .peer-checked\:\[\&\>img\]\:border-primary:is(:where(.peer):checked~*)>img {
        border-color: var(--color-primary)
    }
}

:root {
    color-scheme: light;
    --color-chart-primary: #236dc9;
    --color-chart-secondary: #7b70ef;
    --color-chart-alpha: #02bc9c;
    --color-chart-beta: #f7577e;
    --color-chart-gamma: #f9bf59;
    --color-chart-delta: #5bc3e1;
    --color-chart-zeta: #db9052;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #1a57a1;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

[data-theme=dark] {
    color-scheme: dark;
    --color-body-bg: #17181e;
    --color-body-color: #aab8c5;
    --color-card: #1e1f27;
    --color-light: #252630;
    --color-light-hover: #8a969c;
    --color-dark: #4b4d5c;
    --color-dark-hover: #343a40;
    --color-chart-border-color: #242c31;
    --color-chart-gray: #40424f;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-50: #22232c;
    --color-default-100: #272832;
    --color-default-200: var(--color-zinc-800);
    --color-default-300: #293036;
    --color-default-400: #8391a2;
    --color-default-500: #a1a9b1;
    --color-default-600: var(--color-zinc-400);
    --color-default-700: var(--color-zinc-300);
    --color-default-800: var(--color-zinc-200);
    --color-default-900: var(--color-zinc-100);
    --color-default-950: var(--color-zinc-50)
}

[data-theme=dark] .text-dark {
    color: #dce0fb !important
}

html[data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: var(--color-default-300);
    --sidenav-item-color: #667787;
    --sidenav-item-hover-color: var(--color-primary);
    --sidenav-item-hover-bg: transparent;
    --sidenav-item-active-color: var(--color-primary);
    --sidenav-item-active-bg: transparent
}

html[data-menu-color=dark] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #1e1f27;
    --sidenav-item-color: #7a8ea7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-menu-color=gray] {
    --sidenav-bg: #f1f2f7;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: var(--color-primary);
    --sidenav-item-hover-bg: #e8f7f4;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e8e8ed
}

html[data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #195274, #3b215c);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-theme=dark][data-menu-color=dark],
html[data-theme=dark][data-menu-color=gray],
html[data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: var(--color-primary);
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-topbar-color=gray] {
    --topbar-bg: #f6f7fb;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: var(--color-primary);
    --topbar-search-bg: #ecedf3;
    --topbar-search-border: #ecedf3
}

html[data-topbar-color=dark] {
    --topbar-bg: #1e1f27;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #272937;
    --topbar-search-border: #272937
}

html[data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #1a455f, #262549);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-theme=dark][data-topbar-color=light],
html[data-theme=dark][data-topbar-color=dark],
html[data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=minimal] {
    --font-body: "Hanken Grotesk", sans-serif;
    --font-secondary: "Hanken Grotesk", sans-serif;
    --text-body: .875rem;
    --color-body-bg: #f1f1f5;
    --color-card: #fff;
    --color-primary: #4557a3;
    --color-primary-hover: #34417a;
    --color-secondary: #c1785a;
    --color-secondary-hover: #915a44;
    --color-success: #8abe9f;
    --color-success-hover: #688f77;
    --color-info: #6acfc9;
    --color-info-hover: #509b97;
    --color-warning: #ffaa40;
    --color-warning-hover: #bf8030;
    --color-danger: #e5513e;
    --color-danger-hover: #ac3d2f;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 700;
    --radius: 10px;
    --spacing-base: .75rem;
    --sidenav-item-icon-size: 1.125rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .875rem;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: .875rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=minimal][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #fff;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #4557a3;
    --sidenav-item-hover-bg: #4557a3;
    --sidenav-item-active-color: #4557a3;
    --sidenav-item-active-bg: #f6f7fa
}

html[data-skin=minimal][data-menu-color=gray] {
    --sidenav-bg: #f1f1f5;
    --sidenav-border-color: #dce0e3;
    --sidenav-item-color: #526270;
    --sidenav-item-hover-color: #4557a3;
    --sidenav-item-hover-bg: transparent;
    --sidenav-item-active-color: #4557a3;
    --sidenav-item-active-bg: transparent
}

html[data-skin=minimal][data-menu-color=dark] {
    --sidenav-bg: #1b2e4a;
    --sidenav-border-color: #1b2e4a;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #243754
}

html[data-skin=minimal][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #195274, #3b215c);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=minimal][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=minimal][data-bs-theme=dark][data-menu-color=dark],
html[data-skin=minimal][data-bs-theme=dark][data-menu-color=gray],
html[data-skin=minimal][data-bs-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=minimal][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #4557a3;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=minimal][data-topbar-color=gray] {
    --topbar-bg: #f1f1f5;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #4557a3;
    --topbar-search-bg: #f7f8fd;
    --topbar-search-border: #e8e9ef
}

html[data-skin=minimal][data-topbar-color=dark] {
    --topbar-bg: #1b2e4a;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #32435c;
    --topbar-search-border: #32435c
}

html[data-skin=minimal][data-bs-theme=dark][data-topbar-color=dark],
html[data-skin=minimal][data-bs-theme=dark][data-topbar-color=light],
html[data-skin=minimal][data-bs-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=minimal] {
    --color-chart-primary: #4557a3;
    --color-chart-secondary: #f54c36;
    --color-chart-alpha: #8abe9f;
    --color-chart-beta: #c1785a;
    --color-chart-gamma: #ffaa40;
    --color-chart-delta: #6acfc9;
    --color-chart-zeta: #6b3f69;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=minimal] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-light: #252630;
    --color-light-hover: #8a969c;
    --color-chart-gray: #40424f;
    --shadow: 0px 0px 30px #0000004d;
    --color-border-color: #293036
}

html[data-skin=minimal] .app-menu,
html[data-skin=minimal] .app-header,
html[data-skin=minimal] .card {
    box-shadow: none
}

html[data-skin=minimal] .app-menu {
    border-inline-end: 1px dashed var(--sidenav-border-color)
}

html[data-skin=minimal] .app-header.topbar-active {
    box-shadow: var(--shadow-sm)
}

html[data-skin=minimal] .card {
    border: 0;
    border-radius: 10px
}

html[data-skin=minimal] .card .card-title {
    font-size: 16px;
    font-weight: 600
}

html[data-skin=minimal] .page-content main {
    padding-inline: calc(var(--spacing)*4)
}

html[data-skin=minimal] .footer {
    background-color: #0000;
    border: none
}

html[data-skin=minimal] .page-title-head {
    background-color: #e9e9ef;
    border-radius: 10px;
    height: auto;
    min-height: 10px;
    margin: .75rem 0;
    padding: .5rem .75rem
}

html[data-skin=minimal] .page-title-head .page-main-title {
    text-transform: none
}

html[data-skin=minimal][data-topbar-color=gray]:not([data-theme=dark]) .page-title-head {
    margin-top: 0
}

html[data-skin=minimal][data-theme=dark] .page-title-head {
    background-color: #0000
}

html[data-skin=modern] {
    --font-body: "Jost", sans-serif;
    --font-secondary: "Jost", sans-serif;
    --text-body: 14px;
    --color-body-bg: #f6f7fb;
    --color-card: #fff;
    --color-primary: #6c84e5;
    --color-primary-hover: #5163ac;
    --color-secondary: #b3827d;
    --color-secondary-hover: #86625e;
    --color-success: #28d77e;
    --color-success-hover: #1ea15f;
    --color-info: #2dd4bf;
    --color-info-hover: #229f8f;
    --color-warning: #ffae02;
    --color-warning-hover: #bf8302;
    --color-danger: #ef4444;
    --color-danger-hover: #b33333;
    --color-purple: #6070cc;
    --color-purple-hover: #485499;
    --shadow: 0 1px 2px #393e5026;
    --text-sm: 13px;
    --radius: 6px;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .9375rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .9375rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=modern][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6c84e5;
    --sidenav-item-hover-bg: #eff1fc;
    --sidenav-item-active-color: #6c84e5;
    --sidenav-item-active-bg: #eff1fc
}

html[data-skin=modern][data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6c84e5;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
}

html[data-skin=modern][data-menu-color=dark] {
    --sidenav-bg: #222b40;
    --sidenav-border-color: #222b40;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #30394d;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #222b40
}

html[data-skin=modern][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #141e30, #243b55);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=modern][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=modern][data-theme=dark][data-menu-color=dark],
html[data-skin=modern][data-theme=dark][data-menu-color=gray],
html[data-skin=modern][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=modern][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6c84e5;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=modern][data-topbar-color=gray] {
    --topbar-bg: #f6f7fb;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6c84e5;
    --topbar-search-bg: #eceef5;
    --topbar-search-border: #eceef5
}

html[data-skin=modern][data-topbar-color=dark] {
    --topbar-bg: #222b40;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #1b2c42;
    --topbar-search-border: #1b2c42
}

html[data-skin=modern][data-theme=dark][data-topbar-color=dark],
html[data-skin=modern][data-theme=dark][data-topbar-color=light],
html[data-skin=modern][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=modern] {
    --color-chart-primary: #6c84e5;
    --color-chart-secondary: #b3827d;
    --color-chart-alpha: #28d77e;
    --color-chart-beta: #ef4444;
    --color-chart-gamma: #ffae02;
    --color-chart-delta: #2dd4bf;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=modern] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-3001: #293036
}

html[data-theme=dark][data-skin=modern] .card,
html[data-theme=dark][data-skin=modern] .hs-dropdown-menu {
    border: 1px solid #293036 !important
}

html[data-skin=modern] .app-header,
html[data-skin=modern] .card {
    box-shadow: 0 1px 2px #393e5026
}

html[data-skin=modern] .card {
    position: relative
}

html[data-skin=modern] .card .card-title {
    font-size: 16px
}

html[data-skin=modern] .card:after {
    content: "";
    border-radius: var(--radius);
    top: -5px;
    background-color: #5bc3e126;
    width: 25px;
    height: 25px;
    position: absolute;
    inset-inline-end: -5px
}

@supports (color:color-mix(in lab, red, red)) {
    html[data-skin=modern] .card:after {
        background-color: color-mix(in oklab, var(--color-info)15%, transparent)
    }
}

html[data-skin=modern] .card:after {
    pointer-events: none;
    z-index: -1
}

html[data-skin=modern] .card:before {
    content: "";
    top: 5px;
    background-color: #236dc9bf;
    width: 6px;
    height: 6px;
    position: absolute;
    inset-inline-end: 5px
}

@supports (color:color-mix(in lab, red, red)) {
    html[data-skin=modern] .card:before {
        background-color: color-mix(in oklab, var(--color-primary)75%, transparent)
    }
}

html[data-skin=modern] .card:before {
    border-radius: 50%
}

html[data-skin=modern]:not([data-sidenav-size=sm]) .side-nav .menu-item .menu-link .menu-icon {
    background-color: var(--sidenav-item-hover-bg);
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: flex
}

html[data-skin=material] {
    --font-body: "Google Sans", sans-serif;
    --font-secondary: "Google Sans", sans-serif;
    --text-body: 13px;
    --color-body-bg: #fefbff;
    --color-card: #fff;
    --color-primary: #6750a4;
    --color-primary-hover: #4d3c7b;
    --color-secondary: #625b71;
    --color-secondary-hover: #4a4455;
    --color-success: #6b9a7e;
    --color-success-hover: #50745f;
    --color-info: #76c2c3;
    --color-info-hover: #599292;
    --color-warning: #f88c00;
    --color-warning-hover: #ba6900;
    --color-danger: #b3261e;
    --color-danger-hover: #861d17;
    --color-light: #e2e0f9;
    --color-light-hover: #aaa8bb;
    --color-default-100: #efe8f1;
    --color-default-300: #dbd5dd;
    --color-default-400: #7e7591;
    --shadow: 0 1px 2px #393e5026;
    --text-sm: 13px;
    --radius: 6px;
    --spacing-base: 12px;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1.125rem;
    --sidenav-item-gap: 12px;
    --sidenav-item-padding-x: 10px;
    --sidenav-item-padding-y: 10px;
    --sidenav-item-font-size: .84375rem;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: .84375rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=material][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #f8f2fa;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6750a4;
    --sidenav-item-hover-bg: #f7f7ff;
    --sidenav-item-active-color: #6750a4;
    --sidenav-item-active-bg: #f7f7ff
}

html[data-skin=material][data-menu-color=gray] {
    --sidenav-bg: #eee6f1;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6750a4;
    --sidenav-item-hover-bg: #ded4e1;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #ded4e1
}

html[data-skin=material][data-menu-color=dark] {
    --sidenav-bg: #383131;
    --sidenav-border-color: #383131;
    --sidenav-item-color: #9f9f9f;
    --sidenav-item-hover-color: #d5d5d5;
    --sidenav-item-hover-bg: #312a2a;
    --sidenav-item-active-color: #d5d5d5;
    --sidenav-item-active-bg: #312a2a
}

html[data-skin=material][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #1a455f, #262549);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #294461
}

html[data-skin=material][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #1e3447
}

html[data-skin=material][data-theme=dark][data-menu-color=dark],
html[data-skin=material][data-theme=dark][data-menu-color=gray],
html[data-skin=material][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=material][data-topbar-color=light] {
    --topbar-bg: #fefbff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6750a4;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=material][data-topbar-color=gray] {
    --topbar-bg: #f8f2fa;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6750a4;
    --topbar-search-bg: #eee6f1;
    --topbar-search-border: #eee6f1
}

html[data-skin=material][data-topbar-color=dark] {
    --topbar-bg: #6750a4;
    --topbar-item-color: #e9ecf1;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #7662ad;
    --topbar-search-border: #7662ad
}

html[data-skin=material][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #6750a4, #3a3052);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=material][data-theme=dark][data-topbar-color=dark],
html[data-skin=material][data-theme=dark][data-topbar-color=light],
html[data-skin=material][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=material] {
    --color-chart-primary: #6750a4;
    --color-chart-secondary: #625b71;
    --color-chart-alpha: #6b9a7e;
    --color-chart-beta: #b3261e;
    --color-chart-gamma: #f88c00;
    --color-chart-delta: #76c2c3;
    --color-chart-zeta: #6b3f69;
    --color-chart-gray: #e2daed;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=material] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-chart-gray: #40424f;
    --color-light: #252630;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036;
    --color-default-400: #8391a2
}

html[data-theme=dark][data-skin=material] .card,
html[data-theme=dark][data-skin=material] .hs-dropdown-menu {
    background-color: #1b1c22 !important;
    border: 1px solid #293036 !important
}

html[data-skin=material] .page-title-head,
html[data-skin=material] .container-fluid,
html[data-skin=material] .container {
    max-width: 1448px;
    margin-inline: auto
}

html[data-skin=material] .app-header .container-fluid {
    padding-inline: calc(var(--spacing)*0)
}

html[data-skin=material] .app-menu,
html[data-skin=material] .app-header,
html[data-skin=material] .card {
    box-shadow: none
}

html[data-skin=material] .footer {
    background-color: #0000;
    border: none
}

html[data-skin=material] .card {
    border-radius: 12px;
    background-color: #f8f2fa !important
}

html[data-skin=material] .hs-dropdown-menu {
    background-color: #fff
}

html[data-skin=material] .side-nav>.menu-item.active>a {
    border-radius: 50px
}

html[data-skin=saas] {
    --font-body: "Poppins", sans-serif;
    --font-secondary: "Poppins", sans-serif;
    --text-body: 13px;
    --color-body-bg: #f2f6fb;
    --color-card: #fff;
    --color-primary: #0a74ff;
    --color-primary-hover: #0857bf;
    --color-secondary: #7b5af7;
    --color-secondary-hover: #5c44b9;
    --color-success: #6fcd1f;
    --color-success-hover: #539a17;
    --color-info: #1aa0e8;
    --color-info-hover: #1478ae;
    --color-warning: #ff8f1f;
    --color-warning-hover: #bf6b17;
    --color-danger: #f43f5e;
    --color-danger-hover: #b72f47;
    --color-default-300: #edf2f9;
    --shadow: 0 1px 2px #393e5026;
    --text-sm: 13px;
    --radius: 4px;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1.25rem;
    --sidenav-item-gap: 12px;
    --sidenav-item-padding-x: 10px;
    --sidenav-item-padding-y: 10px;
    --sidenav-item-font-size: .9285rem;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: .9285rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=saas][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: white;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #0a74ff;
    --sidenav-item-hover-bg: #f2f8ff;
    --sidenav-item-active-color: #0a74ff;
    --sidenav-item-active-bg: #f2f8ff
}

html[data-skin=saas][data-menu-color=gray] {
    --sidenav-bg: #e7edf5;
    --sidenav-border-color: #e7edf5;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #0a74ff;
    --sidenav-item-hover-bg: #e1e7ef;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e1e7ef
}

html[data-skin=saas][data-menu-color=dark] {
    --sidenav-bg: #1b2e4a;
    --sidenav-border-color: #1b2e4a;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #243754
}

html[data-skin=saas][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #1a455f, #262549);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #294461
}

html[data-skin=saas][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #1e3447
}

html[data-skin=saas][data-theme=dark][data-menu-color=dark],
html[data-skin=saas][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=saas][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #0a74ff;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=saas][data-topbar-color=gray] {
    --topbar-bg: #e7edf5;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #0a74ff;
    --topbar-search-bg: #e1e7ef;
    --topbar-search-border: #e1e7ef
}

html[data-skin=saas][data-topbar-color=dark] {
    --topbar-bg: #1b2e4a;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #32435c;
    --topbar-search-border: #32435c
}

html[data-skin=saas][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #1a455f, #262549);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=saas][data-theme=dark][data-topbar-color=dark],
html[data-skin=saas][data-theme=dark][data-topbar-color=light],
html[data-skin=saas][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=saas] {
    --color-chart-primary: #0a74ff;
    --color-chart-secondary: #7b5af7;
    --color-chart-alpha: #6fcd1f;
    --color-chart-beta: #f43f5e;
    --color-chart-gamma: #ff8f1f;
    --color-chart-delta: #1aa0e8;
    --color-chart-zeta: #6b3f69;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=saas] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-light: #17171b;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-300: #293036
}

html[data-theme=dark][data-skin=saas] .card,
html[data-theme=dark][data-skin=saas] .hs-dropdown-menu {
    border: 1px solid #293036 !important
}

html[data-theme=dark][data-skin=saas] .hs-dropdown-menu {
    background-color: #1b1c22
}

html[data-skin=saas] {
    font-size: 14px
}

html[data-skin=saas] .wrapper {
    width: auto;
    margin: 20px
}

html[data-skin=saas] .app-header,
html[data-skin=saas] .card {
    box-shadow: 0 .5rem 1.5rem #12262408
}

html[data-skin=saas] .app-menu {
    border-radius: 10px;
    top: 20px;
    bottom: 20px !important
}

html[data-skin=saas] .app-menu .logo-box {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl)
}

html[data-skin=saas] .app-header {
    border-radius: 10px;
    margin-inline-start: calc(20px + var(--sidenav-width))
}

html[data-skin=saas] .app-header .topbar-menu {
    border-radius: 10px
}

html[data-skin=saas] .footer {
    border-radius: 10px;
    margin-inline: 16px
}

html[data-skin=flat] {
    --font-body: "IBM Plex Sans", sans-serif;
    --font-secondary: "IBM Plex Sans", sans-serif;
    --text-body: .875rem;
    --color-body-bg: #f6f8fa;
    --color-card: #fff;
    --color-primary: #3b6cff;
    --color-primary-hover: #2c51bf;
    --color-secondary: #4f7cff;
    --color-secondary-hover: #3b5dbf;
    --color-success: #6a8cff;
    --color-success-hover: #5069bf;
    --color-info: #9bb4ff;
    --color-info-hover: #7487bf;
    --color-warning: #7f9bff;
    --color-warning-hover: #5f74bf;
    --color-danger: #5f82ff;
    --color-danger-hover: #4762bf;
    --shadow: 0px 1px 3px 0px #828fa317;
    --color-default-300: #eef1f5;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --sidenav-item-icon-size: 1.125rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 10px;
    --sidenav-item-padding-y: 6px;
    --sidenav-item-font-size: .875rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .875rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 5px
}

html[data-skin=flat][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #f1f4f9;
    --sidenav-item-color: #3c4241;
    --sidenav-item-hover-color: #3b6cff;
    --sidenav-item-hover-bg: #f7f7fb;
    --sidenav-item-active-color: #3b6cff;
    --sidenav-item-active-bg: #f7f7fb
}

html[data-skin=flat][data-menu-color=gray] {
    --sidenav-bg: #e6ebf1;
    --sidenav-border-color: #e6ebf1;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #3b6cff;
    --sidenav-item-hover-bg: #f4f0ff;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e8e8ed
}

html[data-skin=flat][data-menu-color=dark] {
    --sidenav-bg: #1b2e4a;
    --sidenav-border-color: #1b2e4a;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #243754
}

html[data-skin=flat][data-theme=dark][data-menu-color=dark],
html[data-skin=flat][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=flat][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #3b6cff;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=flat][data-topbar-color=gray] {
    --topbar-bg: #f1f2f7;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #3b6cff;
    --topbar-search-bg: #e8e9ef;
    --topbar-search-border: #e8e9ef
}

html[data-skin=flat][data-topbar-color=dark] {
    --topbar-bg: #1b2e4a;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #32435c;
    --topbar-search-border: #32435c
}

html[data-skin=flat][data-theme=dark][data-topbar-color=dark],
html[data-skin=flat][data-theme=dark][data-topbar-color=light],
html[data-skin=flat][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=flat] {
    --color-chart-primary: #3b6cff;
    --color-chart-secondary: #15be7b;
    --color-chart-alpha: #6a8cff;
    --color-chart-beta: #20c080;
    --color-chart-gamma: #7f9bff;
    --color-chart-delta: #25df94;
    --color-chart-zeta: #c4b3ed;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #46348b;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-skin=flat] .card,
html[data-skin=flat] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300);
    box-shadow: 0 1px 3px #828fa317
}

html[data-theme=dark][data-skin=flat] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-300: #293036
}

html[data-skin=galaxy] {
    --font-body: "Play", sans-serif;
    --font-secondary: "Play", sans-serif;
    --text-body: 13px;
    --color-body-bg: #f6f8fa;
    --color-card: #fff;
    --color-primary: #6c7cff;
    --color-primary-hover: #515dbf;
    --color-secondary: #aca181;
    --color-secondary-hover: #817961;
    --color-success: #3ce6c2;
    --color-success-hover: #2dad92;
    --color-info: #4fd1ff;
    --color-info-hover: #3b9dbf;
    --color-warning: #ffb84d;
    --color-warning-hover: #bf8a3a;
    --color-danger: #ff5c8a;
    --color-danger-hover: #bf4568;
    --shadow: 2px 8px 16px #393e5012;
    --color-default-300: #edf2f9;
    --text-sm: 13px;
    --radius: 6px;
    --font-weight-medium: 700;
    --font-weight-semibold: 700;
    --font-weight-bold: 700;
    --sidenav-item-icon-size: 1.125rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .9125rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .8125rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=galaxy][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6c7cff;
    --sidenav-item-hover-bg: #eaf2ff;
    --sidenav-item-active-color: #6c7cff;
    --sidenav-item-active-bg: #f1f3f1
}

html[data-skin=galaxy][data-menu-color=gray] {
    --sidenav-bg: #f1f2f7;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #6c7cff;
    --sidenav-item-hover-bg: #e8f7f4;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e8e8ed
}

html[data-skin=galaxy][data-menu-color=dark] {
    --sidenav-bg: #1a2b41;
    --sidenav-border-color: #1a2b41;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #1f3149;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #1f3149
}

html[data-skin=galaxy][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #193146, #1e5262);
    --sidenav-border-color: null;
    --sidenav-item-color: #7e92a3;
    --sidenav-item-hover-color: #aac4cf;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #aac4cf;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=galaxy][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #262c3a), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=galaxy][data-theme=dark][data-menu-color=dark],
html[data-skin=galaxy][data-theme=dark][data-menu-color=gray],
html[data-skin=galaxy][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1c1f2e;
    --sidenav-border-color: #ffffff08;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #ffffff0d;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #ffffff0d
}

html[data-skin=galaxy][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6c7cff;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=galaxy][data-topbar-color=gray] {
    --topbar-bg: #f3eff3;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #6c7cff;
    --topbar-search-bg: #ebe7eb;
    --topbar-search-border: #ebe7eb
}

html[data-skin=galaxy][data-topbar-color=dark] {
    --topbar-bg: #0f2139;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #1b2c42;
    --topbar-search-border: #1b2c42
}

html[data-skin=galaxy][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #193146, #1e5262);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=galaxy][data-theme=dark][data-topbar-color=dark],
html[data-skin=galaxy][data-theme=dark][data-topbar-color=light],
html[data-skin=galaxy][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #e5f3ff1a;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #e5f3ff1a;
    --topbar-search-border: #e5f3ff1a
}

html[data-skin=galaxy] {
    --color-chart-primary: #6c7cff;
    --color-chart-secondary: #3ce6c2;
    --color-chart-alpha: #aca181;
    --color-chart-beta: #e0e8d8;
    --color-chart-gamma: #a8998a;
    --color-chart-delta: #ffb84d;
    --color-chart-zeta: #c17b52;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-skin=galaxy] .btn {
    font-weight: 400
}

html[data-skin=galaxy] .card,
html[data-skin=galaxy] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300);
    box-shadow: 2px 8px 16px #393e5012
}

html[data-theme=dark][data-skin=galaxy] {
    --color-body-bg: #17181e;
    --color-card: #192033;
    --color-light: #2c3340;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #e5f3ff0d;
    --color-default-300: #e5f3ff17
}

html[data-theme=dark][data-skin=galaxy] .app-menu .logo-box {
    background: 0 0 !important
}

html[data-theme=dark][data-skin=galaxy] .app-header {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

html[data-skin=galaxy] body {
    background-attachment: fixed
}

html[data-skin=galaxy] .card .card-title {
    font-size: 14px
}

html[data-skin=galaxy][data-theme=dark] body {
    background: linear-gradient(to bottom right, #10101ed9, #0a142b), url(../images/galaxy.jpg) 50%/cover no-repeat
}

html[data-skin=galaxy][data-theme=dark] .card,
html[data-skin=galaxy][data-theme=dark] .footer,
html[data-skin=galaxy][data-theme=dark] .form-input,
html[data-skin=galaxy][data-theme=dark] .form-textarea,
html[data-skin=galaxy][data-theme=dark] .form-select,
html[data-skin=galaxy][data-theme=dark] .card-bg,
html[data-skin=galaxy][data-theme=dark] .choices__inner,
html[data-skin=galaxy][data-theme=dark] .select2-container .select2-selection--single,
html[data-skin=galaxy][data-theme=dark] .select2-container .select2-selection--multiple,
html[data-skin=galaxy][data-theme=dark] .dropzone,
html[data-skin=galaxy][data-theme=dark] .filepond--panel-root {
    background-color: #ffffff0f
}

html[data-skin=galaxy][data-theme=dark] .card {
    border-style: dashed
}

html[data-skin=luxe] {
    --font-body: "TikTok Sans", sans-serif;
    --font-secondary: "TikTok Sans", sans-serif;
    --text-body: 13px;
    --color-body-bg: #f9f5f5;
    --color-card: #fff;
    --color-primary: #e9635a;
    --color-primary-hover: #af4a44;
    --color-secondary: #9b1f8c;
    --color-secondary-hover: #741769;
    --color-success: #39c37d;
    --color-success-hover: #2b925e;
    --color-info: #2dd4bf;
    --color-info-hover: #229f8f;
    --color-warning: #fea142;
    --color-warning-hover: #bf7932;
    --color-danger: #da4545;
    --color-danger-hover: #a43434;
    --color-purple: #6070cc;
    --color-purple-hover: #485499;
    --shadow: 0 4px 9px #22071f0d;
    --color-default-300: #edf2f9;
    --text-sm: 13px;
    --text-base: 15px;
    --radius: 6px;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .875rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .875rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=luxe][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #e9635a;
    --sidenav-item-hover-bg: #f1f1f1;
    --sidenav-item-active-color: #e9635a;
    --sidenav-item-active-bg: #fdf1f0
}

html[data-skin=luxe][data-menu-color=gray] {
    --sidenav-bg: #f1eded;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #e9635a;
    --sidenav-item-hover-bg: #e9e2e2;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e9e2e2
}

html[data-skin=luxe][data-menu-color=dark] {
    --sidenav-bg: #22071f;
    --sidenav-border-color: #22071f;
    --sidenav-item-color: #938691;
    --sidenav-item-hover-color: #d5c9d4;
    --sidenav-item-hover-bg: #382035;
    --sidenav-item-active-color: #d5c9d4;
    --sidenav-item-active-bg: #311c2e
}

html[data-skin=luxe][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #393a66, #361732);
    --sidenav-border-color: null;
    --sidenav-item-color: #8782a9;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=luxe][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #22071f), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=luxe][data-theme=dark][data-menu-color=dark],
html[data-skin=luxe][data-theme=dark][data-menu-color=gray],
html[data-skin=luxe][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=luxe][data-topbar-color=light] {
    --topbar-bg: #f7f3f3;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #e9635a;
    --topbar-search-bg: transparent;
    --topbar-search-border: #dbdfe3
}

html[data-skin=luxe][data-topbar-color=gray] {
    --topbar-bg: #e9e0e2;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #e9635a;
    --topbar-search-bg: #e1d0d4;
    --topbar-search-border: #e1d0d4
}

html[data-skin=luxe][data-topbar-color=dark] {
    --topbar-bg: #22071f;
    --topbar-item-color: #bbb0b9;
    --topbar-item-hover-color: #f9e5f5;
    --topbar-search-bg: #392035;
    --topbar-search-border: #392035
}

html[data-skin=luxe][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to right, #393a66, #6c2063, #52174b);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=luxe][data-theme=dark][data-topbar-color=dark],
html[data-skin=luxe][data-theme=dark][data-topbar-color=light],
html[data-skin=luxe][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=luxe] {
    --color-chart-primary: #e9635a;
    --color-chart-secondary: #9b1f8c;
    --color-chart-alpha: #39c37d;
    --color-chart-beta: #da4545;
    --color-chart-gamma: #fea142;
    --color-chart-delta: #2dd4bf;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #9b1f8c;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=luxe] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-300: #293036
}

html[data-theme=dark][data-skin=luxe] .card,
html[data-theme=dark][data-skin=luxe] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
}

:is(html[data-skin=luxe][data-menu-color=light][data-topbar-color=dark], html[data-skin=luxe][data-menu-color=light][data-topbar-color=gradient]) .app-menu #button-hover-toggle {
    color: var(--sidenav-item-color) !important
}

html[data-skin=luxe] .app-header {
    box-shadow: none
}

html[data-skin=luxe] .page-title-head {
    position: relative
}

html[data-skin=luxe] .page-title-head:before {
    content: "";
    background: var(--topbar-bg);
    z-index: -1;
    top: 0;
    height: 150px;
    position: absolute;
    inset-inline: -20px
}

html[data-skin=luxe] .pro-username {
    font-size: 13px
}

html[data-skin=luxe] .hs-dropdown-menu,
html[data-skin=luxe] .card {
    box-shadow: 0 4px 9px #22071f0d
}

html[data-skin=luxe]:not([data-sidenav-size=sm]) .side-nav .menu-item .menu-link .menu-icon {
    background-color: var(--sidenav-item-hover-bg);
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: flex
}

html[data-skin=luxe]:not([data-sidenav-size=sm]) .side-nav .sub-menu {
    margin-inline-start: 8px
}

html[data-skin=luxe]:not([data-sidenav-size=sm]) .side-nav .sub-menu .sub-menu {
    padding-inline-start: 12px
}

:is(html[data-skin=luxe][data-menu-color=light][data-topbar-color=dark], html[data-skin=luxe][data-menu-color=light][data-topbar-color=gradient]) .app-menu .logo-box {
    background: var(--sidenav-bg);
    width: 100%
}

:is(html[data-skin=luxe][data-menu-color=light][data-topbar-color=dark], html[data-skin=luxe][data-menu-color=light][data-topbar-color=gradient]) .app-menu .sidenav-user {
    margin-top: 0
}

:is(html[data-skin=luxe][data-menu-color=light][data-topbar-color=dark], html[data-skin=luxe][data-menu-color=light][data-topbar-color=gradient]) .app-menu .button-on-hover {
    color: var(--sidenav-item-color) !important
}

:is(html[data-skin=luxe][data-menu-color=light][data-topbar-color=dark], html[data-skin=luxe][data-menu-color=light][data-topbar-color=gradient]) .app-menu .button-on-hover:hover {
    color: var(--sidenav-item-hover-color) !important
}

:is(html[data-skin=luxe][data-menu-color=light][data-topbar-color=dark], html[data-skin=luxe][data-menu-color=light][data-topbar-color=gradient]) .logo.logo-light {
    display: none !important
}

:is(html[data-skin=luxe][data-menu-color=light][data-topbar-color=dark], html[data-skin=luxe][data-menu-color=light][data-topbar-color=gradient]) .logo.logo-dark {
    display: block !important
}

:is(html[data-skin=luxe][data-topbar-color=dark], html[data-skin=luxe][data-topbar-color=gradient]) .page-title-head .page-main-title {
    color: #fff !important
}

:is(html[data-skin=luxe][data-topbar-color=dark], html[data-skin=luxe][data-topbar-color=gradient]) .page-title-head a {
    color: #ffffff80 !important
}

html[data-skin=retro] {
    --font-body: "Alan Sans", sans-serif;
    --font-secondary: "Alan Sans", sans-serif;
    --text-body: 14px;
    --color-body-bg: #f8f7f1;
    --color-card: #f8f7f1;
    --color-primary: #4b6cb7;
    --color-primary-hover: #385189;
    --color-secondary: #8b5e83;
    --color-secondary-hover: #684762;
    --color-success: #6fa36f;
    --color-success-hover: #537a53;
    --color-info: #5fa8a3;
    --color-info-hover: #477e7a;
    --color-warning: #d9a441;
    --color-warning-hover: #a37b31;
    --color-danger: #c94c4c;
    --color-danger-hover: #973939;
    --color-light: #e9e8e3;
    --color-light-hover: #afaeaa;
    --shadow: 0 4px 9px #22071f0d;
    --color-default-300: #e3e3e1;
    --text-sm: 14px;
    --radius: 10px;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .875rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .875rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=retro][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #4b6cb7;
    --sidenav-item-hover-bg: #e4eded;
    --sidenav-item-active-color: #4b6cb7;
    --sidenav-item-active-bg: #e4eded
}

html[data-skin=retro][data-menu-color=gray] {
    --sidenav-bg: #efeee9;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #4b6cb7;
    --sidenav-item-hover-bg: #e5e5e5;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e5e5e5
}

html[data-skin=retro][data-menu-color=dark] {
    --sidenav-bg: #2c2c2c;
    --sidenav-border-color: #2c2c2c;
    --sidenav-item-color: #718088;
    --sidenav-item-hover-color: #e3f5ff;
    --sidenav-item-hover-bg: #4b6cb7;
    --sidenav-item-active-color: #e3f5ff;
    --sidenav-item-active-bg: #4b6cb7
}

html[data-skin=retro][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #405586, #1f5a58);
    --sidenav-border-color: null;
    --sidenav-item-color: #97b5b3;
    --sidenav-item-hover-color: #d5efed;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #d5efed;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=retro][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #4b6cb7), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=retro][data-theme=dark][data-menu-color=dark],
html[data-skin=retro][data-theme=dark][data-menu-color=gray],
html[data-skin=retro][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=retro][data-topbar-color=light] {
    --topbar-bg: #f3f2ee;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #4b6cb7;
    --topbar-search-bg: #e9e8e3;
    --topbar-search-border: #e9e8e3
}

html[data-skin=retro][data-topbar-color=gray] {
    --topbar-bg: #ebe9e1;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #4b6cb7;
    --topbar-search-bg: #e1e0d9;
    --topbar-search-border: #e1e0d9
}

html[data-skin=retro][data-topbar-color=dark] {
    --topbar-bg: #353638;
    --topbar-item-color: #aaafb9;
    --topbar-item-hover-color: #dde6f9;
    --topbar-search-bg: #434448;
    --topbar-search-border: #494a4e
}

html[data-skin=retro][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #4b6cb7, #262549);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=retro][data-theme=dark][data-topbar-color=dark],
html[data-skin=retro][data-theme=dark][data-topbar-color=light],
html[data-skin=retro][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=retro] {
    --color-chart-primary: #4b6cb7;
    --color-chart-secondary: #d9a441;
    --color-chart-alpha: #6fa36f;
    --color-chart-beta: #c94c4c;
    --color-chart-gamma: #5fa8a3;
    --color-chart-delta: #8b5e83;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #e9e8e3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=retro] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-light: #252630;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036
}

html[data-theme=dark][data-skin=retro] .card,
html[data-theme=dark][data-skin=retro] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
}

html[data-theme=dark][data-skin=retro] .hs-dropdown-menu {
    background-color: #1b1c22
}

html[data-skin=retro] .card,
html[data-skin=retro] .app-header,
html[data-skin=retro] .app-menu {
    box-shadow: none
}

html[data-skin=retro] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
    background-color: var(--topbar-search-bg);
    border-radius: 50rem;
    width: 32px;
    height: 32px
}

html[data-skin=retro] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
    font-size: 18px
}

html[data-skin=retro] .app-header .topbar-item .badge {
    top: calc(var(--spacing)*-2) !important;
    padding-top: calc(var(--spacing)*1) !important
}

html[data-skin=retro] .card {
    border: 1px solid var(--color-default-300);
    background-color: var(--color-body-bg)
}

html[data-skin=retro] .hs-dropdown-menu {
    background-color: #fff
}

html[data-skin=retro] .btn {
    font-weight: 400
}

html[data-skin=neon] {
    --font-body: "Outfit", sans-serif;
    --font-secondary: "Outfit", sans-serif;
    --text-body: 14px;
    --color-body-bg: #f6f6f6;
    --color-card: #fff;
    --color-primary: #d65db1;
    --color-primary-hover: #a14685;
    --color-secondary: #845ec2;
    --color-secondary-hover: #634792;
    --color-success: #00c9a7;
    --color-success-hover: #00977d;
    --color-info: #48c3d7;
    --color-info-hover: #3692a1;
    --color-warning: #ffc75f;
    --color-warning-hover: #bf9547;
    --color-danger: #ff6f91;
    --color-danger-hover: #bf536d;
    --shadow: 0 1px 2px #393e501a;
    --color-default-300: #edf2f9;
    --spacing-base: 8px;
    --text-sm: 14px;
    --radius: 12px;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .875rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .875rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=neon][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #312a2f;
    --sidenav-item-hover-bg: #f6f6f6;
    --sidenav-item-active-color: #312a2f;
    --sidenav-item-active-bg: #f6f6f6
}

html[data-skin=neon][data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #d65db1;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
}

html[data-skin=neon][data-menu-color=dark] {
    --sidenav-bg: #222b40;
    --sidenav-border-color: #222b40;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #30394d;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #222b40
}

html[data-skin=neon][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #141e30, #243b55);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=neon][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=neon][data-theme=dark][data-menu-color=dark],
html[data-skin=neon][data-theme=dark][data-menu-color=gray],
html[data-skin=neon][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=neon][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #d65db1;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=neon][data-topbar-color=gray] {
    --topbar-bg: #f6f7fb;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #d65db1;
    --topbar-search-bg: #eceef5;
    --topbar-search-border: #eceef5
}

html[data-skin=neon][data-topbar-color=dark] {
    --topbar-bg: #222b40;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #1b2c42;
    --topbar-search-border: #1b2c42
}

html[data-skin=neon][data-theme=dark][data-topbar-color=dark],
html[data-skin=neon][data-theme=dark][data-topbar-color=light],
html[data-skin=neon][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=neon] {
    --color-chart-primary: #d65db1;
    --color-chart-secondary: #845ec2;
    --color-chart-alpha: #00c9a7;
    --color-chart-beta: #ff6f91;
    --color-chart-gamma: #ffc75f;
    --color-chart-delta: #48c3d7;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=neon] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-light: #252630;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036
}

html[data-theme=dark][data-skin=neon] .card,
html[data-theme=dark][data-skin=neon] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
}

html[data-theme=dark][data-skin=neon] .hs-dropdown-menu {
    background-color: #1b1c22
}

html[data-skin=neon] .page-content main {
    padding-inline: calc(var(--spacing)*3.5)
}

html[data-skin=neon] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
    border: 1px solid var(--topbar-search-border);
    border-radius: 5px;
    width: 32px;
    height: 32px
}

html[data-skin=neon] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
    font-size: 18px
}

html[data-skin=neon] .app-header .topbar-item .badge {
    top: calc(var(--spacing)*-2) !important;
    padding-top: calc(var(--spacing)*1) !important
}

html[data-skin=neon] .footer {
    padding-inline: calc(var(--spacing)*4);
    background-color: #0000;
    border: none
}

html[data-skin=neon] .card {
    box-shadow: none
}

html[data-skin=neon] .card .card-title {
    font-size: 16px;
    font-weight: 600
}

html[data-skin=neon] .hs-dropdown-menu {
    background-color: #fff
}

html[data-skin=neon] .btn {
    font-weight: 400
}

html[data-skin=pixel] {
    --font-body: "Vend Sans", sans-serif;
    --font-secondary: "Vend Sans", sans-serif;
    --text-body: 14px;
    --color-body-bg: #f3f2ee;
    --color-card: #fff;
    --color-primary: #095f59;
    --color-primary-hover: #074743;
    --color-secondary: #344bbd;
    --color-secondary-hover: #27388e;
    --color-success: #2fa76a;
    --color-success-hover: #237d50;
    --color-info: #56c1b3;
    --color-info-hover: #419186;
    --color-warning: #fdcf6e;
    --color-warning-hover: #be9b53;
    --color-danger: #da4545;
    --color-danger-hover: #a43434;
    --shadow: 0 4px 9px #22071f0d;
    --color-default-300: #edf2f9;
    --text-sm: 14px;
    --radius: 10px;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .875rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .875rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=pixel][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #095f59;
    --sidenav-item-hover-bg: #e4eded;
    --sidenav-item-active-color: #095f59;
    --sidenav-item-active-bg: #e4eded
}

html[data-skin=pixel][data-menu-color=gray] {
    --sidenav-bg: #f1eded;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #095f59;
    --sidenav-item-hover-bg: #e9e2e2;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e9e2e2
}

html[data-skin=pixel][data-menu-color=dark] {
    --sidenav-bg: #095f59;
    --sidenav-border-color: #095f59;
    --sidenav-item-color: #83afac;
    --sidenav-item-hover-color: #a7dbd8;
    --sidenav-item-hover-bg: #0e6d66;
    --sidenav-item-active-color: #a7dbd8;
    --sidenav-item-active-bg: #0e6d66
}

html[data-skin=pixel][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #095f59, #0c4644);
    --sidenav-border-color: null;
    --sidenav-item-color: #809b99;
    --sidenav-item-hover-color: #b4d3d1;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #b4d3d1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=pixel][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #095f59), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=pixel][data-theme=dark][data-menu-color=dark],
html[data-skin=pixel][data-theme=dark][data-menu-color=gray],
html[data-skin=pixel][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=pixel][data-topbar-color=light] {
    --topbar-bg: #f3f2ee;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #095f59;
    --topbar-search-bg: #e9e8e3;
    --topbar-search-border: #e9e8e3
}

html[data-skin=pixel][data-topbar-color=gray] {
    --topbar-bg: #ebe9e1;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #095f59;
    --topbar-search-bg: #e1e0d9;
    --topbar-search-border: #e1e0d9
}

html[data-skin=pixel][data-topbar-color=dark] {
    --topbar-bg: #095f59;
    --topbar-item-color: #94b3b1;
    --topbar-item-hover-color: #b7dddb;
    --topbar-search-bg: #0e6d66;
    --topbar-search-border: #0e6d66
}

html[data-skin=pixel][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #095f59, #262549);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=pixel][data-theme=dark][data-topbar-color=dark],
html[data-skin=pixel][data-theme=dark][data-topbar-color=light],
html[data-skin=pixel][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=pixel] {
    --color-chart-primary: #095f59;
    --color-chart-secondary: #fdcf6e;
    --color-chart-alpha: #2fa76a;
    --color-chart-beta: #da4545;
    --color-chart-gamma: #56c1b3;
    --color-chart-delta: #344bbd;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=pixel] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-light: #252630;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036
}

html[data-theme=dark][data-skin=pixel] .card,
html[data-theme=dark][data-skin=pixel] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
}

html[data-theme=dark][data-skin=pixel] .hs-dropdown-menu {
    background-color: #1b1c22
}

html[data-skin=pixel] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
    background-color: var(--topbar-search-bg);
    border-radius: 50rem;
    width: 32px;
    height: 32px
}

html[data-skin=pixel] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
    font-size: 18px
}

html[data-skin=pixel] .app-header .topbar-item .badge {
    top: calc(var(--spacing)*-2) !important;
    padding-top: calc(var(--spacing)*1) !important
}

html[data-skin=pixel] .card,
html[data-skin=pixel] .app-header {
    box-shadow: none
}

html[data-skin=pixel] .card .card-title {
    font-weight: 600
}

html[data-skin=soft] {
    --font-body: "Open Sans", sans-serif;
    --font-secondary: "Open Sans", sans-serif;
    --text-body: 13px;
    --color-body-bg: #f1f2f7;
    --color-card: #fff;
    --color-primary: #8196e0;
    --color-primary-hover: #6171a8;
    --color-secondary: #8d82c0;
    --color-secondary-hover: #6a6290;
    --color-success: #70c79b;
    --color-success-hover: #549574;
    --color-info: #7fcad1;
    --color-info-hover: #5f989d;
    --color-warning: #e6b96f;
    --color-warning-hover: #ad8b53;
    --color-danger: #e28a8a;
    --color-danger-hover: #aa6868;
    --shadow: 0 2px 4px #38414a33;
    --color-default-300: #e1e7ef;
    --text-sm: 13px;
    --radius: 6px;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 9px;
    --sidenav-item-font-size: 14px;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: 13px;
    --sidenav-sub-item-font-weight: 500;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=soft][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #fff;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #8196e0;
    --sidenav-item-hover-bg: #eff1fc;
    --sidenav-item-active-color: #8196e0;
    --sidenav-item-active-bg: #eff1fc
}

html[data-skin=soft][data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #f6f7fb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #8196e0;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
}

html[data-skin=soft][data-menu-color=dark] {
    --sidenav-bg: #25313d;
    --sidenav-border-color: #25313d;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #34404d;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #34404d
}

html[data-skin=soft][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #3d4888, #52588e);
    --sidenav-border-color: null;
    --sidenav-item-color: #9ba0c9;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=soft][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=soft][data-theme=dark][data-menu-color=dark],
html[data-skin=soft][data-theme=dark][data-menu-color=gray],
html[data-skin=soft][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=soft][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #8196e0;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=soft][data-topbar-color=gray] {
    --topbar-bg: #f6f7fb;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #8196e0;
    --topbar-search-bg: #eceef5;
    --topbar-search-border: #eceef5
}

html[data-skin=soft][data-topbar-color=dark] {
    --topbar-bg: #25313d;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #313f4c;
    --topbar-search-border: #313f4c
}

html[data-skin=soft][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #3d4888, #52588e);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=soft][data-theme=dark][data-topbar-color=dark],
html[data-skin=soft][data-theme=dark][data-topbar-color=light],
html[data-skin=soft][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=soft] {
    --color-chart-primary: #8196e0;
    --color-chart-secondary: #8d82c0;
    --color-chart-alpha: #70c79b;
    --color-chart-beta: #e28a8a;
    --color-chart-gamma: #e6b96f;
    --color-chart-delta: #7fcad1;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=soft] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-light: #252630;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036
}

html[data-theme=dark][data-skin=soft] .card,
html[data-theme=dark][data-skin=soft] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
}

html[data-theme=dark][data-skin=soft] .hs-dropdown-menu {
    background-color: #1b1c22
}

html[data-skin=soft] .card,
html[data-skin=soft] .app-header {
    box-shadow: none
}

html[data-skin=soft] .pro-username {
    font-size: 13px;
    font-weight: 700
}

html[data-skin=soft] .app-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-300)
}

html[data-skin=soft] .app-menu {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-color: var(--color-default-300)
}

html[data-skin=soft] .card {
    border: 1px solid var(--color-default-300)
}

html[data-skin=soft] .card .card-title {
    font-weight: 600
}

html[data-skin=mono] {
    --font-body: "Montserrat", sans-serif;
    --font-secondary: "Montserrat", sans-serif;
    --text-body: 13px;
    --color-body-bg: #f2f7ff;
    --color-card: #f4f9ff;
    --color-primary: #395d94;
    --color-primary-hover: #2b466f;
    --color-secondary: #b56576;
    --color-secondary-hover: #884c59;
    --color-success: #71b47c;
    --color-success-hover: #55875d;
    --color-info: #76c2c3;
    --color-info-hover: #599292;
    --color-warning: #d9b96a;
    --color-warning-hover: #a38b50;
    --color-danger: #d64646;
    --color-danger-hover: #a13535;
    --color-light: #d5dfef;
    --color-light-hover: #a0a7b3;
    --shadow: 1px .1rem .5rem 0 #94acd133;
    --color-default-100: #dee9f9;
    --color-default-300: #d5dfef;
    --color-default-400: #7e7591;
    --text-sm: 13px;
    --radius: 8px;
    --spacing-base: .75rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --sidenav-item-icon-size: 1.125rem;
    --sidenav-item-gap: 12px;
    --sidenav-item-padding-x: 10px;
    --sidenav-item-padding-y: 10px;
    --sidenav-item-font-size: .8125rem;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: .8125rem;
    --sidenav-sub-item-font-weight: 500;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=mono][data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #fff;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #395d94;
    --sidenav-item-hover-bg: #f2f7ff;
    --sidenav-item-active-color: #395d94;
    --sidenav-item-active-bg: #f2f7ff
}

html[data-skin=mono][data-menu-color=gray] {
    --sidenav-bg: #ebf2fa;
    --sidenav-border-color: #ebf2fa;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #395d94;
    --sidenav-item-hover-bg: #e0e7f1;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #e0e7f1
}

html[data-skin=mono][data-menu-color=dark] {
    --sidenav-bg: #383131;
    --sidenav-border-color: #383131;
    --sidenav-item-color: #9f9f9f;
    --sidenav-item-hover-color: #d5d5d5;
    --sidenav-item-hover-bg: #312a2a;
    --sidenav-item-active-color: #d5d5d5;
    --sidenav-item-active-bg: #312a2a
}

html[data-skin=mono][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #39568a, #262549);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #ffffff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #ffffff0d
}

html[data-skin=mono][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #ffffff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #ffffff0d
}

html[data-skin=mono][data-theme=dark][data-menu-color=dark],
html[data-skin=mono][data-theme=dark][data-menu-color=gray],
html[data-skin=mono][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=mono][data-topbar-color=light] {
    --topbar-bg: #fefbff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #395d94;
    --topbar-search-bg: #f2f7ff;
    --topbar-search-border: #eaeef5
}

html[data-skin=mono][data-topbar-color=gray] {
    --topbar-bg: #f2f7ff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #395d94;
    --topbar-search-bg: #e8eef7;
    --topbar-search-border: #e8eef7
}

html[data-skin=mono][data-topbar-color=dark] {
    --topbar-bg: #395d94;
    --topbar-item-color: #bcc8dd;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #44679d;
    --topbar-search-border: #44679d
}

html[data-skin=mono][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #395d94, #3a3052);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=mono][data-theme=dark][data-topbar-color=dark],
html[data-skin=mono][data-theme=dark][data-topbar-color=light],
html[data-skin=mono][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=mono] {
    --color-chart-primary: #395d94;
    --color-chart-secondary: #d9b96a;
    --color-chart-alpha: #71b47c;
    --color-chart-beta: #d64646;
    --color-chart-gamma: #b56576;
    --color-chart-delta: #76c2c3;
    --color-chart-zeta: #6b3f69;
    --color-chart-gray: #d5dfef;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=mono] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-light: #252630;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036
}

html[data-theme=dark][data-skin=mono] .card,
html[data-theme=dark][data-skin=mono] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
}

html[data-theme=dark][data-skin=mono] .hs-dropdown-menu {
    background-color: #1b1c22
}

html[data-theme=dark][data-skin=mono] .card {
    border: 1px solid #dee9f9;
    border-radius: 12px;
    box-shadow: 0 0 30px #0000004d;
    background-image: linear-gradient(90deg, #395d940d, #2c8a2800) !important
}

html[data-theme=dark][data-skin=mono] .card .card-title {
    font-weight: 600
}

html[data-skin=mono] .page-title-head,
html[data-skin=mono] .container-fluid {
    max-width: 1448px;
    margin-inline: auto
}

html[data-skin=mono] .page-content main {
    padding-inline: calc(var(--spacing)*4)
}

html[data-skin=mono] .app-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-300)
}

html[data-skin=mono] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
    background-color: var(--topbar-search-bg);
    border-radius: 50rem;
    width: 32px;
    height: 32px
}

html[data-skin=mono] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
    font-size: 18px
}

html[data-skin=mono] .app-header .topbar-item .badge {
    top: calc(var(--spacing)*-2) !important;
    padding-top: calc(var(--spacing)*1) !important
}

html[data-skin=mono] .app-header .container-fluid {
    padding: 0 !important
}

html[data-skin=mono] .app-menu {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-color: var(--color-default-300)
}

html[data-skin=mono] .card {
    background-image: linear-gradient(90deg, #395d940d, #2c8a2800);
    border: 1px solid #dee9f9;
    border-radius: 12px;
    box-shadow: 1px .1rem .5rem #94acd133
}

html[data-skin=mono] .card .card-title {
    font-weight: 600
}

html[data-skin=mono] .pro-username {
    font-size: 13px;
    font-weight: 600
}

html[data-skin=mono] .side-nav>.menu-item.active>a {
    border-radius: 50px
}

html[data-skin=mono] .footer {
    background-color: #0000;
    border: none
}

html[data-skin=mono] .btn[class*=size-] {
    padding-inline: calc(var(--spacing)*4);
    padding-block: .4532rem
}

html[data-skin=mono] .btn-sm[class*=size-] {
    padding-inline: calc(var(--spacing)*2.5);
    padding-block: .3125rem
}

html[data-skin=zen] {
    --font-body: "Roboto Condensed", sans-serif;
    --font-secondary: "Roboto Condensed", sans-serif;
    --text-body: 14px;
    --color-body-bg: #f2f2f2;
    --color-card: #fff;
    --color-primary: #8bb7a2;
    --color-primary-hover: #68897a;
    --color-secondary: #4d4e8d;
    --color-secondary-hover: #3a3b6a;
    --color-success: #6fbf9c;
    --color-success-hover: #538f75;
    --color-info: #7cc5c5;
    --color-info-hover: #5d9494;
    --color-warning: #dfcc9d;
    --color-warning-hover: #a79976;
    --color-danger: #e76c5d;
    --color-danger-hover: #ad5146;
    --shadow: 1px .1rem .5rem 0 #94acd133;
    --color-default-400: #9ba6b7;
    --radius: 15px;
    --spacing-base: 1.5rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .8725rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .8725rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=zen][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #8bb7a2;
    --sidenav-item-hover-bg: #f1f6f4;
    --sidenav-item-active-color: #8bb7a2;
    --sidenav-item-active-bg: #f1f6f4
}

html[data-skin=zen][data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #8bb7a2;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
}

html[data-skin=zen][data-menu-color=dark] {
    --sidenav-bg: #354152;
    --sidenav-border-color: #354152;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2c3849;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #2c3849
}

html[data-skin=zen][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #1a5c5f, #254449);
    --sidenav-border-color: null;
    --sidenav-item-color: #73a6ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=zen][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=zen][data-theme=dark][data-menu-color=dark],
html[data-skin=zen][data-theme=dark][data-menu-color=gray],
html[data-skin=zen][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=zen][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #8bb7a2;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=zen][data-topbar-color=gray] {
    --topbar-bg: #f2f2f2;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #8bb7a2;
    --topbar-search-bg: #e4e6ed;
    --topbar-search-border: #e4e6ed
}

html[data-skin=zen][data-topbar-color=dark] {
    --topbar-bg: #354152;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2c3849;
    --topbar-search-border: #2c3849
}

html[data-skin=zen][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #1a5c5f, #254449);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=zen][data-theme=dark][data-topbar-color=dark],
html[data-skin=zen][data-theme=dark][data-topbar-color=light],
html[data-skin=zen][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=zen] {
    --color-chart-primary: #8bb7a2;
    --color-chart-secondary: #4d4e8d;
    --color-chart-alpha: #6fbf9c;
    --color-chart-beta: #e76c5d;
    --color-chart-gamma: #dfcc9d;
    --color-chart-delta: #7cc5c5;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=zen] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-light: #252630;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036;
    --color-default-400: #8391a2
}

html[data-theme=dark][data-skin=zen] .hs-dropdown-menu {
    background-color: #1b1c22
}

html[data-theme=dark][data-skin=zen] .card {
    border: 1px solid #293036
}

html[data-theme=dark][data-skin=zen] .app-header {
    box-shadow: 0 1px 2px #393e5026
}

html[data-skin=zen] .app-menu:before {
    content: "";
    background: var(--sidenav-bg);
    top: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    inset-inline-end: -20px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C8.95431 0 0 8.95431 0 20V0H20Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C8.95431 0 0 8.95431 0 20V0H20Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

html[data-skin=zen] .app-menu:after {
    content: "";
    background: var(--sidenav-bg);
    bottom: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    inset-inline-end: -20px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

html[data-skin=zen] .app-header {
    border-top-left-radius: 20px
}

html[data-skin=zen] .app-header .container-fluid {
    padding-inline: calc(var(--spacing)*0)
}

html[data-skin=zen] .page-title-head {
    max-width: 1376px;
    margin: 0 auto
}

html[data-skin=zen] .container-fluid {
    max-width: 1376px
}

html[data-skin=zen] .card {
    box-shadow: none
}

html[data-skin=zen] .card .card-title {
    font-size: 16px
}

html[data-skin=zen] .btn {
    font-weight: var(--font-weight-normal)
}

html[data-skin=zen] .footer {
    background-color: #0000;
    border: none;
    padding: 0 0 1.5rem
}

html[data-skin=zen][data-topbar-color=gray] .app-header {
    box-shadow: none
}

:is(html[data-skin=zen][data-menu-color=light][data-topbar-color=dark], html[data-skin=zen][data-menu-color=light][data-topbar-color=gradient]) .app-header {
    border-radius: 0
}

:is(html[data-skin=zen][data-menu-color=light][data-topbar-color=dark], html[data-skin=zen][data-menu-color=light][data-topbar-color=gradient]) .app-menu:before {
    display: none
}

html[data-skin=silver] {
    --font-body: "Public Sans", sans-serif;
    --font-secondary: "Public Sans", sans-serif;
    --text-body: 13px;
    --color-body-bg: #eef2f5;
    --color-card: #fff;
    --color-primary: #4f66c3;
    --color-primary-hover: #3b4d92;
    --color-secondary: #fb6d9d;
    --color-secondary-hover: #bc5276;
    --color-success: #22d9bb;
    --color-success-hover: #1aa38c;
    --color-info: #2fcde8;
    --color-info-hover: #239aae;
    --color-warning: #fea142;
    --color-warning-hover: #bf7932;
    --color-danger: #ff5f3b;
    --color-danger-hover: #bf472c;
    --color-default-300: #edf2f9;
    --shadow: 0 2px 5px #393e500d;
    --text-sm: 13px;
    --radius: 6px;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 15px;
    --sidenav-item-padding-y: 9px;
    --sidenav-item-font-size: 14px;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: 13px;
    --sidenav-sub-item-font-weight: 500;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=silver][data-menu-color=light] {
    --sidenav-bg: #fff;
    --sidenav-border-color: #fff;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #4f66c3;
    --sidenav-item-hover-bg: #eff1fc;
    --sidenav-item-active-color: #4f66c3;
    --sidenav-item-active-bg: #eff1fc
}

html[data-skin=silver][data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #f6f7fb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #4f66c3;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
}

html[data-skin=silver][data-menu-color=dark] {
    --sidenav-bg: #3d4552;
    --sidenav-border-color: #3d4552;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #34404d;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #34404d
}

html[data-skin=silver][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #1e2238, #2e3758);
    --sidenav-border-color: null;
    --sidenav-item-color: #727995;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=silver][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=silver][data-theme=dark][data-menu-color=dark],
html[data-skin=silver][data-theme=dark][data-menu-color=gray],
html[data-skin=silver][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=silver][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #4f66c3;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=silver][data-topbar-color=gray] {
    --topbar-bg: #f6f7fb;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #4f66c3;
    --topbar-search-bg: #eceef5;
    --topbar-search-border: #eceef5
}

html[data-skin=silver][data-topbar-color=dark] {
    --topbar-bg: #3d4552;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #444d5b;
    --topbar-search-border: #444d5b
}

html[data-skin=silver][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #3d4888, #71528e);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=silver][data-theme=dark][data-topbar-color=dark],
html[data-skin=silver][data-theme=dark][data-topbar-color=light],
html[data-skin=silver][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=silver] {
    --color-chart-primary: #4f66c3;
    --color-chart-secondary: #fb6d9d;
    --color-chart-alpha: #2fcde8;
    --color-chart-beta: #ff5f3b;
    --color-chart-gamma: #fea142;
    --color-chart-delta: #22d9bb;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-theme=dark][data-skin=silver] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --color-light: #252630;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-300: #293036
}

html[data-theme=dark][data-skin=silver] .card,
html[data-theme=dark][data-skin=silver] .hs-dropdown-menu,
html[data-theme=dark][data-skin=silver] .app-header,
html[data-theme=dark][data-skin=silver] .app-menu {
    border-color: #293036 !important
}

html[data-theme=dark][data-skin=silver] .hs-dropdown-menu {
    background-color: #1b1c22
}

html[data-skin=silver] .pro-username {
    font-size: 13px;
    font-weight: 700
}

html[data-skin=silver] .card {
    border: 1px solid #e5eaf1;
    box-shadow: 0 2px 5px #393e500d
}

html[data-skin=silver] .card .card-title {
    font-weight: 600
}

html[data-skin=silver] .app-header {
    border-bottom: 1px solid #e5eaf1
}

html[data-skin=silver] .app-menu {
    border-inline-end: 1px solid #e5eaf1
}

html[data-skin=silver] .side-nav {
    padding-inline: 0 !important
}

html[data-skin=silver] .menu-title {
    padding: var(--sidenav-item-padding-y)var(--sidenav-item-padding-x)
}

html[data-skin=silver] .side-nav .menu-item .menu-link {
    border-radius: 0
}

html[data-skin=silver][data-topbar-color=dark] .app-header,
html[data-skin=silver][data-menu-color=dark] .app-menu {
    border-color: #3d4552
}

html[data-skin=prism] {
    --font-body: "Momo Trust Sans", sans-serif;
    --font-secondary: "Hanken Grotesk", sans-serif;
    --text-body: 13px;
    --color-body-bg: #f2f2f2;
    --color-card: #fff;
    --color-primary: #376aed;
    --color-primary-hover: #2950b2;
    --color-secondary: #9b48c6;
    --color-secondary-hover: #743695;
    --color-success: #22b07d;
    --color-success-hover: #1a845e;
    --color-info: #32a7e2;
    --color-info-hover: #267daa;
    --color-warning: #ff8700;
    --color-warning-hover: #bf6500;
    --color-danger: #e76c5d;
    --color-danger-hover: #ad5146;
    --shadow: 0 1px 20px #393e5014;
    --color-default-100: #edf2f9;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 15px;
    --radius: 8px;
    --spacing-base: 1.5rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .8725rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .8725rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=prism][data-menu-color=light] {
    --sidenav-bg: #ffffff1a;
    --sidenav-border-color: transparent;
    --sidenav-item-color: #687179;
    --sidenav-item-hover-color: #18191c;
    --sidenav-item-hover-bg: #2b313b;
    --sidenav-item-active-color: #fff;
    --sidenav-item-active-bg: #2b313b
}

html[data-skin=prism][data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #e7e9eb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #376aed;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
}

html[data-skin=prism][data-menu-color=dark] {
    --sidenav-bg: #354152;
    --sidenav-border-color: #354152;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2c3849;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #2c3849
}

html[data-skin=prism][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #1e162e, #3a222e);
    --sidenav-border-color: null;
    --sidenav-item-color: #726f87;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=prism][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #421852), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #827195;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=prism][data-theme=dark][data-menu-color=dark],
html[data-skin=prism][data-theme=dark][data-menu-color=gray],
html[data-skin=prism][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1b286e1a;
    --sidenav-border-color: #ffffff0d;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #ffffff08;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #ffffff08
}

html[data-skin=prism][data-topbar-color=light] {
    --topbar-bg: #ffffff80;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #376aed;
    --topbar-search-bg: transparent;
    --topbar-search-border: #dfe5eb
}

html[data-skin=prism][data-topbar-color=gray] {
    --topbar-bg: #fbf6ff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #376aed;
    --topbar-search-bg: #f2ecf7;
    --topbar-search-border: #f2ecf7
}

html[data-skin=prism][data-topbar-color=dark] {
    --topbar-bg: #354152;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2c3849;
    --topbar-search-border: #2c3849
}

html[data-skin=prism][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #593d6e, #543a27);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=prism][data-theme=dark][data-topbar-color=dark],
html[data-skin=prism][data-theme=dark][data-topbar-color=light],
html[data-skin=prism][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #1b286e1a;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #ffffff0d;
    --topbar-search-border: #ffffff1a
}

html[data-skin=prism] {
    --color-chart-primary: #376aed;
    --color-chart-secondary: #32a7e2;
    --color-chart-alpha: #ff8700;
    --color-chart-beta: #e76c5d;
    --color-chart-gamma: #9b48c6;
    --color-chart-delta: #22b07d;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-skin=prism] .page-content main {
    padding-inline: calc(var(--spacing)*5.5)
}

html[data-skin=prism] body {
    background-image: linear-gradient(30deg, #f3f5ff 0, #f7edff 35%, #f3faff, #f6dfe8 75%, #fbf7ff);
    background-attachment: fixed
}

html[data-skin=prism] .app-header,
html[data-skin=prism] .app-menu {
    box-shadow: none;
    -webkit-backdrop-filter: blur(10px)saturate(140%);
    backdrop-filter: blur(10px)saturate(140%)
}

html[data-skin=prism] .app-header {
    border: 1px solid #fff;
    border-radius: 10px;
    margin-inline-start: calc(20px + var(--sidenav-width));
    margin-inline-end: 20px;
    top: 5px
}

html[data-skin=prism] .pro-username {
    font-size: 14px
}

html[data-skin=prism] .card {
    box-shadow: none;
    -webkit-backdrop-filter: blur(10px)saturate();
    backdrop-filter: blur(10px)saturate();
    border: 1px solid #fff
}

html[data-skin=prism] .card .card-title {
    font-size: 16px
}

html[data-skin=prism] .card,
html[data-skin=prism] .footer,
html[data-skin=prism] .form-input,
html[data-skin=prism] .form-select,
html[data-skin=prism] .card-bg,
html[data-skin=prism] .choices__inner,
html[data-skin=prism] .select2-container .select2-selection--single,
html[data-skin=prism] .select2-container .select2-selection--multiple,
html[data-skin=prism] .dropzone,
html[data-skin=prism] .filepond--panel-root {
    background-color: #ffffff80
}

html[data-skin=prism] [data-hs-stepper-nav-item].success>a,
html[data-skin=prism] [data-hs-stepper-nav-item].active>a,
html[data-skin=prism] .nav-link.active {
    border-color: var(--color-default-300) !important;
    background-color: #0000 !important
}

html[data-skin=prism] .btn {
    font-weight: var(--font-weight-normal)
}

html[data-skin=prism] .footer {
    background-color: #0000;
    border: none;
    padding: 0 .75rem 1.5rem
}

html[data-skin=prism][data-theme=dark] body {
    background-image: linear-gradient(30deg, #0f2027 0, #1d2e35 25%, #0d181c, #261333, #100923 85%, #0c1321)
}

html[data-skin=prism][data-theme=dark] .app-header,
html[data-skin=prism][data-theme=dark] .card {
    border-color: #ffffff0d
}

html[data-skin=prism][data-theme=dark] .card,
html[data-skin=prism][data-theme=dark] .footer,
html[data-skin=prism][data-theme=dark] .form-input,
html[data-skin=prism][data-theme=dark] .form-select,
html[data-skin=prism][data-theme=dark] .card-bg,
html[data-skin=prism][data-theme=dark] .choices__inner,
html[data-skin=prism][data-theme=dark] .select2-container .select2-selection--single,
html[data-skin=prism][data-theme=dark] .select2-container .select2-selection--multiple,
html[data-skin=prism][data-theme=dark] .dropzone,
html[data-skin=prism][data-theme=dark] .filepond--panel-root {
    background-color: #1b286e1a
}

html[data-skin=prism][data-sidenav-size=on-hover] .app-header {
    margin-inline-start: calc(20px + var(--sidenav-width-sm))
}

:is(html[data-skin=prism][data-menu-color=light][data-topbar-color=dark], html[data-skin=prism][data-menu-color=light][data-topbar-color=gradient]) .app-menu .logo-box {
    background: 0 0;
    border-radius: 10px 10px 0 0;
    width: 100%
}

:is(html[data-skin=prism][data-menu-color=light][data-topbar-color=dark], html[data-skin=prism][data-menu-color=light][data-topbar-color=gradient]) .app-menu .sidenav-user {
    margin-top: 0
}

:is(html[data-skin=prism][data-menu-color=light][data-topbar-color=dark], html[data-skin=prism][data-menu-color=light][data-topbar-color=gradient]) .app-menu .button-on-hover {
    color: var(--sidenav-item-color) !important
}

:is(html[data-skin=prism][data-menu-color=light][data-topbar-color=dark], html[data-skin=prism][data-menu-color=light][data-topbar-color=gradient]) .app-menu .button-on-hover:hover {
    color: var(--sidenav-item-hover-color) !important
}

:is(html[data-skin=prism][data-menu-color=light][data-topbar-color=dark], html[data-skin=prism][data-menu-color=light][data-topbar-color=gradient]):not([data-theme=dark]) .logo-box .logo-light {
    display: none
}

:is(html[data-skin=prism][data-menu-color=light][data-topbar-color=dark], html[data-skin=prism][data-menu-color=light][data-topbar-color=gradient]):not([data-theme=dark]) .logo-box .logo-dark {
    display: block
}

html[data-skin=nova] {
    --font-body: "Roboto", sans-serif;
    --font-secondary: "Roboto", sans-serif;
    --text-body: 13px;
    --color-body-bg: #f5f4f4;
    --color-card: #fff;
    --color-primary: #3f51b5;
    --color-primary-hover: #2f3d88;
    --color-secondary: #673ab7;
    --color-secondary-hover: #4d2c89;
    --color-success: #009688;
    --color-success-hover: #007166;
    --color-info: #03a9f4;
    --color-info-hover: #027fb7;
    --color-warning: #ff9800;
    --color-warning-hover: #bf7200;
    --color-danger: #f44336;
    --color-danger-hover: #b73229;
    --shadow: 0 2px 3px 0px #3c404333;
    --color-default-100: #f5f4f4;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --radius: 3px;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 9px;
    --sidenav-item-font-size: 14px;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: 13px;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=nova][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #fff;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #3f51b5;
    --sidenav-item-hover-bg: #eff1fc;
    --sidenav-item-active-color: #3f51b5;
    --sidenav-item-active-bg: #eff1fc
}

html[data-skin=nova][data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #f6f7fb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #3f51b5;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
}

html[data-skin=nova][data-menu-color=dark] {
    --sidenav-bg: #14191e;
    --sidenav-border-color: #14191e;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #1d242b;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #1d242b
}

html[data-skin=nova][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(90deg, #2b3670 0%, #182848 100%);
    --sidenav-border-color: null;
    --sidenav-item-color: #9ba0c9;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=nova][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=nova][data-theme=dark][data-menu-color=dark],
html[data-skin=nova][data-theme=dark][data-menu-color=gray],
html[data-skin=nova][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=nova][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #3f51b5;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=nova][data-topbar-color=gray] {
    --topbar-bg: #f5f4f4;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #3f51b5;
    --topbar-search-bg: #ededed;
    --topbar-search-border: #ededed
}

html[data-skin=nova][data-topbar-color=dark] {
    --topbar-bg: #25313d;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #313f4c;
    --topbar-search-border: #313f4c
}

html[data-skin=nova][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #3d4888, #52588e);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=nova][data-theme=dark][data-topbar-color=dark],
html[data-skin=nova][data-theme=dark][data-topbar-color=light],
html[data-skin=nova][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=nova] {
    --color-chart-primary: #3f51b5;
    --color-chart-secondary: #673ab7;
    --color-chart-alpha: #009688;
    --color-chart-beta: #f44336;
    --color-chart-gamma: #ff9800;
    --color-chart-delta: #03a9f4;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-skin=nova] .pro-username {
    font-size: 13px;
    font-weight: 700
}

html[data-skin=nova] .btn,
html[data-skin=nova] .form-select,
html[data-skin=nova] .form-input,
html[data-skin=nova] .badge,
html[data-skin=nova] .form-check-input,
html[data-skin=nova] .input-group-text,
html[data-skin=nova] .choices__inner,
html[data-skin=nova] .select2-container .select2-selection--single,
html[data-skin=nova] .select2-container .select2-selection--multiple,
html[data-skin=nova] .dropzone,
html[data-skin=nova] .filepond--panel-root {
    box-shadow: var(--shadow) !important
}

html[data-skin=nova] .hs-dropdown-menu,
html[data-skin=nova] .btn,
html[data-skin=nova] .form-select,
html[data-skin=nova] .form-input {
    border-width: 0
}

html[data-skin=nova] .topbar-link,
html[data-skin=nova] .dropdown-item .btn {
    box-shadow: none !important
}

html[data-skin=nova] .card {
    box-shadow: 0 1px 2px #3c404333
}

html[data-skin=nova] .input-group[data-touchspin]>.form-input {
    box-shadow: none !important
}

html[data-skin=nova][data-theme=dark] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036;
    --color-chart-gray: #40424f
}

html[data-skin=nova][data-theme=dark] .card,
html[data-skin=nova][data-theme=dark] .dropdown-menu,
html[data-skin=nova][data-theme=dark] .btn,
html[data-skin=nova][data-theme=dark] .form-select,
html[data-skin=nova][data-theme=dark] .form-control {
    border-width: 1px !important
}

html[data-skin=elegant] {
    --font-body: "Host Grotesk", sans-serif;
    --font-secondary: "Host Grotesk", sans-serif;
    --text-body: 14px;
    --color-body-bg: #f7f7f5;
    --color-card: #fff;
    --color-primary: #f2c175;
    --color-primary-hover: #b69158;
    --color-secondary: #c19178;
    --color-secondary-hover: #916d5a;
    --color-success: #86ab4a;
    --color-success-hover: #658038;
    --color-info: #7ccdd0;
    --color-info-hover: #5d9a9c;
    --color-warning: #f90;
    --color-warning-hover: #bf7300;
    --color-danger: #db7474;
    --color-danger-hover: #a45757;
    --shadow: 0 4px 9px #22071f0d;
    --radius: 8px;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --sidenav-item-icon-size: 1.25rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 9px;
    --sidenav-item-font-size: 14px;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: 14px;
    --sidenav-sub-item-font-weight: 500;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=elegant][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #fff;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #213648;
    --sidenav-item-hover-bg: #f7f7f5;
    --sidenav-item-active-color: #213648;
    --sidenav-item-active-bg: #f7f7f5
}

html[data-skin=elegant][data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #f6f7fb;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #212b29;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
}

html[data-skin=elegant][data-menu-color=dark] {
    --sidenav-bg: #1f1e30;
    --sidenav-border-color: #1f1e30;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #f2c175;
    --sidenav-item-active-color: #fff;
    --sidenav-item-active-bg: #f2c175
}

html[data-skin=elegant][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(90deg, #3a1b0f 0%, #3a1c0c 100%);
    --sidenav-border-color: null;
    --sidenav-item-color: #81736c;
    --sidenav-item-hover-color: #ddb9a7;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #ddb9a7;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=elegant][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=elegant][data-theme=dark][data-menu-color=dark],
html[data-skin=elegant][data-theme=dark][data-menu-color=gray],
html[data-skin=elegant][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=elegant][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: #909ba5;
    --topbar-item-hover-color: #3d4247;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=elegant][data-topbar-color=gray] {
    --topbar-bg: #f7f7f5;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #f2c175;
    --topbar-search-bg: #ededed;
    --topbar-search-border: #ededed
}

html[data-skin=elegant][data-topbar-color=dark] {
    --topbar-bg: #25313d;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #313f4c;
    --topbar-search-border: #313f4c
}

html[data-skin=elegant][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #2c1f0c, #56180d);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=elegant][data-theme=dark][data-topbar-color=dark],
html[data-skin=elegant][data-theme=dark][data-topbar-color=light],
html[data-skin=elegant][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=elegant] {
    --color-chart-primary: #f2c175;
    --color-chart-secondary: #c19178;
    --color-chart-alpha: #86ab4a;
    --color-chart-beta: #db7474;
    --color-chart-gamma: #f90;
    --color-chart-delta: #7ccdd0;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-skin=elegant] .app-header,
html[data-skin=elegant] .card {
    box-shadow: none
}

html[data-skin=elegant] .app-header.topbar-active {
    box-shadow: var(--shadow)
}

html[data-skin=elegant] .pro-username {
    font-size: 14px;
    font-weight: 600
}

html[data-skin=elegant] .side-nav>.menu-item.active>a {
    border-radius: 50px
}

html[data-skin=elegant] .card .card-title {
    font-size: 16px;
    font-weight: 700
}

html[data-skin=elegant] h1,
html[data-skin=elegant] h2,
html[data-skin=elegant] h3,
html[data-skin=elegant] h4,
html[data-skin=elegant] h5,
html[data-skin=elegant] h6,
html[data-skin=elegant] .h1,
html[data-skin=elegant] .h2,
html[data-skin=elegant] .h3,
html[data-skin=elegant] .h4,
html[data-skin=elegant] .h5,
html[data-skin=elegant] .h6 {
    font-weight: 600
}

html[data-skin=elegant][data-theme=dark] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036;
    --color-chart-gray: #40424f
}

html[data-skin=elegant][data-theme=dark] .card {
    border: 1px solid #293036
}

html[data-skin=elegant][data-theme=dark] .card,
html[data-skin=elegant][data-theme=dark] .hs-dropdown-menu,
html[data-skin=elegant][data-theme=dark] .btn,
html[data-skin=elegant][data-theme=dark] .form-select,
html[data-skin=elegant][data-theme=dark] .form-input {
    border-width: 1px !important
}

html[data-skin=vivid] {
    --font-body: "Google Sans", sans-serif;
    --font-secondary: "Google Sans", sans-serif;
    --text-body: 13px;
    --color-body-bg: #fffaf4;
    --color-card: #fbf7f3;
    --color-primary: #37718e;
    --color-primary-hover: #29556b;
    --color-secondary: #f38ba0;
    --color-secondary-hover: #b66878;
    --color-success: #89aa97;
    --color-success-hover: #678071;
    --color-info: #5eabd6;
    --color-info-hover: #4780a1;
    --color-warning: #fab57a;
    --color-warning-hover: #bc885c;
    --color-danger: #c33c54;
    --color-danger-hover: #922d3f;
    --color-light: #f1ebe5;
    --color-light-hover: #b5b0ac;
    --shadow: 1px .1rem .5rem 0 #302d3b26;
    --color-default-300: #e7e3de;
    --color-default-400: #7e7591;
    --text-sm: 13px;
    --text-md: 14px;
    --text-base: 16px;
    --radius: 8px;
    --radius-sm: 6px;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1.125rem;
    --sidenav-item-gap: 12px;
    --sidenav-item-padding-x: 10px;
    --sidenav-item-padding-y: 10px;
    --sidenav-item-font-size: .84375rem;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: .84375rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=vivid][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #fffaf4;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #37718e;
    --sidenav-item-hover-bg: #f7f7ff;
    --sidenav-item-active-color: #37718e;
    --sidenav-item-active-bg: #f7f7ff
}

html[data-skin=vivid][data-menu-color=gray] {
    --sidenav-bg: #f3efea;
    --sidenav-border-color: #f3efea;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #212b29;
    --sidenav-item-hover-bg: #ebe6e0;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #ebe6e0
}

html[data-skin=vivid][data-menu-color=dark] {
    --sidenav-bg: #383131;
    --sidenav-border-color: #383131;
    --sidenav-item-color: #9f9f9f;
    --sidenav-item-hover-color: #d5d5d5;
    --sidenav-item-hover-bg: #312a2a;
    --sidenav-item-active-color: #d5d5d5;
    --sidenav-item-active-bg: #312a2a
}

html[data-skin=vivid][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(135deg, #1a455f, #262549);
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #294461
}

html[data-skin=vivid][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #1e3447
}

html[data-skin=vivid][data-theme=dark][data-menu-color=dark],
html[data-skin=vivid][data-theme=dark][data-menu-color=gray],
html[data-skin=vivid][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=vivid][data-topbar-color=light] {
    --topbar-bg: #f5f1ee;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #37718e;
    --topbar-search-bg: #edeae7;
    --topbar-search-border: #edeae7
}

html[data-skin=vivid][data-topbar-color=gray] {
    --topbar-bg: #fffaf4;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #37718e;
    --topbar-search-bg: #f3f1ed;
    --topbar-search-border: #f3f1ed
}

html[data-skin=vivid][data-topbar-color=dark] {
    --topbar-bg: #383131;
    --topbar-item-color: #e9ecf1;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #443f3f;
    --topbar-search-border: #443f3f
}

html[data-skin=vivid][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #37718e, #3a3052);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=vivid][data-theme=dark][data-topbar-color=dark],
html[data-skin=vivid][data-theme=dark][data-topbar-color=light],
html[data-skin=vivid][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=vivid] {
    --color-chart-primary: #37718e;
    --color-chart-secondary: #f38ba0;
    --color-chart-alpha: #89aa97;
    --color-chart-beta: #c33c54;
    --color-chart-gamma: #fab57a;
    --color-chart-delta: #5eabd6;
    --color-chart-zeta: #6b3f69;
    --color-chart-gray: #f1eeea;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-skin=vivid] .card {
    border: 1px dashed var(--color-default-300);
    border-radius: 12px
}

html[data-skin=vivid] .app-menu,
html[data-skin=vivid] .app-header,
html[data-skin=vivid] .card {
    box-shadow: none
}

html[data-skin=vivid] .footer {
    background-color: #0000;
    border: none
}

html[data-skin=vivid] .dropdown-menu,
html[data-skin=vivid] .offcanvas {
    background-color: #fff
}

html[data-skin=vivid] .side-nav>.menu-item.active>a {
    border-radius: 50px
}

html[data-skin=vivid] .pro-username {
    font-size: 13px;
    font-weight: var(--font-weight-bold)
}

html[data-skin=vivid] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
    background-color: var(--topbar-search-bg);
    border-radius: 50rem;
    width: 32px;
    height: 32px
}

html[data-skin=vivid] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
    font-size: 18px
}

html[data-skin=vivid] .app-header .topbar-item .badge {
    top: calc(var(--spacing)*-2) !important;
    padding-top: calc(var(--spacing)*1) !important
}

html[data-skin=vivid][data-theme=dark] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036;
    --color-default-400: #8391a2;
    --color-chart-gray: #40424f
}

html[data-skin=vivid][data-theme=dark] .dropdown-menu {
    background-color: #1b1c22
}

html[data-skin=matrix] {
    --font-body: "Nunito Sans", sans-serif;
    --font-secondary: "Nunito Sans", sans-serif;
    --text-body: 14px;
    --color-body-bg: #f6f7fb;
    --color-card: #fff;
    --color-primary: #276ff0;
    --color-primary-hover: #1d53b4;
    --color-secondary: #4d4e8d;
    --color-secondary-hover: #3a3b6a;
    --color-success: #49ac9f;
    --color-success-hover: #378177;
    --color-info: #11afd5;
    --color-info-hover: #0d83a0;
    --color-warning: #f87153;
    --color-warning-hover: #ba553e;
    --color-danger: #e14f62;
    --color-danger-hover: #a93b4a;
    --color-default-300: #eaeef3;
    --radius: 8px;
    --shadow: 0 2px 5px #393e501a;
    --spacing-base: 1.5rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 8px;
    --sidenav-item-font-size: .8725rem;
    --sidenav-item-font-weight: 400;
    --sidenav-sub-item-font-size: .8725rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=matrix][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #276ff0;
    --sidenav-item-hover-bg: #fff;
    --sidenav-item-active-color: #1d2022;
    --sidenav-item-active-bg: #fff
}

html[data-skin=matrix][data-menu-color=gray] {
    --sidenav-bg: #f7f7f7;
    --sidenav-border-color: #f7f7f7;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #212b29;
    --sidenav-item-hover-bg: #fff;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #fff
}

html[data-skin=matrix][data-menu-color=dark] {
    --sidenav-bg: #262f3c;
    --sidenav-border-color: #262f3c;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2c3849;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #2c3849
}

html[data-skin=matrix][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #1a5c5f, #254449);
    --sidenav-border-color: null;
    --sidenav-item-color: #73a6ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=matrix][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=matrix][data-theme=dark][data-menu-color=dark],
html[data-skin=matrix][data-theme=dark][data-menu-color=gray],
html[data-skin=matrix][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=matrix][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #276ff0;
    --topbar-search-bg: #f1f4f9;
    --topbar-search-border: #f1f4f9
}

html[data-skin=matrix][data-topbar-color=gray] {
    --topbar-bg: #f2f2f2;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #276ff0;
    --topbar-search-bg: #eff3f9;
    --topbar-search-border: #eff3f9
}

html[data-skin=matrix][data-topbar-color=dark] {
    --topbar-bg: #354152;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2c3849;
    --topbar-search-border: #2c3849
}

html[data-skin=matrix][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #1a5c5f, #254449);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=matrix][data-theme=dark][data-topbar-color=dark],
html[data-skin=matrix][data-theme=dark][data-topbar-color=light],
html[data-skin=matrix][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=matrix] {
    --color-chart-primary: #276ff0;
    --color-chart-secondary: #4d4e8d;
    --color-chart-alpha: #49ac9f;
    --color-chart-beta: #e14f62;
    --color-chart-gamma: #f87153;
    --color-chart-delta: #11afd5;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-skin=matrix][data-theme=dark] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-300: #293036;
    --color-chart-primary: #456882;
    --color-chart-gray: #40424f;
    --color-primary: #456882;
    --color-primary-hover: #344e62
}

html[data-skin=matrix][data-theme=dark] .card,
html[data-skin=matrix][data-theme=dark] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
}

html[data-skin=matrix] .card {
    border: 1px solid var(--color-default-300);
    box-shadow: 0 2px 5px #393e501a
}

html[data-skin=matrix] .page-content {
    border: 1px solid var(--color-default-300);
    border-top: 0
}

html[data-skin=matrix] .page-content main {
    padding-inline: calc(var(--spacing)*5.5)
}

html[data-skin=matrix] .wrapper {
    border-inline-end-style: var(--tw-border-style);
    background-color: var(--color-card);
    border-inline-end-width: 15px;
    border-right-color: var(--sidenav-bg);
    box-shadow: var(--shadow)
}

html[data-skin=matrix] .wrapper:after {
    content: "";
    background-color: var(--sidenav-bg);
    width: 100%;
    height: 15px;
    position: fixed;
    bottom: 0;
    left: 0
}

html[data-skin=matrix] .wrapper:before {
    content: "";
    background: var(--sidenav-bg);
    z-index: 1;
    width: 20px;
    height: 20px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    transform: rotate(270deg);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

html[data-skin=matrix] .app-menu {
    z-index: 50;
    box-shadow: none;
    border-right: none
}

html[data-skin=matrix] .app-menu:after {
    content: "";
    background: var(--sidenav-bg);
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 15px;
    right: -20px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

html[data-skin=matrix] .app-header {
    background: var(--sidenav-bg);
    border-top: 15px solid var(--sidenav-bg);
    box-shadow: none
}

html[data-skin=matrix] .app-header>.container-fluid {
    height: var(--topbar-height);
    background: var(--topbar-bg);
    border: 1px solid var(--color-default-300);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

html[data-skin=matrix] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
    background-color: var(--topbar-search-bg);
    border-radius: 50rem;
    width: 32px;
    height: 32px
}

html[data-skin=matrix] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
    font-size: 18px
}

html[data-skin=matrix] .app-header .topbar-item .badge {
    top: calc(var(--spacing)*-2) !important;
    padding-top: calc(var(--spacing)*1) !important
}

html[data-skin=matrix] .side-nav>.menu-item.active>a {
    box-shadow: var(--shadow);
    border-radius: 50px
}

html[data-skin=matrix] .pro-username {
    font-size: 14px;
    font-weight: var(--font-weight-bold)
}

html[data-skin=matrix] .card .card-title {
    font-weight: var(--font-weight-bold)
}

html[data-skin=matrix] .btn {
    font-weight: var(--font-weight-normal)
}

html[data-skin=matrix] .footer {
    background-color: #0000;
    border: none;
    padding: 0 .75rem calc(1.5rem + 15px)
}

:is(html[data-skin=matrix][data-topbar-color=dark], html[data-skin=matrix][data-topbar-color=gradient]) .app-header>.container-fluid {
    border: 0
}

:is(html[data-skin=matrix][data-menu-color=light][data-topbar-color=dark]:not([data-theme=dark]), html[data-skin=matrix][data-menu-color=light][data-topbar-color=gradient]:not([data-theme=dark])) .app-header {
    border-radius: 0
}

:is(html[data-skin=matrix][data-menu-color=light][data-topbar-color=dark]:not([data-theme=dark]), html[data-skin=matrix][data-menu-color=light][data-topbar-color=gradient]:not([data-theme=dark])) .app-menu .logo-box {
    background: 0 0
}

:is(html[data-skin=matrix][data-menu-color=light][data-topbar-color=dark]:not([data-theme=dark]), html[data-skin=matrix][data-menu-color=light][data-topbar-color=gradient]:not([data-theme=dark])) .app-menu .logo-box .logo-light {
    display: none
}

:is(html[data-skin=matrix][data-menu-color=light][data-topbar-color=dark]:not([data-theme=dark]), html[data-skin=matrix][data-menu-color=light][data-topbar-color=gradient]:not([data-theme=dark])) .app-menu .logo-box .logo-dark {
    display: block
}

:is(html[data-skin=matrix][data-menu-color=light][data-topbar-color=dark]:not([data-theme=dark]), html[data-skin=matrix][data-menu-color=light][data-topbar-color=gradient]:not([data-theme=dark])) .app-menu .button-on-hover {
    color: var(--sidenav-item-color) !important
}

html[data-skin=neo] {
    --font-body: "Inter", sans-serif;
    --font-secondary: "Inter", sans-serif;
    --text-body: 13px;
    --color-body-bg: #fff;
    --color-card: #fff;
    --color-primary: #4f7fb3;
    --color-primary-hover: #3b5f86;
    --color-secondary: #97a9bd;
    --color-secondary-hover: #717f8e;
    --color-success: #6fbfa5;
    --color-success-hover: #538f7c;
    --color-info: #6db6e6;
    --color-info-hover: #5289ad;
    --color-warning: #e6c06f;
    --color-warning-hover: #ad9053;
    --color-danger: #e38c8c;
    --color-danger-hover: #aa6969;
    --shadow: 0 4px 9px #22071f0d;
    --text-sm: 13px;
    --radius: 4px;
    --spacing-base: .75rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --sidenav-item-icon-size: 1.25rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 9px;
    --sidenav-item-font-size: 13px;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: 13px;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=neo][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #e2e7ec;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #213648;
    --sidenav-item-hover-bg: #f7f7f5;
    --sidenav-item-active-color: #213648;
    --sidenav-item-active-bg: #f7f7f5
}

html[data-skin=neo][data-menu-color=gray] {
    --sidenav-bg: #f6f7fb;
    --sidenav-border-color: #e9eaf1;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #212b29;
    --sidenav-item-hover-bg: #eaecf3;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #eaecf3
}

html[data-skin=neo][data-menu-color=dark] {
    --sidenav-bg: #1f1e30;
    --sidenav-border-color: #1f1e30;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2e2d3e;
    --sidenav-item-active-color: #c0cedf;
    --sidenav-item-active-bg: #2e2d3e
}

html[data-skin=neo][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(90deg, #4f7fb3 0%, #3b5f86 100%);
    --sidenav-border-color: null;
    --sidenav-item-color: #99b8d9;
    --sidenav-item-hover-color: #cee4fb;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cee4fb;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=neo][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=neo][data-theme=dark][data-menu-color=dark],
html[data-skin=neo][data-theme=dark][data-menu-color=gray],
html[data-skin=neo][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=neo][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: #909ba5;
    --topbar-item-hover-color: #3d4247;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=neo][data-topbar-color=gray] {
    --topbar-bg: #f6f7fb;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #4f7fb3;
    --topbar-search-bg: #eaecf3;
    --topbar-search-border: #eaecf3
}

html[data-skin=neo][data-topbar-color=dark] {
    --topbar-bg: #25313d;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #313f4c;
    --topbar-search-border: #313f4c
}

html[data-skin=neo][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #4f7fb3, #3b5f86);
    --topbar-item-color: #ffffffb3;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=neo][data-theme=dark][data-topbar-color=dark],
html[data-skin=neo][data-theme=dark][data-topbar-color=light],
html[data-skin=neo][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=neo] {
    --color-chart-primary: #4f7fb3;
    --color-chart-secondary: #97a9bd;
    --color-chart-alpha: #6fbfa5;
    --color-chart-beta: #e38c8c;
    --color-chart-gamma: #e6c06f;
    --color-chart-delta: #6db6e6;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-skin=neo] .app-header,
html[data-skin=neo] .card,
html[data-skin=neo] .app-menu {
    box-shadow: none
}

html[data-skin=neo] .app-menu {
    border-inline-end: 1px solid var(--color-default-300)
}

html[data-skin=neo] .app-header {
    border-bottom: 1px solid var(--color-default-300)
}

html[data-skin=neo] .app-header.topbar-active {
    box-shadow: var(--shadow)
}

html[data-skin=neo] .pro-username {
    font-weight: 600
}

html[data-skin=neo] .btn {
    font-weight: 400
}

html[data-skin=neo] .btn,
html[data-skin=neo] [class*=" bg-"],
html[data-skin=neo] [class^=bg-],
html[data-skin=neo] .page-link,
html[data-skin=neo] .nav-pills .nav-link.active,
html[data-skin=neo] .nav-pills .show>.nav-link,
html[data-skin=neo] [data-hs-stepper-nav-item] button.active,
html[data-skin=neo] .special-menu,
html[data-skin=neo] .noUi-connect {
    box-shadow: var(--shadow-sm);
    background-image: linear-gradient(#ffffff4d, #fff0)
}

html[data-skin=neo] .card {
    border: 1px dashed var(--color-default-300)
}

html[data-skin=neo] .card .card-title {
    font-weight: 600
}

html[data-skin=neo] .topbar-link,
html[data-skin=neo] .dropdown-item .btn {
    box-shadow: none !important;
    background-image: none !important
}

html[data-skin=neo][data-theme=dark] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-100: #252630;
    --color-default-300: #293036;
    --color-chart-gray: #40424f
}

html[data-skin=neo][data-theme=dark] .card,
html[data-skin=neo][data-theme=dark] .hs-dropdown-menu,
html[data-skin=neo][data-theme=dark] .btn,
html[data-skin=neo][data-theme=dark] .form-select,
html[data-skin=neo][data-theme=dark] .form-input {
    border-width: 1px !important
}

html[data-skin=neo][data-theme=dark] .btn,
html[data-skin=neo][data-theme=dark] [class*=bg-],
html[data-skin=neo][data-theme=dark] [class^=bg-],
html[data-skin=neo][data-theme=dark] .page-link,
html[data-skin=neo][data-theme=dark] .nav-pills .nav-link.active,
html[data-skin=neo][data-theme=dark] [data-hs-stepper-nav-item] button.active,
html[data-skin=neo][data-theme=dark] .nav-pills .show>.nav-link,
html[data-skin=neo][data-theme=dark] .special-menu,
html[data-skin=neo][data-theme=dark] .noUi-connect {
    box-shadow: none;
    background-image: linear-gradient(#ffffff0d, #fff0)
}

html[data-skin=xenon] {
    --font-body: "IBM Plex Mono", sans-serif;
    --font-secondary: "IBM Plex Mono", sans-serif;
    --text-body: 13px;
    --color-body-bg: #f4f6f9;
    --color-card: #fff;
    --color-primary: #2d3c59;
    --color-primary-hover: #222d43;
    --color-secondary: #1d546d;
    --color-secondary-hover: #163f52;
    --color-success: #5f9598;
    --color-success-hover: #477072;
    --color-info: #3f9aae;
    --color-info-hover: #2f7483;
    --color-warning: #d97d55;
    --color-warning-hover: #a35e40;
    --color-danger: #d34e4e;
    --color-danger-hover: #9e3b3b;
    --shadow: 0 1px 3px #393e5033;
    --text-sm: 13px;
    --spacing-base: .5rem;
    --font-weight-medium: 600;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --sidenav-item-icon-size: 1rem;
    --sidenav-item-gap: 10px;
    --sidenav-item-padding-x: 12px;
    --sidenav-item-padding-y: 10px;
    --sidenav-item-font-size: 13px;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: 13px;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-gap: 4px;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px
}

html[data-skin=xenon][data-menu-color=light] {
    --sidenav-bg: white;
    --sidenav-border-color: #edf2f9;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #2d3c59;
    --sidenav-item-hover-bg: #f4f6f9;
    --sidenav-item-active-color: #2d3c59;
    --sidenav-item-active-bg: #f4f6f9
}

html[data-skin=xenon][data-menu-color=gray] {
    --sidenav-bg: #e4e9f1;
    --sidenav-border-color: #e4e9f1;
    --sidenav-item-color: var(--color-default-700);
    --sidenav-item-hover-color: #212b29;
    --sidenav-item-hover-bg: #dadfe5;
    --sidenav-item-active-color: #212b29;
    --sidenav-item-active-bg: #dadfe5
}

html[data-skin=xenon][data-menu-color=dark] {
    --sidenav-bg: #061e29;
    --sidenav-border-color: #061e29;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #ffffff0d;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #ffffff0d
}

html[data-skin=xenon][data-menu-color=gradient] {
    --sidenav-bg: linear-gradient(to right, #2d3c59, #1d546d);
    --sidenav-border-color: null;
    --sidenav-item-color: #7386a3;
    --sidenav-item-hover-color: #b3c9eb;
    --sidenav-item-hover-bg: #dbecff0d;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=xenon][data-menu-color=image] {
    --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat;
    --sidenav-border-color: null;
    --sidenav-item-color: #799cb7;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #cfdff1;
    --sidenav-item-active-bg: #dbecff0d
}

html[data-skin=xenon][data-theme=dark][data-menu-color=dark],
html[data-skin=xenon][data-theme=dark][data-menu-color=gray],
html[data-skin=xenon][data-theme=dark][data-menu-color=light] {
    --sidenav-bg: #1e1f27;
    --sidenav-border-color: #2c2d38;
    --sidenav-item-color: #8495ab;
    --sidenav-item-hover-color: #bccee4;
    --sidenav-item-hover-bg: #2f3742;
    --sidenav-item-active-color: #ced6df;
    --sidenav-item-active-bg: #22232c
}

html[data-skin=xenon][data-topbar-color=light] {
    --topbar-bg: #fff;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #2d3c59;
    --topbar-search-bg: transparent;
    --topbar-search-border: #e7e9eb
}

html[data-skin=xenon][data-topbar-color=gray] {
    --topbar-bg: #f2f2f2;
    --topbar-item-color: var(--color-default-700);
    --topbar-item-hover-color: #2d3c59;
    --topbar-search-bg: #e4e6ed;
    --topbar-search-border: #e4e6ed
}

html[data-skin=xenon][data-topbar-color=dark] {
    --topbar-bg: #354152;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2c3849;
    --topbar-search-border: #2c3849
}

html[data-skin=xenon][data-topbar-color=gradient] {
    --topbar-bg: linear-gradient(to bottom, #2d3c59, #1d546d);
    --topbar-item-color: #a7b8d1;
    --topbar-item-hover-color: #fff;
    --topbar-search-bg: #ffffff1a;
    --topbar-search-border: #ffffff1a
}

html[data-skin=xenon][data-theme=dark][data-topbar-color=dark],
html[data-skin=xenon][data-theme=dark][data-topbar-color=light],
html[data-skin=xenon][data-theme=dark][data-topbar-color=gray] {
    --topbar-bg: #252630;
    --topbar-item-color: #adb5bf;
    --topbar-item-hover-color: #e0eeff;
    --topbar-search-bg: #2d2e3c;
    --topbar-search-border: #2d2e3c
}

html[data-skin=xenon] {
    --color-chart-primary: #2d3c59;
    --color-chart-secondary: #d97d55;
    --color-chart-alpha: #5f9598;
    --color-chart-beta: #d34e4e;
    --color-chart-gamma: #1d546d;
    --color-chart-delta: #3f9aae;
    --color-chart-zeta: #6070cc;
    --color-chart-gray: #edeff3;
    --color-chart-dark: #396699;
    --color-chart-border-color: #ecf4fc;
    --color-chart-title-color: #bbcae1
}

html[data-skin=xenon] .page-content main {
    padding-inline: calc(var(--spacing)*3.5)
}

html[data-skin=xenon] .card {
    box-shadow: none
}

html[data-skin=xenon] .card .card-title {
    font-weight: 700
}

html[data-skin=xenon] .btn {
    font-weight: var(--font-weight-normal)
}

html[data-skin=xenon] .app-header {
    box-shadow: none
}

html[data-skin=xenon] .app-header.topbar-active {
    box-shadow: var(--shadow-sm)
}

html[data-skin=xenon] .sidenav-menu {
    box-shadow: none;
    border-right: 1px solid var(--sidenav-border-color)
}

html[data-skin=xenon] .page-title-head {
    height: 50px
}

html[data-skin=xenon] .footer {
    background-color: #0000;
    border: none;
    padding: 0 .5rem .5rem
}

html[data-skin=xenon][data-theme=dark] {
    --color-body-bg: #17181e;
    --color-card: #1b1c22;
    --shadow: 0px 0px 30px #0000004d;
    --color-default-300: #293036;
    --color-chart-primary: #456882;
    --color-chart-gray: #40424f;
    --color-primary: #456882;
    --color-primary-hover: #344e62
}

html[data-skin=xenon][data-theme=dark] .card,
html[data-skin=xenon][data-theme=dark] .hs-dropdown-menu {
    border: 1px solid var(--color-default-300) !important
}

:is(html[data-skin=xenon][data-menu-color=light][data-topbar-color=dark], html[data-skin=xenon][data-menu-color=light][data-topbar-color=gradient]) .app-haeder {
    border-radius: 0
}

:is(html[data-skin=xenon][data-menu-color=light][data-topbar-color=dark], html[data-skin=xenon][data-menu-color=light][data-topbar-color=gradient]) .app-menu:before {
    display: none
}

html[data-skin=xenon][dir=rtl] .app-menu:before {
    transform: rotate(-90deg)
}

html[data-skin=xenon][dir=rtl] .app-menu:after {
    transform: rotate(90deg)
}

.wrapper {
    width: 100%;
    height: 100%
}

.page-content {
    min-height: calc(100dvh - (var(--topbar-height)));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out);
    flex-direction: column;
    flex-grow: 1;
    margin-inline-start: var(--sidenav-width);
    transition-property: width, margin;
    display: flex
}

.page-content main {
    width: 100%;
    padding-inline: calc(var(--spacing)*5);
    padding-bottom: calc(var(--spacing)*5);
    flex-grow: 1
}

.logo-box {
    top: calc(var(--spacing)*0);
    min-height: var(--topbar-height);
    padding-inline: calc(var(--spacing)*6);
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    justify-content: center;
    align-items: center;
    display: flex;
    position: sticky
}

.logo-box .logo-lg img {
    height: var(--logo-lg-height)
}

.logo-box .logo-sm img {
    height: var(--logo-sm-height)
}

.logo-box .logo-sm,
.logo-box .logo-light {
    display: none
}

.page-main-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-body-color)
}

.page-title-head {
    height: calc(var(--spacing)*15);
    align-items: center;
    gap: calc(var(--spacing)*2);
    flex-wrap: wrap;
    width: 100%;
    display: flex
}

@media(min-width:48rem) {
    .page-title-head {
        justify-content: space-between
    }
}

:is(html[data-theme=dark], html[data-menu-color=dark], html[data-menu-color=image], html[data-menu-color=gradient], html[data-menu-color=light][data-topbar-color=dark], html[data-menu-color=light][data-topbar-color=gradient]) .app-menu .logo-box .logo-light {
    display: block
}

:is(html[data-theme=dark], html[data-menu-color=dark], html[data-menu-color=image], html[data-menu-color=gradient], html[data-menu-color=light][data-topbar-color=dark], html[data-menu-color=light][data-topbar-color=gradient]) .app-menu .logo-box .logo-dark,
html.sidebar-no-icons .app-menu .menu-icon {
    display: none
}

html.sidebar-with-line .sub-menu {
    position: relative
}

html.sidebar-with-line .sub-menu:before {
    content: "";
    width: 1px;
    top: 5px;
    bottom: calc(var(--sidenav-item-padding-x) + 4px);
    border-left: 1px dashed var(--sidenav-item-color);
    opacity: .5;
    position: absolute;
    inset-inline-start: calc(var(--sidenav-item-icon-size) - 1px)
}

html.sidebar-with-line .sub-menu .sub-menu:before {
    inset-inline-start: calc(var(--sidenav-item-icon-size) - 1px + 14px)
}

html.sidebar-with-line .sub-menu .menu-link:before {
    content: "";
    width: var(--sidenav-item-padding-x);
    border-top: 1px dashed var(--sidenav-item-color);
    opacity: .5;
    height: 1px;
    position: absolute;
    inset-inline-start: calc(var(--sidenav-item-icon-size)*-.8)
}

html.sidebar-with-line .sub-menu .menu-link:after {
    content: "";
    background-color: var(--sidenav-item-color);
    opacity: .5;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    inset-inline-start: 0
}

html[data-layout-width=boxed] body {
    background-color: var(--color-default-100)
}

html[data-layout-width=boxed] .wrapper {
    width: 100%;
    max-width: calc(var(--spacing)*335);
    background-color: var(--color-body-bg);
    --tw-shadow: 0 .25rem 1rem var(--tw-shadow-color, #4c4c5c33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    margin-inline: auto
}

html[data-layout-width=boxed] .app-header {
    margin-inline-end: -1px;
    position: sticky
}

html[data-layout-position=scrollable] .page-content {
    margin-top: 0;
    position: relative
}

html[data-layout-position=scrollable] .app-menu {
    height: 100%;
    min-height: 100%;
    position: absolute !important
}

html[data-layout-position=scrollable] .logo-box,
html[data-layout-position=scrollable] .app-header {
    position: static
}

.monochrome:before {
    content: "";
    -webkit-backdrop-filter: grayscale()opacity(.92);
    backdrop-filter: grayscale()opacity(.92);
    pointer-events: none;
    z-index: 999999;
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
    inset: 0
}

html[dir=rtl] .pagination svg {
    transform: scaleX(-1) !important
}

.app-menu {
    top: calc(var(--spacing)*0);
    bottom: calc(var(--spacing)*0);
    z-index: 40;
    max-height: 100vh;
    width: var(--sidenav-width);
    min-width: var(--sidenav-width);
    font-family: var(--font-secondary);
    --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow-sm);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    background: var(--sidenav-bg);
    flex-direction: column;
    transition-property: width, min-width, margin;
    transition-duration: .3s;
    display: flex;
    position: fixed
}

.sidenav-user {
    color: var(--sidenav-item-color);
    margin-bottom: calc(var(--spacing)*2.5);
    display: none;
    background-size: cover !important
}

.sidenav-user .sidenav-user-name {
    color: var(--sidenav-item-active-color)
}

html[data-sidenav-user=true] .sidenav-user {
    display: block
}

.side-nav {
    gap: calc(var(--spacing)*1.25);
    flex-direction: column;
    width: 100%;
    display: flex
}

.side-nav .menu-title {
    margin-top: calc(var(--spacing)*3);
    letter-spacing: .1em;
    pointer-events: none;
    cursor: default;
    white-space: nowrap;
    text-transform: uppercase;
    color: var(--sidenav-item-color);
    font-weight: var(--font-weight-bold);
    font-size: calc(var(--sidenav-item-font-size)*.7);
    padding: var(--sidenav-item-padding-y)calc(var(--sidenav-item-padding-x)*1.16667);
    margin-top: 10px
}

.side-nav .menu-item .menu-link {
    font-family: var(--font-secondary);
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    color: var(--sidenav-item-color);
    font-size: var(--sidenav-item-font-size);
    font-weight: var(--sidenav-item-font-weight);
    line-height: calc(var(--sidenav-item-font-size)*1.25);
    align-items: center;
    gap: var(--sidenav-item-gap);
    padding: var(--sidenav-item-padding-y)var(--sidenav-item-padding-x);
    background-color: #0000;
    border-radius: 5px;
    display: flex;
    position: relative
}

.side-nav .menu-item .menu-link>.menu-icon {
    width: var(--sidenav-item-icon-size);
    height: var(--sidenav-item-icon-size);
    font-size: var(--sidenav-item-icon-size);
    line-height: var(--sidenav-item-icon-size);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.side-nav .menu-item .menu-link>.menu-icon svg {
    width: var(--sidenav-item-icon-size);
    height: var(--sidenav-item-icon-size)
}

.side-nav .menu-item .menu-link>.menu-text {
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.side-nav .menu-item .menu-link>.menu-arrow {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    margin-inline-start: auto
}

.side-nav .menu-item .menu-link>.menu-arrow.hs-accordion.active,
.hs-accordion.active>:is(.side-nav .menu-item .menu-link>.menu-arrow),
.hs-accordion.active>.hs-accordion-toggle :is(.side-nav .menu-item .menu-link>.menu-arrow),
.hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle :is(.side-nav .menu-item .menu-link>.menu-arrow),
.hs-accordion.active>.side-nav .menu-item .menu-link>.menu-arrow.hs-accordion-toggle,
.hs-accordion.active>.hs-accordion-heading>.side-nav .menu-item .menu-link>.menu-arrow.hs-accordion-toggle,
.hs-accordion.active .side-nav .menu-item .menu-link>.menu-arrow.hs-accordion-force-active {
    rotate: 180deg
}

.side-nav .menu-item .menu-link>.menu-arrow {
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.side-nav .menu-item .menu-link:is(.open, .active, :active, :focus) {
    color: var(--sidenav-item-active-color)
}

.side-nav .menu-item .menu-link:hover {
    color: var(--sidenav-item-hover-color)
}

.side-nav .menu-item .menu-link .badge {
    height: calc(var(--spacing)*4);
    --tw-font-weight: var(--font-weight-bold);
    font-size: .75em;
    font-weight: var(--font-weight-bold);
    justify-content: center;
    align-items: center;
    margin-inline-start: auto;
    display: flex
}

.side-nav .menu-item.active .menu-link.active .menu-arrow {
    rotate: 180deg
}

.side-nav>.menu-item>.menu-link:is(.open, .active, :active, :focus) {
    background-color: var(--sidenav-item-active-bg)
}

.side-nav>.menu-item.active>.menu-link {
    background-color: var(--sidenav-item-active-bg);
    color: var(--sidenav-item-active-color)
}

.side-nav .sub-menu {
    width: 100%
}

:where(.side-nav .sub-menu>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
}

.side-nav .sub-menu {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    padding-inline-start: calc(var(--spacing)*7.5);
    transition-duration: .3s;
    overflow: hidden
}

.side-nav .sub-menu .menu-link {
    font-size: var(--sidenav-sub-item-font-size);
    font-weight: var(--sidenav-sub-item-font-weight);
    padding: var(--sidenav-sub-item-padding-y)var(--sidenav-sub-item-padding-x)
}

.side-nav .sub-menu .sub-menu {
    margin-inline-start: calc(var(--sidenav-item-icon-size)*-1)
}

.side-nav .sub-menu .menu-link.active {
    color: var(--sidenav-item-hover-color);
    font-weight: var(--sidenav-item-font-weight);
    background-color: #0000
}

#button-hover-toggle {
    height: var(--topbar-height);
    color: var(--sidenav-item-color);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    justify-content: center;
    align-items: center;
    display: none;
    position: relative
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) {
    width: var(--sidenav-width-sm);
    min-width: var(--sidenav-width-sm)
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .logo-box {
    justify-content: flex-start !important
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .logo-box .logo-lg {
    display: none
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .logo-box .logo-sm {
    display: flex
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) #button-hover-toggle {
    display: none
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .menu-item .menu-link {
    justify-content: center
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .menu-item .menu-link .menu-text,
html[data-sidenav-size=on-hover] .app-menu:not(:hover) .menu-item .menu-link .menu-arrow,
html[data-sidenav-size=on-hover] .app-menu:not(:hover) .menu-item .menu-link .badge {
    display: none
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .menu-item .menu-link .menu-icon {
    font-size: calc(var(--sidenav-item-icon-size)*1.15);
    line-height: calc(var(--sidenav-item-icon-size)*1.15);
    height: calc(var(--sidenav-item-icon-size)*1.15);
    width: calc(var(--sidenav-item-icon-size)*1.15)
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .menu-item .menu-link .menu-icon i {
    font-size: calc(var(--sidenav-item-icon-size)*1.15);
    line-height: calc(var(--sidenav-item-icon-size)*1.15)
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .menu-item .menu-link .menu-icon svg {
    height: calc(var(--sidenav-item-icon-size)*1.15);
    width: calc(var(--sidenav-item-icon-size)*1.15)
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .menu-item .sub-menu {
    height: 0;
    margin-top: 0;
    visibility: hidden !important
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .menu-title {
    display: none
}

html[data-sidenav-size=on-hover] .app-menu:not(:hover) .simplebar-track.simplebar-vertical {
    visibility: hidden !important
}

html[data-sidenav-size=on-hover] .app-menu {
    bottom: calc(var(--spacing)*0);
    position: fixed
}

html[data-sidenav-size=on-hover] .app-menu .simplebar-track.simplebar-horizontal {
    visibility: hidden !important
}

html[data-sidenav-size=on-hover] .page-content {
    margin-inline-start: var(--sidenav-width-sm)
}

html[data-sidenav-size=on-hover] #button-hover-toggle {
    display: flex
}

html[data-sidenav-size=on-hover] #button-toggle-menu {
    display: none
}

html[data-sidenav-size=on-hover] .logo-box {
    justify-content: flex-start !important
}

html[data-sidenav-size=on-hover-active] #button-toggle-menu {
    display: none
}

html[data-sidenav-size=on-hover-active] #button-hover-toggle {
    display: flex
}

html[data-sidenav-size=on-hover-active] #button-hover-toggle:before {
    content: "";
    width: calc(var(--spacing)*1);
    height: calc(var(--spacing)*1);
    --tw-content: "";
    content: var(--tw-content);
    background-color: currentColor;
    border-radius: 3.40282e38px;
    position: absolute
}

html[data-sidenav-size=on-hover-active] .page-content {
    margin-inline-start: var(--sidenav-width)
}

html[data-sidenav-size=on-hover-active] .app-menu {
    bottom: calc(var(--spacing)*0);
    position: fixed
}

html[data-sidenav-size=on-hover-active] .logo-box {
    justify-content: flex-start !important
}

html[data-sidenav-size=sm] .app-menu {
    width: var(--sidenav-width-sm);
    min-width: var(--sidenav-width-sm);
    height: unset;
    max-height: unset;
    position: absolute
}

html[data-sidenav-size=sm] .app-menu .simplebar-mask,
html[data-sidenav-size=sm] .app-menu .simplebar-content-wrapper {
    overflow: visible !important
}

html[data-sidenav-size=sm] .app-menu .logo-box {
    background: var(--sidenav-bg);
    z-index: 40
}

html[data-sidenav-size=sm] .app-menu .logo-box .logo-lg {
    display: none
}

html[data-sidenav-size=sm] .app-menu .logo-box .logo-sm {
    display: flex
}

html[data-sidenav-size=sm] .app-menu .sidenav-user {
    display: none
}

html[data-sidenav-size=sm] .app-menu .side-nav {
    padding: 0
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-title {
    display: none
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item {
    position: relative
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link {
    padding: calc(var(--sidenav-item-padding-y)*1.75)var(--sidenav-item-padding-x);
    transition: none
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link>.menu-icon {
    font-size: calc(var(--sidenav-item-icon-size)*1.25);
    line-height: calc(var(--sidenav-item-icon-size)*1.25);
    height: calc(var(--sidenav-item-icon-size)*1.25);
    width: calc(var(--sidenav-item-icon-size)*1.25);
    min-width: calc(var(--sidenav-width-sm) - var(--sidenav-item-padding-x) - var(--sidenav-item-padding-x));
    justify-content: center;
    display: flex
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link>.menu-icon i {
    font-size: calc(var(--sidenav-item-icon-size)*1.25);
    line-height: calc(var(--sidenav-item-icon-size)*1.25)
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link>.menu-icon svg {
    height: calc(var(--sidenav-item-icon-size)*1.25);
    width: calc(var(--sidenav-item-icon-size)*1.25)
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link:before,
html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link>.menu-text,
html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link>.menu-arrow,
html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link>.badge {
    transition: none;
    display: none
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item .sub-menu {
    margin-top: 0;
    height: inherit !important;
    display: none !important
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu {
    background: var(--sidenav-bg);
    width: calc(var(--sidenav-width) - calc(var(--sidenav-width-sm)*.65));
    z-index: 90;
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow);
    padding-inline-start: 0;
    transition: none;
    position: absolute;
    inset-inline-start: 100%;
    overflow: visible;
    height: inherit !important;
    display: block !important
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu>.menu-item>.menu-link {
    z-index: 5;
    padding: calc(var(--sidenav-sub-item-padding-y)*1.5)calc(var(--sidenav-sub-item-padding-x)*1.5)
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu>.menu-item>.menu-link>.menu-arrow,
html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu>.menu-item>.menu-link>.menu-text {
    display: block
}

html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu>.menu-item .sub-menu {
    margin-inline-start: calc(var(--spacing)*0);
    top: 0
}

html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.menu-link {
    background: var(--sidenav-bg)
}

html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item:hover .menu-text {
    display: flex
}

html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item:hover>.menu-link {
    color: var(--sidenav-item-hover-color);
    background-color: var(--sidenav-item-hover-bg);
    background: var(--sidenav-bg);
    width: calc(var(--sidenav-width) + calc(var(--sidenav-width-sm)*.35));
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow)
}

html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.menu-link.hs-accordion-toggle {
    border-radius: 0;
    border-start-end-radius: var(--radius-md)
}

html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.menu-link:not(.hs-accordion-toggle)>.menu-text {
    border-radius: var(--radius-md)
}

html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.sub-menu {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md)
}

html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.sub-menu .sub-menu {
    border-radius: var(--radius-md)
}

html[data-sidenav-size=sm] .page-content {
    min-height: 2700px
}

html[data-sidenav-size=md] .app-menu {
    width: var(--sidenav-width-md);
    min-width: var(--sidenav-width-md)
}

html[data-sidenav-size=md] .app-menu .sidenav-user .sidenav-user-set-icon,
html[data-sidenav-size=md] .app-menu .menu-arrow {
    display: none
}

html[data-sidenav-size=offcanvas] .app-menu {
    opacity: 0;
    margin-inline-start: calc(var(--sidenav-width)*-1);
    position: fixed;
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
}

html[data-sidenav-size=offcanvas].sidenav-enable .app-menu {
    z-index: 50;
    opacity: 1;
    margin-inline-start: calc(var(--spacing)*0)
}

html[data-sidenav-size=hidden] .app-menu {
    margin-inline-start: calc(var(--sidenav-width)*-1)
}

html[data-layout=horizontal] .page-content,
html[data-layout=horizontal] .app-header {
    margin-inline-start: calc(var(--spacing)*0) !important
}

html[data-layout=horizontal] .app-header {
    z-index: 90
}

html[data-layout=horizontal] .app-header .logo-topbar {
    display: flex
}

@media(min-width:96rem) {
    html[data-layout=horizontal] .container-fluid {
        max-width: 85%
    }
}

html[data-layout=horizontal] .app-header {
    z-index: 50;
    box-shadow: none;
    border-bottom: 0;
    margin: 0
}

html[data-layout=horizontal] .app-header .logo-topbar {
    float: none;
    display: block
}

html[data-layout=horizontal] .app-header #button-toggle-menu {
    display: none
}

html[data-layout=horizontal] .page-content {
    min-height: calc(100vh - var(--topbar-height) - 47px);
    margin-inline-start: 0
}

html[data-layout=horizontal] .topnav {
    z-index: 40;
    width: 100%;
    top: var(--topbar-height);
    background: var(--sidenav-bg);
    box-shadow: var(--shadow);
    font-family: var(--font-secondary);
    position: sticky
}

html[data-layout=horizontal] .topnav .navbar-nav {
    display: flex
}

@media(min-width:64rem) {
    html[data-layout=horizontal] .topnav .navbar-nav .nav-item .nav-link:first-of-type {
        padding-inline-start: calc(var(--spacing)*0)
    }
}

html[data-layout=horizontal] .topnav .navbar-nav .nav-link {
    line-height: var(--sidenav-item-font-size);
    font-size: var(--sidenav-item-font-size);
    font-weight: var(--sidenav-item-font-weight);
    padding: calc(var(--sidenav-item-padding-y)*1.25)calc(var(--sidenav-item-padding-x)*1.5);
    align-items: center;
    display: flex;
    position: relative
}

html[data-layout=horizontal] .topnav .navbar-nav .nav-link .menu-icon {
    margin-inline-end: calc(var(--sidenav-item-icon-size)*.5)
}

html[data-layout=horizontal] .topnav .navbar-nav .nav-link .menu-icon i {
    font-size: var(--sidenav-item-icon-size)
}

html[data-layout=horizontal] .topnav .navbar-nav .nav-link .menu-icon svg {
    height: var(--sidenav-item-icon-size);
    width: var(--sidenav-item-icon-size)
}

html[data-layout=horizontal] .topnav .navbar-nav .nav-link .menu-arrow {
    margin-inline-start: calc(var(--sidenav-item-icon-size)*.5)
}

html[data-layout=horizontal] .topnav .navbar-nav .hs-dropdown .hs-dropdown-menu {
    font-size: var(--sidenav-sub-item-font-size)
}

html[data-layout=horizontal] .topnav .navbar-nav .hs-dropdown .hs-dropdown-menu .dropdown-item {
    padding: calc(var(--sidenav-item-padding-y)*.75)calc(var(--sidenav-item-padding-x)*1.5);
    align-items: center;
    gap: 8px;
    display: flex
}

html[data-layout=horizontal] .topnav .navbar-nav .hs-dropdown .hs-dropdown-menu .dropdown-item i {
    font-size: calc(var(--sidenav-sub-item-font-size)*1.25)
}

html[data-layout=horizontal] .topnav .navbar-nav .hs-dropdown .hs-dropdown-menu .menu-arrow {
    margin-inline-start: auto;
    transform: rotate(-90deg)
}

html[data-layout=horizontal] .topnav .nav-item>a,
html[data-layout=horizontal] .topnav .nav-item .nav-link {
    color: var(--sidenav-item-color)
}

:is(html[data-layout=horizontal] .topnav .nav-item>a, html[data-layout=horizontal] .topnav .nav-item .nav-link):hover,
html[data-layout=horizontal] .topnav .nav-item.active>a {
    color: var(--sidenav-item-hover-color)
}

html[data-layout=horizontal] .topnav .menu-arrow {
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

html[data-layout=horizontal] .topnav .container-fluid {
    padding-inline: calc(var(--spacing)*5)
}

html[data-layout=horizontal] .page-title-head {
    background-color: #0000;
    border: 0;
    min-height: 60px;
    margin-bottom: 0
}

.logo-topbar .logo-box {
    padding-inline: calc(var(--spacing)*0)
}

:is(html[data-topbar-color=dark], html[data-theme=dark]) .logo-topbar .logo-light {
    display: block
}

:is(html[data-topbar-color=dark], html[data-theme=dark]) .logo-topbar .logo-dark {
    display: none
}

@media(min-width:992px) {
    .topnav .hs-dropdown .hs-dropdown-menu .hs-dropdown .hs-dropdown-menu {
        top: 0;
        position: absolute;
        inset-inline-start: 100%
    }

    .topnav .hs-dropdown:hover .nav-link,
    .topnav .hs-dropdown:hover>.hs-dropdown-menu>.hs-dropdown:hover>.dropdown-item {
        color: var(--sidenav-item-hover-color) !important
    }
}

@media(max-width:991.98px) {
    html[data-layout=horizontal] .topnav {
        max-height: 360px;
        overflow-y: auto
    }

    html[data-layout=horizontal] .topnav .navbar-nav {
        flex-direction: column
    }

    html[data-layout=horizontal] .topnav .navbar-nav .nav-link {
        padding: calc(var(--sidenav-item-padding-y)*.8)calc(var(--sidenav-item-padding-x)*2)
    }

    html[data-layout=horizontal] .topnav .hs-dropdown .hs-dropdown-menu {
        box-shadow: none;
        margin-top: calc(var(--sidenav-item-padding-y)*-.75);
        background-color: #0000;
        border: none;
        padding-inline-start: calc(var(--sidenav-item-padding-x)*3)
    }

    html[data-layout=horizontal] .topnav .hs-dropdown .hs-dropdown-menu .hs-dropdown-menu {
        margin-top: calc(var(--sidenav-item-padding-y)*-.5);
        padding-inline-start: calc(var(--sidenav-item-padding-x)*1.5)
    }

    html[data-layout=horizontal] .topnav .hs-dropdown .dropdown-item {
        color: var(--sidenav-item-color);
        background-color: #0000;
        position: relative
    }

    html[data-layout=horizontal] .topnav .hs-dropdown .dropdown-item.hover {
        color: var(--sidenav-item-hover-color)
    }

    html[data-layout=horizontal] .topnav .hs-dropdown .dropdown-item.active,
    html[data-layout=horizontal] .topnav .hs-dropdown .dropdown-item:active,
    html[data-layout=horizontal] .topnav .hs-dropdown.active>a.dropdown-item {
        color: var(--sidenav-item-active-color)
    }

    html[data-layout=horizontal] .topnav-toggle-button {
        display: block
    }
}

.topnav-toggle-button {
    cursor: pointer;
    float: left;
    color: var(--topbar-item-color);
    background-color: #0000;
    border: none;
    padding: 0;
    display: none;
    position: relative
}

.dropdown-menu-columns {
    column-count: 2;
    column-gap: 0;
    width: 500px
}

.dropdown-menu-columns>* {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

@media(min-width:992px) {
    .dropdown-menu-columns {
        column-count: 2;
        width: 350px
    }
}

.app-header {
    inset-inline-start: calc(var(--spacing)*0);
    inset-inline-end: calc(var(--spacing)*0);
    top: calc(var(--spacing)*0);
    z-index: 40;
    min-height: var(--topbar-height);
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    background: var(--topbar-bg);
    align-items: center;
    margin-inline-start: var(--sidenav-width);
    transition-property: width, min-width, margin;
    transition-duration: .3s;
    display: flex;
    position: sticky
}

.app-header .topbar-item {
    height: calc(var(--spacing)*14.5);
    align-items: center;
    display: flex
}

.app-header .topbar-link {
    padding-inline: calc(var(--spacing)*1.5);
    z-index: 1;
    cursor: pointer;
    color: var(--topbar-item-color);
    border: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.app-header .topbar-link:hover,
.app-header .topbar-link:active,
.app-header .topbar-link:focus {
    color: var(--topbar-item-hover-color)
}

.app-header .topbar-link .topbar-link-icon {
    font-size: 22px
}

.app-header .container-fluid {
    padding-inline: calc(var(--spacing)*5)
}

.app-header .logo-topbar {
    display: none
}

.app-header input::placeholder {
    color: currentColor !important
}

.app-header .pro-username {
    font-size: 13px;
    line-height: 14px !important
}

.btn-theme-setting {
    position: relative
}

.btn-theme-setting:before {
    content: "";
    background-color: var(--color-danger);
    z-index: 5;
    inset-inline-end: 4px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    animation: 1.2s ease-in-out infinite blinkDot;
    position: absolute;
    top: 16px;
    transform: translateY(-50%)
}

.btn-theme-setting i {
    width: 22px;
    height: 22px;
    animation: 2s linear infinite spin
}

@keyframes blinkDot {
    0% {
        box-shadow: 0 0 #f7577e99
    }

    70% {
        box-shadow: 0 0 0 6px #f7577e00
    }

    to {
        box-shadow: 0 0 #f7577e00
    }
}

@media(max-width:767.98px) {
    .logo-topbar {
        display: block
    }

    .logo-topbar .logo-lg {
        display: none
    }

    .logo-topbar .logo-sm {
        display: block
    }
}

:is(html[data-sidenav-size=sm], html[data-sidenav-size=on-hover]) .page-content,
:is(html[data-sidenav-size=sm], html[data-sidenav-size=on-hover]) .app-header {
    margin-inline-start: var(--sidenav-width-sm)
}

html[data-sidenav-size=md] .page-content,
html[data-sidenav-size=md] .app-header {
    margin-inline-start: var(--sidenav-width-md)
}

:is(html[data-sidenav-size=offcanvas], html[data-sidenav-size=hidden]) .page-content,
:is(html[data-sidenav-size=offcanvas], html[data-sidenav-size=hidden]) .app-header {
    margin-inline-start: calc(var(--spacing)*0)
}

:is(html[data-menu-color=light][data-topbar-color=dark], html[data-menu-color=light][data-topbar-color=gradient]) .app-menu .logo-box {
    background: var(--topbar-bg);
    width: calc(100% + 1px)
}

:is(html[data-menu-color=light][data-topbar-color=dark], html[data-menu-color=light][data-topbar-color=gradient]) .app-menu .sidenav-user {
    margin-top: 10px
}

:is(html[data-menu-color=light][data-topbar-color=dark], html[data-menu-color=light][data-topbar-color=gradient]) .app-menu #button-hover-toggle {
    color: #fff !important
}

:is(html[data-topbar-color=dark], html[data-topbar-color=gradient]) .app-header #button-toggle-menu {
    background-color: #ffffff1a;
    border-color: #0000
}

@supports (color:color-mix(in lab, red, red)) {
    :is(html[data-topbar-color=dark], html[data-topbar-color=gradient]) .app-header #button-toggle-menu {
        background-color: color-mix(in oklab, var(--color-white)10%, transparent)
    }
}

.footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    padding: calc(var(--spacing)*3);
    align-items: center;
    margin-top: auto;
    display: flex
}

.container {
    max-width: calc(var(--spacing)*330);
    padding-inline: calc(var(--spacing)*3);
    margin-inline: auto
}

.container-fluid {
    width: 100%;
    max-width: 100%;
    margin-inline: auto
}

.animate-grow {
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

html[data-theme=light] #theme .card-radio [for=layout-color-light] {
    position: relative
}

html[data-theme=light] #theme .card-radio [for=layout-color-light]:after {
    content: "";
    width: 1em;
    height: 1em;
    inset-inline-end: calc(var(--spacing)*2);
    bottom: calc(var(--spacing)*2);
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6);
    color: var(--color-success);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: currentColor;
    margin-inline-start: auto;
    display: inline-block;
    position: absolute;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

html[data-theme=dark] #theme .card-radio [for=layout-color-dark] {
    position: relative
}

html[data-theme=dark] #theme .card-radio [for=layout-color-dark]:after {
    content: "";
    width: 1em;
    height: 1em;
    inset-inline-end: calc(var(--spacing)*2);
    bottom: calc(var(--spacing)*2);
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6);
    color: var(--color-success);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: currentColor;
    margin-inline-start: auto;
    display: inline-block;
    position: absolute;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.form-input {
    height: calc(var(--spacing)*9.25);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    width: 100%;
    padding-block: calc(var(--spacing)*0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-body-color);
    outline-style: var(--tw-outline-style);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-width: 1px;
    outline-width: 0;
    display: block
}

.form-input::placeholder {
    color: var(--color-default-400)
}

@media(hover:hover) {
    .form-input:hover {
        border-color: var(--color-default-500) !important
    }
}

.form-input:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
    border-color: var(--color-default-500) !important
}

.form-input:focus-visible {
    border-color: var(--color-default-500);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none
}

.form-input[aria-invalid=true] {
    border-color: #f7577e99
}

@supports (color:color-mix(in lab, red, red)) {
    .form-input[aria-invalid=true] {
        border-color: color-mix(in oklab, var(--color-danger)60%, transparent)
    }
}

.form-input[aria-invalid=true] {
    --tw-ring-color: #f7577e1a
}

@supports (color:color-mix(in lab, red, red)) {
    .form-input[aria-invalid=true] {
        --tw-ring-color: color-mix(in oklab, var(--color-danger)10%, transparent)
    }
}

.form-input {
    transition-property: color, box-shadow
}

:is(.form-input, .form-select, .form-textarea):disabled {
    cursor: not-allowed;
    background-color: var(--color-default-100);
    opacity: .7
}

:is(.form-input, .form-select, .form-textarea)[readonly] {
    cursor: not-allowed;
    color: var(--color-body-color)
}

.form-label {
    margin-bottom: calc(var(--spacing)*2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-body-color);
    display: block
}

.form-input:not([class*=bg-]),
.form-textarea:not([class*=bg-]),
.form-select:not([class*=bg-]) {
    background-color: var(--color-card)
}

.form-input:not([class*=border-]),
.form-textarea:not([class*=border-]),
.form-select:not([class*=border-]) {
    border-color: var(--color-default-300)
}

.form-input-sm {
    height: calc(var(--spacing)*7.5) !important;
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important
}

.form-input-lg {
    height: calc(var(--spacing)*11.75) !important;
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important
}

.form-select-sm {
    height: calc(var(--spacing)*7.5) !important;
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important
}

.form-select-lg {
    height: calc(var(--spacing)*11.75) !important;
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important
}

.form-textarea {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    width: 100%;
    padding-inline: calc(var(--spacing)*3);
    padding-block: calc(var(--spacing)*2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-body-color);
    outline-style: var(--tw-outline-style);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-width: 1px;
    outline-width: 0;
    display: block
}

.form-textarea::placeholder {
    color: var(--color-default-400)
}

@media(hover:hover) {
    .form-textarea:hover {
        border-color: var(--color-default-500)
    }
}

.form-textarea:focus {
    border-color: var(--color-default-500);
    outline-style: var(--tw-outline-style);
    outline-width: 0
}

.form-textarea:focus-visible {
    border-color: var(--color-default-500);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none
}

.form-textarea {
    transition-property: color, box-shadow
}

.form-select {
    height: calc(var(--spacing)*9.25);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    width: 100%;
    padding-block: calc(var(--spacing)*0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-body-color);
    outline-style: var(--tw-outline-style);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    outline-width: 0;
    display: block
}

.form-select::placeholder {
    color: var(--color-body-color)
}

@media(hover:hover) {
    .form-select:hover {
        border-color: var(--color-default-500)
    }
}

.form-select:focus {
    border-color: var(--color-default-500);
    outline-style: var(--tw-outline-style);
    outline-width: 0
}

.form-select:focus-visible {
    border-color: var(--color-default-500);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none
}

.form-select:disabled {
    cursor: not-allowed;
    opacity: .7
}

.form-select[readonly] {
    cursor: not-allowed;
    color: var(--color-body-color)
}

.form-select[aria-invalid=true] {
    border-color: #f7577e99
}

@supports (color:color-mix(in lab, red, red)) {
    .form-select[aria-invalid=true] {
        border-color: color-mix(in oklab, var(--color-danger)60%, transparent)
    }
}

.form-select[aria-invalid=true] {
    --tw-ring-color: #f7577e1a
}

@supports (color:color-mix(in lab, red, red)) {
    .form-select[aria-invalid=true] {
        --tw-ring-color: color-mix(in oklab, var(--color-danger)10%, transparent)
    }
}

.form-select {
    transition-property: color, box-shadow;
    padding-inline-end: 2.31rem !important
}

.form-radio,
.form-checkbox {
    width: calc(var(--spacing)*4.5);
    height: calc(var(--spacing)*4.5);
    appearance: none;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    --tw-ring-offset-color: var(--color-white);
    background-color: #0000;
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0
}

:is(.form-radio, .form-checkbox):focus-visible {
    --tw-outline-style: none;
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: inherit;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    outline-style: none
}

:is(.form-radio, .form-checkbox):disabled {
    cursor: not-allowed;
    opacity: .9
}

:is(.form-radio, .form-checkbox)[aria-invalid=true] {
    border-color: #f7577e99
}

@supports (color:color-mix(in lab, red, red)) {
    :is(.form-radio, .form-checkbox)[aria-invalid=true] {
        border-color: color-mix(in oklab, var(--color-danger)60%, transparent)
    }
}

:is(.form-radio, .form-checkbox)[aria-invalid=true] {
    --tw-ring-color: #f7577e1a
}

@supports (color:color-mix(in lab, red, red)) {
    :is(.form-radio, .form-checkbox)[aria-invalid=true] {
        --tw-ring-color: color-mix(in oklab, var(--color-danger)10%, transparent)
    }
}

.form-radio,
.form-checkbox {
    cursor: pointer
}

:is(.form-radio, .form-checkbox):focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
}

:is(.form-radio, .form-checkbox):checked {
    background-color: var(--color-primary);
    border-color: #0000
}

.form-checkbox-light {
    border-color: #eef2f7e6
}

@supports (color:color-mix(in lab, red, red)) {
    .form-checkbox-light {
        border-color: color-mix(in oklab, var(--color-light)90%, transparent)
    }
}

.form-checkbox-light {
    background-color: #eef2f7e6
}

@supports (color:color-mix(in lab, red, red)) {
    .form-checkbox-light {
        background-color: color-mix(in oklab, var(--color-light)90%, transparent)
    }
}

.form-checkbox-light {
    box-shadow: inset 0 1px 2px rgba(var(--color-dark), .05)
}

.form-checkbox {
    border-radius: var(--radius-sm)
}

.form-radio:not([class*=size-]),
.form-checkbox:not([class*=size-]) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
}

.form-checkbox[class*=rounded-full] {
    border-radius: 3.40282e38px
}

.form-checkbox-sm,
.form-radio-sm {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
}

.form-radio-lg {
    width: calc(var(--spacing)*5.5);
    height: calc(var(--spacing)*5.5)
}

.form-switch {
    appearance: none;
    background-color: var(--color-default-200);
    flex-shrink: 0;
    display: inline-flex;
    position: relative
}

.form-switch:checked {
    background-image: none
}

.form-switch:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-default-300);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--color-card);
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {
    .form-switch:focus-visible {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.form-switch:disabled {
    cursor: not-allowed;
    opacity: .5
}

.form-switch[aria-invalid=true] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #f7577e99
}

@supports (color:color-mix(in lab, red, red)) {
    .form-switch[aria-invalid=true] {
        border-color: color-mix(in oklab, var(--color-danger)60%, transparent)
    }
}

.form-switch[aria-invalid=true] {
    --tw-ring-color: #f7577e1a
}

@supports (color:color-mix(in lab, red, red)) {
    .form-switch[aria-invalid=true] {
        --tw-ring-color: color-mix(in oklab, var(--color-danger)10%, transparent)
    }
}

.form-switch {
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0
}

.form-switch:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
}

.form-switch:before {
    pointer-events: none;
    --tw-translate-x: calc(var(--spacing)*1);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    background-color: var(--color-white);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-content: "";
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing)*0);
    border-radius: 3.40282e38px;
    display: block;
    position: absolute;
    top: 50%
}

.form-switch:checked,
.form-switch[aria-checked=true] {
    background-color: var(--color-primary)
}

.form-switch {
    height: calc(var(--spacing)*5);
    width: calc(var(--spacing)*7.5);
    border-radius: 3.40282e38px
}

.form-switch:before {
    width: calc(var(--spacing)*3);
    height: calc(var(--spacing)*3)
}

:is(.form-switch:checked, .form-switch[aria-checked=true]):before {
    --tw-translate-x: calc(var(--spacing)*3.5);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

.form-switch-sm {
    height: calc(var(--spacing)*4.5);
    width: calc(var(--spacing)*6.5);
    border-radius: 3.40282e38px
}

.form-switch-sm:before {
    width: calc(var(--spacing)*2.5);
    height: calc(var(--spacing)*2.5)
}

:is(.form-switch-sm:checked, .form-switch-sm[aria-checked=true]):before {
    --tw-translate-x: calc(var(--spacing)*3);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

.form-switch-lg {
    height: calc(var(--spacing)*5.5);
    width: calc(var(--spacing)*8.5);
    border-radius: 3.40282e38px
}

.form-switch-lg:before {
    width: calc(var(--spacing)*3.5);
    height: calc(var(--spacing)*3.5)
}

:is(.form-switch-lg:checked, .form-switch-lg[aria-checked=true]):before {
    --tw-translate-x: calc(var(--spacing)*4);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

[dir=rtl] .form-switch:before {
    --tw-translate-x: calc(var(--spacing)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

:is([dir=rtl] .form-switch:checked, [dir=rtl] .form-switch[aria-checked=true]):before {
    --tw-translate-x: calc(var(--spacing)*-3.5);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

:is([dir=rtl] .form-switch.form-switch-sm:checked, [dir=rtl] .form-switch.form-switch-sm[aria-checked=true]):before {
    --tw-translate-x: calc(var(--spacing)*-3);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

:is([dir=rtl] .form-switch.form-switch-lg:checked, [dir=rtl] .form-switch.form-switch-lg[aria-checked=true]):before {
    --tw-translate-x: calc(var(--spacing)*-4);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

.card-radio,
.card-radio input:checked+.form-label {
    position: relative
}

.card-radio input:checked+.form-label:after {
    content: "";
    width: 1em;
    height: 1em;
    inset-inline-end: calc(var(--spacing)*2);
    bottom: calc(var(--spacing)*2);
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6);
    color: var(--color-success);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: currentColor;
    margin-inline-start: auto;
    display: inline-block;
    position: absolute;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

input:checked+.form-label.btn {
    background-color: #236dc926
}

@supports (color:color-mix(in lab, red, red)) {
    input:checked+.form-label.btn {
        background-color: color-mix(in oklab, var(--color-primary)15%, transparent)
    }
}

input:checked+.form-label.btn {
    color: var(--color-primary)
}

.input-group {
    flex-wrap: wrap;
    align-items: stretch;
    display: flex;
    position: relative
}

.input-group>.form-input,
.input-group>.form-select,
.input-group>.form-textarea {
    flex: auto;
    width: 1%;
    min-width: 0;
    position: relative
}

.input-group .input-group-text {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-default-100);
    padding-inline: calc(var(--spacing)*3);
    color: var(--color-default-600);
    align-items: center;
    display: flex
}

.input-group>:not(:last-child) {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.input-group>:not(:first-child) {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    margin-inline-start: -1px
}

.input-group>.btn {
    z-index: 2;
    position: relative
}

.input-group .hs-dropdown {
    border-width: 0
}

.input-icon-group {
    align-items: center;
    display: flex;
    position: relative
}

.input-icon-group>.form-input,
.input-icon-group>.form-select {
    width: 100%
}

.input-icon-group>.input-icon:first-child {
    pointer-events: none;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-default-400);
    inset-inline-start: calc(var(--spacing)*3);
    position: absolute;
    top: 50%
}

.input-icon-group>.input-icon:first-child+.form-input,
.input-icon-group>.input-icon:first-child+.form-select {
    padding-inline-start: calc(var(--spacing)*10) !important
}

.input-icon-group>.input-icon:last-child {
    pointer-events: none;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-default-400);
    inset-inline-end: calc(var(--spacing)*3);
    position: absolute;
    top: 50%
}

.input-icon-group>.form-input:not(:last-child),
.input-icon-group>.form-select:not(:last-child) {
    padding-inline-end: calc(var(--spacing)*10)
}

.input-icon-group>.form-select:not(:last-child) {
    background-size: 4rem 1.5rem
}

.input-group[data-touchspin] {
    align-items: center;
    gap: calc(var(--spacing)*2.5);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    padding: calc(var(--spacing)*1);
    display: inline-flex
}

.input-group[data-touchspin]>.btn {
    height: calc(var(--spacing)*7);
    width: calc(var(--spacing)*7);
    cursor: pointer;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing)*0);
    --tw-leading: 1;
    border-width: 0;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: inline-flex
}

.input-group[data-touchspin]>.btn:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none
}

.input-group[data-touchspin]>.form-input {
    margin: calc(var(--spacing)*0);
    border-style: var(--tw-border-style);
    height: auto;
    padding: calc(var(--spacing)*0);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #0000;
    border-width: 0
}

.input-group[data-touchspin]>.form-input:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none
}

.input-group[data-touchspin] [data-icon] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.input-group[data-touchspin]:has(.form-input:disabled) {
    pointer-events: none;
    background-color: #eef2f726
}

@supports (color:color-mix(in lab, red, red)) {
    .input-group[data-touchspin]:has(.form-input:disabled) {
        background-color: color-mix(in oklab, var(--color-light)15%, transparent)
    }
}

.input-group[data-touchspin]:has(.form-input[readonly]) {
    pointer-events: none
}

.form-range {
    cursor: pointer;
    appearance: none;
    background-color: #0000;
    width: 100%
}

.form-range:focus {
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {
    .form-range:focus {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.form-range:disabled {
    pointer-events: none;
    opacity: .5
}

.form-range::-webkit-slider-thumb {
    width: calc(var(--spacing)*2.5)
}

.form-range::-webkit-slider-thumb {
    margin-top: calc(var(--spacing)*-.5)
}

.form-range::-webkit-slider-thumb {
    height: calc(var(--spacing)*2.5)
}

.form-range::-webkit-slider-thumb {
    appearance: none
}

.form-range::-webkit-slider-thumb {
    background-color: var(--color-primary)
}

.form-range::-webkit-slider-thumb {
    border-radius: 3.40282e38px
}

.form-range::-webkit-slider-thumb {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--color-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.form-range::-webkit-slider-thumb {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.form-range::-moz-range-thumb {
    height: calc(var(--spacing)*2.5)
}

.form-range::-moz-range-thumb {
    width: calc(var(--spacing)*2.5)
}

.form-range::-webkit-slider-thumb {
    --tw-duration: .15s;
    transition-duration: .15s
}

.form-range::-webkit-slider-thumb {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
}

.form-range::-moz-range-thumb {
    appearance: none
}

.form-range::-moz-range-thumb {
    border-style: var(--tw-border-style);
    border-width: 8px
}

.form-range::-moz-range-thumb {
    border-color: var(--color-primary)
}

.form-range::-moz-range-thumb {
    background-color: var(--color-primary)
}

.form-range::-moz-range-thumb {
    border-radius: 3.40282e38px
}

.form-range::-moz-range-thumb {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.form-range::-moz-range-thumb {
    --tw-duration: .15s;
    transition-duration: .15s
}

.form-range::-moz-range-thumb {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
}

.form-range::-webkit-slider-runnable-track {
    height: calc(var(--spacing)*2)
}

.form-range::-webkit-slider-runnable-track {
    width: 100%
}

.form-range::-webkit-slider-runnable-track {
    background-color: var(--color-default-100)
}

.form-range::-moz-range-track {
    height: calc(var(--spacing)*2)
}

.form-range::-moz-range-track {
    width: 100%
}

.form-range::-moz-range-track {
    border-radius: 3.40282e38px
}

.form-range::-moz-range-track {
    background-color: var(--color-default-100)
}

.form-range::-webkit-slider-runnable-track {
    border-radius: 3.40282e38px
}

.form-input[type=file] {
    cursor: pointer;
    padding: calc(var(--spacing)*0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
}

.form-input[type=file]::file-selector-button {
    margin-inline-end: calc(var(--spacing)*3)
}

.form-input[type=file]::file-selector-button {
    height: 100%
}

.form-input[type=file]::file-selector-button {
    cursor: pointer
}

.form-input[type=file]::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0
}

.form-input[type=file]::file-selector-button {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px
}

.form-input[type=file]::file-selector-button {
    border-color: var(--color-default-300)
}

.form-input[type=file]::file-selector-button {
    background-color: var(--color-default-100)
}

.form-input[type=file]::file-selector-button {
    padding-inline: calc(var(--spacing)*3)
}

.form-input[type=file]::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.form-input[type=file]::file-selector-button {
    color: var(--color-default-700)
}

@media(hover:hover) {
    .form-input[type=file]:hover {
        border-color: var(--color-default-500)
    }

    .form-input[type=file]:hover::file-selector-button {
        border-color: var(--color-default-300)
    }
}

.form-input[type=file]:focus {
    border-color: var(--color-default-500);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline-style: var(--tw-outline-style);
    outline-width: 0
}

.form-input[type=file]:focus-visible {
    border-color: var(--color-default-500);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none
}

@media print {

    aside.app-menu,
    .app-header,
    .footer {
        width: calc(var(--spacing)*0);
        display: none !important
    }

    .page-content,
    body {
        margin: 0;
        padding: 0
    }

    .card {
        box-shadow: none
    }
}

@keyframes strip {
    0% {
        background-position-x: 1rem
    }
}

.animate-strip {
    animation: 1s linear infinite strip
}

.progress-striped {
    background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0 50%, #ffffff26 0 75%, #0000 0, #0000);
    background-size: 1rem 1rem
}

@keyframes progress-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.animate-progress-stripes {
    animation: 1s linear infinite progress-stripes
}

.hs-overlay-animation-target {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x)var(--tw-scale-y);
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out)
}

@media(min-width:40rem) {
    .hs-overlay-animation-target {
        margin-inline: auto
    }
}

.hs-overlay-animation-target.open,
.open .hs-overlay-animation-target {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x)var(--tw-scale-y);
    opacity: 1
}

.close-icon {
    background-color: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.hs-overlay-backdrop {
    background-color: #313a4680 !important
}

@supports (color:color-mix(in lab, red, red)) {
    .hs-overlay-backdrop {
        background-color: color-mix(in oklab, var(--color-default-900)50%, transparent) !important
    }
}

[data-simplebar] {
    flex-flow: column wrap;
    place-content: flex-start;
    align-items: flex-start;
    position: relative
}

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

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

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

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

.simplebar-content-wrapper::-webkit-scrollbar {
    display: none
}

.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none
}

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

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

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

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

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

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

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

.simplebar-scrollbar {
    width: 6px;
    min-height: 10px;
    position: absolute;
    inset-inline-end: 2px
}

.simplebar-scrollbar:before {
    content: "";
    opacity: 0;
    background: #a2adb7;
    border-radius: 7px;
    transition: opacity .2s linear;
    position: absolute;
    inset-inline: 0
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity linear
}

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

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    height: 11px;
    inset-inline-start: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    inset-inline: 2px
}

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

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    inset-inline: 0 auto
}

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

.simplebar-hide-scrollbar {
    visibility: hidden;
    scrollbar-width: none;
    position: fixed;
    inset-inline-start: 0;
    overflow-y: scroll
}

[data-simplebar-lg] .simplebar-scrollbar {
    width: 10px;
    inset-inline-end: 1px
}

[data-simplebar-primary] .simplebar-scrollbar:before {
    background-color: var(--color-primary)
}

.flatpickr-input[readonly] {
    cursor: pointer
}

.flatpickr-calendar {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    font-size: var(--text-body);
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow)
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: var(--color-card)
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    border-top-color: var(--color-card)
}

.flatpickr-calendar.open {
    z-index: 1200
}

.flatpickr-calendar.inline {
    display: block
}

.flatpickr-current-month {
    font-size: 100%
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 var(--color-primary)
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background-color: var(--color-card);
    color: var(--color-default-700)
}

.flatpickr-months .flatpickr-month {
    height: 40px
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-month {
    color: var(--color-body-color);
    fill: var(--color-default-500);
    line-height: 16px
}

.flatpickr-weekdays {
    background-color: var(--color-default-100)
}

span.flatpickr-weekday,
.flatpickr-day,
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover,
.flatpickr-time input,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    fill: var(--color-default-600);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-600)
}

.flatpickr-current-month input.cur-year {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: var(--color-default-400)
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    border-color: var(--color-default-100);
    background-color: var(--color-default-100)
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-300)
}

.numInputWrapper:hover,
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    color: var(--color-default-600);
    background-color: #0000
}

.flatpickr-current-month .numInputWrapper {
    width: 8ch;
    margin-inline-start: 10px;
    display: inline-block
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    border-radius: 4px;
    padding: 2px 8px;
    font-weight: 400
}

.flatpickr-day.inRange {
    box-shadow: -5px 0 0 var(--color-default-100), 5px 0 0 var(--color-default-100)
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: var(--color-default-400);
    opacity: .5;
    text-decoration: line-through
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-300)
}

.flatpickr-weekwrapper .flatpickr-weeks {
    box-shadow: none
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    color: var(--color-default-400)
}

[data-inline-date=true],
[data-time-inline] {
    display: none
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    scrollbar-width: thin;
    background: 0 0;
    overflow: hidden !important
}

:is(:not(pre)>code[class*=language-], pre[class*=language-]):hover {
    overflow: auto !important
}

code[class*=language-],
pre[class*=language-] {
    color: #000;
    text-shadow: 0 1px #fff;
    text-align: start;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    background: 0 0;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 13px;
    line-height: 1.5;
    display: block
}

pre[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

pre[class*=language-] ::selection {
    text-shadow: none;
    background: #b3d4fc
}

code[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

code[class*=language-] ::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {

    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    margin: 0;
    padding: 1em;
    overflow: auto
}

:not(pre)>code[class*=language-] {
    white-space: normal;
    border-radius: .3em;
    padding: .1em
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #708090
}

.token.punctuation {
    color: var(--color-primary)
}

.token.namespace {
    opacity: .7
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: var(--color-primary)
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: var(--color-success)
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #9a6e3a;
    background: 0 0
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: var(--color-danger)
}

.token.function,
.token.class-name {
    color: #dd4a68
}

.token.regex,
.token.important,
.token.variable {
    color: #e90
}

.token.important,
.token.bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

code[class*=language-],
pre[class*=language-] {
    color: var(--color-gray-600);
    text-shadow: none
}

:is(code[class*=language-], pre[class*=language-]) code:not(:last-of-type) {
    margin-bottom: 1rem
}

.mark-as-read {
    opacity: .75
}

.email-editor .ql-toolbar.ql-snow,
.email-editor .ql-container.ql-snow {
    border-width: 0 0 1px;
    border-radius: 0
}

.sortable-fallback {
    opacity: 1 !important
}

.sortable-fallback .card {
    transform: rotate(10deg);
    opacity: 1 !important
}

.sortable-item-ghost .card {
    background-color: #f9bf591a !important
}

@supports (color:color-mix(in lab, red, red)) {
    .sortable-item-ghost .card {
        background-color: color-mix(in oklab, var(--color-warning)10%, transparent) !important
    }
}

.error-glitch {
    letter-spacing: 5px;
    --tw-font-weight: var(--font-weight-bold);
    font-size: 120px;
    font-weight: var(--font-weight-bold);
    animation: 2s infinite flicker;
    position: relative
}

.error-glitch:before,
.error-glitch:after {
    content: attr(data-text);
    inset-inline-start: 0;
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden
}

.error-glitch:before {
    color: var(--color-primary);
    z-index: -1;
    animation: 2s infinite glitchTop
}

.error-glitch:after {
    color: var(--color-danger);
    z-index: -1;
    animation: 2s infinite glitchBottom
}

@keyframes glitchTop {
    0% {
        clip-path: inset(0 0 80%);
        transform: translate(-3px, -3px)
    }

    20% {
        clip-path: inset(0 0 20%);
        transform: translate(3px, -2px)
    }

    40% {
        clip-path: inset(0 0 60%);
        transform: translate(-1px, 2px)
    }

    60% {
        clip-path: inset(0 0 40%);
        transform: translate(2px, -1px)
    }

    80% {
        clip-path: inset(0 0 70%);
        transform: translate(-3px, 3px)
    }

    to {
        clip-path: inset(0 0 90%);
        transform: translate(0)
    }
}

@keyframes glitchBottom {
    0% {
        clip-path: inset(80% 0 0);
        transform: translate(3px, 2px)
    }

    20% {
        clip-path: inset(20% 0 0);
        transform: translate(-2px, -1px)
    }

    40% {
        clip-path: inset(60% 0 0);
        transform: translate(1px, 2px)
    }

    60% {
        clip-path: inset(40% 0 0);
        transform: translate(-2px, 1px)
    }

    80% {
        clip-path: inset(70% 0 0);
        transform: translate(3px, -3px)
    }

    to {
        clip-path: inset(90% 0 0);
        transform: translate(0)
    }
}

@keyframes flicker {

    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    to {
        opacity: 1
    }

    20%,
    24%,
    55% {
        opacity: .6
    }
}

.error-wave-container {
    font-size: 120px;
    font-weight: 900;
    display: flex
}

.error-wave-char {
    background: linear-gradient(90deg, var(--color-primary), var(--color-purple));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: 2s ease-in-out infinite wave;
    display: inline-block
}

.error-wave-char:first-child {
    animation-delay: 0s
}

.error-wave-char:nth-child(2) {
    animation-delay: .2s
}

.error-wave-char:nth-child(3) {
    animation-delay: .4s
}

@keyframes wave {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }
}

.error-text-alt .error-wave-char {
    background: radial-gradient(circle, var(--color-warning)0%, var(--color-danger)100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

.auth-logo img {
    height: calc(var(--spacing)*6)
}

.card-calendar-widget+.flatpickr-calendar {
    width: 100%;
    box-shadow: none;
    border-style: dashed;
    display: block
}

.card-calendar-widget+.flatpickr-calendar .flatpickr-innerContainer {
    justify-content: center
}

.card-calendar-widget+.flatpickr-calendar .flatpickr-weekdays {
    margin: 10px 0
}

.card-calendar-widget+.flatpickr-calendar .flatpickr-days {
    margin-bottom: 10px
}

.card-calendar-widget+.flatpickr-calendar .dayContainer,
.card-calendar-widget+.flatpickr-calendar .flatpickr-days {
    width: 100%;
    min-width: 100%
}

.card-calendar-widget+.flatpickr-calendar .flatpickr-months {
    margin-top: 10px
}

.card-calendar-widget+.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.card-calendar-widget+.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    top: 10px
}

.card-calendar-widget+.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    inset-inline-start: calc(var(--spacing)*2.5)
}

.card-calendar-widget+.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    inset-inline-end: calc(var(--spacing)*2.5)
}

.apex-charts {
    min-height: 10px !important
}

.apex-charts .apexcharts-canvas {
    margin: 0 auto
}

.apexcharts-tooltip-title,
.apex-charts text,
.apexcharts-tooltip *,
.apexcharts-tooltip-text,
.apexcharts-xaxistooltip-text,
.apexcharts-datalabels text,
.apexcharts-legend-text,
.apexcharts-title-text,
.apexcharts-subtitle-text,
.apexcharts-yaxis text,
.apexcharts-xaxis text {
    font-family: var(--font-secondary) !important
}

.apexcharts-tooltip {
    border: 1px solid var(--color-default-300) !important;
    background-color: var(--color-card) !important;
    box-shadow: var(--shadow) !important
}

.apexcharts-tooltip .apexcharts-tooltip-title {
    background-color: #eef2f7bf !important
}

@supports (color:color-mix(in lab, red, red)) {
    .apexcharts-tooltip .apexcharts-tooltip-title {
        background-color: color-mix(in oklab, var(--color-light)75%, transparent) !important
    }
}

.apexcharts-tooltip .apexcharts-tooltip-title {
    border-bottom: 1px solid var(--color-default-300) !important
}

.apexcharts-legend-series,
.apexcharts-legend-text {
    font-weight: 600
}

.apexcharts-gridline {
    pointer-events: none;
    stroke-dasharray: 3
}

.apexcharts-xaxis-tick,
.apexcharts-gridline,
.apexcharts-grid-borders .apexcharts-gridline+line,
.apexcharts-radar-series polygon,
.apexcharts-radar-series line,
.apexcharts-pie circle,
.apexcharts-pie line {
    stroke: var(--color-default-300)
}

.apexcharts-legend-text {
    vertical-align: middle;
    color: var(--color-default-600) !important;
    font-size: 13px !important
}

.apexcharts-legend-marker {
    vertical-align: middle;
    margin-inline-end: 5px !important;
    top: 1px !important
}

.apexcharts-pie-label {
    fill: #fff !important
}

.apexcharts-title-text,
.apexcharts-subtitle-text,
.apexcharts-xaxis text,
.apexcharts-yaxis text {
    fill: var(--color-default-400)
}

.apexcharts-yaxis-title {
    font-weight: 50
}

.apexcharts-annotation-rect {
    fill: var(--color-default-100) !important
}

:is(.apexcharts-xaxis-annotations, .apexcharts-yaxis-annotations) rect {
    stroke: none
}

.apex-toolbar .btn-light.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
}

.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-default-300) !important;
    background-color: var(--color-card) !important;
    color: var(--color-default-600) !important;
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    box-shadow: var(--shadow) !important
}

.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--color-default-200) !important
}

.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: var(--color-card) !important
}

.apexcharts-xaxistooltip-top:before {
    border-top-color: var(--color-default-200) !important
}

.apexcharts-xaxistooltip-top:after {
    border-top-color: var(--color-card) !important
}

.apexcharts-yaxistooltip-left:before {
    border-inline-start-color: var(--color-default-200) !important
}

.apexcharts-yaxistooltip-left:after {
    border-left-color: var(--color-card) !important
}

.apexcharts-datalabel-value,
.apexcharts-datalabel-label {
    fill: var(--color-body-color) !important
}

.apexcharts-menu {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-default-300) !important;
    background-color: var(--color-card) !important;
    padding: calc(var(--spacing)*1) !important;
    text-align: center !important;
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    box-shadow: var(--shadow) !important
}

.apexcharts-menu .apexcharts-menu-item:hover {
    background-color: var(--color-default-100) !important;
    color: var(--color-default-700) !important
}

.apexcharts-track path {
    stroke: var(--color-default-100)
}

.apexcharts-marker {
    stroke: var(--color-body-bg)
}

.apexcharts-grid rect {
    fill: none
}

.apex-charts .apexcharts-heatmap-series rect,
.apex-charts .apexcharts-treemap rect,
.apex-charts .apexcharts-bar-series path,
.apex-charts .apexcharts-pie-series path {
    stroke: var(--color-card)
}

.apexcharts-data-labels {
    padding-inline-start: 10px !important
}

:root .fc {
    --fc-border-color: var(--color-default-300);
    --fc-non-business-color: var(--color-default-100);
    --fc-button-bg-color: var(--color-primary);
    --fc-button-border-color: var(--color-primary);
    --fc-button-hover-bg-color: var(--color-primary);
    --fc-button-hover-border-color: var(--color-primary);
    --fc-button-active-bg-color: var(--color-primary);
    --fc-button-active-border-color: var(--color-primary);
    --fc-neutral-bg-color: var(--color-default-300);
    --fc-neutral-text-color: var(--color-default-700);
    --fc-page-bg-color: #fff
}

#external-events .fc-event,
.fc-event.fc-event-dragging {
    text-align: start;
    cursor: pointer;
    border-radius: var(--radius-sm);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    align-items: center;
    padding: 8px 16px;
    display: flex
}

.fc-daygrid-day-events {
    flex-direction: column;
    display: flex
}

.fc-event {
    background-color: currentColor
}

@supports (color:color-mix(in lab, red, red)) {
    .fc-event {
        background-color: color-mix(in oklab, currentcolor 20%, transparent)
    }
}

.fc-event-draggable.fc-event {
    margin-top: calc(var(--spacing)*2);
    border-radius: var(--radius-sm);
    --tw-border-style: none;
    padding: 4px;
    padding-inline: calc(var(--spacing)*3);
    padding-block: calc(var(--spacing)*1.5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: currentColor;
    border-style: none
}

.fc-daygrid-event-dot {
    border-color: currentColor;
    display: none
}

.fc-event-main {
    color: currentColor !important
}

.fc-button {
    align-items: center;
    text-transform: capitalize !important;
    display: flex !important
}

.fc .fc-button-primary:focus {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
}

.pcr-app {
    background: var(--color-card);
    border: 1px solid var(--color-default-300);
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow);
    border-radius: 4px
}

.pcr-app .pcr-interaction .pcr-type.active {
    background: var(--color-primary)
}

.pcr-app .pcr-interaction .pcr-result {
    background-color: var(--color-card);
    color: var(--color-body-color);
    border: 1px solid var(--color-default-300);
    border-radius: .25rem
}

.pcr-app .pcr-interaction input {
    background-color: var(--color-light);
    border-radius: .25rem !important
}

.pcr-app .pcr-interaction input:focus {
    box-shadow: none;
    background-color: var(--color-card);
    border-color: #236dc926
}

@supports (color:color-mix(in lab, red, red)) {
    .pcr-app .pcr-interaction input:focus {
        border-color: color-mix(in oklab, var(--color-primary)15%, transparent)
    }
}

.pcr-app .pcr-interaction .pcr-save {
    background: var(--color-success) !important
}

.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-cancel {
    background: var(--color-danger) !important
}

.pickr .pcr-button {
    border-radius: .25rem;
    width: 150px;
    height: 36px
}

.pickr .pcr-button:after,
.pickr .pcr-button:before {
    border-radius: .25rem
}

.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {
    margin-inline: 0 .75em
}

.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {
    margin-inline: .75em 0
}

.pcr-app[data-theme=monolith] .pcr-result {
    min-width: 100%
}

.cropper-img-preview {
    border-radius: .25rem;
    width: 160px;
    height: 160px;
    overflow: hidden
}

.cropper-img-preview img {
    display: block;
    max-width: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__input {
    min-height: calc(var(--spacing)*9.25);
    border-radius: var(--radius);
    background-color: var(--color-card);
    padding-inline: calc(var(--spacing)*3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-body-color);
    margin-bottom: 10px;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-default-300) !important
}

.choices[data-type*=select-one] .choices__input:hover {
    border-color: var(--color-default-300)
}

.choices[data-type*=select-one]:after {
    content: "";
    color: var(--color-light);
    pointer-events: none;
    top: 18px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%239ba6b7'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
    border: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    font-size: 20px;
    transition: transform .2s ease-in-out;
    position: absolute;
    inset-inline: auto 12px;
    transform: translateY(-50%)
}

.choices[data-type*=select-one].is-open:after {
    margin-top: 0;
    transform: translateY(-50%)rotate(-180deg)
}

.choices[data-type*=select-one] .choices__button {
    inset-inline-end: 20px
}

:is(.choices[data-type*=select-multiple], .choices[data-type*=text]) .choices__inner {
    cursor: text;
    padding: .2266rem .385rem !important
}

:is(.choices[data-type*=select-multiple], .choices[data-type*=text]) .choices__button {
    border-left-color: #ffffff80
}

@supports (color:color-mix(in lab, red, red)) {
    :is(.choices[data-type*=select-multiple], .choices[data-type*=text]) .choices__button {
        border-left-color: color-mix(in oklab, var(--color-white)50%, transparent)
    }
}

:is(.choices[data-type*=select-multiple], .choices[data-type*=text]) .choices__button {
    border-right: 0
}

:is(.choices[data-type*=select-multiple], .choices[data-type*=text]) .choices__list--dropdown {
    padding-bottom: 10px
}

:is(.choices[data-type*=select-multiple], .choices[data-type*=text]) .choices__list--dropdown .choices__list {
    margin-bottom: 0
}

.choices[data-type*=select-multiple] .choices__input {
    padding-top: 3px
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    margin-top: 0
}

.input-light .choices__inner {
    background-color: var(--color-light);
    border: none
}

.choices__inner {
    min-height: calc(var(--spacing)*9.25);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    padding-inline: calc(var(--spacing)*3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-body-color);
    vertical-align: middle;
    align-items: center;
    min-height: auto;
    display: flex;
    border-radius: var(--radius) !important
}

.choices__inner:hover {
    border-color: var(--color-default-300)
}

.choices__inner .choices__list--single {
    padding: 0 !important
}

:is(.is-focused, .is-open) .choices__inner {
    border-color: var(--color-default-400)
}

.choices__list--multiple .choices__item {
    vertical-align: initial;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
    --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow-sm);
    border-radius: 7px;
    margin: 2px 5px 2px 0;
    padding: 2px 7px;
    font-size: 11px;
    font-weight: 400
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary)
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary)
}

.choices__list--dropdown {
    border-radius: var(--radius);
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow);
    will-change: transform;
    padding: 10px 10px 20px;
    animation-name: DropDownSlideUp;
    animation-duration: .3s;
    animation-fill-mode: both;
    background-color: var(--color-card) !important;
    border: 1px solid var(--color-default-300) !important
}

.choices__list--dropdown.is-active {
    animation-name: DropDownSlideUp
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: var(--color-default-100) !important
}

.choices__list--dropdown .choices__list {
    scrollbar-width: thin;
    margin: 0 -10px -16px
}

.choices__list--dropdown .has-no-results {
    font-style: italic;
    font-weight: 500
}

.choices__list--dropdown .choices__item--selectable:after {
    display: none
}

.choices__list--dropdown .choices__list {
    max-height: 300px
}

.choices__list--dropdown .choices__item {
    font-size: var(--text-body) !important;
    padding: .4rem 1.125rem .4rem 16px !important
}

@media(hover:hover) {
    .choices__inner:hover {
        border-color: var(--color-default-500)
    }
}

.choices__heading {
    border-bottom: 1px solid var(--color-default-300);
    color: var(--color-default-400);
    padding: 10px 16px;
    font-weight: 600
}

.choices__input {
    background-color: var(--color-card);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-body-color)
}

.choices__input:focus {
    --tw-shadow: 0 0 #0000;
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline-style: var(--tw-outline-style);
    border-color: #0000;
    outline-width: 0
}

.choices__input {
    margin-bottom: 0;
    padding: 2px 0 2px 2px
}

.choices__input::placeholder {
    color: var(--color-default-400)
}

.choices__placeholder {
    color: var(--color-default-400);
    opacity: 1
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: var(--color-default-100)
}

[data-theme=dark] .choices[data-type*=select-one] .choices__button {
    --tw-brightness: brightness(2);
    --tw-grayscale: grayscale(100%);
    --tw-invert: invert(100%);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}

[data-theme=dark] .choices[data-type*=select-one]:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%238391a2'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E")
}

.dt-scroll {
    width: 100%
}

.dt-scroll .dt-scroll-body thead tr,
.dt-scroll .dt-scroll-body tfoot tr {
    height: 0
}

:is(.dt-scroll .dt-scroll-body thead tr, .dt-scroll .dt-scroll-body tfoot tr) th,
:is(.dt-scroll .dt-scroll-body thead tr, .dt-scroll .dt-scroll-body tfoot tr) td {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

:is(:is(.dt-scroll .dt-scroll-body thead tr, .dt-scroll .dt-scroll-body tfoot tr) th, :is(.dt-scroll .dt-scroll-body thead tr, .dt-scroll .dt-scroll-body tfoot tr) td) .dt-scroll-sizing {
    height: 0 !important;
    overflow: hidden !important
}

:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td) .dt-column-order {
    opacity: 0
}

:is(:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td):hover, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-asc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-desc) .dt-column-order {
    opacity: 1
}

:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-orderable-asc span.dt-column-order:before,
:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-asc span.dt-column-order:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23515964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M6 15l6 -6l6 6'/></svg>");
    display: block;
    position: absolute;
    bottom: calc(50% - 3px)
}

:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-orderable-desc span.dt-column-order:after,
:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-desc span.dt-column-order:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23515964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E");
    display: block;
    position: absolute;
    top: calc(50% - 3px)
}

:is(:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-orderable-asc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-orderable-desc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-asc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-desc) span.dt-column-order {
    width: 12px;
    height: 20px;
    position: relative
}

:is(:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-orderable-asc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-orderable-desc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-asc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-desc) span.dt-column-order:before,
:is(:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-orderable-asc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-orderable-desc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-asc, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-desc) span.dt-column-order:after {
    opacity: .25;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 9px;
    inset-inline-start: 0
}

:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-asc span.dt-column-order:before,
:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).dt-ordering-desc span.dt-column-order:after {
    opacity: .6
}

:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).sorting_asc_disabled span.dt-column-order:before,
:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td).sorting_desc_disabled span.dt-column-order:after {
    display: none
}

:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td):active {
    outline: none
}

:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td) div.dt-column-header,
:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td) div.dt-column-footer {
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    display: flex
}

:is(:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td) div.dt-column-header, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td) div.dt-column-footer) span.dt-column-title {
    grow: 0 !important
}

:is(:is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td) div.dt-column-header, :is(:is(table.dataTable thead>tr, table.dataTable tfoot>tr) th, :is(table.dataTable thead>tr, table.dataTable tfoot>tr) td) div.dt-column-footer) span.dt-column-title:empty {
    display: none
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
    background-color: #f9bf591a
}

@supports (color:color-mix(in lab, red, red)) {

    table.dataTable tbody>tr.selected,
    table.dataTable tbody>tr>.selected {
        background-color: color-mix(in oklab, var(--color-warning)10%, transparent)
    }
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
    color: inherit;
    box-shadow: none !important
}

:is(table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected) td {
    background-color: #f9bf591a
}

@supports (color:color-mix(in lab, red, red)) {
    :is(table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected) td {
        background-color: color-mix(in oklab, var(--color-warning)10%, transparent)
    }
}

:is(table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected) td {
    color: inherit;
    box-shadow: none !important
}

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
}

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-bottom-color: var(--color-default-300)
}

div.dt-scroll-body>table.dataTable>thead>tr>th,
div.dt-scroll-body>table.dataTable>thead>tr>td {
    overflow: hidden
}

.dt-processing {
    text-align: center;
    z-index: 10;
    border: 1px solid var(--color-default-300);
    margin-inline-start: -50px;
    top: 50%;
    width: 100px;
    margin-top: -22px;
    padding: 2px;
    position: absolute;
    inset-inline-start: 50%
}

.dt-processing>div:last-child {
    width: 80px;
    height: 15px;
    margin: 1em auto;
    position: relative
}

.dt-processing>div:last-child>div {
    background: var(--color-primary);
    border-radius: 50%;
    width: 13px;
    height: 13px;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    position: absolute;
    top: 0
}

.dt-processing>div:last-child>div:first-child {
    animation: .6s infinite datatables-loader-1;
    inset-inline-start: 8px
}

.dt-processing>div:last-child>div:nth-child(2) {
    animation: .6s infinite datatables-loader-2;
    inset-inline-start: 8px
}

.dt-processing>div:last-child>div:nth-child(3) {
    animation: .6s infinite datatables-loader-2;
    inset-inline-start: 32px
}

.dt-processing>div:last-child>div:nth-child(4) {
    animation: .6s infinite datatables-loader-3;
    inset-inline-start: 56px
}

@keyframes preloader {
    0% {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px)
    }
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable th,
table.dataTable td {
    box-sizing: border-box
}

:is(table.dataTable th, table.dataTable td).dt-left {
    text-align: start
}

:is(table.dataTable th, table.dataTable td).dt-left div.dt-column-header,
:is(table.dataTable th, table.dataTable td).dt-left div.dt-column-footer {
    flex-direction: row
}

:is(table.dataTable th, table.dataTable td).dt-center {
    text-align: center
}

:is(table.dataTable th, table.dataTable td).dt-right {
    text-align: end
}

:is(table.dataTable th, table.dataTable td).dt-right div.dt-column-header,
:is(table.dataTable th, table.dataTable td).dt-right div.dt-column-footer {
    flex-direction: row-reverse
}

:is(table.dataTable th, table.dataTable td).dt-justify {
    text-align: justify
}

:is(table.dataTable th, table.dataTable td).dt-justify div.dt-column-header,
:is(table.dataTable th, table.dataTable td).dt-justify div.dt-column-footer {
    flex-direction: row
}

:is(table.dataTable th, table.dataTable td).dt-nowrap {
    white-space: nowrap
}

:is(table.dataTable th, table.dataTable td).dt-empty {
    text-align: center;
    vertical-align: top
}

:is(table.dataTable thead, table.dataTable tfoot) th,
:is(table.dataTable thead, table.dataTable tfoot) td,
:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-left {
    text-align: start
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-left div.dt-column-header,
:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-left div.dt-column-footer {
    flex-direction: row
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-center {
    text-align: center
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-right {
    text-align: end
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-right div.dt-column-header,
:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-right div.dt-column-footer {
    flex-direction: row-reverse
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-justify {
    text-align: justify
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-justify div.dt-column-header,
:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-justify div.dt-column-footer {
    flex-direction: row
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-nowrap {
    white-space: nowrap
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-left {
    text-align: start
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-center {
    text-align: center
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-right {
    text-align: end
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-justify {
    text-align: justify
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-nowrap {
    white-space: nowrap
}

table.table.dataTable {
    clear: both;
    border-spacing: 0;
    max-width: none;
    margin-bottom: 0
}

.dt-container {
    position: relative
}

.dt-container .dt-layout-start>:not(:last-child) {
    margin-inline-end: 1em
}

.dt-container .dt-layout-end>:not(:first-child) {
    margin-inline-start: 1em
}

.dt-container .dt-layout-full {
    width: 100%
}

.dt-container .dt-layout-full>:only-child {
    margin-inline: auto
}

.dt-container .dt-layout-table>div {
    display: block !important
}

.dt-container .dt-length label {
    text-align: start;
    white-space: nowrap;
    font-weight: 400
}

.dt-container .dt-length select {
    width: auto;
    margin-inline-end: .5em;
    display: inline-block
}

.dt-container .dt-search {
    text-align: end
}

.dt-container .dt-search label {
    white-space: nowrap;
    text-align: start;
    font-weight: 400
}

.dt-container .dt-search input {
    width: auto;
    margin-inline-start: .5em;
    display: inline-block
}

.dt-container .dt-paging {
    margin: 0
}

.dt-container .dt-paging ul.pagination {
    flex-wrap: wrap;
    margin: 0;
    padding-top: .75rem
}

.dt-container .dt-row {
    position: relative
}

.dt-container .dt-info {
    padding-top: .75rem
}

.dt-layout-row {
    margin-top: calc(var(--spacing)*0) !important;
    margin-bottom: calc(var(--spacing)*3) !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    display: flex !important
}

.dt-layout-row .dt-length,
.dt-layout-row .dt-search,
.dt-length,
.dt-search {
    align-items: center !important;
    display: flex !important
}

.dt-input {
    border-radius: var(--radius);
    background-color: var(--color-card);
    padding-inline: calc(var(--spacing)*3);
    padding-block: calc(var(--spacing)*0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-default-800);
    outline-style: var(--tw-outline-style);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    outline-width: 0;
    display: block;
    height: calc(var(--spacing)*7.5) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-default-300) !important
}

.dt-input::placeholder {
    color: var(--color-default-400)
}

.dt-input:focus-visible {
    border-color: var(--color-default-300);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #e7e9eb4d
}

@supports (color:color-mix(in lab, red, red)) {
    .dt-input:focus-visible {
        --tw-ring-color: color-mix(in oklab, var(--color-default-300)30%, transparent)
    }
}

.dt-input:focus-visible {
    --tw-outline-style: none;
    outline-style: none
}

.dt-input:disabled {
    cursor: not-allowed;
    opacity: .7
}

.dt-input[readonly] {
    cursor: not-allowed;
    background-color: #f6f7fbcc
}

@supports (color:color-mix(in lab, red, red)) {
    .dt-input[readonly] {
        background-color: color-mix(in oklab, var(--color-default-100)80%, transparent)
    }
}

.dt-input[readonly] {
    color: #8a969ccc
}

@supports (color:color-mix(in lab, red, red)) {
    .dt-input[readonly] {
        color: color-mix(in oklab, var(--color-default-600)80%, transparent)
    }
}

.dt-input::file-selector-button {
    height: 100%
}

.dt-input[type=file] {
    padding-block: calc(var(--spacing)*0)
}

.dt-input::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0
}

.dt-input::file-selector-button {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px
}

.dt-input::file-selector-button {
    --tw-border-style: solid;
    border-style: solid
}

.dt-input::file-selector-button {
    border-color: var(--color-default-300)
}

.dt-input::file-selector-button {
    background-color: #0000
}

.dt-input::file-selector-button {
    padding: calc(var(--spacing)*0)
}

.dt-input::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.dt-input::file-selector-button {
    color: var(--color-default-800)
}

.dt-input::file-selector-button {
    font-style: normal
}

.dt-input[aria-invalid=true] {
    border-color: #f7577e99
}

@supports (color:color-mix(in lab, red, red)) {
    .dt-input[aria-invalid=true] {
        border-color: color-mix(in oklab, var(--color-danger)60%, transparent)
    }
}

.dt-input[aria-invalid=true] {
    --tw-ring-color: #f7577e1a
}

@supports (color:color-mix(in lab, red, red)) {
    .dt-input[aria-invalid=true] {
        --tw-ring-color: color-mix(in oklab, var(--color-danger)10%, transparent)
    }
}

.dt-input {
    transition-property: color, box-shadow
}

select.dt-input {
    width: calc(var(--spacing)*18) !important;
    padding-inline: calc(var(--spacing)*3) !important
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline-style: var(--tw-outline-style);
    outline-width: 0
}

div.dt-paging nav {
    align-items: center !important;
    display: flex !important
}

div.dt-paging nav .dt-paging-button {
    margin-inline: calc(var(--spacing)*1) !important;
    width: calc(var(--spacing)*8.5) !important;
    height: calc(var(--spacing)*8.5) !important;
    border-radius: var(--radius) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-default-300) !important;
    background-color: var(--color-card) !important;
    padding: calc(var(--spacing)*0) !important;
    color: var(--color-default-600) !important;
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important
}

div.dt-paging nav .dt-paging-button svg {
    width: calc(var(--spacing)*3.5) !important;
    height: calc(var(--spacing)*3.5) !important;
    color: var(--color-body-color) !important
}

div.dt-paging nav .dt-paging-button.current {
    color: #0d6efd;
    position: relative;
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    color: #fff !important
}

div.dt-paging nav .dt-paging-button.current[aria-current=page] {
    color: #fff !important
}

div.dt-paging nav .dt-paging-button:hover {
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    fill: var(--color-white) !important;
    color: #fff !important
}

div.dt-paging nav .dt-paging-button.disabled {
    pointer-events: none
}

div.dt-container .dt-paging .dt-paging-button:hover,
div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    --tw-gradient-position: to bottom !important
}

@supports (background-image:linear-gradient(in lab, red, red)) {

    div.dt-container .dt-paging .dt-paging-button:hover,
    div.dt-container .dt-paging .dt-paging-button.current,
    div.dt-container .dt-paging .dt-paging-button.current:hover {
        --tw-gradient-position: to bottom in oklab !important
    }
}

div.dt-container .dt-paging .dt-paging-button:hover,
div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-to: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
    color: var(--color-white) !important
}

div.dt-container .dt-search input {
    margin-inline-start: calc(var(--spacing)*2)
}

@media screen and (max-width:767px) {
    .dt-container .dt-layout-start>:not(:last-child) {
        margin-inline-end: 0
    }

    .dt-container .dt-layout-end>:not(:first-child) {
        margin-inline-start: 0
    }
}

.dt-scroll-head table.dataTable {
    margin-bottom: 0 !important
}

.dt-scroll-head table.table-bordered {
    border-bottom-width: 0
}

.dt-scroll-body>table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.dt-scroll-body>table>thead>tr {
    border-width: 0 !important
}

.dt-scroll-body>table>tbody>tr:first-child {
    border-top-width: 0
}

.dt-scroll-foot>.dt-scroll-footInner {
    box-sizing: content-box
}

.dt-scroll-foot>.dt-scroll-footInner>table {
    border-top: none;
    margin-top: 0 !important
}

.dt-scroll-foot>.dt-scroll-footInner>table>tfoot>tr:first-child {
    border-top-width: 0 !important
}

@media screen and (max-width:767px) {

    .dt-container div.dt-length,
    .dt-container div.dt-search,
    .dt-container div.dt-info,
    .dt-container div.dt-paging {
        text-align: center
    }

    .dt-container div.dt-paging ul.pagination {
        justify-content: center !important
    }
}

.table-responsive>.dt-container>.row {
    margin: 0
}

.table-responsive>.dt-container>.row>div[class^=col-]:first-child {
    padding-inline-start: 0
}

.table-responsive>.dt-container>.row>div[class^=col-]:last-child {
    padding-inline-end: 0
}

.select-info {
    background-color: #f9bf591a
}

@supports (color:color-mix(in lab, red, red)) {
    .select-info {
        background-color: color-mix(in oklab, var(--color-warning)10%, transparent)
    }
}

.select-info {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-radius: 3px;
    padding: 3px 6px
}

.select-info .select-item {
    margin: 0 !important
}

div.dt-button-info {
    background-color: var(--color-primary);
    color: #fff;
    box-shadow: none;
    text-align: center;
    z-index: 21;
    border: none;
    border-radius: 3px
}

div.dt-button-info h2 {
    background-color: rgba(white, .2);
    color: #fff;
    border-bottom: none
}

.dtfh-floatingparent-head {
    top: var(--topbar-height) !important
}

table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
    background-color: var(--color-body-bg)
}

@media screen and (max-width:767px) {

    div.dt-container div.dt-length,
    div.dt-container div.dt-search,
    div.dt-container div.dt-info,
    div.dt-container div.dt-paging {
        text-align: center
    }

    .dt-paging .pagination {
        justify-content: center
    }

    .dt-length {
        margin-bottom: 10px
    }
}

:is(table.dataTable thead, table.dataTable tfoot) tr>.dtfc-fixed-start,
:is(table.dataTable thead, table.dataTable tfoot) tr>.dtfc-fixed-end,
table.dataTable tbody tr>.dtfc-fixed-start,
table.dataTable tbody tr>.dtfc-fixed-end {
    background-color: var(--color-card)
}

.dtfc-top-blocker,
.dtfc-bottom-blocker {
    background-color: var(--color-body-bg)
}

.dt-scroll-body {
    border-left-color: var(--color-body-color) !important
}

:is(.dt-scroll-headInner, .dt-scroll-footInner) table.table-bordered tr th:first-child {
    border-left-color: var(--color-default-300) !important
}

.column-search-input-bar .dt-column-order {
    display: none
}

div.dt-button-collection {
    top: calc(var(--spacing)*0) !important;
    width: calc(var(--spacing)*28) !important;
    border-radius: var(--radius) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-default-300) !important;
    background-color: var(--color-card) !important;
    padding: calc(var(--spacing)*1) !important;
    --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    box-shadow: var(--shadow-sm) !important;
    flex-direction: column !important;
    display: flex !important;
    position: absolute !important
}

div.dt-button-collection .dt-button {
    border-radius: var(--radius);
    width: 100%;
    padding-inline: calc(var(--spacing)*3);
    padding-block: calc(var(--spacing)*1);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-default-800)
}

@media(hover:hover) {
    div.dt-button-collection .dt-button:hover {
        background-color: var(--color-default-100)
    }
}

.dt-control:before {
    display: none !important
}

table.dataTable>tbody>tr>th,
table.dataTable>tbody>tr>td {
    padding: 12px 10px
}

table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer,
table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer {
    flex-direction: row !important
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: start
}

table.dataTable input.dt-select-checkbox:checked:after,
table.dataTable input.dt-select-checkbox:indeterminate:after {
    display: none !important
}

table.dataTable input.dt-select-checkbox {
    width: calc(var(--spacing)*4.25);
    height: calc(var(--spacing)*4.25);
    border-radius: var(--radius);
    border-color: var(--color-default-300) !important;
    background-color: var(--color-card) !important
}

table.dataTable input.dt-select-checkbox:checked {
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    color: var(--color-primary) !important
}

table.dataTable input.dt-select-checkbox {
    appearance: none;
    border-style: var(--tw-border-style);
    --tw-ring-offset-color: var(--color-white);
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: currentColor;
    flex-shrink: 0
}

table.dataTable input.dt-select-checkbox:focus-visible {
    --tw-outline-style: none;
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: inherit;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    outline-style: none
}

table.dataTable input.dt-select-checkbox:disabled {
    cursor: not-allowed;
    opacity: .9
}

table.dataTable input.dt-select-checkbox[aria-invalid=true] {
    border-color: #f7577e99
}

@supports (color:color-mix(in lab, red, red)) {
    table.dataTable input.dt-select-checkbox[aria-invalid=true] {
        border-color: color-mix(in oklab, var(--color-danger)60%, transparent)
    }
}

table.dataTable input.dt-select-checkbox[aria-invalid=true] {
    --tw-ring-color: #f7577e1a
}

@supports (color:color-mix(in lab, red, red)) {
    table.dataTable input.dt-select-checkbox[aria-invalid=true] {
        --tw-ring-color: color-mix(in oklab, var(--color-danger)10%, transparent)
    }
}

table.dataTable input.dt-select-checkbox {
    cursor: pointer
}

table.dataTable input.dt-select-checkbox:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
}

table.dataTable input.dt-select-checkbox:checked {
    background-color: currentColor;
    border-color: #0000
}

table.dataTable input.dt-select-checkbox[type=checkbox]:indeterminate {
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important
}

.daterangepicker {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    font-family: var(--font-body);
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow)
}

.daterangepicker .calendar-table {
    border: 1px solid var(--color-card);
    background-color: var(--color-card)
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    color: var(--color-body-color);
    text-transform: uppercase
}

:is(.daterangepicker .calendar-table .next, .daterangepicker .calendar-table .prev) span {
    border-color: var(--color-body-color)
}

.daterangepicker .ranges li:hover {
    background-color: var(--color-default-100)
}

.daterangepicker .ranges li.active {
    background-color: var(--color-primary)
}

.daterangepicker td.in-range {
    background: var(--color-default-300);
    color: var(--color-body-color)
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: var(--color-card);
    color: var(--color-body-color);
    opacity: .5
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: var(--color-primary);
    color: #fff
}

:is(.daterangepicker td.available:hover, .daterangepicker th.available:hover, .daterangepicker td.active, .daterangepicker td.active:hover) span {
    border-color: #fff
}

.daterangepicker:after {
    border-bottom: 6px solid var(--color-card)
}

.daterangepicker:before {
    border-bottom: 7px solid var(--color-default-300)
}

.daterangepicker .drp-buttons {
    border-top: 1px solid var(--color-default-300)
}

.daterangepicker .drp-buttons .btn {
    font-weight: 500
}

.daterangepicker .monthselect,
.daterangepicker .yearselect {
    border: 1px solid var(--color-default-300);
    border-radius: 4px;
    padding: 2px 8px
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    background: var(--color-default-100);
    border: 1px solid var(--color-default-300);
    color: var(--color-body-color);
    border-radius: 4px;
    width: auto;
    padding: 3px 10px
}

.daterangepicker.show-ranges .drp-calendar.left {
    border-inline-start-style: var(--tw-border-style) !important;
    border-inline-start-width: 1px !important;
    border-inline-start-color: var(--color-default-200) !important
}

.dropzone-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e45634' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 6l-12 12'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 16px;
    height: 16px
}

.filepond--root {
    margin-bottom: 0
}

.filepond--panel-root {
    border-bottom: 2px dashed var(--color-default-300);
    background: var(--color-card)
}

.filepond--drop-label {
    color: var(--color-body-color)
}

.filepond--drop-label .filepond--label-action {
    font-weight: 500
}

.filepond--credits {
    display: none
}

.filepond--item-panel {
    background-color: var(--color-primary) !important
}

.filepond-uploader.two-grid .filepond--item {
    width: calc(50% - .5em)
}

.filepond-uploader.three-grid .filepond--item {
    width: calc(33.3% - .5em)
}

.filepond--root {
    border: 2px dashed var(--color-default-300);
    border-bottom: 0;
    border-radius: .5em;
    min-height: 70px
}

.jvm-tooltip {
    font-family: var(--font-body);
    font-size: var(--text-body);
    background-color: #223058;
    padding: 4px 10px
}

.jvm-container text.jvm-marker {
    fill: var(--color-body-color);
    font-family: var(--font-body)
}

.jvm-zoom-btn {
    text-align: center;
    background-color: #2b2c34;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 20px
}

.jvm-zoom-btn.jvm-zoomin {
    top: 6px
}

.noUi-target {
    box-shadow: none;
    background-color: var(--color-default-300);
    border: none
}

.noUi-handle {
    background: var(--color-card);
    border: 1px solid var(--color-default-300);
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow)
}

.noUi-connect {
    background: var(--color-primary)
}

.noUi-horizontal {
    height: 8px
}

.noUi-horizontal .noUi-handle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: -7px;
    inset-inline-end: -10px !important
}

.noUi-horizontal .noUi-handle:before,
.noUi-horizontal .noUi-handle:after {
    display: none
}

.noUi-horizontal .noUi-handle:focus {
    outline: 0
}

[data-theme=dark] .noUi-horizontal .noUi-handle {
    background: var(--color-primary)
}

[data-slider-style=line].noUi-horizontal .noUi-handle {
    background: var(--color-primary);
    width: 8px;
    box-shadow: none;
    border-radius: 4px;
    inset-inline-end: -8px !important
}

.noUi-vertical {
    width: 8px
}

.noUi-vertical .noUi-handle {
    inset-inline-end: -6px;
    top: -6px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    inset-inline-start: auto
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    display: none
}

.noUi-vertical .noUi-handle:focus {
    outline: 0
}

.noUi-vertical .noUi-origin {
    top: 0
}

[data-theme=dark] .noUi-vertical .noUi-handle {
    background: var(--color-primary)
}

.noUi-tooltip {
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    color: var(--color-body-color);
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: 600
}

.noUi-marker {
    background: var(--color-default-300)
}

.noUi-value-horizontal {
    color: var(--color-secondary-color);
    padding-top: 4px
}

[data-slider-size=sm].noUi-horizontal {
    height: 4px
}

[data-slider-size=sm].noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px
}

[data-slider-size=sm][data-slider-style=line].noUi-horizontal .noUi-handle {
    border-radius: 4px;
    width: 6px;
    top: -6px !important;
    inset-inline-end: -6px !important
}

[data-slider-size=lg].noUi-horizontal {
    height: 12px
}

[data-slider-size=lg].noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px
}

[data-slider-size=lg][data-slider-style=line].noUi-horizontal .noUi-handle {
    border-radius: 4px;
    width: 10px;
    inset-inline-end: -10px !important
}

[data-slider-color=primary] .noUi-connect,
[data-theme=dark] [data-slider-color=primary] .noUi-handle,
[data-slider-color=primary][data-slider-style=line].noUi-horizontal .noUi-handle {
    background: var(--color-primary)
}

[data-slider-color=secondary] .noUi-connect,
[data-theme=dark] [data-slider-color=secondary] .noUi-handle,
[data-slider-color=secondary][data-slider-style=line].noUi-horizontal .noUi-handle {
    background: var(--color-secondary)
}

[data-slider-color=warning] .noUi-connect,
[data-theme=dark] [data-slider-color=warning] .noUi-handle,
[data-slider-color=warning][data-slider-style=line].noUi-horizontal .noUi-handle {
    background: var(--color-warning)
}

[data-slider-color=success] .noUi-connect,
[data-theme=dark] [data-slider-color=success] .noUi-handle,
[data-slider-color=success][data-slider-style=line].noUi-horizontal .noUi-handle {
    background: var(--color-success)
}

[data-slider-color=danger] .noUi-connect,
[data-theme=dark] [data-slider-color=danger] .noUi-handle,
[data-slider-color=danger][data-slider-style=line].noUi-horizontal .noUi-handle {
    background: var(--color-danger)
}

.password-bar {
    gap: 12px;
    display: flex
}

.password-bar .strong-bar {
    background: var(--color-light);
    border-radius: 10px;
    flex: 1;
    height: 6px;
    transition: background .3s
}

.password-bar .strong-bar.bar-active-1 {
    background-color: var(--color-danger)
}

.password-bar .strong-bar.bar-active-2 {
    background-color: var(--color-warning)
}

.password-bar .strong-bar.bar-active-3 {
    background-color: var(--color-primary)
}

.password-bar .strong-bar.bar-active-4 {
    background-color: var(--color-success)
}

.password-box p {
    padding-inline-start: 12px
}

.password-box p.valid {
    color: var(--color-success)
}

.password-box p.valid:before {
    content: "✔️";
    position: relative;
    inset-inline-start: -8px
}

.password-box p.invalid {
    color: var(--color-danger)
}

.password-box p.invalid:before {
    content: "✖";
    position: relative;
    inset-inline-start: -8px
}

.ql-editor {
    text-align: start;
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose)
}

.ql-editor ol,
.ql-editor ul {
    padding-inline-start: 1.5em;
    padding-inline-end: calc(var(--spacing)*0)
}

.ql-editor li:not(.ql-direction-rtl):before {
    text-align: end;
    margin-inline: -1.5em .3em
}

.ql-editor li {
    padding-inline-start: 1.5em !important
}

.ql-editor .ql-ui:before {
    text-align: end;
    white-space: nowrap;
    width: 1.2em;
    margin-inline: -1.5em .3em;
    display: inline-block
}

.ql-container {
    font-family: var(--font-body)
}

.ql-container.ql-snow {
    border-color: var(--color-default-300);
    border-radius: 0 0 4px 4px;
    min-block-size: 12rem
}

.ql-toolbar {
    font-family: var(--font-body) !important
}

.ql-toolbar span,
.ql-toolbar button {
    color: var(--color-body-color);
    outline: none !important
}

:is(.ql-toolbar span, .ql-toolbar button):hover {
    color: var(--color-primary) !important
}

.ql-toolbar.ql-snow {
    border-color: var(--color-default-300);
    border-radius: 4px 4px 0 0;
    flex-wrap: wrap;
    row-gap: 8px;
    display: flex
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: #0000
}

.ql-toolbar.ql-snow .ql-picker-options {
    border-radius: var(--radius);
    --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow-sm)
}

.ql-toolbar.ql-snow .ql-formats {
    border: 1px solid var(--color-default-300);
    border-radius: 3px;
    margin-inline-end: 10px
}

:is(.ql-toolbar.ql-snow .ql-formats button, .ql-toolbar.ql-snow .ql-formats span) i {
    color: var(--color-body-color);
    line-height: 18px
}

:is(.ql-toolbar.ql-snow .ql-formats button, .ql-toolbar.ql-snow .ql-formats span):hover i {
    color: var(--color-primary)
}

.ql-toolbar .ql-picker-label,
.ql-toolbar button {
    display: flex
}

:is(.ql-toolbar .ql-picker-label, .ql-toolbar button) svg {
    width: 16px;
    height: 16px
}

:is(.ql-toolbar .ql-picker-label, .ql-toolbar button) svg:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    right: auto;
    left: calc(var(--spacing)*0)
}

.ql-snow a {
    color: var(--color-primary)
}

.ql-snow .ql-picker {
    font-size: 14px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: var(--color-body-color) !important
}

.ql-snow .ql-picker-options {
    background-color: var(--color-card);
    border-color: var(--color-default-300) !important
}

.ql-snow .ql-tooltip {
    background-color: var(--color-card);
    border-color: var(--color-default-300);
    color: var(--color-body-color);
    --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow-sm);
    padding: 8px 16px
}

.ql-snow .ql-tooltip input[type=text] {
    border-radius: 4px;
    border: 1px solid var(--color-default-300) !important
}

.ql-snow .ql-tooltip input[type=text]:focus,
.ql-snow .ql-tooltip input[type=text]:focus-visible {
    border: 1px solid var(--color-default-300) !important
}

.ql-bubble {
    border: 1px solid var(--color-default-300);
    border-radius: 4px
}

.ql-bubble .ql-tooltip-editor input::placeholder {
    color: var(--color-default-400)
}

.ql-tooltip .ql-toolbar button {
    color: #fff !important
}

.ql-tooltip .ql-toolbar button:hover {
    color: var(--color-primary) !important
}

.select2-container {
    width: 100% !important
}

.select2-container .select2-selection--single {
    height: calc(var(--spacing)*9.25);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    outline: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--color-body-color);
    padding-inline-start: 12px;
    line-height: 36px
}

.select2-container .select2-selection--single .select2-selection__arrow {
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    display: flex;
    inset-inline-end: 3px
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%239ba6b7'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
    border: 0;
    width: 20px;
    height: 20px;
    margin: -10px;
    transition: transform .2s ease-in-out
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(-180deg)
}

.select2-results__option {
    padding: 6px 12px
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-dropdown {
    z-index: 100;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow)
}

.select2-results__options::-webkit-scrollbar {
    -webkit-appearance: none
}

.select2-results__options::-webkit-scrollbar:vertical {
    width: 5px;
    margin-inline-end: 5px
}

.select2-results__options::-webkit-scrollbar:horizontal {
    height: 5px
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #313a4633
}

@supports (color:color-mix(in lab, red, red)) {
    .select2-results__options::-webkit-scrollbar-thumb {
        background-color: color-mix(in oklab, var(--color-dark)20%, transparent)
    }
}

.select2-results__options::-webkit-scrollbar-thumb {
    border: none;
    border-radius: 10px;
    margin-inline-end: 5px
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: #0000;
    border-radius: 10px
}

.select2-results__options::-webkit-scrollbar-corner {
    background-color: #0000
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--color-default-100)
}

.select2-container--default .select2-search--dropdown {
    background-color: var(--color-card);
    padding: 10px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    color: var(--color-body-color);
    outline: none
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    border-color: var(--color-default-500);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-primary)
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--color-card);
    color: var(--color-body-color)
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-inline: 36px 5px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    inset-inline: auto 1px
}

.select2-container .select2-selection--multiple {
    height: calc(var(--spacing)*9.25);
    background-color: var(--color-card);
    display: flex;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-default-300) !important
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 0;
    padding: 1px 4px
}

.select2-container .select2-selection--multiple .select2-search__field {
    color: var(--color-body-color);
    border: 0
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--color-primary);
    color: #fff;
    border: none;
    border-radius: 3px;
    margin-top: 6px;
    padding: 0 7px 0 0
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    border-color: #236dc9b3;
    margin-inline-end: 7px
}

@supports (color:color-mix(in lab, red, red)) {
    .select2-container .select2-selection--multiple .select2-selection__choice__remove {
        border-color: color-mix(in oklab, var(--color-primary)70%, transparent)
    }
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0 8px
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
    background-color: var(--color-primary)
}

.select2-container .select2-search--inline .select2-search__field {
    font-family: var(--font-body);
    margin-top: 7px
}

.select2-container .select2-search textarea::placeholder {
    color: var(--color-default-400)
}

[dir=rtl] .select2-container--open .select2-dropdown {
    inset-inline: auto 0
}

[data-theme=dark] .select2-container .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%238391a2'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E")
}

.nested-sortable .nested-sortable,
.nested-sortable-handle .nested-sortable-handle {
    margin-top: 10px
}

.sort-handle {
    cursor: move;
    margin-inline-end: 10px;
    font-size: 16px
}

.sort-handle:hover {
    color: var(--color-primary)
}

.sortable-item-ghost {
    background-color: var(--color-default-100);
    border-radius: 4px
}

.note-toolbar {
    gap: 5px !important
}

.note-editor {
    margin-bottom: 0
}

.note-editor.note-airframe,
.note-editor.note-frame {
    color: var(--color-body-color);
    border-color: var(--color-default-300) !important
}

.note-editor.note-airframe .note-statusbar,
.note-editor.note-frame .note-statusbar {
    background: var(--color-default-100);
    border-top-color: var(--color-default-300)
}

.note-btn-group .note-btn {
    z-index: 10;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    column-gap: calc(var(--spacing)*2);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    background-color: var(--color-default-200);
    padding-inline: calc(var(--spacing)*3.5);
    padding-block: calc(var(--spacing)*1.5);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-default-800);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border: 0;
    padding: .28rem .5rem;
    display: inline-flex;
    position: relative
}

.note-toolbar {
    background-color: var(--color-card);
    border-color: var(--color-default-300) !important
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
    border-color: var(--color-default-300)
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
    border-bottom: 0
}

.note-editor .note-toolbar .note-para .note-dropdown-menu,
.note-popover .popover-content .note-para .note-dropdown-menu {
    min-width: 235px
}

.note-modal .modal-dialog {
    box-shadow: none
}

.note-modal .modal-body {
    overflow-x: hidden !important
}

.help-list-item {
    margin: 12px 0
}

.note-form-group {
    margin-bottom: 10px
}

.note-form-group .note-form-label {
    margin-bottom: 5px;
    font-weight: 500
}

.swal2-container .swal2-title {
    color: var(--color-body-color);
    font-size: 20px;
    font-weight: 500
}

.swal2-popup {
    background-color: var(--color-card);
    width: 28em;
    color: var(--color-body-color);
    border-radius: var(--radius);
    padding: 2rem
}

.swal2-popup .swal2-html-container {
    color: var(--color-body-color);
    font-size: 16px !important
}

.swal2-footer {
    border-top: 1px solid var(--color-border-color);
    color: var(--color-body-color)
}

.swal2-icon.swal2-question {
    border-color: var(--color-info);
    color: var(--color-info)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: var(--color-success)
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--color-success)
}

.swal2-icon.swal2-warning {
    border-color: var(--color-warning);
    color: var(--color-warning)
}

div:where(.swal2-icon) {
    width: 4em;
    height: 4em;
    margin: .5rem auto
}

div:where(.swal2-icon) .swal2-icon-content {
    font-size: 3em
}

div:where(.swal2-icon).swal2-info {
    border-color: var(--color-info);
    color: var(--color-info)
}

.swal2-styled:focus {
    box-shadow: none
}

.swal2-loader {
    border-color: var(--color-primary)transparent var(--color-primary)transparent
}

.swal2-timer-progress-bar {
    background-color: #02bc9c4d
}

@supports (color:color-mix(in lab, red, red)) {
    .swal2-timer-progress-bar {
        background-color: color-mix(in oklab, var(--color-success)30%, transparent)
    }
}

.swal2-progress-steps .swal2-progress-step,
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: var(--color-primary)
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background-color: #236dc94d
}

@supports (color:color-mix(in lab, red, red)) {

    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,
    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
        background-color: color-mix(in oklab, var(--color-primary)30%, transparent)
    }
}

.swal2-progress-steps .swal2-progress-step-line {
    background: var(--color-primary)
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    border-left-color: var(--color-primary) !important;
    border-right-color: var(--color-primary) !important
}

.swal2-file,
.swal2-input,
.swal2-textarea {
    border: 1px solid var(--color-default-300)
}

:is(.swal2-file, .swal2-input, .swal2-textarea):focus {
    box-shadow: none;
    border-color: var(--color-default-400)
}

.swal2-input {
    height: auto;
    font-weight: 400;
    font-family: var(--font-body);
    color: var(--color-body-color);
    background-color: var(--color-card);
    background-clip: padding-box;
    padding: 8px 12px;
    display: block;
    box-shadow: none !important;
    border: 1px solid var(--color-default-300) !important;
    border-radius: 5px !important
}

.swal2-close {
    font-family: var(--font-body);
    top: 5px;
    width: 1em;
    height: 1em;
    font-size: 42px;
    position: absolute;
    inset-inline-end: 5px
}

.swal2-close:focus {
    box-shadow: none
}

.swal2-close:hover {
    color: var(--color-danger)
}

.swal2-validation-message {
    background-color: #0000
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    width: 1.9375em;
    top: 1.95em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
    width: 1em;
    top: 2.4em
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 1.85em;
    width: 2.25em;
    inset-inline-end: .5em
}

.swal2-backdrop-show {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: var(--color-emphasis-color)
}

.tg-backdrop {
    z-index: 1001
}

.tg-dialog {
    color: var(--color-body-color);
    background-color: var(--color-card) !important
}

.tg-dialog .tg-arrow {
    background-color: var(--color-card) !important
}

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

.tg-dialog-close-btn {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #f9bf59bf !important;
    width: 20px !important;
    height: 20px !important
}

@supports (color:color-mix(in lab, red, red)) {
    .tg-dialog-close-btn {
        background-color: color-mix(in oklab, var(--color-warning)75%, transparent) !important
    }
}

.jstree-wholerow {
    background-color: var(--color-card)
}

.jstree-default {
    height: auto;
    padding: 2px 6px
}

.jstree-default .jstree-clicked,
.jstree-default .jstree-hovered {
    box-shadow: none;
    background: var(--color-default-100)
}

.jstree-default .jstree-clicked {
    background-color: #236dc926
}

@supports (color:color-mix(in lab, red, red)) {
    .jstree-default .jstree-clicked {
        background-color: color-mix(in oklab, var(--color-primary)15%, transparent)
    }
}

.jstree-default .jstree-clicked {
    color: var(--color-primary)
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-icon,
.jstree-default .jstree-icon:empty {
    border-radius: 4px;
    height: 22px;
    line-height: 22px
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABgCAYAAABsS6soAAANvklEQVR4Ae3dX2wcRx0H8N/snf+kDomTSKWliFwEQogK1UVISBUSvjgNqkA0QSDVTqvYSAilQrXvAVVIoDhCPPB0diSoEA92VGLTB2j7gCKaXC6VeKV2oSAoan0piLZAGqeJY9/+G36ze+dejBPs292Ztff7kTa3d754785335v5ze4OEbRtcqYiyaCsbx+yDe8/AAAwozx7rkAGZX37AFFZBG2zZOcCGZT17UO2xdEFRgBGwK9+jQzK+vYBAAAA9CvPnu8ng7K+fci2OGrQ6AJHYEmrSgZlffuQbXHUoPMEbZMkL5FBWd8+6FX91ffGdu++51GyuN3k+xRctmrexpfXrv7rxeI3fjRBCYqjBi0IIOXaHe0bHRrYFu/vtDz/Vy5MVO///Nf7hRBS8iO6ce1d4Tp1CqJIPUIhgkDhL0Z6408X5x/6yvcfpJRDCzCC8mxluDQ4ME2aTZ6tjI8eGxg3tf2m1u2XZ6sF/ubvLx0z93iS1E4IbZcAbvI59cLAI3Htylu0vLRIO3vv4dCzWppSklQMfvij9/f9ZupbfV8e+fk8JUTVAEuDj9Qogk0HYPlsZdgSlhwdKp6hFFEfwNJgsUYaWZKm+GKadBN0kkNQvddOGtl+Q/P5q9fekrLKn4NpStBGAyWpQ6Q2E2hJPAbTz19Klzx3RTXwhOfadNfOfbRrz71h628Nz3VI5Gg3JahRA4z0JdNmC9CfnpypUlpCULWI1PcTr54ijbgfME2mcAjyG2+RDFLPfzX8SBYoAzYSLtut5dckPY9ce4V7wLzq2kJYOb6+vM49BQdgnZIWRw0wwihwEILHybAg/ETQEtJu7NihETJJUG8Y/mZIK3cqS+GXZuWz1b7JsxfnKEFhF3iZHGdZeJ5NPoecuu46K2uWZfK85ANwbGjgAEUUcTcYsyFoMvyC7c9WjG17VdgdHifNstbySzMVfpaQz/vkJvqFLH03aNl5XAf0uQscroeBp1qCwaLCL1gcSlpK9gM0E4Kmwy8gaXxy5kLw3CdnL1ab3SMVDmp9YrYyFf6sclJdPz1z8YvB9ZlKvMfQqhCcuXhV1/ZvG378eujYfpap1zYYcGo4HdTkOfyke7R07HBiAw6KlF7QwlOh53ML0HNscuzl4HoQhG4Ygo7N1/nnSUvRfoD+dHnq3MulkWgjMhuVivCjW2s9o4MHi831xmBMy88GVG3yVMv/i9x0v4WU8779frE0cnQx6e3fseUnwgDU/vyzRHp9Flll/jsUczzqLgWVOfyKSYef0uwCBw+D1217ibqcnSQaf+rW4qgKxKQZrgG28OVw1sLPsNrqWhB+11fDL0no9ppXGjr0AgdRUHsNw8/TEn7nZ8bGduz4UB/X/aQKt46ODnnz+hWyV26ommCweE5LF1hDCzCOGmD0FiCH3+jjh7SMBiP81tAYfkqjZYfWm2FqX8vyzIVFqjvzuhoe3d3dj/bs7O3lUeBgR2c1FJzv6CAVgt09uxptQBG0DNUVz0l+EEQdi14afPgSRRAtADWGX1j3CHZ1GV/v577rv0zZUvNt56iu8IN0US1B0sjjjx4PeqhDPhqlDRHsC6j6oV4Qig38U6Fu01IDDI5F17wfoOXXSFpaw09ptD607ueXXrLm150RXd/+ACRdNQCimnjhUW+8+J6jhob59lzLHcOD4fTsBxj9WPT2WoCaww9u5devZ7Lll4ZJcEzu5Gzy+dtOfdGp3yRhqacvgs4uh5yQVn5NAIbHAqvdZJI2NnSoSBFtOgCj9rkhOnR7zcjyLGQd9fzIe++9S3kr19u8jQdg+F9R6Nm5q/DBPcM64M2la/N1r+dVSlAcNUCcDQYA2ladGutdztUfWHt73et69ejIRKJf1OoLabsedggAcEcTMxeqBAAAAAAZEsecNJgTBAC2pDjmpEEAAsCWhDlpAAAAALJGzUlDEaELDABbUmNOmmi/gwAiCE52moYzY0PmGJ2TB0ImAwDhAwBgUHmq2qsWAtAMNcAUMBkAaQgfq9sfVQsBaBZHDTCmOUGyq+XDr/1chSa3vUpInJkGjIijBogAjMpkAKQgfEYfOzRJAAYYn5cbYO00jQC6oAaYAiYDIA3hY5F/XC0EoBn2A0wBkwGQhvDxfe+yWghAM9QAU8Dkhz8NwVM6dniaEvbT18+1dSr6Jz/5SGxnC27nMcS1/XZPxb/dz5YcRw0QARiRjgBI47YnZ6rHfUEvk0+94WMpJj45t2mbCbR2Qxs2Th0EMDo4EGkPiNgC8PRZLkgKsfDU0MHE5+dVE6SPHhsYpxQon632qUsTAdC6be2vifALlhTjwpKX+JNe41sSf/4bDaAkw2cjvzvOlifcgQzmCDcfgKdnKmP8rijzX72fdBB0kj/wlIYQtCz/0caq9gBsbptfiyPqNaHbTBqfHFmQkoa5GDNGsO0d/NqJhZ2FTxXUejj7b3NWNRFMhWlf/Tddf+O1YSHE2Er95gP1+opYsZfJtldql//2hwMUNxH9/R45AFXLg18I/cejpiQEfddNdOq//7dtK9dxkoTsI5OENcaj0S82Jq8HE6Sc98kfsURujhLSfd8nCvd99QR39MKpL5uXilp//40/0nt/faWQ7+jsPXy4X3R15+nG0g167rlf76cERO3+KpFGgVX4NVoeZoQhOE4GlZ740gtqIQMsK8/BZzj8ApK7w7KK/QENUeFnO0ctykfeLeROHMflhbhFJ2+5VEu97pPj+uQ2JkT/59vv0MKbb1Ft4e8ybCvGL44TgbQdgMbDr8lwCJafPd+vFtIs7tc/OLPMzIXj4frFanPkUYWaWp+YrUx9cL8Kf/HL/lt/A0JQk1pjCXADbDoIv86u55PuCdiOK23bD4IvvAwXx5HhElx3g/t+5N57qLd3N/Xu2c1tQ5FMTVQa6gIHxXfhp+c0TDF0h4NvEylro0OHzqgA4PV+tRuB+kBb0l+QgqbHBgdGwvvROP9R+9WAj5Wzpnj70/wrLlGbNrttTibV4jxCMWrtTowOHiw21xvdWrHmfqcaj6X/1t+iQpBUCBbRHU4G/yHmvbpdsro6qxx+l6RtlTj8qjrKIK7rChV+KnnCSAsrgc3usO1wC9C3+VZBL710STZqgFIm1AI0VgNUo47lsxWuN1CiTe5NiRiCmw2A1etDA5GLu5vdtjoDjOiShXR0f9dCCCaJo+RIrrNzkUOQ3yfdi1anrOqqAa9cX5Q3//O2WK3/NW5vvkHrN94PusCNwGsZJ0mmARhHDbDtQZDSsYHp8i/O91qWVaa0SNHocJJKI8VFDsGi1UXVlhCskUZrvwhAH+4RDOe6Ontl8LdXX4R6XP1z9ZtXXqvuV3UzK9/Zl8/ljkjyF+v1+sTqnWw6w/8OhyPDFPTRk2J8P8DS4w9PcODsjqMpuhnbfQ/3jbhNCEJGyKAEondf6zf/Mj/96c88NOVLfz+3Avd4nrfALUHR3dndrxp5vutMvl77fe2+/WGn6GDxC+Lcb89TYh/WNOwHyK2tU6rVpTsEoTUEZWK7PsCtsryTM4de780Vu8bdXF5Uvc9Vu2LxZTj4sXfXbtqzZ1ezC0zV6u9UgVAkNgychv0AlZYQBM3CEDzHIdiRnnpsQkwfXpb1w9s46MZd1xn1PA4/z1WDInzpqUvp8ADJDXtl8erVq/OX//F2cHjkiSe/K+r2MiWVf0ZrgGupECxPPY+5IQwojTxS49f+KEFicHgb0Y2lpSrn3ZzjOTzi65Bj2+TxyK/v2bTCrcBr71ynTquz8PEDHwuODPrs5/rofKVClhSJnLj39Gxl6qnBgRECAMiads+S0wrnAwSALcoaJgAAAADIkNONwzOjQBcYALak4FRsESEAAWCLQg0QAAAAIFtQAwSAzEINEAAyDDVAAAAAgGwJzp4eEbrAALA1/c+8NJuHAASALUnNy0MAAAAAkCGoAQJAdqEGCABZhRogAECadM89U7hr7pmFHbwQxE7expUrVxb4okAAGRFHDTC2SZEUFX7cp1YPqkAJTNRtP/GDBTUJgJ+zijumT9Vaf7Y8fLKQ8/yq+nnXsz88QAnpmfvJsEd5ufLgt89QiriuW+CLKodgUQhRI4DtLk01wNbw4xCq8VKkuPk+CW7lWBx0KvCaNzfDj1QLiO+TNIv86e65nx2n9ClQGIIFAtjm4qgBxjLV33rht/LgiRrFbPmxpwu5XL5KQhQkt3JUS1Dd3gw//uDXfM8t7vjlj2uUENUClGQFp+HxyRrW3RJU3d31bl9aWgoWJZ/P1/bt25dYKxhgu4jcAtQVfooKNo8DjlOg1mwJ6gy/tdLUEuzp6aG77747WPbu3VsggG2Oa4CRxxk2HIDNgQ0VeM3bdIZf09oQNBV+TSnuDgNsbzGUejbVAuT+coGXqgo+E+G3qrubH3nLQ1fr6jZDwhD84IsBAJKX84OadyQbDkA/HNSoNUPQVPi1Dnioll9rd7h1YESnsBaoKfwBIPCdxwcuU0QbDkD1AW8NQUpB+Klu79qaoO4QNDEQAgCaa4BKawhq7/bS+qO96w2MkCYIPwCDYqgBbnpH6EbgmdnFwvdJBe/aAQ+1vvzY08VgF5n19xKJjSCrFuyMjfADMCqOGiBs0s65Z/pNjvrKDSIAgO0GAQgQiqMGGOuxwJA8wQgA9O8HCACQFqgBAgAAAGTN5Ewlcq0bXWAAAAAAAAAAAID0iqMGCACQWf8Fha2pRhFl0xYAAAAASUVORK5CYII=)
}

.jstree-default .jstree-last {
    background: 0 0
}

.jstree-default .jstree-themeicon-custom {
    background-color: #0000;
    background-image: none;
    background-position: 0 0
}

.jstree-default .jstree-disabled {
    color: var(--color-default-400)
}

.jstree-wholerow.jstree-wholerow-clicked,
.jstree-wholerow.jstree-wholerow-hovered {
    background: var(--color-default-100)
}

.vakata-context,
.vakata-context ul {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow)
}

:is(.vakata-context, .vakata-context ul) .vakata-context-hover>a {
    background-color: var(--color-default-100);
    box-shadow: none !important
}

:is(.vakata-context, .vakata-context ul) .vakata-context-separator,
:is(.vakata-context, .vakata-context ul) .vakata-contextmenu-sep,
:is(.vakata-context, .vakata-context ul) li>a>i:empty {
    display: none !important
}

:is(.vakata-context, .vakata-context ul) li>a {
    text-shadow: none;
    color: var(--color-default-600)
}

:is(.vakata-context, .vakata-context ul) li>a:hover {
    background-color: var(--color-default-100);
    color: var(--color-default-700)
}

:is(.vakata-context, .vakata-context ul) ul {
    margin-inline-start: 0
}

.treeview-folder-filled {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23f8ac59'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 16px !important
}

.treeview-folder-open {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f8ac59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 19l2.757 -7.351a1 1 0 0 1 .936 -.649h12.307a1 1 0 0 1 .986 1.164l-.996 5.211a2 2 0 0 1 -1.964 1.625h-14.026a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 16px !important
}

.treeview-article {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-article'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 4m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z'/%3E%3Cpath d='M7 8h10'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M7 16h10'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 16px !important
}

.treeview-star {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-star'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 14px !important
}

.treeview-file {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'/%3E%3Cpath d='M9 9l1 0'/%3E%3Cpath d='M9 13l6 0'/%3E%3Cpath d='M9 17l6 0'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 14px !important
}

.treeview-icon-ban {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-ban'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 14px !important
}

.treeview-icon-user {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-user'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'/%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 14px !important
}

.treeview-icon-link {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-link'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 15l6 -6'/%3E%3Cpath d='M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464'/%3E%3Cpath d='M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 14px !important
}

.treeview-icon-database {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-database'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 6m-8 0a8 3 0 1 0 16 0a8 3 0 1 0 -16 0'/%3E%3Cpath d='M4 6v6a8 3 0 0 0 16 0v-6'/%3E%3Cpath d='M4 12v6a8 3 0 0 0 16 0v-6'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 14px !important
}

.treeview-icon-arrow {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-arrow-right'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M13 18l6 -6'/%3E%3Cpath d='M13 6l6 6'/%3E%3C/svg%3E") 50%/contain no-repeat !important;
    width: 14px !important
}

.twitter-typeahead {
    display: inherit !important
}

.tt-query,
.tt-hint {
    outline: none
}

.tt-query {
    box-shadow: inset 0 1px 1px #00000013
}

.tt-hint {
    color: var(--color-body-color);
    background-color: var(--color-card) !important
}

.tt-menu {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    width: 100%;
    max-height: 200px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow);
    padding: 8px 0;
    overflow-y: auto
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px
}

.tt-suggestion:hover,
.tt-suggestion.tt-cursor {
    cursor: pointer;
    color: #fff;
    background-color: var(--color-primary)
}

.tt-suggestion p {
    margin: 0
}

.tt-highlight {
    font-family: var(--font-body)
}

.typeahead-empty-message {
    color: var(--color-danger);
    padding: 5px 10px
}

.league-name {
    padding: 3px 20px
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}