.dui-alert {
    --dui-bg: var(--dui-accent);
    --dui-bg-d-2: var(--dui-accent-d-2);
    --dui-text-color: var(--dui-color);
    padding: var(--dui-alert-padding);
    margin: var(--dui-alert-margin);
    border-radius: var(--dui-alert-border-radius);
    border: var(--dui-alert-border);
    color: var(--dui-alert-color);
    background-color: var(--dui-alert-background);
    font: var(--dui-alert-font);
    box-shadow: var(--dui-alert-box-shadow);
    display: flex;
    align-items: center;
}
.dui-alert h4.dui {
    margin-top: var(--dui-spc-0);
    color: inherit;
}

.dui-alert > p.dui,
.dui-alert > ul.dui {
    margin-bottom: var(--dui-spc-0);
}
.dui-alert > p.du + p.dui {
    margin-top: var(--dui-spc-1_5);
}

.dui-alert .dui-close{
    order: 9999;
    margin: 0 2px;
}
.dui-alert-body {
    order: 1;
    flex-grow: 1;
}
.dui-alert-link {
    color: var(--dui-alert-link-color);
    text-decoration: var(--dui-alert-link-decoration);
    font: var(--dui-alert-link-font);
}/* Custom Animate ============================== */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes container-rotate {
    to {
        transform: rotate(360deg);
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg);
    }
    25% {
        transform: rotate(270deg);
    }
    37.5% {
        transform: rotate(405deg);
    }
    50% {
        transform: rotate(540deg);
    }
    62.5% {
        transform: rotate(675deg);
    }
    75% {
        transform: rotate(810deg);
    }
    87.5% {
        transform: rotate(945deg);
    }
    to {
        transform: rotate(1080deg);
    }
}

@keyframes left-spin {
    from {
        transform: rotate(130deg);
    }
    50% {
        transform: rotate(-5deg);
    }
    to {
        transform: rotate(130deg);
    }
}

@keyframes right-spin {
    from {
        transform: rotate(-130deg);
    }
    50% {
        transform: rotate(5deg);
    }
    to {
        transform: rotate(-130deg);
    }
}

@-webkit-keyframes dui-progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@-o-keyframes dui-progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes dui-progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@charset "UTF-8";

/*!
 * domino-ui-animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut,
.animated.collapseUp {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.collapseUp {
    -webkit-animation-name: collapseUp;
    animation-name: collapseUp;
    transform-origin: top;
}

@-webkit-keyframes collapseUp {
    100% { transform: scaleY(0); }
}

@keyframes collapseUp {
    100% {  transform: scaleY(0); }
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(100%) skewX(30deg);
        transform: translateX(100%) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(100%) skewX(30deg);
        transform: translateX(100%) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate3d(0, 0, 1, -120deg);
        transform: translateX(-100%) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate3d(0, 0, 1, -120deg);
        transform: translateX(-100%) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate3d(0, 0, 1, 120deg);
        transform: translateX(100%) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate3d(0, 0, 1, 120deg);
        transform: translateX(100%) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
.dui-layout {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    --dui-left-drawer-width: var(--dui-left-drawer-width-md);
    --dui-right-drawer-width: var(--dui-right-drawer-width-md);
    --dui-drawer-small-screens-width: 90%;
    --dui-header-padding: 0;
    --dui-header-height: 0;
    --dui-footer-height: 0;
    --dui-footer-padding: 0;
    --dui-content-padding: var(--dui-left-drawer-width);
    --dui-left-drawer-padding-top: var(--dui-header-height);
    --dui-left-drawer-padding-bottom: var(--dui-footer-height);
    --dui-right-drawer-padding-top: var(--dui-header-height);
    --dui-right-drawer-padding-bottom: var(--dui-footer-height);
    --dui-layout-z-index-offset: 0;
    --dui-zindex-offset-0:0;
    --dui-zindex-offset-1:100;
    --dui-zindex-offset-2:200;
    --dui-zindex-offset-3:300;
    --dui-zindex-offset-4:400;
    --dui-zindex-offset-5:500;
    --dui-zindex-offset-6:600;
    --dui-zindex-offset-7:700;
    --dui-zindex-offset-8:800;
    --dui-zindex-offset-9:900;
    --dui-left-drawer-z-index: var(--dui-zindex-offset-1);
    --dui-right-drawer-z-index: var(--dui-zindex-offset-3);
    --dui-footer-z-index: var(--dui-zindex-offset-5);
    --dui-header-z-index: var(--dui-zindex-offset-7);
    --dui-layout-shrink-content: 0;
    --dui-layout-shrink-header: 0;
    --dui-layout-shrink-footer: 0;
}

.dui-layout-body {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
}



.dui-layout-has-header {
    --dui-header-height: var(--dui-layout-header-height);
}

.dui-layout-has-footer {
    --dui-footer-height: var(--dui-layout-footer-height);
}

.dui-layout-left-drawer-xsm {
    --dui-left-drawer-width: var(--dui-left-drawer-width-xsm);
}

.dui-layout-left-drawer-sm {
    --dui-left-drawer-width: var(--dui-left-drawer-width-sm);
}

.dui-layout-left-drawer-md {
    --dui-left-drawer-width: var(--dui-left-drawer-width-md);
}

.dui-layout-left-drawer-lg {
    --dui-left-drawer-width: var(--dui-left-drawer-width-lg);
}

.dui-layout-left-drawer-xlg {
    --dui-left-drawer-width: var(--dui-left-drawer-width-xlg);
}

.dui-layout-right-drawer-xsm {
    --dui-right-drawer-width: var(--dui-right-drawer-width-xsm);
}

.dui-layout-right-drawer-sm {
    --dui-right-drawer-width: var(--dui-right-drawer-width-sm);
}

.dui-layout-right-drawer-md {
    --dui-right-drawer-width: var(--dui-right-drawer-width-md);
}

.dui-layout-right-drawer-lg {
    --dui-right-drawer-width: var(--dui-right-drawer-width-lg);
}

.dui-layout-right-drawer-xlg {
    --dui-right-drawer-width: var(--dui-right-drawer-width-xlg);
}

.dui.dui-left-drawer-span-up {
    --dui-header-padding: var(--dui-left-drawer-width);
    --dui-header-z-index: var(--dui-zindex-offset-4);
    --dui-left-drawer-z-index: var(--dui-zindex-offset-5);
    --dui-footer-z-index: var(--dui-zindex-offset-7);
    --dui-left-drawer-padding-top: 0;
}

.dui-layout.dui-left-drawer-span-down {
    --dui-left-drawer-padding-bottom: 0;
    --dui-footer-padding: var(--dui-left-drawer-width);
    --dui-header-z-index: var(--dui-zindex-offset-7);
    --dui-left-drawer-z-index: var(--dui-zindex-offset-5);
    --dui-footer-z-index: var(--dui-zindex-offset-4);
}

.dui.dui-left-drawer-span-up.dui-left-drawer-span-down {
    --dui-header-z-index: var(--dui-zindex-offset-5);
    --dui-left-drawer-z-index: var(--dui-zindex-offset-7);
    --dui-footer-z-index: var(--dui-zindex-offset-4);
}

.dui-layout-header {
    width: 100%;
    order: 10;
    flex-shrink: 0;
    height: var(--dui-header-height);
    position: sticky;
    top: 0;
    background-color: var(--dui-bg-clr, var(--dui-layout-header-background));
    color: var(--dui-text-color, var(--dui-layout-header-color));
    transition: padding-left var(--dui-layout-transitions-duration) ease-in-out;
    z-index: var(--dui-header-z-index);
    /*--dui-element-z-index:var(--dui-header-z-index);*/
    box-shadow: var(--dui-layout-header-box-shadow, var(--dui-box-shadow-2));
}

.dui-layout-header > .dui-nav-bar {
    background-color: var(--dui-layout-nav-bar-bg, var(--dui-accent));
    color: var(--dui-layout-nav-bar-clr, var(--dui-clr-white));
}

.dui-shrink-content.dui-left-open > .dui-layout-body > .dui-layout-header {
    padding-left: calc(var(--dui-header-padding) * var(--dui-layout-shrink-header));
}

.dui-shrink-content.dui-left-open > .dui-layout-body > .dui-layout-content {
    padding-left: calc(var(--dui-content-padding) * var(--dui-layout-shrink-content) + var(--dui-layout-content-padding-left));
}

.dui-shrink-content.dui-left-open > .dui-layout-body > .dui-layout-footer {
    padding-left: calc(var(--dui-footer-padding) * var(--dui-layout-shrink-footer));
}

.dui-left-drawer {
    overflow-y: hidden;
    order: 999;
    background-color: var(--dui-layout-drawer-background);
    padding: var(--dui-left-drawer-padding-top) 0 var(--dui-left-drawer-padding-bottom) 0;
    width: var(--dui-left-drawer-width);
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    box-shadow: var(--dui-layout-section-box-shadow, var(--dui-section-box-shadow));
    align-self: stretch;
    transform: translateX(-100%);
    transition: transform var(--dui-layout-transitions-duration) ease-in-out;
    z-index: var(--dui-left-drawer-z-index);
    /*--dui-element-z-index:var(--dui-left-drawer-z-index);*/
}

.dui-left-open > .dui-left-drawer {
    transform: translateX(0);
}

.dui-layout-footer {
    order: 999999;
    width: 100%;
    flex-shrink: 0;
    min-height: var(--dui-footer-height);
    display: block;
    background-color: var(--dui-bg-clr, var(--dui-layout-header-background));
    color: var(--dui-layout-footer-color);
    transition: padding-left var(--dui-layout-transitions-duration) ease-in-out;
    z-index: var(--dui-footer-z-index);
    /*--dui-element-z-index:var(--dui-footer-z-index);*/
    box-shadow: var(--dui-box-shadow-2);
}

.dui-right-drawer {
    overflow-y: auto;
    right: calc(-1 * var(--dui-right-drawer-width) - 5px);
    background-color: var(--dui-layout-drawer-background);
    margin: var(--dui-right-drawer-padding-top) 0 var(--dui-left-drawer-padding-bottom) 0;
    width: var(--dui-right-drawer-width);
    height: calc(100%);
    position: absolute;
    box-shadow: var(--dui-section-box-shadow);
    align-self: stretch;
    transform: translateX(100%);
    /*transform: translateX(calc(-1 * var(--dui-right-drawer-width) - var(--dui-right-drawer-width) - 5));*/
    transition: transform var(--dui-layout-transitions-duration) ease-out;
    z-index: var(--dui-right-drawer-z-index);
    /*--dui-element-z-index:var(--dui-right-drawer-z-index);*/
}

.dui-layout-menu {
    max-height: 100%;
    overflow: auto;
}

.dui-right-open > .dui-right-drawer {
    transform: translateX(calc(-1 * var(--dui-right-drawer-width) - 5px));
}

.dui-layout-content {
    order: 20;
    flex-grow: 1;
    padding: var(--dui-layout-content-padding-top) var(--dui-layout-content-padding-right) var(--dui-layout-content-padding-bottom) var(--dui-layout-content-padding-left) ;
    background-color: var(--dui-layout-content-background);
    color: var(--dui-layout-content-color);
    transition: padding-left var(--dui-layout-transitions-duration) ease-in-out;
}

.dui-layout-footer-fixed .dui-layout-content {
    flex-shrink: 1;
    overflow-y: auto;
}

body.dui > .dui-layout,
body.dui > .dui-layout-body {
    height: 100vh;
    height: 100dvh;
    width: 100vw;
    max-height: 100vh;
    max-height: 100dvh;
    max-width: calc(100vw);
}

.dui-right-overlay.dui-right-open .dui-overlay,
.dui-left-overlay.dui-left-open .dui-overlay {
    display: block;
}

.dui-layout .dui-nav-bar .dui-nav-utility {
    order: var(--dui-order-last-4);
}.dui-badge {
    position: relative;
    float: var(--dui-badge-float);
    margin: var(--dui-badge-margin);
    padding: var(--dui-badge-padding);
    min-width: var(--dui-badge-min-width);
    font: var(--dui-badge-font);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: var(--dui-badge-radius);
    background-color: var(--dui-badge-background);
    color: var(--dui-fg-l-5, var(--dui-accent-l-5));
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    order: var(--dui-order-last);
}

.mdi .dui-badge:empty,
.dui-badge:empty {
    display: none;
}

.mdi .dui-badge {
    float: none;
    display: inline-block;
    position: relative;
    top: var(--dui-icon-badge-top);
    right: var(--dui-icon-badge-right);
    max-height: var(--dui-icon-badge-height);
    min-height: var(--dui-icon-badge-height);
    min-width: var(--dui-icon-badge-min-width);
    max-width: var(--dui-icon-badge-max-width);
    margin: var(--dui-icon-badge-margin);
    line-height: var(--dui-icon-badge-line-height);
    font-style: var(--dui-icon-badge-font-style);
}.dui-block-header {
    margin: var(--dui-block-header-margin);
    display: flex;
    flex-direction: var(--dui-block-header-direction, column);
}

.dui-block-header-title {
    order: 10;
    margin: var(--dui-block-header-title-margin);
    color: inherit;
    font: var(--dui-block-header-title-font);
}

.dui-block-header-description{
    order: 20;
    display: block;
    font: var(--dui-block-header-description-font);
}

.dui-block-header-reversed {
    --dui-block-header-direction: column-reverse
}
.dui-breadcrumb{
    background-color: var(--dui-bc-default-bg);
    font: var(--dui-bc-font);
    margin: var(--dui-bc-margin);
    padding: var(--dui-bc-padding);
    list-style: none;
}

.dui-breadcrumb > li.dui {
    display: inline-block;
}

.dui-breadcrumb > li.dui a.dui{
    cursor: var(--dui-bc-active-cursor);
}

.dui-breadcrumb > li.dui,
.dui-breadcrumb > li.dui a.dui{
    color: var(--dui-fg, var(--dui-color));
}

.dui-breadcrumb > li.dui + li.dui:before {
    padding: var(--dui-bc-arrow-padding);
    content: var(--dui-bc-arrow-content);
}

.dui-breadcrumb > .dui-active {
    opacity: var(--dui-bc-disabled-opacity);
}

.dui-breadcrumb li.dui .dui.mdi,
.dui-breadcrumb li.dui a.dui .dui.mdi {
    margin: var(--dui-bc-icon-margin);
    line-height: 24px;
}

.dui-breadcrumb li.dui .dui.mdi.mdi-18px {
    line-height: 18px;
}
.dui-breadcrumb li.dui .dui.mdi.mdi-24px {
    line-height: 24px;
}
.dui-breadcrumb li.dui .dui.mdi.mdi-36px {
    line-height: 36px;
}
.dui-breadcrumb li.dui .dui.mdi.mdi-48px {
    line-height: 48px;
}

.dui-breadcrumb[disabled] {
    opacity: var(--dui-bc-disabled-opacity);
    cursor: not-allowed;
}

.dui-breadcrumb[disabled] a.dui,
.dui-breadcrumb li.dui[disabled] a.dui,
.dui-breadcrumb li.dui a.dui[disabled]{
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
    opacity: var(--dui-bc-disabled-opacity);
}.dui-btn {
    --dui-btn-icon-order: 10;
    --dui-btn-text-order: 20;
    --dui-bg-d-2: var(--dui-clr-grey);
    font: var(--dui-btn-font);
    text-transform: var(--dui-btn-text-transform);
    -webkit-appearance: button;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: var(--dui-btn-cursor);
    user-select: none;
    background-image: none;
    border: var(--dui-btn-border);
    line-height: var(--dui-btn-line-height);
    padding: var(--dui-btn-padding);
    border-radius: var(--dui-btn-border-radius);
    box-shadow: var(--dui-btn-box-shadow);
    transition: var(--dui-btn-transition);
    background-color: var(--dui-btn-bg-clr, var(--dui-accent, buttonface));
    --dui-btn-bg: var(--dui-bg, var(--dui-accent, buttonface));
    color: var(--dui-btn-fg-clr, var(--dui-clr-white));
    text-decoration: none;
    width: fit-content;
    --dui-btn-text-height:28px;
}

.dui-btn-reverse {
    --dui-btn-icon-order: 20;
    --dui-btn-text-order: 10;
}

.dui-btn-body {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dui-btn-text {
    order: var(--dui-btn-text-order);
    height: var(--dui-btn-text-height);
    flex-grow: 1;
}

.dui-btn-icon {
    order: var(--dui-btn-icon-order);
}

.dui-btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.dui-btn[disabled],
fieldset[disabled] .dui-btn {
    cursor: var(--dui-btn-disabled-cursor);
    pointer-events: var(--dui-btn-disabled-pointer-events);
    opacity: var(--dui-btn-disabled-opacity);
}

.dui.dui-btn.dui-ctx:hover,
.dui.dui-btn.dui-ctx:focus,
.dui.dui-btn:focus,
.dui.dui-btn:hover {
    outline-offset: var(--dui-btn-focus-outline-offset);
    outline: var(--dui-bg-l-4, var(--dui-accent-l-4)) var(--dui-btn-focus-outline-style) var(--dui-btn-focus-outline-width);
    background-color: var(--dui-btn-hover-bg-clr, var(--dui-accent-l-4));
    color: var(--dui-btn-hover-color);
    box-shadow: var(--dui-btn-focus-box-shadow);
    --dui-btn-bg: var(--dui-bg-l-4, var(--dui-accent-l-4));
}

.dui-btn:hover,
.dui-btn:focus {
    text-decoration: none;
}

.dui.dui-btn.dui-ctx {
    --dui-btn-bg-clr: var(--dui-bg);
    --dui-btn-fg-clr: var(--dui-clr-white);
    --dui-btn-hover-bg-clr: var(--dui-bg-l-4);
}
.dui-btn-group.dui-ctx {
    --dui-btn-bg-clr: var(--dui-bg);
    --dui-btn-fg-clr: var(--dui-clr-white);
    --dui-btn-hover-bg-clr: var(--dui-bg-l-4);
}
.dui-btn-group .dui-btn:hover,
.dui-btn-group .dui-btn:focus {
    box-shadow: none;
}

.dui-btn.dui-lg,
.dui-btn-group.dui-lg > .dui-btn {
    font-size: var(--dui-btn-lg-font-size);
    line-height: var(--dui-btn-lg-line-height);
    padding: var(--dui-btn-lg-padding);
    --dui-btn-text-height:25px;
}

.dui-btn.dui-md,
.dui-btn-group.dui-md > .dui-btn {
    font-size: var(--dui-btn-md-font-size);
    line-height: var(--dui-btn-md-line-height);
    padding: var(--dui-btn-md-padding);
    --dui-btn-text-height:28px;
}

.dui-btn.dui-sm,
.dui-btn-group.dui-sm > .dui-btn {
    font-size: var(--dui-btn-sm-font-size);
    line-height: var(--dui-btn-sm-line-height);
    padding: var(--dui-btn-sm-padding);
    --dui-btn-text-height:27px;
}

.dui-btn.dui-xs,
.dui-btn-group.dui-xs > .dui-btn {
    font-size: var(--dui-btn-xs-font-size);
    line-height: var(--dui-btn-xs-line-height);
    padding: var(--dui-btn-xs-padding);
    --dui-btn-text-height:29px;
}

.dui-btn.dui-circle {
    aspect-ratio: 1/1;
    border-radius: var(--dui-spc-1_2p);
}
.dui-btn-group{
    display: inline-flex;
}
.dui-btn-group.dui-vertical {
    display: inline-block;
}

.dui-btn-group,
.dui-btn-group.dui-vertical {
    position: relative;
    vertical-align: middle;
    box-shadow: var(--dui-btn-group-box-shadow);
    border-radius: var(--dui-btn-group-border-radius);
}

.dui-btn-split > .dui-btn,
.dui-btn-group > .dui-btn,
.dui-btn-group.dui-vertical > .dui-btn {
    position: relative;
    float: left;
}

.dui-btn-toolbar {
    display: inline-flex;
    align-items: flex-start;
    gap: var(--dui-btn-toolbar-group-spacing);
}
.dui-btn-toolbar.dui-vertical {
    flex-direction: column;
}

.dui-btn-group.dui-vertical > .dui-btn,
.dui-btn-group.dui-vertical > .dui-btn-group,
.dui-btn-group.dui-vertical > .dui-btn-group > .dui-btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.dui-btn-group .dui-btn {
    border-radius: 0;
    box-shadow: none;
}

.dui-btn-group:not(.dui-vertical) > .dui-btn:first-child {
    border-top-left-radius: var(--dui-btn-group-border-radius);
    border-bottom-left-radius: var(--dui-btn-group-border-radius);
}

.dui-btn-group:not(.dui-vertical) > .dui-btn:last-child  {
    border-top-right-radius: var(--dui-btn-group-border-radius);
    border-bottom-right-radius: var(--dui-btn-group-border-radius);
}

.dui-btn-group.dui-vertical > .dui-btn:first-child {
    border-top-left-radius: var(--dui-btn-group-border-radius);
    border-top-right-radius: var(--dui-btn-group-border-radius);
}

.dui-btn-group.dui-vertical> .dui-btn:last-child  {
    border-bottom-left-radius: var(--dui-btn-group-border-radius);
    border-bottom-right-radius: var(--dui-btn-group-border-radius);
}

a.dui-btn {
    background-color: var(--dui-btn-link-bg);
    box-shadow: var(--dui-btn-link-box-shadow);
}


.dui-top-scroller {
    position: fixed;
    right: var(--dui-scroll-top-button-right);
    bottom: var(--dui-scroll-top-button-bottom);
    z-index: var(--dui-scroll-top-button-zindex);
    opacity: var(--dui-scroll-top-button-opacity);
}

.dui-top-scroller:hover {
    opacity: 1;
}.dui-calendar {
    display: flex;
    flex-direction: column;
    border: var(--dui-calendar-border);
    min-width: var(--dui-calendar-min-width);
}

.dui-calendar-month {
    display: flex;
    flex-direction: column;
}

.dui-month-days-header {
    display: flex;
    border-width: var(--dui-calendar-days-header-border-width);
    border-style: var(--dui-calendar-days-header-border-style);
    border-color: var(--dui-calendar-header-border-color);
}

.dui-month-days-row {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
}

.dui-week-day-header {
    flex-basis: 0;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    font: var(--dui-calendar-day-header-font);
    min-width: var(--dui-calendar-day-header-min-width);
    min-height: var(--dui-calendar-day-header-min-height);
    width: var(--dui-calendar-day-header-min-width);
    height: var(--dui-calendar-day-header-min-height);
    padding: var(--dui-calendar-day-header-padding);
}

.dui-calendar-day {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-basis: 0;
    cursor: pointer;
    padding: var(--dui-calendar-day-padding);
}

.dui-calendar-day:hover .dui-calendar-day-number{
    background-color: var(--dui-calender-select-bg);
}

.dui-month-days-row > .dui-calendar-day + .dui-calendar-day {
    border-width: var(--dui-calender-day-border-width);
    border-style: var(--dui-calender-day-border-style);
    border-color: var(--dui-accent-l-4);
}

.dui-month-days-header > .dui-week-day-header + .dui-week-day-header {
    border-width: var(--dui-calender-week-day-header-border-width);
    border-style: var(--dui-calender-week-day-header-border-style);
    border-color: var(--dui-accent-l-4);
}

.dui-calendar-month > .dui-month-days-row + .dui-month-days-row {
    border-width: var(--dui-calender-month-days-row-border-width);
    border-style: var(--dui-calender-month-days-row-border-style);
    border-color: var(--dui-accent-l-4);
}

.dui-day-header-name{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: var(--dui-calendar-day-header-name-padding);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dui-calendar-day-number {
    display: inline-block;
    text-align: center;
    padding: var(--dui-calender-day-number-padding);
    min-width: var(--dui-calender-day-number-min-width);
    min-height: var(--dui-calender-day-number-min-height);
    width: var(--dui-calender-day-number-min-width);
    height: var(--dui-calender-day-number-min-height);
    border-radius: var(--dui-calender-day-number-border-radius);
    line-height: var(--dui-calender-day-number-line-height);
}

.dui-month-day-out-of-range {
    color: var(--dui-calendar-out-of-range-day-color);
}

.dui-month-day-in-range {
    font: var(--dui-calendar-day-in-range-font);
}

.dui-today-date .dui-calendar-day-number {
    border-width: var(--dui-calendar-today-date-border-width);
    border-style: var(--dui-calendar-today-date-border-style);
    border-color: var(--dui-accent);
}

.dui-selected-date .dui-calendar-day-number {
    background-color: var(--dui-accent);
    color: var(--dui-calendar-selected-date-color);
}
.dui-selected-date .dui-calendar-day-number:hover {
    color: var(--dui-color-5);
}

.dui-year-selector {
    display: flex;
    flex-direction: column;
    gap: var(--dui-spc-1);
}

.dui-years-row {
    display: flex;
    gap: var(--dui-spc-1);
    min-height: var(--dui-spc-8);
}

.dui-years-selector-year {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    background-color: var(--dui-calender-select-bg);
    line-height: var(--dui-spc-8);
    cursor: pointer;
    border-radius: 3px;
}
.dui-years-selector-year:hover {
    background-color: var(--dui-calender-select-hover-bg);
}

.dui-calender-years-spin {
    gap: var(--dui-spc-1_5);
    min-height: var(--dui-calender-years-spin-min-height);
}

.dui-current-year {
    font: var(--dui-calendar-selector-current-year-font);
    line-height: var(--dui-calendar-selector-current-year-line-height);
}

.dui-calendar-selectors {
    order: 40;
    display: flex;
    gap: var(--dui-spc-2);
    width: 100%;
    padding: var(--dui-calendar-selectors-padding);
    align-items: center;
    justify-content: center;
}

.dui-calendar-selectors-year {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    background-color: var(--dui-calender-select-bg);
    border-radius: var(--dui-calendar-month-year-selector-border-radius);
    cursor: pointer;
    line-height: var(--dui-spc-8);
    max-width: var(--dui-spc-32);
}

.dui-calendar-selectors-month {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    background-color: var(--dui-calender-select-bg);
    border-radius: var(--dui-calendar-month-year-selector-border-radius);
    cursor: pointer;
    line-height: var(--dui-spc-8);
    max-width: var(--dui-spc-32);
}

.dui-calendar-selectors-month:hover,
.dui-calendar-selectors-year:hover {
    background-color: var(--dui-calender-select-hover-bg);
}

.dui-calendar-header {
    order: 20;
    padding: var(--dui-calendar-header-padding);
    background-color: var(--dui-accent);
    color: var(--dui-calendar-header-text-color, var(--dui-clr-white));
    border-width: var(--dui-calendar-header-border-width);
    border-style: var(--dui-calendar-header-border-style);
    border-color: var(--dui-accent-l-2);
    display: flex;
    justify-content: center;
    width: 100%;
}

.dui-calendar-header-date{
    display: flex;
    gap: var(--dui-spc-4);
    width: 100%;
}

.dui-calendar-header-date-number {
    font-size: var(--dui-calendar-header-date-font-size);
    font-weight: var(--dui-calendar-header-date-font-weight);
    line-height: var(--dui-calendar-header-date-line-height);
    flex-basis: 0;
    text-align: var(--dui-calendar-header-date-text-align);
    min-width: var(--dui-calendar-header-date-min-width);
}

.dui-calendar-header-date-day-month-year {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 0;
}

.dui-calendar-header-date-day {
    font-size: var(--dui-calendar-header-day-font-size);
    line-height: var(--dui-calendar-header-day-line-height);
    font-weight: var(--dui-calendar-header-day-font-weight);
}

.dui-calendar-header-date-month-year {
    font-size: var(--dui-calendar-header-month-year-font-size);
    text-indent: var(--dui-calendar-header-month-year-text-indent);
}

.dui-calendar-body {
    order: 60;
    padding: var(--dui-calendar-body-padding);
}

.dui-month-selector {
    display: flex;
    flex-direction: column;
    gap: var(--dui-spc-1);
    padding: var(--dui-calendar-month-selector-padding);
}

.dui-months-row {
    display: flex;
    gap: var(--dui-spc-1);
    min-height: var(--dui-calendar-months-row-min-height);
}

.dui-month-selector-month {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    background-color: var(--dui-calender-select-bg);
    line-height: var(--dui-spc-8);
    cursor: pointer;
    border-radius: 3px;
}
.dui-month-selector-month:hover {
    background-color: var(--dui-calender-select-hover-bg);
}

.dui-current-month {
    font: var(--dui-calendar-selector-current-month-font);
    line-height: var(--dui-calendar-selector-current-month-line-height);
}

.dui-calendar-months-years-selector {
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.dui-selected-year {
    background-color: var(--dui-accent);
    color: var(--dui-calendar-selected-year-color);
}

.dui-selected-month {
    background-color: var(--dui-accent);
    color: var(--dui-calendar-selected-month-color);
}

.dui-calendar-footer {
    order: 80;
    padding: var(--dui-calendar-footer-padding);
}

.dui-date-in-range {
    background: var(--dui-calendar-date-in-range-bg-color);
}.dui-card {
    display: flex;
    flex-direction: var(--dui-card-direction, column);
    min-height: var(--dui-card-min-height);
    box-shadow: var(--dui-card-box-shadow);
    margin: var(--dui-card-margin);
    border-radius: var(--dui-card-border-radius);
    background-color: var(--dui-card-background);
}

.dui-card-header-bottom {
    --dui-card-direction: column-reverse;
    --dui-card-head-border-width: var(--dui-card-header-border-reversed-width);
}

.dui-card-main-title,
.dui-card-description,
.dui-card-header .dui.mdi:not(:hover) {
    color: var(--dui-fg-clr, inherit);
}

.dui-card-header {
    display: flex;
    flex-direction: var(--dui-card-direction, column);
    padding: var(--dui-card-header-padding);
    position: relative;
    border-width: var(--dui-card-head-border-width, var(--dui-card-header-border-width));
    border-style: var(--dui-card-header-border-style);
    border-color: var(--dui-bg-d-1, var(--dui-card-header-border-color));
}

.dui-card-header-filler {
    flex-grow: 1;
    order: 50;
}

.dui-card:not(.dui-card-header-bottom) .dui-card-header {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.dui-card.dui-card-header-bottom .dui-card-header {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.dui-card.dui-collapsed .dui-card-header {
    border-radius: inherit;
}

.dui-card-main-header {
    display: flex;
    align-items: center;
    gap: var(--dui-card-header-gap);
}

.dui-card-title {
    flex-grow: 1;
    align-self: center;
    overflow: hidden;
    order: 40;
}

.dui-card-main-title {
    margin: var(--dui-card-header-title-margin);
    font: var(--dui-card-header-title-font);
    color: var(--dui-fg-d-4);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dui-card-description {
    display: block;
    font: var(--dui-card-description-font);
    margin: var(--dui-card-description-margin);
    color: var(--dui-text-color, var(--dui-card-description-color));
    line-height: var(--dui-card-description-line-height);
}

.dui-card-description:empty {
    display: none;
}

.dui-card-header {
    order: 10;
}

.dui-card-logo {
    order: 10;
}

.dui-card-header .dui-prefix-addon:not(.dui-order-first) {
    order: 20;
}

.dui-card-icon {
    order: 30;
    margin: var(--dui-card-icon-margins);
}

.dui-card-header .dui-postfix-addon:not(.dui-order-last) {
    order: 60;
}

.dui-card-subheader {
    padding: var(--dui-cardsubheader-padding);
    display: flex;
    align-items: center;
}

.dui-card-subheader:empty {
    display: none;
}

.dui-card-body {
    order: 20;
    font: var(--dui-card-body-font);
    padding: var(--dui-card-body-padding);
    background-color: inherit;
}

.dui-card:not(.dui-card-header-bottom) .dui-card-body {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.dui-card.dui-card-header-bottom .dui-card-body {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.dui-carousel {
    position: relative;
}

.dui-carousel-indicators {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: var(--dui-carousel-indicators-bottom);
    z-index: var(--dui-carousel-indicators-z-inex);
    padding: var(--dui-carousel-indicators-padding);
}

.dui-slide-indicator {
    display: inline-block;
    width: var(--dui-carousel-indicator-size);
    height: var(--dui-carousel-indicator-size);
    margin: var(--dui-carousel-indicator-margin);
    cursor: pointer;
    background: none;
    border: var(--dui-carousel-indicator-border);
    border-radius: var(--dui-carousel-indicator-border-radius);
}

.dui-slide-indicator.dui-active {
    width: var(--dui-carousel-indicator-active-size);
    height: var(--dui-carousel-indicator-active-size);
    margin: var(--dui-carousel-indicator-active-margin);
    background: var(--dui-carousel-indicator-active-background);
}

.dui-carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    max-height: 100%;
}

.dui-carousel-inner>.dui-slide {
    position: relative;
    display: none;
    -webkit-transition: var(--dui-carousel-transition-duration) ease-in-out left;
    -o-transition: var(--dui-carousel-transition-duration) ease-in-out left;
    transition: var(--dui-carousel-transition-duration) ease-in-out left;
}

.dui-carousel-inner>.dui-slide>img.dui,
.carousel-inner>.item>a>img {
    line-height: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {

    .dui-carousel-inner>.dui-slide {
        -webkit-transition: -webkit-transform var(--dui-carousel-transition-duration) ease-in-out;
        -o-transition: -o-transform var(--dui-carousel-transition-duration) ease-in-out;
        transition: transform var(--dui-carousel-transition-duration) ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .dui-slide.dui-slide-next,
    .dui-slide.dui-active.dui-slide-right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .dui-slide.dui-slide-prev,
    .dui-slide.dui-active.dui-slide-left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .dui-slide.dui-slide-next.dui-slide-left,
    .dui-slide.dui-slide-prev.dui-slide-right,
    .dui-slide.dui-active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.dui-carousel-inner>.dui-active,
.dui-carousel-inner>.dui-slide-next,
.dui-carousel-inner>.dui-slide-prev {
    display: block;
}

.dui-carousel-inner>.dui-active {
    left: 0;
}

.dui-carousel-inner>.dui-slide-next,
.dui-carousel-inner>.dui-slide-prev {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: contain;
}

.dui-carousel-inner>.dui-slide-next {
    left: 100%;
}

.dui-carousel-inner>.dui-slide-prev {
    left: -100%;
}

.dui-carousel-inner>.dui-slide-next.dui-slide-left,
.dui-carousel-inner>.dui-slide-prev.dui-slide-right {
    left: 0;
}

.dui-carousel-inner>.dui-slide-active.dui-slide-left {
    left: -100%;
}

.dui-carousel-inner>.dui-slide-active.dui-slide-right {
    left: 100%;
}

.dui-carousel-inner>.dui-slide>img.dui,
.dui-carousel-inner>.dui-slide->a.dui>img.dui,
.dui-carousel-inner>.dui-slide->picture.dui img.dui,
.dui-carousel-inner>.dui-slide->a>picture.dui img.dui {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border: 0;
    margin: auto;
    object-fit: contain;
}

.dui-carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: pointer !important;
}

.dui-carousel-control.dui-slide-left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
    color: #fff;
}

.dui-carousel-control.dui-slide-right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
    color: #fff;
}

.dui-carousel-control:hover,
.dui-carousel-control:focus {
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

.dui-slide-caption {
    width: 100%;
    position: absolute;
    bottom: 20px;
    z-index: 10;
    padding: var(--dui-carousel-slide-caption-padding);
    color: var(--dui-carousel-slide-caption-color);
    text-align: center;
    text-shadow: var(--dui-carousel-slide-caption-text-shadow);
}

.dui-slide-caption .dui-btn {
    text-shadow: none;
}.dui-chip {
    background-color: var(--dui-accent, var(--dui-bg, var(--dui-chip-background)));
    border-radius: var(--dui-chip-border-radius);
    min-width: var(--dui-chip-min-width);
    height: var(--dui-chip-height);
    margin: var(--dui-chip-margin);
    line-height: var(--dui-chip-line-height);
    text-align: var(--dui-chip-text-align);
    cursor: var(--dui-chip-cursor);
    display: inline-flex;
    align-items: center;
    vertical-align: var(--dui-chip-vertical-align);
    border-color: var(--dui-bg-clr, var(--dui-chip-border-color));
    color: var(--dui-accent-fg-clr, var(--dui-text-color));
}

.dui-chip:not([class*="dui-bg"]) {
    --dui-bg: var(--dui-accent, var(--dui-bg, var(--dui-chip-background)));
    --dui-bg-d-2: var(--dui-accent-d-2, var(--dui-bg-d-2, var(--dui-chip-background)));
}

.dui-chip[disabled] {
    cursor: not-allowed;
    background-color: var(--dui-chip-disabled-background);
    pointer-events: none;
    border-color: var(--dui-chip-disabled-border-color);
}

.dui-chip:focus {
    outline: var(--dui-chip-focus-outline);
    outline-offset: var(--dui-chip-focus-outline-offset);
}

.dui-form-field[disabled] .dui-chip[disabled] span.dui,
.dui-form-field[disabled] .dui-chip[disabled],
.dui-form-field[readonly] .dui-chip[readonly] span.dui,
.dui-form-field[readonly] .dui-chip[readonly] {
    color: var(--dui-text-color, var(--dui-color))
}

.dui-chip-value {
    order: 20;
    width: var(--dui-chip-value-width);
    white-space: var(--dui-chip-value-whitespace);
    text-align: var(--dui-chip-value-text-align);
    padding: var(--dui-chip-text-padding)
}

.dui-chip-addon {
    order: 10;
    font-size: var(--dui-chip-addon-font-size);
    line-height: var(--dui-chip-addon-font-size);
    margin-left: -2px;
    border-radius: var(--dui-chip-border-radius);
    min-width: var(--dui-chip-addon-width);
    min-height: var(--dui-chip-addon-height);
    max-width: var(--dui-chip-addon-width);
    max-height: var(--dui-chip-addon-height);
    text-align: center;
}

.dui-chip-addon i.mdi.dui {
    font-size: var(--dui-chip-addon-font-size);
    border-radius: var(--dui-chip-addon-radius);
    width: var(--dui-chip-addon-width);
    height: var(--dui-chip-addon-height);
    margin: var(--dui-chip-addon-mrgin);
}

.dui-chip-addon img.dui {
    border-radius: var(--dui-chip-border-radius);
    min-width: var(--dui-chip-addon-width);
    min-height: var(--dui-chip-addon-height);
    max-width: var(--dui-chip-addon-width);
    max-height: var(--dui-chip-addon-height);
    margin: -1px 0px 0px -1px;
}

.dui-chip-addon span.dui {
    line-height: var(--dui-chip-addon-height);
    border-radius: var(--dui-chip-addon-radius);
    width: var(--dui-chip-addon-width);
    height: var(--dui-chip-addon-height);
    margin-top: 0;
    font-size: var(--dui-chip-addon-span-font-size);
}

.dui-close.dui-chip-remove {
    cursor: pointer;
    width: var(--dui-chip-addon-width);
    height: var(--dui-chip-addon-height);
    left: 0;
    margin-right: 5px;
    order: 30;
}

.dui-chip-remove i.dui.mdi{
    width: var(--dui-chip-addon-width);
    height: var(--dui-chip-addon-height);
    margin: var(--dui-chip-close-mrgin);
}

.dui-close.dui-chip-remove[readonly] {
    pointer-events: none;
}

.dui.dui-chip-selected:not(.dui-ignore-bg) {
    outline: var(--dui-chip-focus-outline);
    outline-offset: var(--dui-chip-focus-outline-offset);
}

.dui.dui-chip.dui-chip-selected:not(.dui-ignore-bg) {
    background-color: var(--dui-bg-d-2, var(--dui-accent-d-2));
}.dui-collapse-group {
    margin: var(--dui-collapse-group-margin);
    border-width: var(--dui-collapse-group-border-width);
    border-color: var(--dui-collapse-group-border-color, var(--dui-border-default));
    border-style: var(--dui-collapse-group-border-style);
    border-radius: 0;
}

.dui-panel-header.dui-nav-bar {
    border-radius: 0;
}
.dui-collapse-panel:first-child .dui-panel-header.dui-nav-bar,
.dui-collapse-panel:first-child {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}
.dui-collapse-panel:last-child:not(.dui-active) .dui-panel-header.dui-nav-bar,
.dui-collapse-panel:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.dui-collapse-panel {
    display: flex;
    flex-direction: column;
    margin: var(--dui-collapse-panel-margin);
    border-width: 0;
}

.dui-collapse-panel {
    margin-top: var(--dui-collapse-between-panels-margin);
}

.dui-collapse-panel[disabled],
.dui-collapse-group[disabled] .dui-collapse-panel,
.dui-collapse-panel[disabled] *.dui,
.dui-collapse-group[disabled] .dui-collapse-panel *.dui{
    color: var(--dui-collapse-panel-disabled-color);
    cursor: var(--dui-collapse-panel-disabled-cursor);
}

.dui-panel-header.dui-nav-bar {
    cursor: var(--dui-collapse-panel-title-cursor);
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: var(--dui-collapse-panel-body-border-width);
    border-bottom-width: var(--dui-collapse-panel-body-border-width);
    border-style: var(--dui-collapse-panel-title-border-style);
    border-color: transparent;
    font: var(--dui-collapse-panel-title-font);
    order: 10;
    gap: var(--dui-accordion-header-gap);
}

.dui-collapse-panel .dui-panel-header.dui-nav-bar {
    border-bottom-color: var(--dui-collapse-group-border-color, var(--dui-border-default));
}
.dui-collapse-panel.dui-active + .dui-collapse-panel > .dui-panel-header.dui-nav-bar{
    border-top-color: var(--dui-collapse-group-border-color, var(--dui-border-default));
}
.dui-collapse-panel:last-child:not(.dui-active) .dui-panel-header.dui-nav-bar{
    border-bottom-color: transparent;
}

.dui-panel-content {
    border-width:0;
}

.dui-ignore-bg .dui-panel-header.dui-nav-bar {
    --dui-text-color: inherit;
    background-color: var(--dui-bg-clr, var(--dui-bg));
}

.dui-ignore-fg > .dui-panel-header.dui-nav-bar {
    color: var(--dui-text-color);
}
.dui-ignore-bg .dui-panel-content {
    background-color: var(--dui-bg-clr);
}

.dui-panel-content-header.dui-nav-bar,
.dui-panel-header.dui-nav-bar {
    display: flex;
    align-items: center;
    margin: var(--dui-collapse-panel-title-margin);
    min-height: var(--dui-collapse-panel-title-min-height);
}
.dui-panel-content-header.dui-nav-bar{
    padding: var(--dui-collapse-panel-content-header-padding);
}
.dui-panel-header.dui-nav-bar {
    padding: var(--dui-collapse-panel-title-padding);
}

.dui-panel-content-header {
    order: 1;
    font: var(--dui-collapse-panel-header-font);
}

.dui-collapse-panel .dui-panel-content[dui-collapsed='true'] {
    border-bottom-color: transparent;
}

.dui-panel-icon {
    order: 1;
}
.dui-panel-header *.dui {
    margin: var(--dui-collapse-panel-title-items-margin);
}
.dui-panel-title {
    flex-grow: 1;
    order: 2;
}
.dui-panel-utility{
    order: 999999;
}

.dui-panel-content {
    order: 20;
    display: flex;
    flex-direction: column;
}

.dui-panel-body {
    order: 2;
    padding: var(--dui-collapse-panel-body-padding);
}

.dui-panel-footer.dui-nav-bar {
    order: 3;
    border-width: var(--dui-collapse-panel-footer-border-width);
    border-style: var(--dui-collapse-panel-footer-border-style);
    border-color: var(--dui-collapse-group-border-color, var(--dui-border-default));
    padding: var(--dui-collapse-panel-footer-padding);
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.dui-panel-header:empty,
.dui-panel-content:empty,
.dui-panel-content-header:empty,
.dui-panel-body:empty,
.dui-panel-footer:empty{
    display: none;
}

.dui-height-collapsed-overflow {
    overflow: hidden;
}

.dui-height-collapsed-trans-100 {
    transition: height 100ms, padding-top 100ms, padding-bottom 100ms, margin-top 100ms, margin-bottom 100ms;
}

.dui-height-collapsed-trans-200 {
    transition: height 200ms, padding-top 200ms, padding-bottom 200ms, margin-top 200ms, margin-bottom 200ms;
}

.dui-height-collapsed-trans-300 {
    transition: height 300ms, padding-top 300ms, padding-bottom 300ms, margin-top 300ms, margin-bottom 300ms;
}

.dui-height-collapsed-trans-400 {
    transition: height 400ms, padding-top 400ms, padding-bottom 400ms, margin-top 400ms, margin-bottom 400ms;
}

.dui-height-collapsed-trans-500 {
    transition: height 500ms, padding-top 500ms, padding-bottom 500ms, margin-top 500ms, margin-bottom 500ms;
}

.dui-height-collapsed-trans-600 {
    transition: height 600ms, padding-top 600ms, padding-bottom 600ms, margin-top 600ms, margin-bottom 600ms;
}

.dui-height-collapsed-trans-700 {
    transition: height 700ms, padding-top 700ms, padding-bottom 700ms, margin-top 700ms, margin-bottom 700ms;
}

.dui-height-collapsed-trans-800 {
    transition: height 800ms, padding-top 800ms, padding-bottom 800ms, margin-top 800ms, margin-bottom 800ms;
}

.dui-height-collapsed-trans-900 {
    transition: height 900ms, padding-top 900ms, padding-bottom 900ms, margin-top 900ms, margin-bottom 900ms;
}

.dui-height-collapsed-trans-1000 {
    transition: height 1000ms, padding-top 1000ms, padding-bottom 1000ms, margin-top 1000ms, margin-bottom 1000ms;
}

.dui.dui-height-collapsed[dui-collapsed='true'] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.dui.dui-hidden[dui-collapsed='true'] {
    display: none !important;
}.dui-colors-dark {
    --dui-color: var(--dui-clr-white);
    --dui-color-1: var(--dui-clr-grey-l-1);
    --dui-color-2: var(--dui-clr-grey);
    --dui-color-3: var(--dui-clr-grey-d-1);
    --dui-color-4: var(--dui-clr-grey-d-2);
    --dui-color-5: var(--dui-clr-black-d-3);
    --dui-color-alternate: var(--dui-color-5);
    /*--dui-text-color: var(--dui-color-dark);*/
    --dui-highlight-color: var(--dui-clr-black);

    color: var(--dui-color);

    /* ====================== Colors ========================= */

    --dui-clr-dominant-l-5: #616161;
    --dui-clr-dominant-l-4: #575757;
    --dui-clr-dominant-l-3: #4d4d4d;
    --dui-clr-dominant-l-2: #424242;
    --dui-clr-dominant-l-1: #383838;
    --dui-clr-dominant: #2e2e2e;
    --dui-clr-dominant-d-1: #242424;
    --dui-clr-dominant-d-2: #1a1a1a;
    --dui-clr-dominant-d-3: #0f0f0f;
    --dui-clr-dominant-d-4: #050505;

    --dui-clr-accent-l-5: #D8E4E7;
    --dui-clr-accent-l-4: #B3C9CE;
    --dui-clr-accent-l-3: #95B5BB;
    --dui-clr-accent-l-2: #799FA6;
    --dui-clr-accent-l-1: #638A90;
    --dui-clr-accent: #4D737A;
    --dui-clr-accent-d-1: #3F5E64;
    --dui-clr-accent-d-2: #324B50;
    --dui-clr-accent-d-3: #283C3F;
    --dui-clr-accent-d-4: #1A272A;

    --dui-clr-primary-l-5: #D2D5E1;
    --dui-clr-primary-l-4: #A7ADD4;
    --dui-clr-primary-l-3: #7F8ACA;
    --dui-clr-primary-l-2: #5D71B5;
    --dui-clr-primary-l-1: #4B5DA5;
    --dui-clr-primary: #3C4996;
    --dui-clr-primary-d-1: #363D8C;
    --dui-clr-primary-d-2: #2F3380;
    --dui-clr-primary-d-3: #272B73;
    --dui-clr-primary-d-4: #1A1E66;

    --dui-clr-secondary-l-5: #D6D9DB;
    --dui-clr-secondary-l-4: #AFBDC0;
    --dui-clr-secondary-l-3: #8D9FA5;
    --dui-clr-secondary-l-2: #6B8992;
    --dui-clr-secondary-l-1: #5A737E;
    --dui-clr-secondary: #496876;
    --dui-clr-secondary-d-1: #3F5A64;
    --dui-clr-secondary-d-2: #334C57;
    --dui-clr-secondary-d-3: #2B3B40;
    --dui-clr-secondary-d-4: #1F292D;

    --dui-clr-success-l-5: #D8EFD9;
    --dui-clr-success-l-4: #B1DDB2;
    --dui-clr-success-l-3: #8BD98C;
    --dui-clr-success-l-2: #74C773;
    --dui-clr-success-l-1: #5EAC58;
    --dui-clr-success: #4D8E40;
    --dui-clr-success-d-1: #407130;
    --dui-clr-success-d-2: #346B26;
    --dui-clr-success-d-3: #29581E;
    --dui-clr-success-d-4: #173D11;

    --dui-clr-warning-l-5: #F9EED9;
    --dui-clr-warning-l-4: #F3DFB3;
    --dui-clr-warning-l-3: #EACF8C;
    --dui-clr-warning-l-2: #E2BF66;
    --dui-clr-warning-l-1: #DAAF3F;
    --dui-clr-warning: #D2A619;
    --dui-clr-warning-d-1: #C89F00;
    --dui-clr-warning-d-2: #BF8F00;
    --dui-clr-warning-d-3: #B67F00;
    --dui-clr-warning-d-4: #AE6F00;

    --dui-clr-info-l-5: #D6E9F3;
    --dui-clr-info-l-4: #A6C5DE;
    --dui-clr-info-l-3: #77A2C9;
    --dui-clr-info-l-2: #488FB4;
    --dui-clr-info-l-1: #3576AC;
    --dui-clr-info: #215D9E;
    --dui-clr-info-d-1: #1D538F;
    --dui-clr-info-d-2: #194A80;
    --dui-clr-info-d-3: #153F71;
    --dui-clr-info-d-4: #0D2E59;

    --dui-clr-error-l-5: #FFDDE2;
    --dui-clr-error-l-4: #FFB7BD;
    --dui-clr-error-l-3: #E78D93;
    --dui-clr-error-l-2: #D7646A;
    --dui-clr-error-l-1: #D04247;
    --dui-clr-error: #D63431;
    --dui-clr-error-d-1: #C4302F;
    --dui-clr-error-d-2: #B92B2B;
    --dui-clr-error-d-3: #AE2727;
    --dui-clr-error-d-4: #A31F1F;

    --dui-clr-red-l-5: #FFDDE2;
    --dui-clr-red-l-4: #FFB7BD;
    --dui-clr-red-l-3: #E78D93;
    --dui-clr-red-l-2: #D7646A;
    --dui-clr-red-l-1: #D04247;
    --dui-clr-red: #D63431;
    --dui-clr-red-d-1: #C4302F;
    --dui-clr-red-d-2: #B92B2B;
    --dui-clr-red-d-3: #AE2727;
    --dui-clr-red-d-4: #A31F1F;

    --dui-clr-pink-l-5: #F9D6DF;
    --dui-clr-pink-l-4: #F3A6BD;
    --dui-clr-pink-l-3: #ED7A9D;
    --dui-clr-pink-l-2: #E74E7C;
    --dui-clr-pink-l-1: #E03466;
    --dui-clr-pink: #D51A4D;
    --dui-clr-pink-d-1: #C9164B;
    --dui-clr-pink-d-2: #B71047;
    --dui-clr-pink-d-3: #A10643;
    --dui-clr-pink-d-4: #80083B;

    --dui-clr-purple-l-5: #E7D5E9;
    --dui-clr-purple-l-4: #D6A2D1;
    --dui-clr-purple-l-3: #C574BD;
    --dui-clr-purple-l-2: #B146A9;
    --dui-clr-purple-l-1: #9D3A9E;
    --dui-clr-purple: #892C92;
    --dui-clr-purple-d-1: #7C2687;
    --dui-clr-purple-d-2: #6E1F7D;
    --dui-clr-purple-d-3: #611B73;
    --dui-clr-purple-d-4: #3F0F5B;

    --dui-clr-deep-purple-l-5: #E4DDEB;
    --dui-clr-deep-purple-l-4: #C8B3D2;
    --dui-clr-deep-purple-l-3: #AB8CB8;
    --dui-clr-deep-purple-l-2: #8F639E;
    --dui-clr-deep-purple-l-1: #764F88;
    --dui-clr-deep-purple: #5D3C73;
    --dui-clr-deep-purple-d-1: #523469;
    --dui-clr-deep-purple-d-2: #472D5F;
    --dui-clr-deep-purple-d-3: #3C2855;
    --dui-clr-deep-purple-d-4: #281C41;

    --dui-clr-indigo-l-5: #D9DBE6;
    --dui-clr-indigo-l-4: #ADB2D1;
    --dui-clr-indigo-l-3: #8390BB;
    --dui-clr-indigo-l-2: #6168A8;
    --dui-clr-indigo-l-1: #4D54A2;
    --dui-clr-indigo: #3C4179;
    --dui-clr-indigo-d-1: #353C77;
    --dui-clr-indigo-d-2: #2E3672;
    --dui-clr-indigo-d-3: #27316D;
    --dui-clr-indigo-d-4: #161E62;

    --dui-clr-blue-l-5: #CAD7E3;
    --dui-clr-blue-l-4: #9FB5CB;
    --dui-clr-blue-l-3: #7694B2;
    --dui-clr-blue-l-2: #4E749A;
    --dui-clr-blue-l-1: #3D638E;
    --dui-clr-blue: #307092;
    --dui-clr-blue-d-1: #2A5B8A;
    --dui-clr-blue-d-2: #24517E;
    --dui-clr-blue-d-3: #1E4773;
    --dui-clr-blue-d-4: #10305F;

    --dui-clr-light-blue-l-5: #C6DFE9;
    --dui-clr-light-blue-l-4: #92C9DE;
    --dui-clr-light-blue-l-3: #5CADCf;
    --dui-clr-light-blue-l-2: #2E92C4;
    --dui-clr-light-blue-l-1: #1F7DBB;
    --dui-clr-light-blue: #0D67B2;
    --dui-clr-light-blue-d-1: #0C5C9A;
    --dui-clr-light-blue-d-2: #09527F;
    --dui-clr-light-blue-d-3: #08496A;
    --dui-clr-light-blue-d-4: #043D52;

    --dui-clr-cyan-l-5: #C2E4E8;
    --dui-clr-cyan-l-4: #8AD2D8;
    --dui-clr-cyan-l-3: #51C0C7;
    --dui-clr-cyan-l-2: #24AFB5;
    --dui-clr-cyan-l-1: #19A3AD;
    --dui-clr-cyan: #0F97A5;
    --dui-clr-cyan-d-1: #0F869C;
    --dui-clr-cyan-d-2: #0D758E;
    --dui-clr-cyan-d-3: #0B677F;
    --dui-clr-cyan-d-4: #064B50;

    --dui-clr-teal-l-5: #C2DFDF;
    --dui-clr-teal-l-4: #8ACAC6;
    --dui-clr-teal-l-3: #51B5AC;
    --dui-clr-teal-l-2: #249F92;
    --dui-clr-teal-l-1: #198982;
    --dui-clr-teal: #0F736E;
    --dui-clr-teal-d-1: #0F6460;
    --dui-clr-teal-d-2: #0D5353;
    --dui-clr-teal-d-3: #0B4347;
    --dui-clr-teal-d-4: #06302B;

    --dui-clr-green-l-5: #D2E9D2;
    --dui-clr-green-l-4: #9ED89F;
    --dui-clr-green-l-3: #6ACF6C;
    --dui-clr-green-l-2: #46BD46;
    --dui-clr-green-l-1: #3BAF3B;
    --dui-clr-green: #30A530;
    --dui-clr-green-d-1: #2D982D;
    --dui-clr-green-d-2: #298C29;
    --dui-clr-green-d-3: #257E25;
    --dui-clr-green-d-4: #1D631D;

    --dui-clr-light-green-l-5: #E4F4D9;
    --dui-clr-light-green-l-4: #C5D9AD;
    --dui-clr-light-green-l-3: #A7BF83;
    --dui-clr-light-green-l-2: #8CA85A;
    --dui-clr-light-green-l-1: #739E40;
    --dui-clr-light-green: #5B9426;
    --dui-clr-light-green-d-1: #4F841E;
    --dui-clr-light-green-d-2: #426F17;
    --dui-clr-light-green-d-3: #365A10;
    --dui-clr-light-green-d-4: #203E08;

    --dui-clr-lime-l-5: #F4F6D0;
    --dui-clr-lime-l-4: #E8EB9D;
    --dui-clr-lime-l-3: #DCDF6A;
    --dui-clr-lime-l-2: #D0D33A;
    --dui-clr-lime-l-1: #C7CB33;
    --dui-clr-lime: #BEC128;
    --dui-clr-lime-d-1: #B4B71F;
    --dui-clr-lime-d-2: #A6AA19;
    --dui-clr-lime-d-3: #989D13;
    --dui-clr-lime-d-4: #7F8210;

    --dui-clr-yellow-l-5: #FAF7D3;
    --dui-clr-yellow-l-4: #F3F0A8;
    --dui-clr-yellow-l-3: #ECEB7D;
    --dui-clr-yellow-l-2: #E5E254;
    --dui-clr-yellow-l-1: #DFDE47;
    --dui-clr-yellow: #D9D738;
    --dui-clr-yellow-d-1: #D3D229;
    --dui-clr-yellow-d-2: #C9C91F;
    --dui-clr-yellow-d-3: #BFBF15;
    --dui-clr-yellow-d-4: #ADA70D;

    --dui-clr-amber-l-5: #F5E9C6;
    --dui-clr-amber-l-4: #E9D292;
    --dui-clr-amber-l-3: #DDBD5F;
    --dui-clr-amber-l-2: #D1A72B;
    --dui-clr-amber-l-1: #C79518;
    --dui-clr-amber: #BB8204;
    --dui-clr-amber-d-1: #B17000;
    --dui-clr-amber-d-2: #A25E00;
    --dui-clr-amber-d-3: #944B00;
    --dui-clr-amber-d-4: #7D3600;

    --dui-clr-orange-l-5: #F9EED9;
    --dui-clr-orange-l-4: #F3DFB3;
    --dui-clr-orange-l-3: #EACF8C;
    --dui-clr-orange-l-2: #E2BF66;
    --dui-clr-orange-l-1: #DAAF3F;
    --dui-clr-orange: #D2A619;
    --dui-clr-orange-d-1: #C89F00;
    --dui-clr-orange-d-2: #BF8F00;
    --dui-clr-orange-d-3: #B67F00;
    --dui-clr-orange-d-4: #AE6F00;

    --dui-clr-deep-orange-l-5: #F1D9D4;
    --dui-clr-deep-orange-l-4: #FFBFAE;
    --dui-clr-deep-orange-l-3: #FF9970;
    --dui-clr-deep-orange-l-2: #FF7D52;
    --dui-clr-deep-orange-l-1: #FF5A36;
    --dui-clr-deep-orange: #FF4411;
    --dui-clr-deep-orange-d-1: #E63A0E;
    --dui-clr-deep-orange-d-2: #D8320B;
    --dui-clr-deep-orange-d-3: #C82B08;
    --dui-clr-deep-orange-d-4: #A22806;

    --dui-clr-deep-orange-l-5: #EFD3CD;
    --dui-clr-deep-orange-l-4: #FF9D84;
    --dui-clr-deep-orange-l-3: #FF6E47;
    --dui-clr-deep-orange-l-2: #FF512D;
    --dui-clr-deep-orange-l-1: #FF3517;
    --dui-clr-deep-orange: #FF2300;
    --dui-clr-deep-orange-d-1: #DD1B00;
    --dui-clr-deep-orange-d-2: #C31400;
    --dui-clr-deep-orange-d-3: #AD0E00;
    --dui-clr-deep-orange-d-4: #891000;

    --dui-clr-brown-l-5: #E6DFDB;
    --dui-clr-brown-l-4: #CABEB8;
    --dui-clr-brown-l-3: #AE9E8F;
    --dui-clr-brown-l-2: #937A65;
    --dui-clr-brown-l-1: #7A5D4D;
    --dui-clr-brown: #66493E;
    --dui-clr-brown-d-1: #593D34;
    --dui-clr-brown-d-2: #4C332B;
    --dui-clr-brown-d-3: #3F2922;
    --dui-clr-brown-d-4: #321F19;

    --dui-clr-grey-l-5: #F2F2F2;
    --dui-clr-grey-l-4: #F2F2F2;
    --dui-clr-grey-l-3: #D6D6D6;
    --dui-clr-grey-l-2: #B8B8B8;
    --dui-clr-grey-l-1: #929292;
    --dui-clr-grey: #767676;
    --dui-clr-grey-d-1: #5C5C5C;
    --dui-clr-grey-d-2: #4D4D4D;
    --dui-clr-grey-d-3: #333333;
    --dui-clr-grey-d-4: #191919;

    --dui-clr-blue-grey-l-5: #D8E2E6;
    --dui-clr-blue-grey-l-4: #B1C0C6;
    --dui-clr-blue-grey-l-3: #90A8B1;
    --dui-clr-blue-grey-l-2: #6E8793;
    --dui-clr-blue-grey-l-1: #617E8A;
    --dui-clr-blue-grey: #4D6671;
    --dui-clr-blue-grey-d-1: #3E5461;
    --dui-clr-blue-grey-d-2: #334651;
    --dui-clr-blue-grey-d-3: #28373D;
    --dui-clr-blue-grey-d-4: #1A232B;

    --dui-clr-white-l-5: #fbfbf8;
    --dui-clr-white-l-4: #fbfbf8;
    --dui-clr-white-l-3: #fbfbf8;
    --dui-clr-white-l-2: #fbfbf8;
    --dui-clr-white-l-1: #fbfbf8;
    --dui-clr-white: #fbfbf8;
    --dui-clr-white-d-1: #fbfbf8;
    --dui-clr-white-d-2: #fbfbf8;
    --dui-clr-white-d-3: #fbfbf8;
    --dui-clr-white-d-4: #fbfbf8;

    --dui-clr-black-l-5: #737373;
    --dui-clr-black-l-4: #595959;
    --dui-clr-black-l-3: #404040;
    --dui-clr-black-l-2: #262626;
    --dui-clr-black-l-1: #0d0d0d;
    --dui-clr-black: #000000;
    --dui-clr-black-d-1: #595959;
    --dui-clr-black-d-2: #404040;
    --dui-clr-black-d-3: #262626;
    --dui-clr-black-d-4: #0d0d0d;

    --dui-accent-l-5: var(--dui-clr-accent-l-5);
    --dui-accent-l-4: var(--dui-clr-accent-l-4);
    --dui-accent-l-3: var(--dui-clr-accent-l-3);
    --dui-accent-l-2: var(--dui-clr-accent-l-2);
    --dui-accent-l-1: var(--dui-clr-accent-l-1);
    --dui-accent: var(--dui-clr-accent);
    --dui-accent-d-1: var(--dui-clr-accent-d-1);
    --dui-accent-d-2: var(--dui-clr-accent-d-2);
    --dui-accent-d-3: var(--dui-clr-accent-d-3);
    --dui-accent-d-4: var(--dui-clr-accent-d-4);

    /* ================ Box shadow ========================== */

    --dui-shadow-clr-1: #00000033;
    --dui-shadow-clr-2: #00000024;
    --dui-shadow-clr-3: #0000001f;

    /* ==================== Overrides ============================= */
    --dui-card-header-border-color: var(--dui-clr-accent-d-4);
    --dui-tree-item-active-color: var(--dui-accent-l-2);
    --dui-tree-item-hover-color: var(--dui-accent-d-4);
    --dui-list-group-border: 1px solid var(--dui-clr-accent-d-3);
    --dui-list-group-item-border-color: var(--dui-clr-accent-d-3);
    --dui-border-default: var(--dui-clr-dominant-l-1);
    --dui-btn-hover-color: var(--dui-color-5);
    --dui-info-color: var(--dui-color);
    --dui-loader-background: #000000e6;
    --dui-loader-dark-color: var(--dui-clr-grey);
    --dui-loader-darker-color: var(--dui-clr-grey-l-1);
    --dui-loader-darkest-color: var(--dui-color);
    --dui-menu-item-hover-bg-color: var(--dui-accent-d-3);
    --dui-menu-item-hover-color: var(--dui-color);
    --dui-menu-item-selected-hover-bg-color: var(--dui-accent-d-1);
    --dui-menu-item-selected-hover-color: var(--dui-color-5);

    --dui-quick-search-bg-color: var(--dui-clr-dominant-d-1);
    --dui-quick-search-color: var(--dui-color);

    --dui-menu-border-color: var(--dui-clr-accent-d-3);
    --dui-dialog-header-border-color:var(--dui-accent-d-4);
    --dui-pager-active-page-color: var(--dui-color);
    --dui-pager-active-focus-page-color: var(--dui-color);
    --dui-pager-active-hover-page-color: var(--dui-color);
    --dui-form-field-border-color: var(--dui-clr-dominant-l-3);
    --dui-thumbnail-border-color: var(--dui-accent-d-4);
    --dui-thumbnail-border-active-color: var(--dui-accent-d-3);
    --dui-tree-header-bg-color: var(--dui-accent-d-3);
    --dui-list-group-item-hover-background: var(--dui-accent-l-2);
    --dui-list-group-item-selected-background: var(--dui-accent);
    --dui-form-field-disabled-background: var(--dui-clr-dominant-d-1);
    --dui-form-field-disabled-border-color: var(--dui-clr-dominant-d-3);
    --dui-form-field-readonly-background: var(--dui-clr-dominant-l-1);
    --dui-form-field-readonly-border-color: var(--dui-clr-dominant);
    --dui-form-field-readonly-color: var(--dui-color-1);
    --dui-form-field-placeholder-color: var(--dui-color-1);
    --dui-file-upload-background: var(--dui-accent-d-3);
    --dui-calender-select-bg: var(--dui-accent-d-4);
    --dui-calender-select-hover-bg: var(--dui-accent-d-2);
    --dui-calendar-selected-date-color: var(--dui-color);
    --dui-calendar-header-text-color: var(--dui-color);
    --dui-calendar-selected-month-color: var(--dui-color);
    --dui-calendar-selected-year-color: var(--dui-color);
    --dui-calendar-border-color: var(--dui-accent-d-4);
    --dui-calendar-header-border-color: var(--dui-accent-d-3);
    --dui-timepicker-header-text-color: var(--dui-color);
    --dui-timepicker-border-color: var(--dui-accent-d-4);
    --dui-form-field-switch-focus-box-shadow: 0 0 0 0 rgb(255 255 255 / 40%), 0 0 0 12px rgb(255 255 255 / 8%);
    --dui-clickable-box-shadow: 0 0 0 0 rgb(255 255 255 / 40%), 0 0 0 5px rgb(255 255 255 / 8%);
    --dui-datatable-even-bg-color: var(--dui-accent-d-4);
    --dui-datatable-odd-bg-color: var(--dui-clr-dominant);
    --dui-datatable-row-selected-bg-color: var(--dui-accent-d-2);
    --dui-datatable-row-hover-bg-color: var(--dui-accent-d-3);
    --dui-datatable-header-hover-bg-color: var(--dui-accent-d-3);
    --dui-datatable-border-color: var(--dui-accent-d-4);
    --dui-datatable-column-resizer-color: var(--dui-accent-d-2);
    --dui-datatable-pin-column-border-color: var(--dui-accent-d-2);
    --dui-nav-bar-description-color: inherit;
    --dui-datatable-tfoot-bg-color: var(--dui-accent-d-4);

}
.dui-colors-light {
    --dui-color: var(--dui-clr-black);
    --dui-color-1: var(--dui-clr-black-d-3);
    --dui-color-2: var(--dui-clr-grey-d-2);
    --dui-color-3: var(--dui-clr-grey-d-1);
    --dui-color-4: var(--dui-clr-grey);
    --dui-color-5: var(--dui-clr-grey-l-1);
    --dui-color-alternate: var(--dui-color);
    /*--dui-text-color: var(--dui-color-dark);*/
    --dui-highlight-color: var(--dui-clr-white);
    color: var(--dui-color);

    /* ====================== Colors ========================= */

    --dui-clr-dominant-l-5: #fEfEfE;
    --dui-clr-dominant-l-4: #fdfdfd;
    --dui-clr-dominant-l-3: #f9f9f9;
    --dui-clr-dominant-l-2: #f2f2f2;
    --dui-clr-dominant-l-1: #d9d9d9;
    --dui-clr-dominant: #FFFFFF;
    --dui-clr-dominant-d-1: #f2f2f2;
    --dui-clr-dominant-d-2: #d9d9d9;
    --dui-clr-dominant-d-3: #adadad;
    --dui-clr-dominant-d-4: #797979;

    --dui-clr-accent-l-5: #ECEFF1;
    --dui-clr-accent-l-4: #CFD8DC;
    --dui-clr-accent-l-3: #B0BEC5;
    --dui-clr-accent-l-2: #90A4AE;
    --dui-clr-accent-l-1: #78909C;
    --dui-clr-accent: #607D8B;
    --dui-clr-accent-d-1: #546E7A;
    --dui-clr-accent-d-2: #455A64;
    --dui-clr-accent-d-3: #37474F;
    --dui-clr-accent-d-4: #263238;

    --dui-clr-primary-l-5: #E8EAF6;
    --dui-clr-primary-l-4: #C5CAE9;
    --dui-clr-primary-l-3: #9FA8DA;
    --dui-clr-primary-l-2: #7986CB;
    --dui-clr-primary-l-1: #5C6BC0;
    --dui-clr-primary: #3F51B5;
    --dui-clr-primary-d-1: #3949AB;
    --dui-clr-primary-d-2: #303F9F;
    --dui-clr-primary-d-3: #283593;
    --dui-clr-primary-d-4: #1A237E;

    --dui-clr-secondary-l-5: #ECEFF1;
    --dui-clr-secondary-l-4: #CFD8DC;
    --dui-clr-secondary-l-3: #B0BEC5;
    --dui-clr-secondary-l-2: #90A4AE;
    --dui-clr-secondary-l-1: #78909C;
    --dui-clr-secondary: #607D8B;
    --dui-clr-secondary-d-1: #546E7A;
    --dui-clr-secondary-d-2: #455A64;
    --dui-clr-secondary-d-3: #37474F;
    --dui-clr-secondary-d-4: #263238;

    --dui-clr-success-l-5: #E8F5E9;
    --dui-clr-success-l-4: #C8E6C9;
    --dui-clr-success-l-3: #A5D6A7;
    --dui-clr-success-l-2: #81C784;
    --dui-clr-success-l-1: #66BB6A;
    --dui-clr-success: #4CAF50;
    --dui-clr-success-d-1: #43A047;
    --dui-clr-success-d-2: #388E3C;
    --dui-clr-success-d-3: #2E7D32;
    --dui-clr-success-d-4: #1B5E20;

    --dui-clr-warning-l-5: #FFF3E0;
    --dui-clr-warning-l-4: #FFE0B2;
    --dui-clr-warning-l-3: #FFCC80;
    --dui-clr-warning-l-2: #FFB74D;
    --dui-clr-warning-l-1: #FFA726;
    --dui-clr-warning: #FF9800;
    --dui-clr-warning-d-1: #FB8C00;
    --dui-clr-warning-d-2: #F57C00;
    --dui-clr-warning-d-3: #EF6C00;
    --dui-clr-warning-d-4: #E65100;

    --dui-clr-info-l-5: #E3F2FD;
    --dui-clr-info-l-4: #BBDEFB;
    --dui-clr-info-l-3: #90CAF9;
    --dui-clr-info-l-2: #64B5F6;
    --dui-clr-info-l-1: #42A5F5;
    --dui-clr-info: #2196F3;
    --dui-clr-info-d-1: #1E88E5;
    --dui-clr-info-d-2: #1976D2;
    --dui-clr-info-d-3: #1565C0;
    --dui-clr-info-d-4: #0D47A1;

    --dui-clr-error-l-5: #FFEBEE;
    --dui-clr-error-l-4: #FFCDD2;
    --dui-clr-error-l-3: #EF9A9A;
    --dui-clr-error-l-2: #E57373;
    --dui-clr-error-l-1: #EF5350;
    --dui-clr-error: #F44336;
    --dui-clr-error-d-1: #E53935;
    --dui-clr-error-d-2: #D32F2F;
    --dui-clr-error-d-3: #C62828;
    --dui-clr-error-d-4: #B71C1C;

    --dui-clr-red-l-5: #FFEBEE;
    --dui-clr-red-l-4: #FFCDD2;
    --dui-clr-red-l-3: #EF9A9A;
    --dui-clr-red-l-2: #E57373;
    --dui-clr-red-l-1: #EF5350;
    --dui-clr-red: #F44336;
    --dui-clr-red-d-1: #E53935;
    --dui-clr-red-d-2: #D32F2F;
    --dui-clr-red-d-3: #C62828;
    --dui-clr-red-d-4: #B71C1C;

    --dui-clr-pink-l-5: #FCE4EC;
    --dui-clr-pink-l-4: #F8BBD0;
    --dui-clr-pink-l-3: #F48FB1;
    --dui-clr-pink-l-2: #F06292;
    --dui-clr-pink-l-1: #EC407A;
    --dui-clr-pink: #E91E63;
    --dui-clr-pink-d-1: #D81B60;
    --dui-clr-pink-d-2: #C2185B;
    --dui-clr-pink-d-3: #AD1457;
    --dui-clr-pink-d-4: #880E4F;

    --dui-clr-purple-l-5: #F3E5F5;
    --dui-clr-purple-l-4: #E1BEE7;
    --dui-clr-purple-l-3: #CE93D8;
    --dui-clr-purple-l-2: #BA68C8;
    --dui-clr-purple-l-1: #AB47BC;
    --dui-clr-purple: #9C27B0;
    --dui-clr-purple-d-1: #8E24AA;
    --dui-clr-purple-d-2: #7B1FA2;
    --dui-clr-purple-d-3: #6A1B9A;
    --dui-clr-purple-d-4: #4A148C;

    --dui-clr-deep-purple-l-5: #EDE7F6;
    --dui-clr-deep-purple-l-4: #D1C4E9;
    --dui-clr-deep-purple-l-3: #B39DDB;
    --dui-clr-deep-purple-l-2: #9575CD;
    --dui-clr-deep-purple-l-1: #7E57C2;
    --dui-clr-deep-purple: #673AB7;
    --dui-clr-deep-purple-d-1: #5E35B1;
    --dui-clr-deep-purple-d-2: #512DA8;
    --dui-clr-deep-purple-d-3: #4527A0;
    --dui-clr-deep-purple-d-4: #311B92;

    --dui-clr-indigo-l-5: #E8EAF6;
    --dui-clr-indigo-l-4: #C5CAE9;
    --dui-clr-indigo-l-3: #9FA8DA;
    --dui-clr-indigo-l-2: #7986CB;
    --dui-clr-indigo-l-1: #5C6BC0;
    --dui-clr-indigo: #3F51B5;
    --dui-clr-indigo-d-1: #3949AB;
    --dui-clr-indigo-d-2: #303F9F;
    --dui-clr-indigo-d-3: #283593;
    --dui-clr-indigo-d-4: #1A237E;

    --dui-clr-blue-l-5: #E3F2FD;
    --dui-clr-blue-l-4: #BBDEFB;
    --dui-clr-blue-l-3: #90CAF9;
    --dui-clr-blue-l-2: #64B5F6;
    --dui-clr-blue-l-1: #42A5F5;
    --dui-clr-blue: #2196F3;
    --dui-clr-blue-d-1: #1E88E5;
    --dui-clr-blue-d-2: #1976D2;
    --dui-clr-blue-d-3: #1565C0;
    --dui-clr-blue-d-4: #0D47A1;

    --dui-clr-light-blue-l-5: #E1F5FE;
    --dui-clr-light-blue-l-4: #B3E5FC;
    --dui-clr-light-blue-l-3: #81D4FA;
    --dui-clr-light-blue-l-2: #4FC3F7;
    --dui-clr-light-blue-l-1: #29B6F6;
    --dui-clr-light-blue: #03A9F4;
    --dui-clr-light-blue-d-1: #039BE5;
    --dui-clr-light-blue-d-2: #0288D1;
    --dui-clr-light-blue-d-3: #0277BD;
    --dui-clr-light-blue-d-4: #01579B;

    --dui-clr-cyan-l-5: #E0F7FA;
    --dui-clr-cyan-l-4: #B2EBF2;
    --dui-clr-cyan-l-3: #80DEEA;
    --dui-clr-cyan-l-2: #4DD0E1;
    --dui-clr-cyan-l-1: #26C6DA;
    --dui-clr-cyan: #00BCD4;
    --dui-clr-cyan-d-1: #00ACC1;
    --dui-clr-cyan-d-2: #0097A7;
    --dui-clr-cyan-d-3: #00838F;
    --dui-clr-cyan-d-4: #006064;

    --dui-clr-teal-l-5: #E0F2F1;
    --dui-clr-teal-l-4: #B2DFDB;
    --dui-clr-teal-l-3: #80CBC4;
    --dui-clr-teal-l-2: #4DB6AC;
    --dui-clr-teal-l-1: #26A69A;
    --dui-clr-teal: #009688;
    --dui-clr-teal-d-1: #00897B;
    --dui-clr-teal-d-2: #00796B;
    --dui-clr-teal-d-3: #00695C;
    --dui-clr-teal-d-4: #004D40;

    --dui-clr-green-l-5: #E8F5E9;
    --dui-clr-green-l-4: #C8E6C9;
    --dui-clr-green-l-3: #A5D6A7;
    --dui-clr-green-l-2: #81C784;
    --dui-clr-green-l-1: #66BB6A;
    --dui-clr-green: #4CAF50;
    --dui-clr-green-d-1: #43A047;
    --dui-clr-green-d-2: #388E3C;
    --dui-clr-green-d-3: #2E7D32;
    --dui-clr-green-d-4: #1B5E20;

    --dui-clr-light-green-l-5: #F1FFE5;
    --dui-clr-light-green-l-4: #DCEDC8;
    --dui-clr-light-green-l-3: #C5E1A5;
    --dui-clr-light-green-l-2: #AED581;
    --dui-clr-light-green-l-1: #9CCC65;
    --dui-clr-light-green: #8BC34A;
    --dui-clr-light-green-d-1: #7CB342;
    --dui-clr-light-green-d-2: #689F38;
    --dui-clr-light-green-d-3: #558B2F;
    --dui-clr-light-green-d-4: #33691E;

    --dui-clr-lime-l-5: #F9FBE7;
    --dui-clr-lime-l-4: #F0F4C3;
    --dui-clr-lime-l-3: #E6EE9C;
    --dui-clr-lime-l-2: #DCE775;
    --dui-clr-lime-l-1: #D4E157;
    --dui-clr-lime: #CDDC39;
    --dui-clr-lime-d-1: #C0CA33;
    --dui-clr-lime-d-2: #AFB42B;
    --dui-clr-lime-d-3: #9E9D24;
    --dui-clr-lime-d-4: #827717;

    --dui-clr-yellow-l-5: #FFFDE7;
    --dui-clr-yellow-l-4: #FFF9C4;
    --dui-clr-yellow-l-3: #FFF59D;
    --dui-clr-yellow-l-2: #FFF176;
    --dui-clr-yellow-l-1: #FFEE58;
    --dui-clr-yellow: #FFEB3B;
    --dui-clr-yellow-d-1: #FDD835;
    --dui-clr-yellow-d-2: #FBC02D;
    --dui-clr-yellow-d-3: #F9A825;
    --dui-clr-yellow-d-4: #F57F17;

    --dui-clr-amber-l-5: #FFF8E1;
    --dui-clr-amber-l-4: #FFECB3;
    --dui-clr-amber-l-3: #FFE082;
    --dui-clr-amber-l-2: #FFD54F;
    --dui-clr-amber-l-1: #FFCA28;
    --dui-clr-amber: #FFC107;
    --dui-clr-amber-d-1: #FFB300;
    --dui-clr-amber-d-2: #FFA000;
    --dui-clr-amber-d-3: #FF8F00;
    --dui-clr-amber-d-4: #FF6F00;

    --dui-clr-orange-l-5: #FFF3E0;
    --dui-clr-orange-l-4: #FFE0B2;
    --dui-clr-orange-l-3: #FFCC80;
    --dui-clr-orange-l-2: #FFB74D;
    --dui-clr-orange-l-1: #FFA726;
    --dui-clr-orange: #FF9800;
    --dui-clr-orange-d-1: #FB8C00;
    --dui-clr-orange-d-2: #F57C00;
    --dui-clr-orange-d-3: #EF6C00;
    --dui-clr-orange-d-4: #E65100;

    --dui-clr-deep-orange-l-5: #FBE9E7;
    --dui-clr-deep-orange-l-4: #FFCCBC;
    --dui-clr-deep-orange-l-3: #FFAB91;
    --dui-clr-deep-orange-l-2: #FF8A65;
    --dui-clr-deep-orange-l-1: #FF7043;
    --dui-clr-deep-orange: #FF5722;
    --dui-clr-deep-orange-d-1: #F4511E;
    --dui-clr-deep-orange-d-2: #E64A19;
    --dui-clr-deep-orange-d-3: #D84315;
    --dui-clr-deep-orange-d-4: #BF360C;

    --dui-clr-brown-l-5: #EFEBE9;
    --dui-clr-brown-l-4: #D7CCC8;
    --dui-clr-brown-l-3: #BCAAA4;
    --dui-clr-brown-l-2: #A1887F;
    --dui-clr-brown-l-1: #8D6E63;
    --dui-clr-brown: #795548;
    --dui-clr-brown-d-1: #6D4C41;
    --dui-clr-brown-d-2: #5D4037;
    --dui-clr-brown-d-3: #4E342E;
    --dui-clr-brown-d-4: #3E2723;

    --dui-clr-grey-l-5: #FAFAFA;
    --dui-clr-grey-l-4: #FAFAFA;
    --dui-clr-grey-l-3: #EEEEEE;
    --dui-clr-grey-l-2: #E0E0E0;
    --dui-clr-grey-l-1: #BDBDBD;
    --dui-clr-grey: #9E9E9E;
    --dui-clr-grey-d-1: #757575;
    --dui-clr-grey-d-2: #616161;
    --dui-clr-grey-d-3: #424242;
    --dui-clr-grey-d-4: #212121;

    --dui-clr-blue-grey-l-5: #ECEFF1;
    --dui-clr-blue-grey-l-4: #CFD8DC;
    --dui-clr-blue-grey-l-3: #B0BEC5;
    --dui-clr-blue-grey-l-2: #90A4AE;
    --dui-clr-blue-grey-l-1: #78909C;
    --dui-clr-blue-grey: #607D8B;
    --dui-clr-blue-grey-d-1: #546E7A;
    --dui-clr-blue-grey-d-2: #455A64;
    --dui-clr-blue-grey-d-3: #37474F;
    --dui-clr-blue-grey-d-4: #263238;

    --dui-clr-white-l-5: #EEEEEE;
    --dui-clr-white-l-4: #EEEEEE;
    --dui-clr-white-l-3: #EEEEEE;
    --dui-clr-white-l-2: #EEEEEE;
    --dui-clr-white-l-1: #EEEEEE;
    --dui-clr-white: #FFFFFF;
    --dui-clr-white-d-1: #EEEEEE;
    --dui-clr-white-d-2: #EEEEEE;
    --dui-clr-white-d-3: #EEEEEE;
    --dui-clr-white-d-4: #EEEEEE;

    --dui-clr-black-l-5: #737373;
    --dui-clr-black-l-4: #595959;
    --dui-clr-black-l-3: #404040;
    --dui-clr-black-l-2: #262626;
    --dui-clr-black-l-1: #0d0d0d;
    --dui-clr-black: #000000;
    --dui-clr-black-d-1: #595959;
    --dui-clr-black-d-2: #404040;
    --dui-clr-black-d-3: #262626;
    --dui-clr-black-d-4: #0d0d0d;

    --dui-accent-l-5: var(--dui-clr-accent-l-5);
    --dui-accent-l-4: var(--dui-clr-accent-l-4);
    --dui-accent-l-3: var(--dui-clr-accent-l-3);
    --dui-accent-l-2: var(--dui-clr-accent-l-2);
    --dui-accent-l-1: var(--dui-clr-accent-l-1);
    --dui-accent: var(--dui-clr-accent);
    --dui-accent-d-1: var(--dui-clr-accent-d-1);
    --dui-accent-d-2: var(--dui-clr-accent-d-2);
    --dui-accent-d-3: var(--dui-clr-accent-d-3);
    --dui-accent-d-4: var(--dui-clr-accent-d-4);

    /* ================ Box shadow ========================== */
    --dui-shadow-clr-1: #00000033;
    --dui-shadow-clr-2: #00000024;
    --dui-shadow-clr-3: #0000001f;

    /* ================== Overrides ======================= */
    --dui-card-header-border-color: var(--dui-clr-accent-l-5);
    --dui-tree-item-hover-color: var(--dui-accent-d-4);
    --dui-tree-item-active-color: var(--dui-accent-d-3);
    --dui-list-group-border: 1px solid var(--dui-clr-accent-l-3);
    --dui-list-group-item-border-color: var(--dui-clr-accent-l-3);
    --dui-border-default: var(--dui-accent-l-3);
    --dui-btn-hover-color: var(--dui-color);
    --dui-info-color: var(--dui-clr-grey-d-1);
    --dui-loader-background: #FFFFFFe6;
    --dui-loader-dark-color: var(--dui-clr-grey-d-1);
    --dui-loader-darker-color: var(--dui-clr-grey-d-2);
    --dui-loader-darkest-color: var(--dui-clr-black);
    --dui-menu-item-hover-bg-color: var(--dui-accent-l-5);

    --dui-menu-item-hover-color: var(--dui-color);
    --dui-menu-item-selected-hover-bg-color: var(--dui-accent-l-4);
    --dui-menu-item-selected-hover-color: var(--dui-color-5);
    --dui-quick-search-bg-color: var(--dui-accent-l-5);
    --dui-quick-search-color: var(--dui-color);
    --dui-menu-border-color: var(--dui-clr-accent-l-3);
    --dui-dialog-header-border-color: var(--dui-accent-l-4);
    --dui-pager-active-page-color: var(--dui-clr-white);
    --dui-pager-active-focus-page-color: var(--dui-clr-black);
    --dui-pager-active-hover-page-color: var(--dui-clr-black);
    --dui-form-field-border-color: var(--dui-accent-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    --dui-thumbnail-border-color: var(--dui-accent-l-4);
    --dui-thumbnail-border-active-color: var(--dui-accent-l-3);
    --dui-tree-header-bg-color: var(--dui-accent-l-3);
    --dui-list-group-item-hover-background: var(--dui-accent-l-4);
    --dui-list-group-item-selected-background: var(--dui-accent);
    --dui-form-field-disabled-background: var(--dui-clr-grey-l-4);
    --dui-form-field-disabled-border-color: var(--dui-clr-grey-l-2);
    --dui-form-field-readonly-background: var(--dui-accent-l-5);
    --dui-form-field-readonly-border-color: var(--dui-accent-l-5);
    --dui-form-field-readonly-color: var(--dui-color-1);
    --dui-form-field-placeholder-color: var(--dui-color-4);
    --dui-file-upload-background: var(--dui-accent-l-5);
    --dui-calender-select-bg: var(--dui-accent-l-5);
    --dui-calender-select-hover-bg: var(--dui-accent-l-3);
    --dui-calendar-selected-date-color: var(--dui-clr-white);
    --dui-calendar-header-text-color: var(--dui-clr-white);
    --dui-calendar-selected-month-color: var(--dui-clr-white);
    --dui-calendar-selected-year-color: var(--dui-clr-white);
    --dui-calendar-border-color: var(--dui-accent-l-4);
    --dui-calendar-header-border-color: var(--dui-accent-l-4);
    --dui-timepicker-header-text-color: var(--dui-clr-white);
    --dui-timepicker-border-color: var(--dui-accent-l-4);
    --dui-form-field-switch-focus-box-shadow: 0 0 0 0 rgb(0 0 0 / 40%), 0 0 0 12px rgb(0 0 0 / 8%);
    --dui-clickable-box-shadow: 0 0 0 0 rgb(0 0 0 / 40%), 0 0 0 5px rgb(0 0 0 / 8%);
    --dui-datatable-even-bg-color: var(--dui-accent-l-5);
    --dui-datatable-odd-bg-color: var(--dui-clr-white);
    --dui-datatable-row-selected-bg-color: var(--dui-accent-l-4);
    --dui-datatable-row-stripped-selected-bg-color: var(--dui-accent-l-2);
    --dui-datatable-row-hover-bg-color: var(--dui-accent-l-3);
    --dui-datatable-header-hover-bg-color: var(--dui-accent-l-5);
    --dui-datatable-border-color: var(--dui-accent-l-4);
    --dui-datatable-column-resizer-color: var(--dui-accent-l-4);
    --dui-datatable-pin-column-border-color: var(--dui-accent-l-2);
    --dui-nav-bar-description-color: inherit;
    --dui-datatable-tfoot-bg-color: var(--dui-accent-l-5);
}
.dui[class*="dui-fg-dominant"]{
    --dui-fg-l-5:var(--dui-clr-dominant-l-5);
    --dui-fg-l-4:var(--dui-clr-dominant-l-4);
    --dui-fg-l-3:var(--dui-clr-dominant-l-3);
    --dui-fg-l-2:var(--dui-clr-dominant-l-2);
    --dui-fg-l-1:var(--dui-clr-dominant-l-1);
    --dui-fg:var(--dui-clr-dominant);
    --dui-fg-d-1:var(--dui-clr-dominant-d-1);
    --dui-fg-d-2:var(--dui-clr-dominant-d-2);
    --dui-fg-d-3:var(--dui-clr-dominant-d-3);
    --dui-fg-d-4:var(--dui-clr-dominant-d-4);
}
.dui[class*="dui-bg-dominant"]{
    --dui-bg-l-5:var(--dui-clr-dominant-l-5);
    --dui-bg-l-4:var(--dui-clr-dominant-l-4);
    --dui-bg-l-3:var(--dui-clr-dominant-l-3);
    --dui-bg-l-2:var(--dui-clr-dominant-l-2);
    --dui-bg-l-1:var(--dui-clr-dominant-l-1);
    --dui-bg:var(--dui-clr-dominant);
    --dui-bg-d-1:var(--dui-clr-dominant-d-1);
    --dui-bg-d-2:var(--dui-clr-dominant-d-2);
    --dui-bg-d-3:var(--dui-clr-dominant-d-3);
    --dui-bg-d-4:var(--dui-clr-dominant-d-4);

}
.dui[class*="dui-accent-dominant"]{
    --dui-accent-l-5:var(--dui-clr-dominant-l-5);
    --dui-accent-l-4:var(--dui-clr-dominant-l-4);
    --dui-accent-l-3:var(--dui-clr-dominant-l-3);
    --dui-accent-l-2:var(--dui-clr-dominant-l-2);
    --dui-accent-l-1:var(--dui-clr-dominant-l-1);
    --dui-accent:var(--dui-clr-dominant);
    --dui-accent-d-1:var(--dui-clr-dominant-d-1);
    --dui-accent-d-2:var(--dui-clr-dominant-d-2);
    --dui-accent-d-3:var(--dui-clr-dominant-d-3);
    --dui-accent-d-4:var(--dui-clr-dominant-d-4);
}

.dui[class*="dui-fg-accent"]{
    --dui-fg-l-5:var(--dui-clr-accent-l-5);
    --dui-fg-l-4:var(--dui-clr-accent-l-4);
    --dui-fg-l-3:var(--dui-clr-accent-l-3);
    --dui-fg-l-2:var(--dui-clr-accent-l-2);
    --dui-fg-l-1:var(--dui-clr-accent-l-1);
    --dui-fg:var(--dui-clr-accent);
    --dui-fg-d-1:var(--dui-clr-accent-d-1);
    --dui-fg-d-2:var(--dui-clr-accent-d-2);
    --dui-fg-d-3:var(--dui-clr-accent-d-3);
    --dui-fg-d-4:var(--dui-clr-accent-d-4);
}
.dui[class*="dui-bg-accent"]{
    --dui-bg-l-5:var(--dui-clr-accent-l-5);
    --dui-bg-l-4:var(--dui-clr-accent-l-4);
    --dui-bg-l-3:var(--dui-clr-accent-l-3);
    --dui-bg-l-2:var(--dui-clr-accent-l-2);
    --dui-bg-l-1:var(--dui-clr-accent-l-1);
    --dui-bg:var(--dui-clr-accent);
    --dui-bg-d-1:var(--dui-clr-accent-d-1);
    --dui-bg-d-2:var(--dui-clr-accent-d-2);
    --dui-bg-d-3:var(--dui-clr-accent-d-3);
    --dui-bg-d-4:var(--dui-clr-accent-d-4);

}
.dui[class*="dui-accent-accent"]{
    --dui-accent-l-5:var(--dui-clr-accent-l-5);
    --dui-accent-l-4:var(--dui-clr-accent-l-4);
    --dui-accent-l-3:var(--dui-clr-accent-l-3);
    --dui-accent-l-2:var(--dui-clr-accent-l-2);
    --dui-accent-l-1:var(--dui-clr-accent-l-1);
    --dui-accent:var(--dui-clr-accent);
    --dui-accent-d-1:var(--dui-clr-accent-d-1);
    --dui-accent-d-2:var(--dui-clr-accent-d-2);
    --dui-accent-d-3:var(--dui-clr-accent-d-3);
    --dui-accent-d-4:var(--dui-clr-accent-d-4);
}

.dui[class*="dui-fg-primary"]{
    --dui-fg-l-5:var(--dui-clr-primary-l-5);
    --dui-fg-l-4:var(--dui-clr-primary-l-4);
    --dui-fg-l-3:var(--dui-clr-primary-l-3);
    --dui-fg-l-2:var(--dui-clr-primary-l-2);
    --dui-fg-l-1:var(--dui-clr-primary-l-1);
    --dui-fg:var(--dui-clr-primary);
    --dui-fg-d-1:var(--dui-clr-primary-d-1);
    --dui-fg-d-2:var(--dui-clr-primary-d-2);
    --dui-fg-d-3:var(--dui-clr-primary-d-3);
    --dui-fg-d-4:var(--dui-clr-primary-d-4);
}
.dui[class*="dui-bg-primary"]{
    --dui-bg-l-5:var(--dui-clr-primary-l-5);
    --dui-bg-l-4:var(--dui-clr-primary-l-4);
    --dui-bg-l-3:var(--dui-clr-primary-l-3);
    --dui-bg-l-2:var(--dui-clr-primary-l-2);
    --dui-bg-l-1:var(--dui-clr-primary-l-1);
    --dui-bg:var(--dui-clr-primary);
    --dui-bg-d-1:var(--dui-clr-primary-d-1);
    --dui-bg-d-2:var(--dui-clr-primary-d-2);
    --dui-bg-d-3:var(--dui-clr-primary-d-3);
    --dui-bg-d-4:var(--dui-clr-primary-d-4);

}
.dui[class*="dui-accent-primary"]{
    --dui-accent-l-5:var(--dui-clr-primary-l-5);
    --dui-accent-l-4:var(--dui-clr-primary-l-4);
    --dui-accent-l-3:var(--dui-clr-primary-l-3);
    --dui-accent-l-2:var(--dui-clr-primary-l-2);
    --dui-accent-l-1:var(--dui-clr-primary-l-1);
    --dui-accent:var(--dui-clr-primary);
    --dui-accent-d-1:var(--dui-clr-primary-d-1);
    --dui-accent-d-2:var(--dui-clr-primary-d-2);
    --dui-accent-d-3:var(--dui-clr-primary-d-3);
    --dui-accent-d-4:var(--dui-clr-primary-d-4);
}

.dui[class*="dui-fg-secondary"]{
    --dui-fg-l-5:var(--dui-clr-secondary-l-5);
    --dui-fg-l-4:var(--dui-clr-secondary-l-4);
    --dui-fg-l-3:var(--dui-clr-secondary-l-3);
    --dui-fg-l-2:var(--dui-clr-secondary-l-2);
    --dui-fg-l-1:var(--dui-clr-secondary-l-1);
    --dui-fg:var(--dui-clr-secondary);
    --dui-fg-d-1:var(--dui-clr-secondary-d-1);
    --dui-fg-d-2:var(--dui-clr-secondary-d-2);
    --dui-fg-d-3:var(--dui-clr-secondary-d-3);
    --dui-fg-d-4:var(--dui-clr-secondary-d-4);
}
.dui[class*="dui-bg-secondary"]{
    --dui-bg-l-5:var(--dui-clr-secondary-l-5);
    --dui-bg-l-4:var(--dui-clr-secondary-l-4);
    --dui-bg-l-3:var(--dui-clr-secondary-l-3);
    --dui-bg-l-2:var(--dui-clr-secondary-l-2);
    --dui-bg-l-1:var(--dui-clr-secondary-l-1);
    --dui-bg:var(--dui-clr-secondary);
    --dui-bg-d-1:var(--dui-clr-secondary-d-1);
    --dui-bg-d-2:var(--dui-clr-secondary-d-2);
    --dui-bg-d-3:var(--dui-clr-secondary-d-3);
    --dui-bg-d-4:var(--dui-clr-secondary-d-4);

}
.dui[class*="dui-accent-secondary"]{
    --dui-accent-l-5:var(--dui-clr-secondary-l-5);
    --dui-accent-l-4:var(--dui-clr-secondary-l-4);
    --dui-accent-l-3:var(--dui-clr-secondary-l-3);
    --dui-accent-l-2:var(--dui-clr-secondary-l-2);
    --dui-accent-l-1:var(--dui-clr-secondary-l-1);
    --dui-accent:var(--dui-clr-secondary);
    --dui-accent-d-1:var(--dui-clr-secondary-d-1);
    --dui-accent-d-2:var(--dui-clr-secondary-d-2);
    --dui-accent-d-3:var(--dui-clr-secondary-d-3);
    --dui-accent-d-4:var(--dui-clr-secondary-d-4);
}

.dui[class*="dui-fg-success"]{
    --dui-fg-l-5:var(--dui-clr-success-l-5);
    --dui-fg-l-4:var(--dui-clr-success-l-4);
    --dui-fg-l-3:var(--dui-clr-success-l-3);
    --dui-fg-l-2:var(--dui-clr-success-l-2);
    --dui-fg-l-1:var(--dui-clr-success-l-1);
    --dui-fg:var(--dui-clr-success);
    --dui-fg-d-1:var(--dui-clr-success-d-1);
    --dui-fg-d-2:var(--dui-clr-success-d-2);
    --dui-fg-d-3:var(--dui-clr-success-d-3);
    --dui-fg-d-4:var(--dui-clr-success-d-4);
}
.dui[class*="dui-bg-success"]{
    --dui-bg-l-5:var(--dui-clr-success-l-5);
    --dui-bg-l-4:var(--dui-clr-success-l-4);
    --dui-bg-l-3:var(--dui-clr-success-l-3);
    --dui-bg-l-2:var(--dui-clr-success-l-2);
    --dui-bg-l-1:var(--dui-clr-success-l-1);
    --dui-bg:var(--dui-clr-success);
    --dui-bg-d-1:var(--dui-clr-success-d-1);
    --dui-bg-d-2:var(--dui-clr-success-d-2);
    --dui-bg-d-3:var(--dui-clr-success-d-3);
    --dui-bg-d-4:var(--dui-clr-success-d-4);

}
.dui[class*="dui-accent-success"]{
    --dui-accent-l-5:var(--dui-clr-success-l-5);
    --dui-accent-l-4:var(--dui-clr-success-l-4);
    --dui-accent-l-3:var(--dui-clr-success-l-3);
    --dui-accent-l-2:var(--dui-clr-success-l-2);
    --dui-accent-l-1:var(--dui-clr-success-l-1);
    --dui-accent:var(--dui-clr-success);
    --dui-accent-d-1:var(--dui-clr-success-d-1);
    --dui-accent-d-2:var(--dui-clr-success-d-2);
    --dui-accent-d-3:var(--dui-clr-success-d-3);
    --dui-accent-d-4:var(--dui-clr-success-d-4);
}

.dui[class*="dui-fg-warning"]{
    --dui-fg-l-5:var(--dui-clr-warning-l-5);
    --dui-fg-l-4:var(--dui-clr-warning-l-4);
    --dui-fg-l-3:var(--dui-clr-warning-l-3);
    --dui-fg-l-2:var(--dui-clr-warning-l-2);
    --dui-fg-l-1:var(--dui-clr-warning-l-1);
    --dui-fg:var(--dui-clr-warning);
    --dui-fg-d-1:var(--dui-clr-warning-d-1);
    --dui-fg-d-2:var(--dui-clr-warning-d-2);
    --dui-fg-d-3:var(--dui-clr-warning-d-3);
    --dui-fg-d-4:var(--dui-clr-warning-d-4);
}
.dui[class*="dui-bg-warning"]{
    --dui-bg-l-5:var(--dui-clr-warning-l-5);
    --dui-bg-l-4:var(--dui-clr-warning-l-4);
    --dui-bg-l-3:var(--dui-clr-warning-l-3);
    --dui-bg-l-2:var(--dui-clr-warning-l-2);
    --dui-bg-l-1:var(--dui-clr-warning-l-1);
    --dui-bg:var(--dui-clr-warning);
    --dui-bg-d-1:var(--dui-clr-warning-d-1);
    --dui-bg-d-2:var(--dui-clr-warning-d-2);
    --dui-bg-d-3:var(--dui-clr-warning-d-3);
    --dui-bg-d-4:var(--dui-clr-warning-d-4);

}
.dui[class*="dui-accent-warning"]{
    --dui-accent-l-5:var(--dui-clr-warning-l-5);
    --dui-accent-l-4:var(--dui-clr-warning-l-4);
    --dui-accent-l-3:var(--dui-clr-warning-l-3);
    --dui-accent-l-2:var(--dui-clr-warning-l-2);
    --dui-accent-l-1:var(--dui-clr-warning-l-1);
    --dui-accent:var(--dui-clr-warning);
    --dui-accent-d-1:var(--dui-clr-warning-d-1);
    --dui-accent-d-2:var(--dui-clr-warning-d-2);
    --dui-accent-d-3:var(--dui-clr-warning-d-3);
    --dui-accent-d-4:var(--dui-clr-warning-d-4);
}

.dui[class*="dui-fg-info"]{
    --dui-fg-l-5:var(--dui-clr-info-l-5);
    --dui-fg-l-4:var(--dui-clr-info-l-4);
    --dui-fg-l-3:var(--dui-clr-info-l-3);
    --dui-fg-l-2:var(--dui-clr-info-l-2);
    --dui-fg-l-1:var(--dui-clr-info-l-1);
    --dui-fg:var(--dui-clr-info);
    --dui-fg-d-1:var(--dui-clr-info-d-1);
    --dui-fg-d-2:var(--dui-clr-info-d-2);
    --dui-fg-d-3:var(--dui-clr-info-d-3);
    --dui-fg-d-4:var(--dui-clr-info-d-4);
}
.dui[class*="dui-bg-info"]{
    --dui-bg-l-5:var(--dui-clr-info-l-5);
    --dui-bg-l-4:var(--dui-clr-info-l-4);
    --dui-bg-l-3:var(--dui-clr-info-l-3);
    --dui-bg-l-2:var(--dui-clr-info-l-2);
    --dui-bg-l-1:var(--dui-clr-info-l-1);
    --dui-bg:var(--dui-clr-info);
    --dui-bg-d-1:var(--dui-clr-info-d-1);
    --dui-bg-d-2:var(--dui-clr-info-d-2);
    --dui-bg-d-3:var(--dui-clr-info-d-3);
    --dui-bg-d-4:var(--dui-clr-info-d-4);

}
.dui[class*="dui-accent-info"]{
    --dui-accent-l-5:var(--dui-clr-info-l-5);
    --dui-accent-l-4:var(--dui-clr-info-l-4);
    --dui-accent-l-3:var(--dui-clr-info-l-3);
    --dui-accent-l-2:var(--dui-clr-info-l-2);
    --dui-accent-l-1:var(--dui-clr-info-l-1);
    --dui-accent:var(--dui-clr-info);
    --dui-accent-d-1:var(--dui-clr-info-d-1);
    --dui-accent-d-2:var(--dui-clr-info-d-2);
    --dui-accent-d-3:var(--dui-clr-info-d-3);
    --dui-accent-d-4:var(--dui-clr-info-d-4);
}

.dui[class*="dui-fg-error"]{
    --dui-fg-l-5:var(--dui-clr-error-l-5);
    --dui-fg-l-4:var(--dui-clr-error-l-4);
    --dui-fg-l-3:var(--dui-clr-error-l-3);
    --dui-fg-l-2:var(--dui-clr-error-l-2);
    --dui-fg-l-1:var(--dui-clr-error-l-1);
    --dui-fg:var(--dui-clr-error);
    --dui-fg-d-1:var(--dui-clr-error-d-1);
    --dui-fg-d-2:var(--dui-clr-error-d-2);
    --dui-fg-d-3:var(--dui-clr-error-d-3);
    --dui-fg-d-4:var(--dui-clr-error-d-4);
}
.dui[class*="dui-bg-error"]{
    --dui-bg-l-5:var(--dui-clr-error-l-5);
    --dui-bg-l-4:var(--dui-clr-error-l-4);
    --dui-bg-l-3:var(--dui-clr-error-l-3);
    --dui-bg-l-2:var(--dui-clr-error-l-2);
    --dui-bg-l-1:var(--dui-clr-error-l-1);
    --dui-bg:var(--dui-clr-error);
    --dui-bg-d-1:var(--dui-clr-error-d-1);
    --dui-bg-d-2:var(--dui-clr-error-d-2);
    --dui-bg-d-3:var(--dui-clr-error-d-3);
    --dui-bg-d-4:var(--dui-clr-error-d-4);

}
.dui[class*="dui-accent-error"]{
    --dui-accent-l-5:var(--dui-clr-error-l-5);
    --dui-accent-l-4:var(--dui-clr-error-l-4);
    --dui-accent-l-3:var(--dui-clr-error-l-3);
    --dui-accent-l-2:var(--dui-clr-error-l-2);
    --dui-accent-l-1:var(--dui-clr-error-l-1);
    --dui-accent:var(--dui-clr-error);
    --dui-accent-d-1:var(--dui-clr-error-d-1);
    --dui-accent-d-2:var(--dui-clr-error-d-2);
    --dui-accent-d-3:var(--dui-clr-error-d-3);
    --dui-accent-d-4:var(--dui-clr-error-d-4);
}

.dui[class*="dui-fg-red"]{
    --dui-fg-l-5:var(--dui-clr-red-l-5);
    --dui-fg-l-4:var(--dui-clr-red-l-4);
    --dui-fg-l-3:var(--dui-clr-red-l-3);
    --dui-fg-l-2:var(--dui-clr-red-l-2);
    --dui-fg-l-1:var(--dui-clr-red-l-1);
    --dui-fg:var(--dui-clr-red);
    --dui-fg-d-1:var(--dui-clr-red-d-1);
    --dui-fg-d-2:var(--dui-clr-red-d-2);
    --dui-fg-d-3:var(--dui-clr-red-d-3);
    --dui-fg-d-4:var(--dui-clr-red-d-4);
}
.dui[class*="dui-bg-red"]{
    --dui-bg-l-5:var(--dui-clr-red-l-5);
    --dui-bg-l-4:var(--dui-clr-red-l-4);
    --dui-bg-l-3:var(--dui-clr-red-l-3);
    --dui-bg-l-2:var(--dui-clr-red-l-2);
    --dui-bg-l-1:var(--dui-clr-red-l-1);
    --dui-bg:var(--dui-clr-red);
    --dui-bg-d-1:var(--dui-clr-red-d-1);
    --dui-bg-d-2:var(--dui-clr-red-d-2);
    --dui-bg-d-3:var(--dui-clr-red-d-3);
    --dui-bg-d-4:var(--dui-clr-red-d-4);

}
.dui[class*="dui-accent-red"]{
    --dui-accent-l-5:var(--dui-clr-red-l-5);
    --dui-accent-l-4:var(--dui-clr-red-l-4);
    --dui-accent-l-3:var(--dui-clr-red-l-3);
    --dui-accent-l-2:var(--dui-clr-red-l-2);
    --dui-accent-l-1:var(--dui-clr-red-l-1);
    --dui-accent:var(--dui-clr-red);
    --dui-accent-d-1:var(--dui-clr-red-d-1);
    --dui-accent-d-2:var(--dui-clr-red-d-2);
    --dui-accent-d-3:var(--dui-clr-red-d-3);
    --dui-accent-d-4:var(--dui-clr-red-d-4);
}

.dui[class*="dui-fg-pink"]{
    --dui-fg-l-5:var(--dui-clr-pink-l-5);
    --dui-fg-l-4:var(--dui-clr-pink-l-4);
    --dui-fg-l-3:var(--dui-clr-pink-l-3);
    --dui-fg-l-2:var(--dui-clr-pink-l-2);
    --dui-fg-l-1:var(--dui-clr-pink-l-1);
    --dui-fg:var(--dui-clr-pink);
    --dui-fg-d-1:var(--dui-clr-pink-d-1);
    --dui-fg-d-2:var(--dui-clr-pink-d-2);
    --dui-fg-d-3:var(--dui-clr-pink-d-3);
    --dui-fg-d-4:var(--dui-clr-pink-d-4);
}
.dui[class*="dui-bg-pink"]{
    --dui-bg-l-5:var(--dui-clr-pink-l-5);
    --dui-bg-l-4:var(--dui-clr-pink-l-4);
    --dui-bg-l-3:var(--dui-clr-pink-l-3);
    --dui-bg-l-2:var(--dui-clr-pink-l-2);
    --dui-bg-l-1:var(--dui-clr-pink-l-1);
    --dui-bg:var(--dui-clr-pink);
    --dui-bg-d-1:var(--dui-clr-pink-d-1);
    --dui-bg-d-2:var(--dui-clr-pink-d-2);
    --dui-bg-d-3:var(--dui-clr-pink-d-3);
    --dui-bg-d-4:var(--dui-clr-pink-d-4);

}
.dui[class*="dui-accent-pink"]{
    --dui-accent-l-5:var(--dui-clr-pink-l-5);
    --dui-accent-l-4:var(--dui-clr-pink-l-4);
    --dui-accent-l-3:var(--dui-clr-pink-l-3);
    --dui-accent-l-2:var(--dui-clr-pink-l-2);
    --dui-accent-l-1:var(--dui-clr-pink-l-1);
    --dui-accent:var(--dui-clr-pink);
    --dui-accent-d-1:var(--dui-clr-pink-d-1);
    --dui-accent-d-2:var(--dui-clr-pink-d-2);
    --dui-accent-d-3:var(--dui-clr-pink-d-3);
    --dui-accent-d-4:var(--dui-clr-pink-d-4);
}

.dui[class*="dui-fg-purple"]{
    --dui-fg-l-5:var(--dui-clr-purple-l-5);
    --dui-fg-l-4:var(--dui-clr-purple-l-4);
    --dui-fg-l-3:var(--dui-clr-purple-l-3);
    --dui-fg-l-2:var(--dui-clr-purple-l-2);
    --dui-fg-l-1:var(--dui-clr-purple-l-1);
    --dui-fg:var(--dui-clr-purple);
    --dui-fg-d-1:var(--dui-clr-purple-d-1);
    --dui-fg-d-2:var(--dui-clr-purple-d-2);
    --dui-fg-d-3:var(--dui-clr-purple-d-3);
    --dui-fg-d-4:var(--dui-clr-purple-d-4);
}
.dui[class*="dui-bg-purple"]{
    --dui-bg-l-5:var(--dui-clr-purple-l-5);
    --dui-bg-l-4:var(--dui-clr-purple-l-4);
    --dui-bg-l-3:var(--dui-clr-purple-l-3);
    --dui-bg-l-2:var(--dui-clr-purple-l-2);
    --dui-bg-l-1:var(--dui-clr-purple-l-1);
    --dui-bg:var(--dui-clr-purple);
    --dui-bg-d-1:var(--dui-clr-purple-d-1);
    --dui-bg-d-2:var(--dui-clr-purple-d-2);
    --dui-bg-d-3:var(--dui-clr-purple-d-3);
    --dui-bg-d-4:var(--dui-clr-purple-d-4);

}
.dui[class*="dui-accent-purple"]{
    --dui-accent-l-5:var(--dui-clr-purple-l-5);
    --dui-accent-l-4:var(--dui-clr-purple-l-4);
    --dui-accent-l-3:var(--dui-clr-purple-l-3);
    --dui-accent-l-2:var(--dui-clr-purple-l-2);
    --dui-accent-l-1:var(--dui-clr-purple-l-1);
    --dui-accent:var(--dui-clr-purple);
    --dui-accent-d-1:var(--dui-clr-purple-d-1);
    --dui-accent-d-2:var(--dui-clr-purple-d-2);
    --dui-accent-d-3:var(--dui-clr-purple-d-3);
    --dui-accent-d-4:var(--dui-clr-purple-d-4);
}

.dui[class*="dui-fg-deep-purple"]{
    --dui-fg-l-5:var(--dui-clr-deep-purple-l-5);
    --dui-fg-l-4:var(--dui-clr-deep-purple-l-4);
    --dui-fg-l-3:var(--dui-clr-deep-purple-l-3);
    --dui-fg-l-2:var(--dui-clr-deep-purple-l-2);
    --dui-fg-l-1:var(--dui-clr-deep-purple-l-1);
    --dui-fg:var(--dui-clr-deep-purple);
    --dui-fg-d-1:var(--dui-clr-deep-purple-d-1);
    --dui-fg-d-2:var(--dui-clr-deep-purple-d-2);
    --dui-fg-d-3:var(--dui-clr-deep-purple-d-3);
    --dui-fg-d-4:var(--dui-clr-deep-purple-d-4);
}
.dui[class*="dui-bg-deep-purple"]{
    --dui-bg-l-5:var(--dui-clr-deep-purple-l-5);
    --dui-bg-l-4:var(--dui-clr-deep-purple-l-4);
    --dui-bg-l-3:var(--dui-clr-deep-purple-l-3);
    --dui-bg-l-2:var(--dui-clr-deep-purple-l-2);
    --dui-bg-l-1:var(--dui-clr-deep-purple-l-1);
    --dui-bg:var(--dui-clr-deep-purple);
    --dui-bg-d-1:var(--dui-clr-deep-purple-d-1);
    --dui-bg-d-2:var(--dui-clr-deep-purple-d-2);
    --dui-bg-d-3:var(--dui-clr-deep-purple-d-3);
    --dui-bg-d-4:var(--dui-clr-deep-purple-d-4);

}
.dui[class*="dui-accent-deep-purple"]{
    --dui-accent-l-5:var(--dui-clr-deep-purple-l-5);
    --dui-accent-l-4:var(--dui-clr-deep-purple-l-4);
    --dui-accent-l-3:var(--dui-clr-deep-purple-l-3);
    --dui-accent-l-2:var(--dui-clr-deep-purple-l-2);
    --dui-accent-l-1:var(--dui-clr-deep-purple-l-1);
    --dui-accent:var(--dui-clr-deep-purple);
    --dui-accent-d-1:var(--dui-clr-deep-purple-d-1);
    --dui-accent-d-2:var(--dui-clr-deep-purple-d-2);
    --dui-accent-d-3:var(--dui-clr-deep-purple-d-3);
    --dui-accent-d-4:var(--dui-clr-deep-purple-d-4);
}

.dui[class*="dui-fg-indigo"]{
    --dui-fg-l-5:var(--dui-clr-indigo-l-5);
    --dui-fg-l-4:var(--dui-clr-indigo-l-4);
    --dui-fg-l-3:var(--dui-clr-indigo-l-3);
    --dui-fg-l-2:var(--dui-clr-indigo-l-2);
    --dui-fg-l-1:var(--dui-clr-indigo-l-1);
    --dui-fg:var(--dui-clr-indigo);
    --dui-fg-d-1:var(--dui-clr-indigo-d-1);
    --dui-fg-d-2:var(--dui-clr-indigo-d-2);
    --dui-fg-d-3:var(--dui-clr-indigo-d-3);
    --dui-fg-d-4:var(--dui-clr-indigo-d-4);
}
.dui[class*="dui-bg-indigo"]{
    --dui-bg-l-5:var(--dui-clr-indigo-l-5);
    --dui-bg-l-4:var(--dui-clr-indigo-l-4);
    --dui-bg-l-3:var(--dui-clr-indigo-l-3);
    --dui-bg-l-2:var(--dui-clr-indigo-l-2);
    --dui-bg-l-1:var(--dui-clr-indigo-l-1);
    --dui-bg:var(--dui-clr-indigo);
    --dui-bg-d-1:var(--dui-clr-indigo-d-1);
    --dui-bg-d-2:var(--dui-clr-indigo-d-2);
    --dui-bg-d-3:var(--dui-clr-indigo-d-3);
    --dui-bg-d-4:var(--dui-clr-indigo-d-4);

}
.dui[class*="dui-accent-indigo"]{
    --dui-accent-l-5:var(--dui-clr-indigo-l-5);
    --dui-accent-l-4:var(--dui-clr-indigo-l-4);
    --dui-accent-l-3:var(--dui-clr-indigo-l-3);
    --dui-accent-l-2:var(--dui-clr-indigo-l-2);
    --dui-accent-l-1:var(--dui-clr-indigo-l-1);
    --dui-accent:var(--dui-clr-indigo);
    --dui-accent-d-1:var(--dui-clr-indigo-d-1);
    --dui-accent-d-2:var(--dui-clr-indigo-d-2);
    --dui-accent-d-3:var(--dui-clr-indigo-d-3);
    --dui-accent-d-4:var(--dui-clr-indigo-d-4);
}

.dui[class*="dui-fg-indigo"]{
    --dui-fg-l-5:var(--dui-clr-indigo-l-5);
    --dui-fg-l-4:var(--dui-clr-indigo-l-4);
    --dui-fg-l-3:var(--dui-clr-indigo-l-3);
    --dui-fg-l-2:var(--dui-clr-indigo-l-2);
    --dui-fg-l-1:var(--dui-clr-indigo-l-1);
    --dui-fg:var(--dui-clr-indigo);
    --dui-fg-d-1:var(--dui-clr-indigo-d-1);
    --dui-fg-d-2:var(--dui-clr-indigo-d-2);
    --dui-fg-d-3:var(--dui-clr-indigo-d-3);
    --dui-fg-d-4:var(--dui-clr-indigo-d-4);
}
.dui[class*="dui-bg-indigo"]{
    --dui-bg-l-5:var(--dui-clr-indigo-l-5);
    --dui-bg-l-4:var(--dui-clr-indigo-l-4);
    --dui-bg-l-3:var(--dui-clr-indigo-l-3);
    --dui-bg-l-2:var(--dui-clr-indigo-l-2);
    --dui-bg-l-1:var(--dui-clr-indigo-l-1);
    --dui-bg:var(--dui-clr-indigo);
    --dui-bg-d-1:var(--dui-clr-indigo-d-1);
    --dui-bg-d-2:var(--dui-clr-indigo-d-2);
    --dui-bg-d-3:var(--dui-clr-indigo-d-3);
    --dui-bg-d-4:var(--dui-clr-indigo-d-4);

}
.dui[class*="dui-accent-indigo"]{
    --dui-accent-l-5:var(--dui-clr-indigo-l-5);
    --dui-accent-l-4:var(--dui-clr-indigo-l-4);
    --dui-accent-l-3:var(--dui-clr-indigo-l-3);
    --dui-accent-l-2:var(--dui-clr-indigo-l-2);
    --dui-accent-l-1:var(--dui-clr-indigo-l-1);
    --dui-accent:var(--dui-clr-indigo);
    --dui-accent-d-1:var(--dui-clr-indigo-d-1);
    --dui-accent-d-2:var(--dui-clr-indigo-d-2);
    --dui-accent-d-3:var(--dui-clr-indigo-d-3);
    --dui-accent-d-4:var(--dui-clr-indigo-d-4);
}

.dui[class*="dui-fg-blue"]{
    --dui-fg-l-5:var(--dui-clr-blue-l-5);
    --dui-fg-l-4:var(--dui-clr-blue-l-4);
    --dui-fg-l-3:var(--dui-clr-blue-l-3);
    --dui-fg-l-2:var(--dui-clr-blue-l-2);
    --dui-fg-l-1:var(--dui-clr-blue-l-1);
    --dui-fg:var(--dui-clr-blue);
    --dui-fg-d-1:var(--dui-clr-blue-d-1);
    --dui-fg-d-2:var(--dui-clr-blue-d-2);
    --dui-fg-d-3:var(--dui-clr-blue-d-3);
    --dui-fg-d-4:var(--dui-clr-blue-d-4);
}
.dui[class*="dui-bg-blue"]{
    --dui-bg-l-5:var(--dui-clr-blue-l-5);
    --dui-bg-l-4:var(--dui-clr-blue-l-4);
    --dui-bg-l-3:var(--dui-clr-blue-l-3);
    --dui-bg-l-2:var(--dui-clr-blue-l-2);
    --dui-bg-l-1:var(--dui-clr-blue-l-1);
    --dui-bg:var(--dui-clr-blue);
    --dui-bg-d-1:var(--dui-clr-blue-d-1);
    --dui-bg-d-2:var(--dui-clr-blue-d-2);
    --dui-bg-d-3:var(--dui-clr-blue-d-3);
    --dui-bg-d-4:var(--dui-clr-blue-d-4);

}
.dui[class*="dui-accent-blue"]{
    --dui-accent-l-5:var(--dui-clr-blue-l-5);
    --dui-accent-l-4:var(--dui-clr-blue-l-4);
    --dui-accent-l-3:var(--dui-clr-blue-l-3);
    --dui-accent-l-2:var(--dui-clr-blue-l-2);
    --dui-accent-l-1:var(--dui-clr-blue-l-1);
    --dui-accent:var(--dui-clr-blue);
    --dui-accent-d-1:var(--dui-clr-blue-d-1);
    --dui-accent-d-2:var(--dui-clr-blue-d-2);
    --dui-accent-d-3:var(--dui-clr-blue-d-3);
    --dui-accent-d-4:var(--dui-clr-blue-d-4);
}

.dui[class*="dui-fg-light-blue"]{
    --dui-fg-l-5:var(--dui-clr-light-blue-l-5);
    --dui-fg-l-4:var(--dui-clr-light-blue-l-4);
    --dui-fg-l-3:var(--dui-clr-light-blue-l-3);
    --dui-fg-l-2:var(--dui-clr-light-blue-l-2);
    --dui-fg-l-1:var(--dui-clr-light-blue-l-1);
    --dui-fg:var(--dui-clr-light-blue);
    --dui-fg-d-1:var(--dui-clr-light-blue-d-1);
    --dui-fg-d-2:var(--dui-clr-light-blue-d-2);
    --dui-fg-d-3:var(--dui-clr-light-blue-d-3);
    --dui-fg-d-4:var(--dui-clr-light-blue-d-4);
}
.dui[class*="dui-bg-light-blue"]{
    --dui-bg-l-5:var(--dui-clr-light-blue-l-5);
    --dui-bg-l-4:var(--dui-clr-light-blue-l-4);
    --dui-bg-l-3:var(--dui-clr-light-blue-l-3);
    --dui-bg-l-2:var(--dui-clr-light-blue-l-2);
    --dui-bg-l-1:var(--dui-clr-light-blue-l-1);
    --dui-bg:var(--dui-clr-light-blue);
    --dui-bg-d-1:var(--dui-clr-light-blue-d-1);
    --dui-bg-d-2:var(--dui-clr-light-blue-d-2);
    --dui-bg-d-3:var(--dui-clr-light-blue-d-3);
    --dui-bg-d-4:var(--dui-clr-light-blue-d-4);

}
.dui[class*="dui-accent-light-blue"]{
    --dui-accent-l-5:var(--dui-clr-light-blue-l-5);
    --dui-accent-l-4:var(--dui-clr-light-blue-l-4);
    --dui-accent-l-3:var(--dui-clr-light-blue-l-3);
    --dui-accent-l-2:var(--dui-clr-light-blue-l-2);
    --dui-accent-l-1:var(--dui-clr-light-blue-l-1);
    --dui-accent:var(--dui-clr-light-blue);
    --dui-accent-d-1:var(--dui-clr-light-blue-d-1);
    --dui-accent-d-2:var(--dui-clr-light-blue-d-2);
    --dui-accent-d-3:var(--dui-clr-light-blue-d-3);
    --dui-accent-d-4:var(--dui-clr-light-blue-d-4);
}

.dui[class*="dui-fg-cyan"]{
    --dui-fg-l-5:var(--dui-clr-cyan-l-5);
    --dui-fg-l-4:var(--dui-clr-cyan-l-4);
    --dui-fg-l-3:var(--dui-clr-cyan-l-3);
    --dui-fg-l-2:var(--dui-clr-cyan-l-2);
    --dui-fg-l-1:var(--dui-clr-cyan-l-1);
    --dui-fg:var(--dui-clr-cyan);
    --dui-fg-d-1:var(--dui-clr-cyan-d-1);
    --dui-fg-d-2:var(--dui-clr-cyan-d-2);
    --dui-fg-d-3:var(--dui-clr-cyan-d-3);
    --dui-fg-d-4:var(--dui-clr-cyan-d-4);
}
.dui[class*="dui-bg-cyan"]{
    --dui-bg-l-5:var(--dui-clr-cyan-l-5);
    --dui-bg-l-4:var(--dui-clr-cyan-l-4);
    --dui-bg-l-3:var(--dui-clr-cyan-l-3);
    --dui-bg-l-2:var(--dui-clr-cyan-l-2);
    --dui-bg-l-1:var(--dui-clr-cyan-l-1);
    --dui-bg:var(--dui-clr-cyan);
    --dui-bg-d-1:var(--dui-clr-cyan-d-1);
    --dui-bg-d-2:var(--dui-clr-cyan-d-2);
    --dui-bg-d-3:var(--dui-clr-cyan-d-3);
    --dui-bg-d-4:var(--dui-clr-cyan-d-4);

}
.dui[class*="dui-accent-cyan"]{
    --dui-accent-l-5:var(--dui-clr-cyan-l-5);
    --dui-accent-l-4:var(--dui-clr-cyan-l-4);
    --dui-accent-l-3:var(--dui-clr-cyan-l-3);
    --dui-accent-l-2:var(--dui-clr-cyan-l-2);
    --dui-accent-l-1:var(--dui-clr-cyan-l-1);
    --dui-accent:var(--dui-clr-cyan);
    --dui-accent-d-1:var(--dui-clr-cyan-d-1);
    --dui-accent-d-2:var(--dui-clr-cyan-d-2);
    --dui-accent-d-3:var(--dui-clr-cyan-d-3);
    --dui-accent-d-4:var(--dui-clr-cyan-d-4);
}

.dui[class*="dui-fg-teal"]{
    --dui-fg-l-5:var(--dui-clr-teal-l-5);
    --dui-fg-l-4:var(--dui-clr-teal-l-4);
    --dui-fg-l-3:var(--dui-clr-teal-l-3);
    --dui-fg-l-2:var(--dui-clr-teal-l-2);
    --dui-fg-l-1:var(--dui-clr-teal-l-1);
    --dui-fg:var(--dui-clr-teal);
    --dui-fg-d-1:var(--dui-clr-teal-d-1);
    --dui-fg-d-2:var(--dui-clr-teal-d-2);
    --dui-fg-d-3:var(--dui-clr-teal-d-3);
    --dui-fg-d-4:var(--dui-clr-teal-d-4);
}
.dui[class*="dui-bg-teal"]{
    --dui-bg-l-5:var(--dui-clr-teal-l-5);
    --dui-bg-l-4:var(--dui-clr-teal-l-4);
    --dui-bg-l-3:var(--dui-clr-teal-l-3);
    --dui-bg-l-2:var(--dui-clr-teal-l-2);
    --dui-bg-l-1:var(--dui-clr-teal-l-1);
    --dui-bg:var(--dui-clr-teal);
    --dui-bg-d-1:var(--dui-clr-teal-d-1);
    --dui-bg-d-2:var(--dui-clr-teal-d-2);
    --dui-bg-d-3:var(--dui-clr-teal-d-3);
    --dui-bg-d-4:var(--dui-clr-teal-d-4);

}
.dui[class*="dui-accent-teal"]{
    --dui-accent-l-5:var(--dui-clr-teal-l-5);
    --dui-accent-l-4:var(--dui-clr-teal-l-4);
    --dui-accent-l-3:var(--dui-clr-teal-l-3);
    --dui-accent-l-2:var(--dui-clr-teal-l-2);
    --dui-accent-l-1:var(--dui-clr-teal-l-1);
    --dui-accent:var(--dui-clr-teal);
    --dui-accent-d-1:var(--dui-clr-teal-d-1);
    --dui-accent-d-2:var(--dui-clr-teal-d-2);
    --dui-accent-d-3:var(--dui-clr-teal-d-3);
    --dui-accent-d-4:var(--dui-clr-teal-d-4);
}

.dui[class*="dui-fg-green"]{
    --dui-fg-l-5:var(--dui-clr-green-l-5);
    --dui-fg-l-4:var(--dui-clr-green-l-4);
    --dui-fg-l-3:var(--dui-clr-green-l-3);
    --dui-fg-l-2:var(--dui-clr-green-l-2);
    --dui-fg-l-1:var(--dui-clr-green-l-1);
    --dui-fg:var(--dui-clr-green);
    --dui-fg-d-1:var(--dui-clr-green-d-1);
    --dui-fg-d-2:var(--dui-clr-green-d-2);
    --dui-fg-d-3:var(--dui-clr-green-d-3);
    --dui-fg-d-4:var(--dui-clr-green-d-4);
}
.dui[class*="dui-bg-green"]{
    --dui-bg-l-5:var(--dui-clr-green-l-5);
    --dui-bg-l-4:var(--dui-clr-green-l-4);
    --dui-bg-l-3:var(--dui-clr-green-l-3);
    --dui-bg-l-2:var(--dui-clr-green-l-2);
    --dui-bg-l-1:var(--dui-clr-green-l-1);
    --dui-bg:var(--dui-clr-green);
    --dui-bg-d-1:var(--dui-clr-green-d-1);
    --dui-bg-d-2:var(--dui-clr-green-d-2);
    --dui-bg-d-3:var(--dui-clr-green-d-3);
    --dui-bg-d-4:var(--dui-clr-green-d-4);

}
.dui[class*="dui-accent-green"]{
    --dui-accent-l-5:var(--dui-clr-green-l-5);
    --dui-accent-l-4:var(--dui-clr-green-l-4);
    --dui-accent-l-3:var(--dui-clr-green-l-3);
    --dui-accent-l-2:var(--dui-clr-green-l-2);
    --dui-accent-l-1:var(--dui-clr-green-l-1);
    --dui-accent:var(--dui-clr-green);
    --dui-accent-d-1:var(--dui-clr-green-d-1);
    --dui-accent-d-2:var(--dui-clr-green-d-2);
    --dui-accent-d-3:var(--dui-clr-green-d-3);
    --dui-accent-d-4:var(--dui-clr-green-d-4);
}

.dui[class*="dui-fg-light-green"]{
    --dui-fg-l-5:var(--dui-clr-light-green-l-5);
    --dui-fg-l-4:var(--dui-clr-light-green-l-4);
    --dui-fg-l-3:var(--dui-clr-light-green-l-3);
    --dui-fg-l-2:var(--dui-clr-light-green-l-2);
    --dui-fg-l-1:var(--dui-clr-light-green-l-1);
    --dui-fg:var(--dui-clr-light-green);
    --dui-fg-d-1:var(--dui-clr-light-green-d-1);
    --dui-fg-d-2:var(--dui-clr-light-green-d-2);
    --dui-fg-d-3:var(--dui-clr-light-green-d-3);
    --dui-fg-d-4:var(--dui-clr-light-green-d-4);
}
.dui[class*="dui-bg-light-green"]{
    --dui-bg-l-5:var(--dui-clr-light-green-l-5);
    --dui-bg-l-4:var(--dui-clr-light-green-l-4);
    --dui-bg-l-3:var(--dui-clr-light-green-l-3);
    --dui-bg-l-2:var(--dui-clr-light-green-l-2);
    --dui-bg-l-1:var(--dui-clr-light-green-l-1);
    --dui-bg:var(--dui-clr-light-green);
    --dui-bg-d-1:var(--dui-clr-light-green-d-1);
    --dui-bg-d-2:var(--dui-clr-light-green-d-2);
    --dui-bg-d-3:var(--dui-clr-light-green-d-3);
    --dui-bg-d-4:var(--dui-clr-light-green-d-4);

}
.dui[class*="dui-accent-light-green"]{
    --dui-accent-l-5:var(--dui-clr-light-green-l-5);
    --dui-accent-l-4:var(--dui-clr-light-green-l-4);
    --dui-accent-l-3:var(--dui-clr-light-green-l-3);
    --dui-accent-l-2:var(--dui-clr-light-green-l-2);
    --dui-accent-l-1:var(--dui-clr-light-green-l-1);
    --dui-accent:var(--dui-clr-light-green);
    --dui-accent-d-1:var(--dui-clr-light-green-d-1);
    --dui-accent-d-2:var(--dui-clr-light-green-d-2);
    --dui-accent-d-3:var(--dui-clr-light-green-d-3);
    --dui-accent-d-4:var(--dui-clr-light-green-d-4);
}

.dui[class*="dui-fg-lime"]{
    --dui-fg-l-5:var(--dui-clr-lime-l-5);
    --dui-fg-l-4:var(--dui-clr-lime-l-4);
    --dui-fg-l-3:var(--dui-clr-lime-l-3);
    --dui-fg-l-2:var(--dui-clr-lime-l-2);
    --dui-fg-l-1:var(--dui-clr-lime-l-1);
    --dui-fg:var(--dui-clr-lime);
    --dui-fg-d-1:var(--dui-clr-lime-d-1);
    --dui-fg-d-2:var(--dui-clr-lime-d-2);
    --dui-fg-d-3:var(--dui-clr-lime-d-3);
    --dui-fg-d-4:var(--dui-clr-lime-d-4);
}
.dui[class*="dui-bg-lime"]{
    --dui-bg-l-5:var(--dui-clr-lime-l-5);
    --dui-bg-l-4:var(--dui-clr-lime-l-4);
    --dui-bg-l-3:var(--dui-clr-lime-l-3);
    --dui-bg-l-2:var(--dui-clr-lime-l-2);
    --dui-bg-l-1:var(--dui-clr-lime-l-1);
    --dui-bg:var(--dui-clr-lime);
    --dui-bg-d-1:var(--dui-clr-lime-d-1);
    --dui-bg-d-2:var(--dui-clr-lime-d-2);
    --dui-bg-d-3:var(--dui-clr-lime-d-3);
    --dui-bg-d-4:var(--dui-clr-lime-d-4);

}
.dui[class*="dui-accent-lime"]{
    --dui-accent-l-5:var(--dui-clr-lime-l-5);
    --dui-accent-l-4:var(--dui-clr-lime-l-4);
    --dui-accent-l-3:var(--dui-clr-lime-l-3);
    --dui-accent-l-2:var(--dui-clr-lime-l-2);
    --dui-accent-l-1:var(--dui-clr-lime-l-1);
    --dui-accent:var(--dui-clr-lime);
    --dui-accent-d-1:var(--dui-clr-lime-d-1);
    --dui-accent-d-2:var(--dui-clr-lime-d-2);
    --dui-accent-d-3:var(--dui-clr-lime-d-3);
    --dui-accent-d-4:var(--dui-clr-lime-d-4);
}

.dui[class*="dui-fg-yellow"]{
    --dui-fg-l-5:var(--dui-clr-yellow-l-5);
    --dui-fg-l-4:var(--dui-clr-yellow-l-4);
    --dui-fg-l-3:var(--dui-clr-yellow-l-3);
    --dui-fg-l-2:var(--dui-clr-yellow-l-2);
    --dui-fg-l-1:var(--dui-clr-yellow-l-1);
    --dui-fg:var(--dui-clr-yellow);
    --dui-fg-d-1:var(--dui-clr-yellow-d-1);
    --dui-fg-d-2:var(--dui-clr-yellow-d-2);
    --dui-fg-d-3:var(--dui-clr-yellow-d-3);
    --dui-fg-d-4:var(--dui-clr-yellow-d-4);
}
.dui[class*="dui-bg-yellow"]{
    --dui-bg-l-5:var(--dui-clr-yellow-l-5);
    --dui-bg-l-4:var(--dui-clr-yellow-l-4);
    --dui-bg-l-3:var(--dui-clr-yellow-l-3);
    --dui-bg-l-2:var(--dui-clr-yellow-l-2);
    --dui-bg-l-1:var(--dui-clr-yellow-l-1);
    --dui-bg:var(--dui-clr-yellow);
    --dui-bg-d-1:var(--dui-clr-yellow-d-1);
    --dui-bg-d-2:var(--dui-clr-yellow-d-2);
    --dui-bg-d-3:var(--dui-clr-yellow-d-3);
    --dui-bg-d-4:var(--dui-clr-yellow-d-4);

}
.dui[class*="dui-accent-yellow"]{
    --dui-accent-l-5:var(--dui-clr-yellow-l-5);
    --dui-accent-l-4:var(--dui-clr-yellow-l-4);
    --dui-accent-l-3:var(--dui-clr-yellow-l-3);
    --dui-accent-l-2:var(--dui-clr-yellow-l-2);
    --dui-accent-l-1:var(--dui-clr-yellow-l-1);
    --dui-accent:var(--dui-clr-yellow);
    --dui-accent-d-1:var(--dui-clr-yellow-d-1);
    --dui-accent-d-2:var(--dui-clr-yellow-d-2);
    --dui-accent-d-3:var(--dui-clr-yellow-d-3);
    --dui-accent-d-4:var(--dui-clr-yellow-d-4);
}

.dui[class*="dui-fg-amber"]{
    --dui-fg-l-5:var(--dui-clr-amber-l-5);
    --dui-fg-l-4:var(--dui-clr-amber-l-4);
    --dui-fg-l-3:var(--dui-clr-amber-l-3);
    --dui-fg-l-2:var(--dui-clr-amber-l-2);
    --dui-fg-l-1:var(--dui-clr-amber-l-1);
    --dui-fg:var(--dui-clr-amber);
    --dui-fg-d-1:var(--dui-clr-amber-d-1);
    --dui-fg-d-2:var(--dui-clr-amber-d-2);
    --dui-fg-d-3:var(--dui-clr-amber-d-3);
    --dui-fg-d-4:var(--dui-clr-amber-d-4);
}
.dui[class*="dui-bg-amber"]{
    --dui-bg-l-5:var(--dui-clr-amber-l-5);
    --dui-bg-l-4:var(--dui-clr-amber-l-4);
    --dui-bg-l-3:var(--dui-clr-amber-l-3);
    --dui-bg-l-2:var(--dui-clr-amber-l-2);
    --dui-bg-l-1:var(--dui-clr-amber-l-1);
    --dui-bg:var(--dui-clr-amber);
    --dui-bg-d-1:var(--dui-clr-amber-d-1);
    --dui-bg-d-2:var(--dui-clr-amber-d-2);
    --dui-bg-d-3:var(--dui-clr-amber-d-3);
    --dui-bg-d-4:var(--dui-clr-amber-d-4);

}
.dui[class*="dui-accent-amber"]{
    --dui-accent-l-5:var(--dui-clr-amber-l-5);
    --dui-accent-l-4:var(--dui-clr-amber-l-4);
    --dui-accent-l-3:var(--dui-clr-amber-l-3);
    --dui-accent-l-2:var(--dui-clr-amber-l-2);
    --dui-accent-l-1:var(--dui-clr-amber-l-1);
    --dui-accent:var(--dui-clr-amber);
    --dui-accent-d-1:var(--dui-clr-amber-d-1);
    --dui-accent-d-2:var(--dui-clr-amber-d-2);
    --dui-accent-d-3:var(--dui-clr-amber-d-3);
    --dui-accent-d-4:var(--dui-clr-amber-d-4);
}

.dui[class*="dui-fg-orange"]{
    --dui-fg-l-5:var(--dui-clr-orange-l-5);
    --dui-fg-l-4:var(--dui-clr-orange-l-4);
    --dui-fg-l-3:var(--dui-clr-orange-l-3);
    --dui-fg-l-2:var(--dui-clr-orange-l-2);
    --dui-fg-l-1:var(--dui-clr-orange-l-1);
    --dui-fg:var(--dui-clr-orange);
    --dui-fg-d-1:var(--dui-clr-orange-d-1);
    --dui-fg-d-2:var(--dui-clr-orange-d-2);
    --dui-fg-d-3:var(--dui-clr-orange-d-3);
    --dui-fg-d-4:var(--dui-clr-orange-d-4);
}
.dui[class*="dui-bg-orange"]{
    --dui-bg-l-5:var(--dui-clr-orange-l-5);
    --dui-bg-l-4:var(--dui-clr-orange-l-4);
    --dui-bg-l-3:var(--dui-clr-orange-l-3);
    --dui-bg-l-2:var(--dui-clr-orange-l-2);
    --dui-bg-l-1:var(--dui-clr-orange-l-1);
    --dui-bg:var(--dui-clr-orange);
    --dui-bg-d-1:var(--dui-clr-orange-d-1);
    --dui-bg-d-2:var(--dui-clr-orange-d-2);
    --dui-bg-d-3:var(--dui-clr-orange-d-3);
    --dui-bg-d-4:var(--dui-clr-orange-d-4);

}
.dui[class*="dui-accent-orange"]{
    --dui-accent-l-5:var(--dui-clr-orange-l-5);
    --dui-accent-l-4:var(--dui-clr-orange-l-4);
    --dui-accent-l-3:var(--dui-clr-orange-l-3);
    --dui-accent-l-2:var(--dui-clr-orange-l-2);
    --dui-accent-l-1:var(--dui-clr-orange-l-1);
    --dui-accent:var(--dui-clr-orange);
    --dui-accent-d-1:var(--dui-clr-orange-d-1);
    --dui-accent-d-2:var(--dui-clr-orange-d-2);
    --dui-accent-d-3:var(--dui-clr-orange-d-3);
    --dui-accent-d-4:var(--dui-clr-orange-d-4);
}

.dui[class*="dui-fg-deep-orange"]{
    --dui-fg-l-5:var(--dui-clr-deep-orange-l-5);
    --dui-fg-l-4:var(--dui-clr-deep-orange-l-4);
    --dui-fg-l-3:var(--dui-clr-deep-orange-l-3);
    --dui-fg-l-2:var(--dui-clr-deep-orange-l-2);
    --dui-fg-l-1:var(--dui-clr-deep-orange-l-1);
    --dui-fg:var(--dui-clr-deep-orange);
    --dui-fg-d-1:var(--dui-clr-deep-orange-d-1);
    --dui-fg-d-2:var(--dui-clr-deep-orange-d-2);
    --dui-fg-d-3:var(--dui-clr-deep-orange-d-3);
    --dui-fg-d-4:var(--dui-clr-deep-orange-d-4);
}
.dui[class*="dui-bg-deep-orange"]{
    --dui-bg-l-5:var(--dui-clr-deep-orange-l-5);
    --dui-bg-l-4:var(--dui-clr-deep-orange-l-4);
    --dui-bg-l-3:var(--dui-clr-deep-orange-l-3);
    --dui-bg-l-2:var(--dui-clr-deep-orange-l-2);
    --dui-bg-l-1:var(--dui-clr-deep-orange-l-1);
    --dui-bg:var(--dui-clr-deep-orange);
    --dui-bg-d-1:var(--dui-clr-deep-orange-d-1);
    --dui-bg-d-2:var(--dui-clr-deep-orange-d-2);
    --dui-bg-d-3:var(--dui-clr-deep-orange-d-3);
    --dui-bg-d-4:var(--dui-clr-deep-orange-d-4);

}
.dui[class*="dui-accent-deep-orange"]{
    --dui-accent-l-5:var(--dui-clr-deep-orange-l-5);
    --dui-accent-l-4:var(--dui-clr-deep-orange-l-4);
    --dui-accent-l-3:var(--dui-clr-deep-orange-l-3);
    --dui-accent-l-2:var(--dui-clr-deep-orange-l-2);
    --dui-accent-l-1:var(--dui-clr-deep-orange-l-1);
    --dui-accent:var(--dui-clr-deep-orange);
    --dui-accent-d-1:var(--dui-clr-deep-orange-d-1);
    --dui-accent-d-2:var(--dui-clr-deep-orange-d-2);
    --dui-accent-d-3:var(--dui-clr-deep-orange-d-3);
    --dui-accent-d-4:var(--dui-clr-deep-orange-d-4);
}

.dui[class*="dui-fg-brown"]{
    --dui-fg-l-5:var(--dui-clr-brown-l-5);
    --dui-fg-l-4:var(--dui-clr-brown-l-4);
    --dui-fg-l-3:var(--dui-clr-brown-l-3);
    --dui-fg-l-2:var(--dui-clr-brown-l-2);
    --dui-fg-l-1:var(--dui-clr-brown-l-1);
    --dui-fg:var(--dui-clr-brown);
    --dui-fg-d-1:var(--dui-clr-brown-d-1);
    --dui-fg-d-2:var(--dui-clr-brown-d-2);
    --dui-fg-d-3:var(--dui-clr-brown-d-3);
    --dui-fg-d-4:var(--dui-clr-brown-d-4);
}
.dui[class*="dui-bg-brown"]{
    --dui-bg-l-5:var(--dui-clr-brown-l-5);
    --dui-bg-l-4:var(--dui-clr-brown-l-4);
    --dui-bg-l-3:var(--dui-clr-brown-l-3);
    --dui-bg-l-2:var(--dui-clr-brown-l-2);
    --dui-bg-l-1:var(--dui-clr-brown-l-1);
    --dui-bg:var(--dui-clr-brown);
    --dui-bg-d-1:var(--dui-clr-brown-d-1);
    --dui-bg-d-2:var(--dui-clr-brown-d-2);
    --dui-bg-d-3:var(--dui-clr-brown-d-3);
    --dui-bg-d-4:var(--dui-clr-brown-d-4);

}
.dui[class*="dui-accent-brown"]{
    --dui-accent-l-5:var(--dui-clr-brown-l-5);
    --dui-accent-l-4:var(--dui-clr-brown-l-4);
    --dui-accent-l-3:var(--dui-clr-brown-l-3);
    --dui-accent-l-2:var(--dui-clr-brown-l-2);
    --dui-accent-l-1:var(--dui-clr-brown-l-1);
    --dui-accent:var(--dui-clr-brown);
    --dui-accent-d-1:var(--dui-clr-brown-d-1);
    --dui-accent-d-2:var(--dui-clr-brown-d-2);
    --dui-accent-d-3:var(--dui-clr-brown-d-3);
    --dui-accent-d-4:var(--dui-clr-brown-d-4);
}

.dui[class*="dui-fg-grey"]{
    --dui-fg-l-5:var(--dui-clr-grey-l-5);
    --dui-fg-l-4:var(--dui-clr-grey-l-4);
    --dui-fg-l-3:var(--dui-clr-grey-l-3);
    --dui-fg-l-2:var(--dui-clr-grey-l-2);
    --dui-fg-l-1:var(--dui-clr-grey-l-1);
    --dui-fg:var(--dui-clr-grey);
    --dui-fg-d-1:var(--dui-clr-grey-d-1);
    --dui-fg-d-2:var(--dui-clr-grey-d-2);
    --dui-fg-d-3:var(--dui-clr-grey-d-3);
    --dui-fg-d-4:var(--dui-clr-grey-d-4);
}
.dui[class*="dui-bg-grey"]{
    --dui-bg-l-5:var(--dui-clr-grey-l-5);
    --dui-bg-l-4:var(--dui-clr-grey-l-4);
    --dui-bg-l-3:var(--dui-clr-grey-l-3);
    --dui-bg-l-2:var(--dui-clr-grey-l-2);
    --dui-bg-l-1:var(--dui-clr-grey-l-1);
    --dui-bg:var(--dui-clr-grey);
    --dui-bg-d-1:var(--dui-clr-grey-d-1);
    --dui-bg-d-2:var(--dui-clr-grey-d-2);
    --dui-bg-d-3:var(--dui-clr-grey-d-3);
    --dui-bg-d-4:var(--dui-clr-grey-d-4);

}
.dui[class*="dui-accent-grey"]{
    --dui-accent-l-5:var(--dui-clr-grey-l-5);
    --dui-accent-l-4:var(--dui-clr-grey-l-4);
    --dui-accent-l-3:var(--dui-clr-grey-l-3);
    --dui-accent-l-2:var(--dui-clr-grey-l-2);
    --dui-accent-l-1:var(--dui-clr-grey-l-1);
    --dui-accent:var(--dui-clr-grey);
    --dui-accent-d-1:var(--dui-clr-grey-d-1);
    --dui-accent-d-2:var(--dui-clr-grey-d-2);
    --dui-accent-d-3:var(--dui-clr-grey-d-3);
    --dui-accent-d-4:var(--dui-clr-grey-d-4);
}

.dui[class*="dui-fg-blue-grey"]{
    --dui-fg-l-5:var(--dui-clr-blue-grey-l-5);
    --dui-fg-l-4:var(--dui-clr-blue-grey-l-4);
    --dui-fg-l-3:var(--dui-clr-blue-grey-l-3);
    --dui-fg-l-2:var(--dui-clr-blue-grey-l-2);
    --dui-fg-l-1:var(--dui-clr-blue-grey-l-1);
    --dui-fg:var(--dui-clr-blue-grey);
    --dui-fg-d-1:var(--dui-clr-blue-grey-d-1);
    --dui-fg-d-2:var(--dui-clr-blue-grey-d-2);
    --dui-fg-d-3:var(--dui-clr-blue-grey-d-3);
    --dui-fg-d-4:var(--dui-clr-blue-grey-d-4);
}
.dui[class*="dui-bg-blue-grey"]{
    --dui-bg-l-5:var(--dui-clr-blue-grey-l-5);
    --dui-bg-l-4:var(--dui-clr-blue-grey-l-4);
    --dui-bg-l-3:var(--dui-clr-blue-grey-l-3);
    --dui-bg-l-2:var(--dui-clr-blue-grey-l-2);
    --dui-bg-l-1:var(--dui-clr-blue-grey-l-1);
    --dui-bg:var(--dui-clr-blue-grey);
    --dui-bg-d-1:var(--dui-clr-blue-grey-d-1);
    --dui-bg-d-2:var(--dui-clr-blue-grey-d-2);
    --dui-bg-d-3:var(--dui-clr-blue-grey-d-3);
    --dui-bg-d-4:var(--dui-clr-blue-grey-d-4);

}
.dui[class*="dui-accent-blue-grey"]{
    --dui-accent-l-5:var(--dui-clr-blue-grey-l-5);
    --dui-accent-l-4:var(--dui-clr-blue-grey-l-4);
    --dui-accent-l-3:var(--dui-clr-blue-grey-l-3);
    --dui-accent-l-2:var(--dui-clr-blue-grey-l-2);
    --dui-accent-l-1:var(--dui-clr-blue-grey-l-1);
    --dui-accent:var(--dui-clr-blue-grey);
    --dui-accent-d-1:var(--dui-clr-blue-grey-d-1);
    --dui-accent-d-2:var(--dui-clr-blue-grey-d-2);
    --dui-accent-d-3:var(--dui-clr-blue-grey-d-3);
    --dui-accent-d-4:var(--dui-clr-blue-grey-d-4);
}

.dui[class*="dui-fg-white"]{
    --dui-fg-l-5:var(--dui-clr-white-l-5);
    --dui-fg-l-4:var(--dui-clr-white-l-4);
    --dui-fg-l-3:var(--dui-clr-white-l-3);
    --dui-fg-l-2:var(--dui-clr-white-l-2);
    --dui-fg-l-1:var(--dui-clr-white-l-1);
    --dui-fg:var(--dui-clr-white);
    --dui-fg-d-1:var(--dui-clr-white-d-1);
    --dui-fg-d-2:var(--dui-clr-white-d-2);
    --dui-fg-d-3:var(--dui-clr-white-d-3);
    --dui-fg-d-4:var(--dui-clr-white-d-4);
}
.dui[class*="dui-bg-white"]{
    --dui-bg-l-5:var(--dui-clr-white-l-5);
    --dui-bg-l-4:var(--dui-clr-white-l-4);
    --dui-bg-l-3:var(--dui-clr-white-l-3);
    --dui-bg-l-2:var(--dui-clr-white-l-2);
    --dui-bg-l-1:var(--dui-clr-white-l-1);
    --dui-bg:var(--dui-clr-white);
    --dui-bg-d-1:var(--dui-clr-white-d-1);
    --dui-bg-d-2:var(--dui-clr-white-d-2);
    --dui-bg-d-3:var(--dui-clr-white-d-3);
    --dui-bg-d-4:var(--dui-clr-white-d-4);

}
.dui[class*="dui-accent-white"]{
    --dui-accent-l-5:var(--dui-clr-white-l-5);
    --dui-accent-l-4:var(--dui-clr-white-l-4);
    --dui-accent-l-3:var(--dui-clr-white-l-3);
    --dui-accent-l-2:var(--dui-clr-white-l-2);
    --dui-accent-l-1:var(--dui-clr-white-l-1);
    --dui-accent:var(--dui-clr-white);
    --dui-accent-d-1:var(--dui-clr-white-d-1);
    --dui-accent-d-2:var(--dui-clr-white-d-2);
    --dui-accent-d-3:var(--dui-clr-white-d-3);
    --dui-accent-d-4:var(--dui-clr-white-d-4);
}

.dui[class*="dui-fg-black"]{
    --dui-fg-l-5:var(--dui-clr-black-l-5);
    --dui-fg-l-4:var(--dui-clr-black-l-4);
    --dui-fg-l-3:var(--dui-clr-black-l-3);
    --dui-fg-l-2:var(--dui-clr-black-l-2);
    --dui-fg-l-1:var(--dui-clr-black-l-1);
    --dui-fg:var(--dui-clr-black);
    --dui-fg-d-1:var(--dui-clr-black-d-1);
    --dui-fg-d-2:var(--dui-clr-black-d-2);
    --dui-fg-d-3:var(--dui-clr-black-d-3);
    --dui-fg-d-4:var(--dui-clr-black-d-4);
}
.dui[class*="dui-bg-black"]{
    --dui-bg-l-5:var(--dui-clr-black-l-5);
    --dui-bg-l-4:var(--dui-clr-black-l-4);
    --dui-bg-l-3:var(--dui-clr-black-l-3);
    --dui-bg-l-2:var(--dui-clr-black-l-2);
    --dui-bg-l-1:var(--dui-clr-black-l-1);
    --dui-bg:var(--dui-clr-black);
    --dui-bg-d-1:var(--dui-clr-black-d-1);
    --dui-bg-d-2:var(--dui-clr-black-d-2);
    --dui-bg-d-3:var(--dui-clr-black-d-3);
    --dui-bg-d-4:var(--dui-clr-black-d-4);

}
.dui[class*="dui-accent-black"]{
    --dui-accent-l-5:var(--dui-clr-black-l-5);
    --dui-accent-l-4:var(--dui-clr-black-l-4);
    --dui-accent-l-3:var(--dui-clr-black-l-3);
    --dui-accent-l-2:var(--dui-clr-black-l-2);
    --dui-accent-l-1:var(--dui-clr-black-l-1);
    --dui-accent:var(--dui-clr-black);
    --dui-accent-d-1:var(--dui-clr-black-d-1);
    --dui-accent-d-2:var(--dui-clr-black-d-2);
    --dui-accent-d-3:var(--dui-clr-black-d-3);
    --dui-accent-d-4:var(--dui-clr-black-d-4);
}

.dui.dui-fg-dominant-l-5 {
    --dui-fg-clr: var(--dui-clr-dominant-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant-l-5);
}
.dui.dui-bg-dominant-l-5 {
    --dui-bg-clr: var(--dui-clr-dominant-l-5);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-accent-dominant-l-5 {
    --dui-accent-clr: var(--dui-clr-dominant-l-5);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-shadow-dominant-l-5 {
    --dui-shadow-clr: var(--dui-clr-dominant-l-5);
}
.dui.dui-text-decoration-dominant-l-5{
    --dui-text-decoration-clr: var(--dui-clr-dominant-l-5);
    text-decoration-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-border-dominant-l-5{
    --dui-border-clr: var(--dui-clr-dominant-l-5);
    border-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-border-x-dominant-l-5{
    --dui-border-x-clr: var(--dui-clr-dominant-l-5);
    border-left-color: var(--dui-clr-dominant-l-5);
    border-right-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-border-y-dominant-l-5{
    --dui-border-y-clr: var(--dui-clr-dominant-l-5);
    border-top-color: var(--dui-clr-dominant-l-5);
    border-bottom-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-border-t-dominant-l-5{
    --dui-border-t-clr: var(--dui-clr-dominant-l-5);
    border-top-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-border-r-dominant-l-5{
    --dui-border-r-clr: var(--dui-clr-dominant-l-5);
    border-right-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-border-b-dominant-l-5{
    --dui-border-b-clr: var(--dui-clr-dominant-l-5);
    border-bottom-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-border-l-dominant-l-5{
    --dui-border-l-clr: var(--dui-clr-dominant-l-5);
    border-left-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-divide-dominant-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-dominant-l-5);
    border-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-outline-dominant-l-5{
    --dui-outline-clr: var(--dui-clr-dominant-l-5);
    outline-color: var(--dui-clr-dominant-l-5);
}
.dui.dui-fg-dominant-l-4 {
    --dui-fg-clr: var(--dui-clr-dominant-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant-l-4);
}
.dui.dui-bg-dominant-l-4 {
    --dui-bg-clr: var(--dui-clr-dominant-l-4);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-accent-dominant-l-4 {
    --dui-accent-clr: var(--dui-clr-dominant-l-4);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-shadow-dominant-l-4 {
    --dui-shadow-clr: var(--dui-clr-dominant-l-4);
}
.dui.dui-text-decoration-dominant-l-4{
    --dui-text-decoration-clr: var(--dui-clr-dominant-l-4);
    text-decoration-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-border-dominant-l-4{
    --dui-border-clr: var(--dui-clr-dominant-l-4);
    border-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-border-x-dominant-l-4{
    --dui-border-x-clr: var(--dui-clr-dominant-l-4);
    border-left-color: var(--dui-clr-dominant-l-4);
    border-right-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-border-y-dominant-l-4{
    --dui-border-y-clr: var(--dui-clr-dominant-l-4);
    border-top-color: var(--dui-clr-dominant-l-4);
    border-bottom-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-border-t-dominant-l-4{
    --dui-border-t-clr: var(--dui-clr-dominant-l-4);
    border-top-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-border-r-dominant-l-4{
    --dui-border-r-clr: var(--dui-clr-dominant-l-4);
    border-right-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-border-b-dominant-l-4{
    --dui-border-b-clr: var(--dui-clr-dominant-l-4);
    border-bottom-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-border-l-dominant-l-4{
    --dui-border-l-clr: var(--dui-clr-dominant-l-4);
    border-left-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-divide-dominant-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-dominant-l-4);
    border-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-outline-dominant-l-4{
    --dui-outline-clr: var(--dui-clr-dominant-l-4);
    outline-color: var(--dui-clr-dominant-l-4);
}
.dui.dui-fg-dominant-l-3 {
    --dui-fg-clr: var(--dui-clr-dominant-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant-l-3);
}
.dui.dui-bg-dominant-l-3 {
    --dui-bg-clr: var(--dui-clr-dominant-l-3);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-accent-dominant-l-3 {
    --dui-accent-clr: var(--dui-clr-dominant-l-3);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-shadow-dominant-l-3 {
    --dui-shadow-clr: var(--dui-clr-dominant-l-3);
}
.dui.dui-text-decoration-dominant-l-3{
    --dui-text-decoration-clr: var(--dui-clr-dominant-l-3);
    text-decoration-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-border-dominant-l-3{
    --dui-border-clr: var(--dui-clr-dominant-l-3);
    border-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-border-x-dominant-l-3{
    --dui-border-x-clr: var(--dui-clr-dominant-l-3);
    border-left-color: var(--dui-clr-dominant-l-3);
    border-right-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-border-y-dominant-l-3{
    --dui-border-y-clr: var(--dui-clr-dominant-l-3);
    border-top-color: var(--dui-clr-dominant-l-3);
    border-bottom-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-border-t-dominant-l-3{
    --dui-border-t-clr: var(--dui-clr-dominant-l-3);
    border-top-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-border-r-dominant-l-3{
    --dui-border-r-clr: var(--dui-clr-dominant-l-3);
    border-right-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-border-b-dominant-l-3{
    --dui-border-b-clr: var(--dui-clr-dominant-l-3);
    border-bottom-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-border-l-dominant-l-3{
    --dui-border-l-clr: var(--dui-clr-dominant-l-3);
    border-left-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-divide-dominant-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-dominant-l-3);
    border-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-outline-dominant-l-3{
    --dui-outline-clr: var(--dui-clr-dominant-l-3);
    outline-color: var(--dui-clr-dominant-l-3);
}
.dui.dui-fg-dominant-l-2 {
    --dui-fg-clr: var(--dui-clr-dominant-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant-l-2);
}
.dui.dui-bg-dominant-l-2 {
    --dui-bg-clr: var(--dui-clr-dominant-l-2);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-accent-dominant-l-2 {
    --dui-accent-clr: var(--dui-clr-dominant-l-2);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-shadow-dominant-l-2 {
    --dui-shadow-clr: var(--dui-clr-dominant-l-2);
}
.dui.dui-text-decoration-dominant-l-2{
    --dui-text-decoration-clr: var(--dui-clr-dominant-l-2);
    text-decoration-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-border-dominant-l-2{
    --dui-border-clr: var(--dui-clr-dominant-l-2);
    border-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-border-x-dominant-l-2{
    --dui-border-x-clr: var(--dui-clr-dominant-l-2);
    border-left-color: var(--dui-clr-dominant-l-2);
    border-right-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-border-y-dominant-l-2{
    --dui-border-y-clr: var(--dui-clr-dominant-l-2);
    border-top-color: var(--dui-clr-dominant-l-2);
    border-bottom-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-border-t-dominant-l-2{
    --dui-border-t-clr: var(--dui-clr-dominant-l-2);
    border-top-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-border-r-dominant-l-2{
    --dui-border-r-clr: var(--dui-clr-dominant-l-2);
    border-right-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-border-b-dominant-l-2{
    --dui-border-b-clr: var(--dui-clr-dominant-l-2);
    border-bottom-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-border-l-dominant-l-2{
    --dui-border-l-clr: var(--dui-clr-dominant-l-2);
    border-left-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-divide-dominant-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-dominant-l-2);
    border-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-outline-dominant-l-2{
    --dui-outline-clr: var(--dui-clr-dominant-l-2);
    outline-color: var(--dui-clr-dominant-l-2);
}
.dui.dui-fg-dominant-l-1 {
    --dui-fg-clr: var(--dui-clr-dominant-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant-l-1);
}
.dui.dui-bg-dominant-l-1 {
    --dui-bg-clr: var(--dui-clr-dominant-l-1);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-accent-dominant-l-1 {
    --dui-accent-clr: var(--dui-clr-dominant-l-1);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-shadow-dominant-l-1 {
    --dui-shadow-clr: var(--dui-clr-dominant-l-1);
}
.dui.dui-text-decoration-dominant-l-1{
    --dui-text-decoration-clr: var(--dui-clr-dominant-l-1);
    text-decoration-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-border-dominant-l-1{
    --dui-border-clr: var(--dui-clr-dominant-l-1);
    border-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-border-x-dominant-l-1{
    --dui-border-x-clr: var(--dui-clr-dominant-l-1);
    border-left-color: var(--dui-clr-dominant-l-1);
    border-right-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-border-y-dominant-l-1{
    --dui-border-y-clr: var(--dui-clr-dominant-l-1);
    border-top-color: var(--dui-clr-dominant-l-1);
    border-bottom-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-border-t-dominant-l-1{
    --dui-border-t-clr: var(--dui-clr-dominant-l-1);
    border-top-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-border-r-dominant-l-1{
    --dui-border-r-clr: var(--dui-clr-dominant-l-1);
    border-right-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-border-b-dominant-l-1{
    --dui-border-b-clr: var(--dui-clr-dominant-l-1);
    border-bottom-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-border-l-dominant-l-1{
    --dui-border-l-clr: var(--dui-clr-dominant-l-1);
    border-left-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-divide-dominant-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-dominant-l-1);
    border-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-outline-dominant-l-1{
    --dui-outline-clr: var(--dui-clr-dominant-l-1);
    outline-color: var(--dui-clr-dominant-l-1);
}
.dui.dui-fg-dominant {
    --dui-fg-clr: var(--dui-clr-dominant);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant);
}
.dui.dui-bg-dominant {
    --dui-bg-clr: var(--dui-clr-dominant);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-dominant);
}
.dui.dui-accent-dominant {
    --dui-accent-clr: var(--dui-clr-dominant);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-dominant);
}
.dui.dui-shadow-dominant {
    --dui-shadow-clr: var(--dui-clr-dominant);
}
.dui.dui-text-decoration-dominant{
    --dui-text-decoration-clr: var(--dui-clr-dominant);
    text-decoration-color: var(--dui-clr-dominant);
}
.dui.dui-border-dominant{
    --dui-border-clr: var(--dui-clr-dominant);
    border-color: var(--dui-clr-dominant);
}
.dui.dui-border-x-dominant{
    --dui-border-x-clr: var(--dui-clr-dominant);
    border-left-color: var(--dui-clr-dominant);
    border-right-color: var(--dui-clr-dominant);
}
.dui.dui-border-y-dominant{
    --dui-border-y-clr: var(--dui-clr-dominant);
    border-top-color: var(--dui-clr-dominant);
    border-bottom-color: var(--dui-clr-dominant);
}
.dui.dui-border-t-dominant{
    --dui-border-t-clr: var(--dui-clr-dominant);
    border-top-color: var(--dui-clr-dominant);
}
.dui.dui-border-r-dominant{
    --dui-border-r-clr: var(--dui-clr-dominant);
    border-right-color: var(--dui-clr-dominant);
}
.dui.dui-border-b-dominant{
    --dui-border-b-clr: var(--dui-clr-dominant);
    border-bottom-color: var(--dui-clr-dominant);
}
.dui.dui-border-l-dominant{
    --dui-border-l-clr: var(--dui-clr-dominant);
    border-left-color: var(--dui-clr-dominant);
}
.dui.dui-divide-dominant > * + *{
    --dui-border-clr: var(--dui-clr-dominant);
    border-color: var(--dui-clr-dominant);
}
.dui.dui-outline-dominant{
    --dui-outline-clr: var(--dui-clr-dominant);
    outline-color: var(--dui-clr-dominant);
}
.dui.dui-fg-dominant-d-1 {
    --dui-fg-clr: var(--dui-clr-dominant-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant-d-1);
}
.dui.dui-bg-dominant-d-1 {
    --dui-bg-clr: var(--dui-clr-dominant-d-1);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-accent-dominant-d-1 {
    --dui-accent-clr: var(--dui-clr-dominant-d-1);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-shadow-dominant-d-1 {
    --dui-shadow-clr: var(--dui-clr-dominant-d-1);
}
.dui.dui-text-decoration-dominant-d-1{
    --dui-text-decoration-clr: var(--dui-clr-dominant-d-1);
    text-decoration-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-border-dominant-d-1{
    --dui-border-clr: var(--dui-clr-dominant-d-1);
    border-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-border-x-dominant-d-1{
    --dui-border-x-clr: var(--dui-clr-dominant-d-1);
    border-left-color: var(--dui-clr-dominant-d-1);
    border-right-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-border-y-dominant-d-1{
    --dui-border-y-clr: var(--dui-clr-dominant-d-1);
    border-top-color: var(--dui-clr-dominant-d-1);
    border-bottom-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-border-t-dominant-d-1{
    --dui-border-t-clr: var(--dui-clr-dominant-d-1);
    border-top-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-border-r-dominant-d-1{
    --dui-border-r-clr: var(--dui-clr-dominant-d-1);
    border-right-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-border-b-dominant-d-1{
    --dui-border-b-clr: var(--dui-clr-dominant-d-1);
    border-bottom-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-border-l-dominant-d-1{
    --dui-border-l-clr: var(--dui-clr-dominant-d-1);
    border-left-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-divide-dominant-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-dominant-d-1);
    border-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-outline-dominant-d-1{
    --dui-outline-clr: var(--dui-clr-dominant-d-1);
    outline-color: var(--dui-clr-dominant-d-1);
}
.dui.dui-fg-dominant-d-2 {
    --dui-fg-clr: var(--dui-clr-dominant-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant-d-2);
}
.dui.dui-bg-dominant-d-2 {
    --dui-bg-clr: var(--dui-clr-dominant-d-2);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-accent-dominant-d-2 {
    --dui-accent-clr: var(--dui-clr-dominant-d-2);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-shadow-dominant-d-2 {
    --dui-shadow-clr: var(--dui-clr-dominant-d-2);
}
.dui.dui-text-decoration-dominant-d-2{
    --dui-text-decoration-clr: var(--dui-clr-dominant-d-2);
    text-decoration-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-border-dominant-d-2{
    --dui-border-clr: var(--dui-clr-dominant-d-2);
    border-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-border-x-dominant-d-2{
    --dui-border-x-clr: var(--dui-clr-dominant-d-2);
    border-left-color: var(--dui-clr-dominant-d-2);
    border-right-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-border-y-dominant-d-2{
    --dui-border-y-clr: var(--dui-clr-dominant-d-2);
    border-top-color: var(--dui-clr-dominant-d-2);
    border-bottom-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-border-t-dominant-d-2{
    --dui-border-t-clr: var(--dui-clr-dominant-d-2);
    border-top-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-border-r-dominant-d-2{
    --dui-border-r-clr: var(--dui-clr-dominant-d-2);
    border-right-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-border-b-dominant-d-2{
    --dui-border-b-clr: var(--dui-clr-dominant-d-2);
    border-bottom-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-border-l-dominant-d-2{
    --dui-border-l-clr: var(--dui-clr-dominant-d-2);
    border-left-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-divide-dominant-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-dominant-d-2);
    border-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-outline-dominant-d-2{
    --dui-outline-clr: var(--dui-clr-dominant-d-2);
    outline-color: var(--dui-clr-dominant-d-2);
}
.dui.dui-fg-dominant-d-3 {
    --dui-fg-clr: var(--dui-clr-dominant-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant-d-3);
}
.dui.dui-bg-dominant-d-3 {
    --dui-bg-clr: var(--dui-clr-dominant-d-3);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-accent-dominant-d-3 {
    --dui-accent-clr: var(--dui-clr-dominant-d-3);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-shadow-dominant-d-3 {
    --dui-shadow-clr: var(--dui-clr-dominant-d-3);
}
.dui.dui-text-decoration-dominant-d-3{
    --dui-text-decoration-clr: var(--dui-clr-dominant-d-3);
    text-decoration-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-border-dominant-d-3{
    --dui-border-clr: var(--dui-clr-dominant-d-3);
    border-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-border-x-dominant-d-3{
    --dui-border-x-clr: var(--dui-clr-dominant-d-3);
    border-left-color: var(--dui-clr-dominant-d-3);
    border-right-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-border-y-dominant-d-3{
    --dui-border-y-clr: var(--dui-clr-dominant-d-3);
    border-top-color: var(--dui-clr-dominant-d-3);
    border-bottom-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-border-t-dominant-d-3{
    --dui-border-t-clr: var(--dui-clr-dominant-d-3);
    border-top-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-border-r-dominant-d-3{
    --dui-border-r-clr: var(--dui-clr-dominant-d-3);
    border-right-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-border-b-dominant-d-3{
    --dui-border-b-clr: var(--dui-clr-dominant-d-3);
    border-bottom-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-border-l-dominant-d-3{
    --dui-border-l-clr: var(--dui-clr-dominant-d-3);
    border-left-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-divide-dominant-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-dominant-d-3);
    border-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-outline-dominant-d-3{
    --dui-outline-clr: var(--dui-clr-dominant-d-3);
    outline-color: var(--dui-clr-dominant-d-3);
}
.dui.dui-fg-dominant-d-4 {
    --dui-fg-clr: var(--dui-clr-dominant-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-dominant-d-4);
}
.dui.dui-bg-dominant-d-4 {
    --dui-bg-clr: var(--dui-clr-dominant-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-accent-dominant-d-4 {
    --dui-accent-clr: var(--dui-clr-dominant-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-shadow-dominant-d-4 {
    --dui-shadow-clr: var(--dui-clr-dominant-d-4);
}
.dui.dui-text-decoration-dominant-d-4{
    --dui-text-decoration-clr: var(--dui-clr-dominant-d-4);
    text-decoration-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-border-dominant-d-4{
    --dui-border-clr: var(--dui-clr-dominant-d-4);
    border-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-border-x-dominant-d-4{
    --dui-border-x-clr: var(--dui-clr-dominant-d-4);
    border-left-color: var(--dui-clr-dominant-d-4);
    border-right-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-border-y-dominant-d-4{
    --dui-border-y-clr: var(--dui-clr-dominant-d-4);
    border-top-color: var(--dui-clr-dominant-d-4);
    border-bottom-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-border-t-dominant-d-4{
    --dui-border-t-clr: var(--dui-clr-dominant-d-4);
    border-top-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-border-r-dominant-d-4{
    --dui-border-r-clr: var(--dui-clr-dominant-d-4);
    border-right-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-border-b-dominant-d-4{
    --dui-border-b-clr: var(--dui-clr-dominant-d-4);
    border-bottom-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-border-l-dominant-d-4{
    --dui-border-l-clr: var(--dui-clr-dominant-d-4);
    border-left-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-divide-dominant-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-dominant-d-4);
    border-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-outline-dominant-d-4{
    --dui-outline-clr: var(--dui-clr-dominant-d-4);
    outline-color: var(--dui-clr-dominant-d-4);
}
.dui.dui-fg-accent-l-5 {
    --dui-fg-clr: var(--dui-accent-l-5);
    color: var(--dui-fg-clr);
}
.dui.dui-bg-accent-l-5 {
    --dui-bg-clr: var(--dui-accent-l-5);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent-l-5 {
    --dui-accent-clr: var(--dui-accent-l-5);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent-l-5);
}
.dui.dui-shadow-accent-l-5 {
    --dui-shadow-clr: var(--dui-accent-l-5);
}
.dui.dui-text-decoration-accent-l-5{
    --dui-text-decoration-clr: var(--dui-accent-l-5);
    text-decoration-color: var(--dui-accent-l-5);
}
.dui.dui-border-accent-l-5{
    --dui-border-clr: var(--dui-accent-l-5);
    border-color: var(--dui-accent-l-5);
}
.dui.dui-border-x-accent-l-5{
    --dui-border-x-clr: var(--dui-accent-l-5);
    border-left-color: var(--dui-accent-l-5);
    border-right-color: var(--dui-accent-l-5);
}
.dui.dui-border-y-accent-l-5{
    --dui-border-y-clr: var(--dui-accent-l-5);
    border-top-color: var(--dui-accent-l-5);
    border-bottom-color: var(--dui-accent-l-5);
}
.dui.dui-border-t-accent-l-5{
    --dui-border-t-clr: var(--dui-accent-l-5);
    border-top-color: var(--dui-accent-l-5);
}
.dui.dui-border-r-accent-l-5{
    --dui-border-r-clr: var(--dui-accent-l-5);
    border-right-color: var(--dui-accent-l-5);
}
.dui.dui-border-b-accent-l-5{
    --dui-border-b-clr: var(--dui-accent-l-5);
    border-bottom-color: var(--dui-accent-l-5);
}
.dui.dui-border-l-accent-l-5{
    --dui-border-l-clr: var(--dui-accent-l-5);
    border-left-color: var(--dui-accent-l-5);
}
.dui.dui-divide-accent-l-5 > * + *{
    --dui-border-clr: var(--dui-accent-l-5);
    border-color: var(--dui-accent-l-5);
}
.dui.dui-outline-accent-l-5{
    --dui-outline-clr: var(--dui-accent-l-5);
    outline-color: var(--dui-accent-l-5);
}
.dui.dui-fg-accent-l-4 {
    --dui-fg-clr: var(--dui-accent-l-4);
    color: var(--dui-accent-l-4);
}
.dui.dui-bg-accent-l-4 {
    --dui-bg-clr: var(--dui-accent-l-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent-l-4 {
    --dui-accent-clr: var(--dui-accent-l-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent-l-4);
}
.dui.dui-shadow-accent-l-4 {
    --dui-shadow-clr: var(--dui-accent-l-4);
}
.dui.dui-text-decoration-accent-l-4{
    --dui-text-decoration-clr: var(--dui-accent-l-4);
    text-decoration-color: var(--dui-accent-l-4);
}
.dui.dui-border-accent-l-4{
    --dui-border-clr: var(--dui-accent-l-4);
    border-color: var(--dui-accent-l-4);
}
.dui.dui-border-x-accent-l-4{
    --dui-border-x-clr: var(--dui-accent-l-4);
    border-left-color: var(--dui-accent-l-4);
    border-right-color: var(--dui-accent-l-4);
}
.dui.dui-border-y-accent-l-4{
    --dui-border-y-clr: var(--dui-accent-l-4);
    border-top-color: var(--dui-accent-l-4);
    border-bottom-color: var(--dui-accent-l-4);
}
.dui.dui-border-t-accent-l-4{
    --dui-border-t-clr: var(--dui-accent-l-4);
    border-top-color: var(--dui-accent-l-4);
}
.dui.dui-border-r-accent-l-4{
    --dui-border-r-clr: var(--dui-accent-l-4);
    border-right-color: var(--dui-accent-l-4);
}
.dui.dui-border-b-accent-l-4{
    --dui-border-b-clr: var(--dui-accent-l-4);
    border-bottom-color: var(--dui-accent-l-4);
}
.dui.dui-border-l-accent-l-4{
    --dui-border-l-clr: var(--dui-accent-l-4);
    border-left-color: var(--dui-accent-l-4);
}
.dui.dui-divide-accent-l-4 > * + *{
    --dui-border-clr: var(--dui-accent-l-4);
    border-color: var(--dui-accent-l-4);
}
.dui.dui-outline-accent-l-4{
    --dui-outline-clr: var(--dui-accent-l-4);
    outline-color: var(--dui-accent-l-4);
}
.dui.dui-fg-accent-l-3 {
    --dui-fg-clr: var(--dui-accent-l-3);
    color: var(--dui-accent-l-3);
}
.dui.dui-bg-accent-l-3 {
    --dui-bg-clr: var(--dui-accent-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent-l-3 {
    --dui-accent-clr: var(--dui-accent-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent-l-3);
}
.dui.dui-shadow-accent-l-3 {
    --dui-shadow-clr: var(--dui-accent-l-3);
}
.dui.dui-text-decoration-accent-l-3{
    --dui-text-decoration-clr: var(--dui-accent-l-3);
    text-decoration-color: var(--dui-accent-l-3);
}
.dui.dui-border-accent-l-3{
    --dui-border-clr: var(--dui-accent-l-3);
    border-color: var(--dui-accent-l-3);
}
.dui.dui-border-x-accent-l-3{
    --dui-border-x-clr: var(--dui-accent-l-3);
    border-left-color: var(--dui-accent-l-3);
    border-right-color: var(--dui-accent-l-3);
}
.dui.dui-border-y-accent-l-3{
    --dui-border-y-clr: var(--dui-accent-l-3);
    border-top-color: var(--dui-accent-l-3);
    border-bottom-color: var(--dui-accent-l-3);
}
.dui.dui-border-t-accent-l-3{
    --dui-border-t-clr: var(--dui-accent-l-3);
    border-top-color: var(--dui-accent-l-3);
}
.dui.dui-border-r-accent-l-3{
    --dui-border-r-clr: var(--dui-accent-l-3);
    border-right-color: var(--dui-accent-l-3);
}
.dui.dui-border-b-accent-l-3{
    --dui-border-b-clr: var(--dui-accent-l-3);
    border-bottom-color: var(--dui-accent-l-3);
}
.dui.dui-border-l-accent-l-3{
    --dui-border-l-clr: var(--dui-accent-l-3);
    border-left-color: var(--dui-accent-l-3);
}
.dui.dui-divide-accent-l-3 > * + *{
    --dui-border-clr: var(--dui-accent-l-3);
    border-color: var(--dui-accent-l-3);
}
.dui.dui-outline-accent-l-3{
    --dui-outline-clr: var(--dui-accent-l-3);
    outline-color: var(--dui-accent-l-3);
}
.dui.dui-fg-accent-l-2 {
    --dui-fg-clr: var(--dui-accent-l-2);
    color: var(--dui-accent-l-2);
}
.dui.dui-bg-accent-l-2 {
    --dui-bg-clr: var(--dui-accent-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent-l-2 {
    --dui-accent-clr: var(--dui-accent-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent-l-2);
}
.dui.dui-shadow-accent-l-2 {
    --dui-shadow-clr: var(--dui-accent-l-2);
}
.dui.dui-text-decoration-accent-l-2{
    --dui-text-decoration-clr: var(--dui-accent-l-2);
    text-decoration-color: var(--dui-accent-l-2);
}
.dui.dui-border-accent-l-2{
    --dui-border-clr: var(--dui-accent-l-2);
    border-color: var(--dui-accent-l-2);
}
.dui.dui-border-x-accent-l-2{
    --dui-border-x-clr: var(--dui-accent-l-2);
    border-left-color: var(--dui-accent-l-2);
    border-right-color: var(--dui-accent-l-2);
}
.dui.dui-border-y-accent-l-2{
    --dui-border-y-clr: var(--dui-accent-l-2);
    border-top-color: var(--dui-accent-l-2);
    border-bottom-color: var(--dui-accent-l-2);
}
.dui.dui-border-t-accent-l-2{
    --dui-border-t-clr: var(--dui-accent-l-2);
    border-top-color: var(--dui-accent-l-2);
}
.dui.dui-border-r-accent-l-2{
    --dui-border-r-clr: var(--dui-accent-l-2);
    border-right-color: var(--dui-accent-l-2);
}
.dui.dui-border-b-accent-l-2{
    --dui-border-b-clr: var(--dui-accent-l-2);
    border-bottom-color: var(--dui-accent-l-2);
}
.dui.dui-border-l-accent-l-2{
    --dui-border-l-clr: var(--dui-accent-l-2);
    border-left-color: var(--dui-accent-l-2);
}
.dui.dui-divide-accent-l-2 > * + *{
    --dui-border-clr: var(--dui-accent-l-2);
    border-color: var(--dui-accent-l-2);
}
.dui.dui-outline-accent-l-2{
    --dui-outline-clr: var(--dui-accent-l-2);
    outline-color: var(--dui-accent-l-2);
}
.dui.dui-fg-accent-l-1 {
    --dui-fg-clr: var(--dui-accent-l-1);
    color: var(--dui-accent-l-1);
}
.dui.dui-bg-accent-l-1 {
    --dui-bg-clr: var(--dui-accent-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent-l-1 {
    --dui-accent-clr: var(--dui-accent-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent-l-1);
}
.dui.dui-shadow-accent-l-1 {
    --dui-shadow-clr: var(--dui-accent-l-1);
}
.dui.dui-text-decoration-accent-l-1{
    --dui-text-decoration-clr: var(--dui-accent-l-1);
    text-decoration-color: var(--dui-accent-l-1);
}
.dui.dui-border-accent-l-1{
    --dui-border-clr: var(--dui-accent-l-1);
    border-color: var(--dui-accent-l-1);
}
.dui.dui-border-x-accent-l-1{
    --dui-border-x-clr: var(--dui-accent-l-1);
    border-left-color: var(--dui-accent-l-1);
    border-right-color: var(--dui-accent-l-1);
}
.dui.dui-border-y-accent-l-1{
    --dui-border-y-clr: var(--dui-accent-l-1);
    border-top-color: var(--dui-accent-l-1);
    border-bottom-color: var(--dui-accent-l-1);
}
.dui.dui-border-t-accent-l-1{
    --dui-border-t-clr: var(--dui-accent-l-1);
    border-top-color: var(--dui-accent-l-1);
}
.dui.dui-border-r-accent-l-1{
    --dui-border-r-clr: var(--dui-accent-l-1);
    border-right-color: var(--dui-accent-l-1);
}
.dui.dui-border-b-accent-l-1{
    --dui-border-b-clr: var(--dui-accent-l-1);
    border-bottom-color: var(--dui-accent-l-1);
}
.dui.dui-border-l-accent-l-1{
    --dui-border-l-clr: var(--dui-accent-l-1);
    border-left-color: var(--dui-accent-l-1);
}
.dui.dui-divide-accent-l-1 > * + *{
    --dui-border-clr: var(--dui-accent-l-1);
    border-color: var(--dui-accent-l-1);
}
.dui.dui-outline-accent-l-1{
    --dui-outline-clr: var(--dui-accent-l-1);
    outline-color: var(--dui-accent-l-1);
}
.dui.dui-fg-accent {
    --dui-fg-clr: var(--dui-accent);
    color: var(--dui-accent);
}
.dui.dui-bg-accent {
    --dui-bg-clr: var(--dui-accent);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent {
    --dui-accent-clr: var(--dui-accent);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent);
}
.dui.dui-shadow-accent {
    --dui-shadow-clr: var(--dui-accent);
}
.dui.dui-text-decoration-accent{
    --dui-text-decoration-clr: var(--dui-accent);
    text-decoration-color: var(--dui-accent);
}
.dui.dui-border-accent{
    --dui-border-clr: var(--dui-accent);
    border-color: var(--dui-accent);
}
.dui.dui-border-x-accent{
    --dui-border-x-clr: var(--dui-accent);
    border-left-color: var(--dui-accent);
    border-right-color: var(--dui-accent);
}
.dui.dui-border-y-accent{
    --dui-border-y-clr: var(--dui-accent);
    border-top-color: var(--dui-accent);
    border-bottom-color: var(--dui-accent);
}
.dui.dui-border-t-accent{
    --dui-border-t-clr: var(--dui-accent);
    border-top-color: var(--dui-accent);
}
.dui.dui-border-r-accent{
    --dui-border-r-clr: var(--dui-accent);
    border-right-color: var(--dui-accent);
}
.dui.dui-border-b-accent{
    --dui-border-b-clr: var(--dui-accent);
    border-bottom-color: var(--dui-accent);
}
.dui.dui-border-l-accent{
    --dui-border-l-clr: var(--dui-accent);
    border-left-color: var(--dui-accent);
}
.dui.dui-divide-accent > * + *{
    --dui-border-clr: var(--dui-accent);
    border-color: var(--dui-accent);
}
.dui.dui-outline-accent{
    --dui-outline-clr: var(--dui-accent);
    outline-color: var(--dui-accent);
}
.dui.dui-fg-accent-d-1 {
    --dui-fg-clr: var(--dui-accent-d-1);
    color: var(--dui-accent-d-1);
}
.dui.dui-bg-accent-d-1 {
    --dui-bg-clr: var(--dui-accent-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent-d-1 {
    --dui-accent-clr: var(--dui-accent-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent-d-1);
}
.dui.dui-shadow-accent-d-1 {
    --dui-shadow-clr: var(--dui-accent-d-1);
}
.dui.dui-text-decoration-accent-d-1{
    --dui-text-decoration-clr: var(--dui-accent-d-1);
    text-decoration-color: var(--dui-accent-d-1);
}
.dui.dui-border-accent-d-1{
    --dui-border-clr: var(--dui-accent-d-1);
    border-color: var(--dui-accent-d-1);
}
.dui.dui-border-x-accent-d-1{
    --dui-border-x-clr: var(--dui-accent-d-1);
    border-left-color: var(--dui-accent-d-1);
    border-right-color: var(--dui-accent-d-1);
}
.dui.dui-border-y-accent-d-1{
    --dui-border-y-clr: var(--dui-accent-d-1);
    border-top-color: var(--dui-accent-d-1);
    border-bottom-color: var(--dui-accent-d-1);
}
.dui.dui-border-t-accent-d-1{
    --dui-border-t-clr: var(--dui-accent-d-1);
    border-top-color: var(--dui-accent-d-1);
}
.dui.dui-border-r-accent-d-1{
    --dui-border-r-clr: var(--dui-accent-d-1);
    border-right-color: var(--dui-accent-d-1);
}
.dui.dui-border-b-accent-d-1{
    --dui-border-b-clr: var(--dui-accent-d-1);
    border-bottom-color: var(--dui-accent-d-1);
}
.dui.dui-border-l-accent-d-1{
    --dui-border-l-clr: var(--dui-accent-d-1);
    border-left-color: var(--dui-accent-d-1);
}
.dui.dui-divide-accent-d-1 > * + *{
    --dui-border-clr: var(--dui-accent-d-1);
    border-color: var(--dui-accent-d-1);
}
.dui.dui-outline-accent-d-1{
    --dui-outline-clr: var(--dui-accent-d-1);
    outline-color: var(--dui-accent-d-1);
}
.dui.dui-fg-accent-d-2 {
    --dui-fg-clr: var(--dui-accent-d-2);
    color: var(--dui-accent-d-2);
}
.dui.dui-bg-accent-d-2 {
    --dui-bg-clr: var(--dui-accent-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent-d-2 {
    --dui-accent-clr: var(--dui-accent-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent-d-2);
}
.dui.dui-shadow-accent-d-2 {
    --dui-shadow-clr: var(--dui-accent-d-2);
}
.dui.dui-text-decoration-accent-d-2{
    --dui-text-decoration-clr: var(--dui-accent-d-2);
    text-decoration-color: var(--dui-accent-d-2);
}
.dui.dui-border-accent-d-2{
    --dui-border-clr: var(--dui-accent-d-2);
    border-color: var(--dui-accent-d-2);
}
.dui.dui-border-x-accent-d-2{
    --dui-border-x-clr: var(--dui-accent-d-2);
    border-left-color: var(--dui-accent-d-2);
    border-right-color: var(--dui-accent-d-2);
}
.dui.dui-border-y-accent-d-2{
    --dui-border-y-clr: var(--dui-accent-d-2);
    border-top-color: var(--dui-accent-d-2);
    border-bottom-color: var(--dui-accent-d-2);
}
.dui.dui-border-t-accent-d-2{
    --dui-border-t-clr: var(--dui-accent-d-2);
    border-top-color: var(--dui-accent-d-2);
}
.dui.dui-border-r-accent-d-2{
    --dui-border-r-clr: var(--dui-accent-d-2);
    border-right-color: var(--dui-accent-d-2);
}
.dui.dui-border-b-accent-d-2{
    --dui-border-b-clr: var(--dui-accent-d-2);
    border-bottom-color: var(--dui-accent-d-2);
}
.dui.dui-border-l-accent-d-2{
    --dui-border-l-clr: var(--dui-accent-d-2);
    border-left-color: var(--dui-accent-d-2);
}
.dui.dui-divide-accent-d-2 > * + *{
    --dui-border-clr: var(--dui-accent-d-2);
    border-color: var(--dui-accent-d-2);
}
.dui.dui-outline-accent-d-2{
    --dui-outline-clr: var(--dui-accent-d-2);
    outline-color: var(--dui-accent-d-2);
}
.dui.dui-fg-accent-d-3 {
    --dui-fg-clr: var(--dui-accent-d-3);
    color: var(--dui-accent-d-3);
}
.dui.dui-bg-accent-d-3 {
    --dui-bg-clr: var(--dui-accent-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent-d-3 {
    --dui-accent-clr: var(--dui-accent-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent-d-3);
}
.dui.dui-shadow-accent-d-3 {
    --dui-shadow-clr: var(--dui-accent-d-3);
}
.dui.dui-text-decoration-accent-d-3{
    --dui-text-decoration-clr: var(--dui-accent-d-3);
    text-decoration-color: var(--dui-accent-d-3);
}
.dui.dui-border-accent-d-3{
    --dui-border-clr: var(--dui-accent-d-3);
    border-color: var(--dui-accent-d-3);
}
.dui.dui-border-x-accent-d-3{
    --dui-border-x-clr: var(--dui-accent-d-3);
    border-left-color: var(--dui-accent-d-3);
    border-right-color: var(--dui-accent-d-3);
}
.dui.dui-border-y-accent-d-3{
    --dui-border-y-clr: var(--dui-accent-d-3);
    border-top-color: var(--dui-accent-d-3);
    border-bottom-color: var(--dui-accent-d-3);
}
.dui.dui-border-t-accent-d-3{
    --dui-border-t-clr: var(--dui-accent-d-3);
    border-top-color: var(--dui-accent-d-3);
}
.dui.dui-border-r-accent-d-3{
    --dui-border-r-clr: var(--dui-accent-d-3);
    border-right-color: var(--dui-accent-d-3);
}
.dui.dui-border-b-accent-d-3{
    --dui-border-b-clr: var(--dui-accent-d-3);
    border-bottom-color: var(--dui-accent-d-3);
}
.dui.dui-border-l-accent-d-3{
    --dui-border-l-clr: var(--dui-accent-d-3);
    border-left-color: var(--dui-accent-d-3);
}
.dui.dui-divide-accent-d-3 > * + *{
    --dui-border-clr: var(--dui-accent-d-3);
    border-color: var(--dui-accent-d-3);
}
.dui.dui-outline-accent-d-3{
    --dui-outline-clr: var(--dui-accent-d-3);
    outline-color: var(--dui-accent-d-3);
}
.dui.dui-fg-accent-d-4 {
    --dui-fg-clr: var(--dui-accent-d-4);
    color: var(--dui-accent-d-4);
}
.dui.dui-bg-accent-d-4 {
    --dui-bg-clr: var(--dui-accent-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-bg-clr);
}
.dui.dui-accent-accent-d-4 {
    --dui-accent-clr: var(--dui-accent-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-accent-d-4);
}
.dui.dui-shadow-accent-d-4 {
    --dui-shadow-clr: var(--dui-accent-d-4);
}
.dui.dui-text-decoration-accent-d-4{
    --dui-text-decoration-clr: var(--dui-accent-d-4);
    text-decoration-color: var(--dui-accent-d-4);
}
.dui.dui-border-accent-d-4{
    --dui-border-clr: var(--dui-accent-d-4);
    border-color: var(--dui-accent-d-4);
}
.dui.dui-border-x-accent-d-4{
    --dui-border-x-clr: var(--dui-accent-d-4);
    border-left-color: var(--dui-accent-d-4);
    border-right-color: var(--dui-accent-d-4);
}
.dui.dui-border-y-accent-d-4{
    --dui-border-y-clr: var(--dui-accent-d-4);
    border-top-color: var(--dui-accent-d-4);
    border-bottom-color: var(--dui-accent-d-4);
}
.dui.dui-border-t-accent-d-4{
    --dui-border-t-clr: var(--dui-accent-d-4);
    border-top-color: var(--dui-accent-d-4);
}
.dui.dui-border-r-accent-d-4{
    --dui-border-r-clr: var(--dui-accent-d-4);
    border-right-color: var(--dui-accent-d-4);
}
.dui.dui-border-b-accent-d-4{
    --dui-border-b-clr: var(--dui-accent-d-4);
    border-bottom-color: var(--dui-accent-d-4);
}
.dui.dui-border-l-accent-d-4{
    --dui-border-l-clr: var(--dui-accent-d-4);
    border-left-color: var(--dui-accent-d-4);
}
.dui.dui-divide-accent-d-4 > * + *{
    --dui-border-clr: var(--dui-accent-d-4);
    border-color: var(--dui-accent-d-4);
}
.dui.dui-outline-accent-d-4{
    --dui-outline-clr: var(--dui-accent-d-4);
    outline-color: var(--dui-accent-d-4);
}
.dui.dui-fg-primary-l-5 {
    --dui-fg-clr: var(--dui-clr-primary-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary-l-5);
}
.dui.dui-bg-primary-l-5 {
    --dui-bg-clr: var(--dui-clr-primary-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-primary-l-5);
}
.dui.dui-accent-primary-l-5 {
    --dui-accent-clr: var(--dui-clr-primary-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-primary-l-5);
}
.dui.dui-shadow-primary-l-5 {
    --dui-shadow-clr: var(--dui-clr-primary-l-5);
}
.dui.dui-text-decoration-primary-l-5{
    --dui-text-decoration-clr: var(--dui-clr-primary-l-5);
    text-decoration-color: var(--dui-clr-primary-l-5);
}
.dui.dui-border-primary-l-5{
    --dui-border-clr: var(--dui-clr-primary-l-5);
    border-color: var(--dui-clr-primary-l-5);
}
.dui.dui-border-x-primary-l-5{
    --dui-border-x-clr: var(--dui-clr-primary-l-5);
    border-left-color: var(--dui-clr-primary-l-5);
    border-right-color: var(--dui-clr-primary-l-5);
}
.dui.dui-border-y-primary-l-5{
    --dui-border-y-clr: var(--dui-clr-primary-l-5);
    border-top-color: var(--dui-clr-primary-l-5);
    border-bottom-color: var(--dui-clr-primary-l-5);
}
.dui.dui-border-t-primary-l-5{
    --dui-border-t-clr: var(--dui-clr-primary-l-5);
    border-top-color: var(--dui-clr-primary-l-5);
}
.dui.dui-border-r-primary-l-5{
    --dui-border-r-clr: var(--dui-clr-primary-l-5);
    border-right-color: var(--dui-clr-primary-l-5);
}
.dui.dui-border-b-primary-l-5{
    --dui-border-b-clr: var(--dui-clr-primary-l-5);
    border-bottom-color: var(--dui-clr-primary-l-5);
}
.dui.dui-border-l-primary-l-5{
    --dui-border-l-clr: var(--dui-clr-primary-l-5);
    border-left-color: var(--dui-clr-primary-l-5);
}
.dui.dui-divide-primary-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-primary-l-5);
    border-color: var(--dui-clr-primary-l-5);
}
.dui.dui-outline-primary-l-5{
    --dui-outline-clr: var(--dui-clr-primary-l-5);
    outline-color: var(--dui-clr-primary-l-5);
}
.dui.dui-fg-primary-l-4 {
    --dui-fg-clr: var(--dui-clr-primary-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary-l-4);
}
.dui.dui-bg-primary-l-4 {
    --dui-bg-clr: var(--dui-clr-primary-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-primary-l-4);
}
.dui.dui-accent-primary-l-4 {
    --dui-accent-clr: var(--dui-clr-primary-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-primary-l-4);
}
.dui.dui-shadow-primary-l-4 {
    --dui-shadow-clr: var(--dui-clr-primary-l-4);
}
.dui.dui-text-decoration-primary-l-4{
    --dui-text-decoration-clr: var(--dui-clr-primary-l-4);
    text-decoration-color: var(--dui-clr-primary-l-4);
}
.dui.dui-border-primary-l-4{
    --dui-border-clr: var(--dui-clr-primary-l-4);
    border-color: var(--dui-clr-primary-l-4);
}
.dui.dui-border-x-primary-l-4{
    --dui-border-x-clr: var(--dui-clr-primary-l-4);
    border-left-color: var(--dui-clr-primary-l-4);
    border-right-color: var(--dui-clr-primary-l-4);
}
.dui.dui-border-y-primary-l-4{
    --dui-border-y-clr: var(--dui-clr-primary-l-4);
    border-top-color: var(--dui-clr-primary-l-4);
    border-bottom-color: var(--dui-clr-primary-l-4);
}
.dui.dui-border-t-primary-l-4{
    --dui-border-t-clr: var(--dui-clr-primary-l-4);
    border-top-color: var(--dui-clr-primary-l-4);
}
.dui.dui-border-r-primary-l-4{
    --dui-border-r-clr: var(--dui-clr-primary-l-4);
    border-right-color: var(--dui-clr-primary-l-4);
}
.dui.dui-border-b-primary-l-4{
    --dui-border-b-clr: var(--dui-clr-primary-l-4);
    border-bottom-color: var(--dui-clr-primary-l-4);
}
.dui.dui-border-l-primary-l-4{
    --dui-border-l-clr: var(--dui-clr-primary-l-4);
    border-left-color: var(--dui-clr-primary-l-4);
}
.dui.dui-divide-primary-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-primary-l-4);
    border-color: var(--dui-clr-primary-l-4);
}
.dui.dui-outline-primary-l-4{
    --dui-outline-clr: var(--dui-clr-primary-l-4);
    outline-color: var(--dui-clr-primary-l-4);
}
.dui.dui-fg-primary-l-3 {
    --dui-fg-clr: var(--dui-clr-primary-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary-l-3);
}
.dui.dui-bg-primary-l-3 {
    --dui-bg-clr: var(--dui-clr-primary-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-primary-l-3);
}
.dui.dui-accent-primary-l-3 {
    --dui-accent-clr: var(--dui-clr-primary-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-primary-l-3);
}
.dui.dui-shadow-primary-l-3 {
    --dui-shadow-clr: var(--dui-clr-primary-l-3);
}
.dui.dui-text-decoration-primary-l-3{
    --dui-text-decoration-clr: var(--dui-clr-primary-l-3);
    text-decoration-color: var(--dui-clr-primary-l-3);
}
.dui.dui-border-primary-l-3{
    --dui-border-clr: var(--dui-clr-primary-l-3);
    border-color: var(--dui-clr-primary-l-3);
}
.dui.dui-border-x-primary-l-3{
    --dui-border-x-clr: var(--dui-clr-primary-l-3);
    border-left-color: var(--dui-clr-primary-l-3);
    border-right-color: var(--dui-clr-primary-l-3);
}
.dui.dui-border-y-primary-l-3{
    --dui-border-y-clr: var(--dui-clr-primary-l-3);
    border-top-color: var(--dui-clr-primary-l-3);
    border-bottom-color: var(--dui-clr-primary-l-3);
}
.dui.dui-border-t-primary-l-3{
    --dui-border-t-clr: var(--dui-clr-primary-l-3);
    border-top-color: var(--dui-clr-primary-l-3);
}
.dui.dui-border-r-primary-l-3{
    --dui-border-r-clr: var(--dui-clr-primary-l-3);
    border-right-color: var(--dui-clr-primary-l-3);
}
.dui.dui-border-b-primary-l-3{
    --dui-border-b-clr: var(--dui-clr-primary-l-3);
    border-bottom-color: var(--dui-clr-primary-l-3);
}
.dui.dui-border-l-primary-l-3{
    --dui-border-l-clr: var(--dui-clr-primary-l-3);
    border-left-color: var(--dui-clr-primary-l-3);
}
.dui.dui-divide-primary-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-primary-l-3);
    border-color: var(--dui-clr-primary-l-3);
}
.dui.dui-outline-primary-l-3{
    --dui-outline-clr: var(--dui-clr-primary-l-3);
    outline-color: var(--dui-clr-primary-l-3);
}
.dui.dui-fg-primary-l-2 {
    --dui-fg-clr: var(--dui-clr-primary-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary-l-2);
}
.dui.dui-bg-primary-l-2 {
    --dui-bg-clr: var(--dui-clr-primary-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-primary-l-2);
}
.dui.dui-accent-primary-l-2 {
    --dui-accent-clr: var(--dui-clr-primary-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-primary-l-2);
}
.dui.dui-shadow-primary-l-2 {
    --dui-shadow-clr: var(--dui-clr-primary-l-2);
}
.dui.dui-text-decoration-primary-l-2{
    --dui-text-decoration-clr: var(--dui-clr-primary-l-2);
    text-decoration-color: var(--dui-clr-primary-l-2);
}
.dui.dui-border-primary-l-2{
    --dui-border-clr: var(--dui-clr-primary-l-2);
    border-color: var(--dui-clr-primary-l-2);
}
.dui.dui-border-x-primary-l-2{
    --dui-border-x-clr: var(--dui-clr-primary-l-2);
    border-left-color: var(--dui-clr-primary-l-2);
    border-right-color: var(--dui-clr-primary-l-2);
}
.dui.dui-border-y-primary-l-2{
    --dui-border-y-clr: var(--dui-clr-primary-l-2);
    border-top-color: var(--dui-clr-primary-l-2);
    border-bottom-color: var(--dui-clr-primary-l-2);
}
.dui.dui-border-t-primary-l-2{
    --dui-border-t-clr: var(--dui-clr-primary-l-2);
    border-top-color: var(--dui-clr-primary-l-2);
}
.dui.dui-border-r-primary-l-2{
    --dui-border-r-clr: var(--dui-clr-primary-l-2);
    border-right-color: var(--dui-clr-primary-l-2);
}
.dui.dui-border-b-primary-l-2{
    --dui-border-b-clr: var(--dui-clr-primary-l-2);
    border-bottom-color: var(--dui-clr-primary-l-2);
}
.dui.dui-border-l-primary-l-2{
    --dui-border-l-clr: var(--dui-clr-primary-l-2);
    border-left-color: var(--dui-clr-primary-l-2);
}
.dui.dui-divide-primary-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-primary-l-2);
    border-color: var(--dui-clr-primary-l-2);
}
.dui.dui-outline-primary-l-2{
    --dui-outline-clr: var(--dui-clr-primary-l-2);
    outline-color: var(--dui-clr-primary-l-2);
}
.dui.dui-fg-primary-l-1 {
    --dui-fg-clr: var(--dui-clr-primary-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary-l-1);
}
.dui.dui-bg-primary-l-1 {
    --dui-bg-clr: var(--dui-clr-primary-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-primary-l-1);
}
.dui.dui-accent-primary-l-1 {
    --dui-accent-clr: var(--dui-clr-primary-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-primary-l-1);
}
.dui.dui-shadow-primary-l-1 {
    --dui-shadow-clr: var(--dui-clr-primary-l-1);
}
.dui.dui-text-decoration-primary-l-1{
    --dui-text-decoration-clr: var(--dui-clr-primary-l-1);
    text-decoration-color: var(--dui-clr-primary-l-1);
}
.dui.dui-border-primary-l-1{
    --dui-border-clr: var(--dui-clr-primary-l-1);
    border-color: var(--dui-clr-primary-l-1);
}
.dui.dui-border-x-primary-l-1{
    --dui-border-x-clr: var(--dui-clr-primary-l-1);
    border-left-color: var(--dui-clr-primary-l-1);
    border-right-color: var(--dui-clr-primary-l-1);
}
.dui.dui-border-y-primary-l-1{
    --dui-border-y-clr: var(--dui-clr-primary-l-1);
    border-top-color: var(--dui-clr-primary-l-1);
    border-bottom-color: var(--dui-clr-primary-l-1);
}
.dui.dui-border-t-primary-l-1{
    --dui-border-t-clr: var(--dui-clr-primary-l-1);
    border-top-color: var(--dui-clr-primary-l-1);
}
.dui.dui-border-r-primary-l-1{
    --dui-border-r-clr: var(--dui-clr-primary-l-1);
    border-right-color: var(--dui-clr-primary-l-1);
}
.dui.dui-border-b-primary-l-1{
    --dui-border-b-clr: var(--dui-clr-primary-l-1);
    border-bottom-color: var(--dui-clr-primary-l-1);
}
.dui.dui-border-l-primary-l-1{
    --dui-border-l-clr: var(--dui-clr-primary-l-1);
    border-left-color: var(--dui-clr-primary-l-1);
}
.dui.dui-divide-primary-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-primary-l-1);
    border-color: var(--dui-clr-primary-l-1);
}
.dui.dui-outline-primary-l-1{
    --dui-outline-clr: var(--dui-clr-primary-l-1);
    outline-color: var(--dui-clr-primary-l-1);
}
.dui.dui-fg-primary {
    --dui-fg-clr: var(--dui-clr-primary);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary);
}
.dui.dui-bg-primary {
    --dui-bg-clr: var(--dui-clr-primary);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-primary);
}
.dui.dui-accent-primary {
    --dui-accent-clr: var(--dui-clr-primary);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-primary);
}
.dui.dui-shadow-primary {
    --dui-shadow-clr: var(--dui-clr-primary);
}
.dui.dui-text-decoration-primary{
    --dui-text-decoration-clr: var(--dui-clr-primary);
    text-decoration-color: var(--dui-clr-primary);
}
.dui.dui-border-primary{
    --dui-border-clr: var(--dui-clr-primary);
    border-color: var(--dui-clr-primary);
}
.dui.dui-border-x-primary{
    --dui-border-x-clr: var(--dui-clr-primary);
    border-left-color: var(--dui-clr-primary);
    border-right-color: var(--dui-clr-primary);
}
.dui.dui-border-y-primary{
    --dui-border-y-clr: var(--dui-clr-primary);
    border-top-color: var(--dui-clr-primary);
    border-bottom-color: var(--dui-clr-primary);
}
.dui.dui-border-t-primary{
    --dui-border-t-clr: var(--dui-clr-primary);
    border-top-color: var(--dui-clr-primary);
}
.dui.dui-border-r-primary{
    --dui-border-r-clr: var(--dui-clr-primary);
    border-right-color: var(--dui-clr-primary);
}
.dui.dui-border-b-primary{
    --dui-border-b-clr: var(--dui-clr-primary);
    border-bottom-color: var(--dui-clr-primary);
}
.dui.dui-border-l-primary{
    --dui-border-l-clr: var(--dui-clr-primary);
    border-left-color: var(--dui-clr-primary);
}
.dui.dui-divide-primary > * + *{
    --dui-border-clr: var(--dui-clr-primary);
    border-color: var(--dui-clr-primary);
}
.dui.dui-outline-primary{
    --dui-outline-clr: var(--dui-clr-primary);
    outline-color: var(--dui-clr-primary);
}
.dui.dui-fg-primary-d-1 {
    --dui-fg-clr: var(--dui-clr-primary-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary-d-1);
}
.dui.dui-bg-primary-d-1 {
    --dui-bg-clr: var(--dui-clr-primary-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-primary-d-1);
}
.dui.dui-accent-primary-d-1 {
    --dui-accent-clr: var(--dui-clr-primary-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-primary-d-1);
}
.dui.dui-shadow-primary-d-1 {
    --dui-shadow-clr: var(--dui-clr-primary-d-1);
}
.dui.dui-text-decoration-primary-d-1{
    --dui-text-decoration-clr: var(--dui-clr-primary-d-1);
    text-decoration-color: var(--dui-clr-primary-d-1);
}
.dui.dui-border-primary-d-1{
    --dui-border-clr: var(--dui-clr-primary-d-1);
    border-color: var(--dui-clr-primary-d-1);
}
.dui.dui-border-x-primary-d-1{
    --dui-border-x-clr: var(--dui-clr-primary-d-1);
    border-left-color: var(--dui-clr-primary-d-1);
    border-right-color: var(--dui-clr-primary-d-1);
}
.dui.dui-border-y-primary-d-1{
    --dui-border-y-clr: var(--dui-clr-primary-d-1);
    border-top-color: var(--dui-clr-primary-d-1);
    border-bottom-color: var(--dui-clr-primary-d-1);
}
.dui.dui-border-t-primary-d-1{
    --dui-border-t-clr: var(--dui-clr-primary-d-1);
    border-top-color: var(--dui-clr-primary-d-1);
}
.dui.dui-border-r-primary-d-1{
    --dui-border-r-clr: var(--dui-clr-primary-d-1);
    border-right-color: var(--dui-clr-primary-d-1);
}
.dui.dui-border-b-primary-d-1{
    --dui-border-b-clr: var(--dui-clr-primary-d-1);
    border-bottom-color: var(--dui-clr-primary-d-1);
}
.dui.dui-border-l-primary-d-1{
    --dui-border-l-clr: var(--dui-clr-primary-d-1);
    border-left-color: var(--dui-clr-primary-d-1);
}
.dui.dui-divide-primary-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-primary-d-1);
    border-color: var(--dui-clr-primary-d-1);
}
.dui.dui-outline-primary-d-1{
    --dui-outline-clr: var(--dui-clr-primary-d-1);
    outline-color: var(--dui-clr-primary-d-1);
}
.dui.dui-fg-primary-d-2 {
    --dui-fg-clr: var(--dui-clr-primary-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary-d-2);
}
.dui.dui-bg-primary-d-2 {
    --dui-bg-clr: var(--dui-clr-primary-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-primary-d-2);
}
.dui.dui-accent-primary-d-2 {
    --dui-accent-clr: var(--dui-clr-primary-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-primary-d-2);
}
.dui.dui-shadow-primary-d-2 {
    --dui-shadow-clr: var(--dui-clr-primary-d-2);
}
.dui.dui-text-decoration-primary-d-2{
    --dui-text-decoration-clr: var(--dui-clr-primary-d-2);
    text-decoration-color: var(--dui-clr-primary-d-2);
}
.dui.dui-border-primary-d-2{
    --dui-border-clr: var(--dui-clr-primary-d-2);
    border-color: var(--dui-clr-primary-d-2);
}
.dui.dui-border-x-primary-d-2{
    --dui-border-x-clr: var(--dui-clr-primary-d-2);
    border-left-color: var(--dui-clr-primary-d-2);
    border-right-color: var(--dui-clr-primary-d-2);
}
.dui.dui-border-y-primary-d-2{
    --dui-border-y-clr: var(--dui-clr-primary-d-2);
    border-top-color: var(--dui-clr-primary-d-2);
    border-bottom-color: var(--dui-clr-primary-d-2);
}
.dui.dui-border-t-primary-d-2{
    --dui-border-t-clr: var(--dui-clr-primary-d-2);
    border-top-color: var(--dui-clr-primary-d-2);
}
.dui.dui-border-r-primary-d-2{
    --dui-border-r-clr: var(--dui-clr-primary-d-2);
    border-right-color: var(--dui-clr-primary-d-2);
}
.dui.dui-border-b-primary-d-2{
    --dui-border-b-clr: var(--dui-clr-primary-d-2);
    border-bottom-color: var(--dui-clr-primary-d-2);
}
.dui.dui-border-l-primary-d-2{
    --dui-border-l-clr: var(--dui-clr-primary-d-2);
    border-left-color: var(--dui-clr-primary-d-2);
}
.dui.dui-divide-primary-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-primary-d-2);
    border-color: var(--dui-clr-primary-d-2);
}
.dui.dui-outline-primary-d-2{
    --dui-outline-clr: var(--dui-clr-primary-d-2);
    outline-color: var(--dui-clr-primary-d-2);
}
.dui.dui-fg-primary-d-3 {
    --dui-fg-clr: var(--dui-clr-primary-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary-d-3);
}
.dui.dui-bg-primary-d-3 {
    --dui-bg-clr: var(--dui-clr-primary-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-primary-d-3);
}
.dui.dui-accent-primary-d-3 {
    --dui-accent-clr: var(--dui-clr-primary-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-primary-d-3);
}
.dui.dui-shadow-primary-d-3 {
    --dui-shadow-clr: var(--dui-clr-primary-d-3);
}
.dui.dui-text-decoration-primary-d-3{
    --dui-text-decoration-clr: var(--dui-clr-primary-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    text-decoration-color: var(--dui-clr-primary-d-3);
}
.dui.dui-border-primary-d-3{
    --dui-border-clr: var(--dui-clr-primary-d-3);
    border-color: var(--dui-clr-primary-d-3);
}
.dui.dui-border-x-primary-d-3{
    --dui-border-x-clr: var(--dui-clr-primary-d-3);
    border-left-color: var(--dui-clr-primary-d-3);
    border-right-color: var(--dui-clr-primary-d-3);
}
.dui.dui-border-y-primary-d-3{
    --dui-border-y-clr: var(--dui-clr-primary-d-3);
    border-top-color: var(--dui-clr-primary-d-3);
    border-bottom-color: var(--dui-clr-primary-d-3);
}
.dui.dui-border-t-primary-d-3{
    --dui-border-t-clr: var(--dui-clr-primary-d-3);
    border-top-color: var(--dui-clr-primary-d-3);
}
.dui.dui-border-r-primary-d-3{
    --dui-border-r-clr: var(--dui-clr-primary-d-3);
    border-right-color: var(--dui-clr-primary-d-3);
}
.dui.dui-border-b-primary-d-3{
    --dui-border-b-clr: var(--dui-clr-primary-d-3);
    border-bottom-color: var(--dui-clr-primary-d-3);
}
.dui.dui-border-l-primary-d-3{
    --dui-border-l-clr: var(--dui-clr-primary-d-3);
    border-left-color: var(--dui-clr-primary-d-3);
}
.dui.dui-divide-primary-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-primary-d-3);
    border-color: var(--dui-clr-primary-d-3);
}
.dui.dui-outline-primary-d-3{
    --dui-outline-clr: var(--dui-clr-primary-d-3);
    outline-color: var(--dui-clr-primary-d-3);
}
.dui.dui-fg-primary-d-4 {
    --dui-fg-clr: var(--dui-clr-primary-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-primary-d-4);
}
.dui.dui-bg-primary-d-4 {
    --dui-bg-clr: var(--dui-clr-primary-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-primary-d-4);
}
.dui.dui-accent-primary-d-4 {
    --dui-accent-clr: var(--dui-clr-primary-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-primary-d-4);
}
.dui.dui-shadow-primary-d-4 {
    --dui-shadow-clr: var(--dui-clr-primary-d-4);
}
.dui.dui-text-decoration-primary-d-4{
    --dui-text-decoration-clr: var(--dui-clr-primary-d-4);
    text-decoration-color: var(--dui-clr-primary-d-4);
}
.dui.dui-border-primary-d-4{
    --dui-border-clr: var(--dui-clr-primary-d-4);
    border-color: var(--dui-clr-primary-d-4);
}
.dui.dui-border-x-primary-d-4{
    --dui-border-x-clr: var(--dui-clr-primary-d-4);
    border-left-color: var(--dui-clr-primary-d-4);
    border-right-color: var(--dui-clr-primary-d-4);
}
.dui.dui-border-y-primary-d-4{
    --dui-border-y-clr: var(--dui-clr-primary-d-4);
    border-top-color: var(--dui-clr-primary-d-4);
    border-bottom-color: var(--dui-clr-primary-d-4);
}
.dui.dui-border-t-primary-d-4{
    --dui-border-t-clr: var(--dui-clr-primary-d-4);
    border-top-color: var(--dui-clr-primary-d-4);
}
.dui.dui-border-r-primary-d-4{
    --dui-border-r-clr: var(--dui-clr-primary-d-4);
    border-right-color: var(--dui-clr-primary-d-4);
}
.dui.dui-border-b-primary-d-4{
    --dui-border-b-clr: var(--dui-clr-primary-d-4);
    border-bottom-color: var(--dui-clr-primary-d-4);
}
.dui.dui-border-l-primary-d-4{
    --dui-border-l-clr: var(--dui-clr-primary-d-4);
    border-left-color: var(--dui-clr-primary-d-4);
}
.dui.dui-divide-primary-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-primary-d-4);
    border-color: var(--dui-clr-primary-d-4);
}
.dui.dui-outline-primary-d-4{
    --dui-outline-clr: var(--dui-clr-primary-d-4);
    outline-color: var(--dui-clr-primary-d-4);
}
.dui.dui-fg-secondary-l-5 {
    --dui-fg-clr: var(--dui-clr-secondary-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary-l-5);
}
.dui.dui-bg-secondary-l-5 {
    --dui-bg-clr: var(--dui-clr-secondary-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-accent-secondary-l-5 {
    --dui-accent-clr: var(--dui-clr-secondary-l-5);
    accent-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-shadow-secondary-l-5 {
    --dui-shadow-clr: var(--dui-clr-secondary-l-5);
}
.dui.dui-text-decoration-secondary-l-5{
    --dui-text-decoration-clr: var(--dui-clr-secondary-l-5);
    text-decoration-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-border-secondary-l-5{
    --dui-border-clr: var(--dui-clr-secondary-l-5);
    border-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-border-x-secondary-l-5{
    --dui-border-x-clr: var(--dui-clr-secondary-l-5);
    border-left-color: var(--dui-clr-secondary-l-5);
    border-right-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-border-y-secondary-l-5{
    --dui-border-y-clr: var(--dui-clr-secondary-l-5);
    border-top-color: var(--dui-clr-secondary-l-5);
    border-bottom-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-border-t-secondary-l-5{
    --dui-border-t-clr: var(--dui-clr-secondary-l-5);
    border-top-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-border-r-secondary-l-5{
    --dui-border-r-clr: var(--dui-clr-secondary-l-5);
    border-right-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-border-b-secondary-l-5{
    --dui-border-b-clr: var(--dui-clr-secondary-l-5);
    border-bottom-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-border-l-secondary-l-5{
    --dui-border-l-clr: var(--dui-clr-secondary-l-5);
    border-left-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-divide-secondary-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-secondary-l-5);
    border-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-outline-secondary-l-5{
    --dui-outline-clr: var(--dui-clr-secondary-l-5);
    outline-color: var(--dui-clr-secondary-l-5);
}
.dui.dui-fg-secondary-l-4 {
    --dui-fg-clr: var(--dui-clr-secondary-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary-l-4);
}
.dui.dui-bg-secondary-l-4 {
    --dui-bg-clr: var(--dui-clr-secondary-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-accent-secondary-l-4 {
    --dui-accent-clr: var(--dui-clr-secondary-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-shadow-secondary-l-4 {
    --dui-shadow-clr: var(--dui-clr-secondary-l-4);
}
.dui.dui-text-decoration-secondary-l-4{
    --dui-text-decoration-clr: var(--dui-clr-secondary-l-4);
    text-decoration-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-border-secondary-l-4{
    --dui-border-clr: var(--dui-clr-secondary-l-4);
    border-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-border-x-secondary-l-4{
    --dui-border-x-clr: var(--dui-clr-secondary-l-4);
    border-left-color: var(--dui-clr-secondary-l-4);
    border-right-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-border-y-secondary-l-4{
    --dui-border-y-clr: var(--dui-clr-secondary-l-4);
    border-top-color: var(--dui-clr-secondary-l-4);
    border-bottom-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-border-t-secondary-l-4{
    --dui-border-t-clr: var(--dui-clr-secondary-l-4);
    border-top-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-border-r-secondary-l-4{
    --dui-border-r-clr: var(--dui-clr-secondary-l-4);
    border-right-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-border-b-secondary-l-4{
    --dui-border-b-clr: var(--dui-clr-secondary-l-4);
    border-bottom-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-border-l-secondary-l-4{
    --dui-border-l-clr: var(--dui-clr-secondary-l-4);
    border-left-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-divide-secondary-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-secondary-l-4);
    border-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-outline-secondary-l-4{
    --dui-outline-clr: var(--dui-clr-secondary-l-4);
    outline-color: var(--dui-clr-secondary-l-4);
}
.dui.dui-fg-secondary-l-3 {
    --dui-fg-clr: var(--dui-clr-secondary-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary-l-3);
}
.dui.dui-bg-secondary-l-3 {
    --dui-bg-clr: var(--dui-clr-secondary-l-3);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-accent-secondary-l-3 {
    --dui-accent-clr: var(--dui-clr-secondary-l-3);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-shadow-secondary-l-3 {
    --dui-shadow-clr: var(--dui-clr-secondary-l-3);
}
.dui.dui-text-decoration-secondary-l-3{
    --dui-text-decoration-clr: var(--dui-clr-secondary-l-3);
    text-decoration-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-border-secondary-l-3{
    --dui-border-clr: var(--dui-clr-secondary-l-3);
    border-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-border-x-secondary-l-3{
    --dui-border-x-clr: var(--dui-clr-secondary-l-3);
    border-left-color: var(--dui-clr-secondary-l-3);
    border-right-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-border-y-secondary-l-3{
    --dui-border-y-clr: var(--dui-clr-secondary-l-3);
    border-top-color: var(--dui-clr-secondary-l-3);
    border-bottom-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-border-t-secondary-l-3{
    --dui-border-t-clr: var(--dui-clr-secondary-l-3);
    border-top-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-border-r-secondary-l-3{
    --dui-border-r-clr: var(--dui-clr-secondary-l-3);
    border-right-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-border-b-secondary-l-3{
    --dui-border-b-clr: var(--dui-clr-secondary-l-3);
    border-bottom-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-border-l-secondary-l-3{
    --dui-border-l-clr: var(--dui-clr-secondary-l-3);
    border-left-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-divide-secondary-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-secondary-l-3);
    border-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-outline-secondary-l-3{
    --dui-outline-clr: var(--dui-clr-secondary-l-3);
    outline-color: var(--dui-clr-secondary-l-3);
}
.dui.dui-fg-secondary-l-2 {
    --dui-fg-clr: var(--dui-clr-secondary-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary-l-2);
}
.dui.dui-bg-secondary-l-2 {
    --dui-bg-clr: var(--dui-clr-secondary-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-accent-secondary-l-2 {
    --dui-accent-clr: var(--dui-clr-secondary-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-shadow-secondary-l-2 {
    --dui-shadow-clr: var(--dui-clr-secondary-l-2);
}
.dui.dui-text-decoration-secondary-l-2{
    --dui-text-decoration-clr: var(--dui-clr-secondary-l-2);
    text-decoration-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-border-secondary-l-2{
    --dui-border-clr: var(--dui-clr-secondary-l-2);
    border-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-border-x-secondary-l-2{
    --dui-border-x-clr: var(--dui-clr-secondary-l-2);
    border-left-color: var(--dui-clr-secondary-l-2);
    border-right-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-border-y-secondary-l-2{
    --dui-border-y-clr: var(--dui-clr-secondary-l-2);
    border-top-color: var(--dui-clr-secondary-l-2);
    border-bottom-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-border-t-secondary-l-2{
    --dui-border-t-clr: var(--dui-clr-secondary-l-2);
    border-top-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-border-r-secondary-l-2{
    --dui-border-r-clr: var(--dui-clr-secondary-l-2);
    border-right-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-border-b-secondary-l-2{
    --dui-border-b-clr: var(--dui-clr-secondary-l-2);
    border-bottom-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-border-l-secondary-l-2{
    --dui-border-l-clr: var(--dui-clr-secondary-l-2);
    border-left-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-divide-secondary-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-secondary-l-2);
    border-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-outline-secondary-l-2{
    --dui-outline-clr: var(--dui-clr-secondary-l-2);
    outline-color: var(--dui-clr-secondary-l-2);
}
.dui.dui-fg-secondary-l-1 {
    --dui-fg-clr: var(--dui-clr-secondary-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary-l-1);
}
.dui.dui-bg-secondary-l-1 {
    --dui-bg-clr: var(--dui-clr-secondary-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-accent-secondary-l-1 {
    --dui-accent-clr: var(--dui-clr-secondary-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-shadow-secondary-l-1 {
    --dui-shadow-clr: var(--dui-clr-secondary-l-1);
}
.dui.dui-text-decoration-secondary-l-1{
    --dui-text-decoration-clr: var(--dui-clr-secondary-l-1);
    text-decoration-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-border-secondary-l-1{
    --dui-border-clr: var(--dui-clr-secondary-l-1);
    border-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-border-x-secondary-l-1{
    --dui-border-x-clr: var(--dui-clr-secondary-l-1);
    border-left-color: var(--dui-clr-secondary-l-1);
    border-right-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-border-y-secondary-l-1{
    --dui-border-y-clr: var(--dui-clr-secondary-l-1);
    border-top-color: var(--dui-clr-secondary-l-1);
    border-bottom-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-border-t-secondary-l-1{
    --dui-border-t-clr: var(--dui-clr-secondary-l-1);
    border-top-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-border-r-secondary-l-1{
    --dui-border-r-clr: var(--dui-clr-secondary-l-1);
    border-right-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-border-b-secondary-l-1{
    --dui-border-b-clr: var(--dui-clr-secondary-l-1);
    border-bottom-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-border-l-secondary-l-1{
    --dui-border-l-clr: var(--dui-clr-secondary-l-1);
    border-left-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-divide-secondary-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-secondary-l-1);
    border-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-outline-secondary-l-1{
    --dui-outline-clr: var(--dui-clr-secondary-l-1);
    outline-color: var(--dui-clr-secondary-l-1);
}
.dui.dui-fg-secondary {
    --dui-fg-clr: var(--dui-clr-secondary);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary);
}
.dui.dui-bg-secondary {
    --dui-bg-clr: var(--dui-clr-secondary);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-secondary);
}
.dui.dui-accent-secondary {
    --dui-accent-clr: var(--dui-clr-secondary);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-secondary);
}
.dui.dui-shadow-secondary {
    --dui-shadow-clr: var(--dui-clr-secondary);
}
.dui.dui-text-decoration-secondary{
    --dui-text-decoration-clr: var(--dui-clr-secondary);
    text-decoration-color: var(--dui-clr-secondary);
}
.dui.dui-border-secondary{
    --dui-border-clr: var(--dui-clr-secondary);
    border-color: var(--dui-clr-secondary);
}
.dui.dui-border-x-secondary{
    --dui-border-x-clr: var(--dui-clr-secondary);
    border-left-color: var(--dui-clr-secondary);
    border-right-color: var(--dui-clr-secondary);
}
.dui.dui-border-y-secondary{
    --dui-border-y-clr: var(--dui-clr-secondary);
    border-top-color: var(--dui-clr-secondary);
    border-bottom-color: var(--dui-clr-secondary);
}
.dui.dui-border-t-secondary{
    --dui-border-t-clr: var(--dui-clr-secondary);
    border-top-color: var(--dui-clr-secondary);
}
.dui.dui-border-r-secondary{
    --dui-border-r-clr: var(--dui-clr-secondary);
    border-right-color: var(--dui-clr-secondary);
}
.dui.dui-border-b-secondary{
    --dui-border-b-clr: var(--dui-clr-secondary);
    border-bottom-color: var(--dui-clr-secondary);
}
.dui.dui-border-l-secondary{
    --dui-border-l-clr: var(--dui-clr-secondary);
    border-left-color: var(--dui-clr-secondary);
}
.dui.dui-divide-secondary > * + *{
    --dui-border-clr: var(--dui-clr-secondary);
    border-color: var(--dui-clr-secondary);
}
.dui.dui-outline-secondary{
    --dui-outline-clr: var(--dui-clr-secondary);
    outline-color: var(--dui-clr-secondary);
}
.dui.dui-fg-secondary-d-1 {
    --dui-fg-clr: var(--dui-clr-secondary-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary-d-1);
}
.dui.dui-bg-secondary-d-1 {
    --dui-bg-clr: var(--dui-clr-secondary-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-accent-secondary-d-1 {
    --dui-accent-clr: var(--dui-clr-secondary-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-shadow-secondary-d-1 {
    --dui-shadow-clr: var(--dui-clr-secondary-d-1);
}
.dui.dui-text-decoration-secondary-d-1{
    --dui-text-decoration-clr: var(--dui-clr-secondary-d-1);
    text-decoration-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-border-secondary-d-1{
    --dui-border-clr: var(--dui-clr-secondary-d-1);
    border-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-border-x-secondary-d-1{
    --dui-border-x-clr: var(--dui-clr-secondary-d-1);
    border-left-color: var(--dui-clr-secondary-d-1);
    border-right-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-border-y-secondary-d-1{
    --dui-border-y-clr: var(--dui-clr-secondary-d-1);
    border-top-color: var(--dui-clr-secondary-d-1);
    border-bottom-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-border-t-secondary-d-1{
    --dui-border-t-clr: var(--dui-clr-secondary-d-1);
    border-top-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-border-r-secondary-d-1{
    --dui-border-r-clr: var(--dui-clr-secondary-d-1);
    border-right-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-border-b-secondary-d-1{
    --dui-border-b-clr: var(--dui-clr-secondary-d-1);
    border-bottom-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-border-l-secondary-d-1{
    --dui-border-l-clr: var(--dui-clr-secondary-d-1);
    border-left-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-divide-secondary-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-secondary-d-1);
    border-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-outline-secondary-d-1{
    --dui-outline-clr: var(--dui-clr-secondary-d-1);
    outline-color: var(--dui-clr-secondary-d-1);
}
.dui.dui-fg-secondary-d-2 {
    --dui-fg-clr: var(--dui-clr-secondary-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary-d-2);
}
.dui.dui-bg-secondary-d-2 {
    --dui-bg-clr: var(--dui-clr-secondary-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-accent-secondary-d-2 {
    --dui-accent-clr: var(--dui-clr-secondary-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-shadow-secondary-d-2 {
    --dui-shadow-clr: var(--dui-clr-secondary-d-2);
}
.dui.dui-text-decoration-secondary-d-2{
    --dui-text-decoration-clr: var(--dui-clr-secondary-d-2);
    text-decoration-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-border-secondary-d-2{
    --dui-border-clr: var(--dui-clr-secondary-d-2);
    border-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-border-x-secondary-d-2{
    --dui-border-x-clr: var(--dui-clr-secondary-d-2);
    border-left-color: var(--dui-clr-secondary-d-2);
    border-right-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-border-y-secondary-d-2{
    --dui-border-y-clr: var(--dui-clr-secondary-d-2);
    border-top-color: var(--dui-clr-secondary-d-2);
    border-bottom-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-border-t-secondary-d-2{
    --dui-border-t-clr: var(--dui-clr-secondary-d-2);
    border-top-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-border-r-secondary-d-2{
    --dui-border-r-clr: var(--dui-clr-secondary-d-2);
    border-right-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-border-b-secondary-d-2{
    --dui-border-b-clr: var(--dui-clr-secondary-d-2);
    border-bottom-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-border-l-secondary-d-2{
    --dui-border-l-clr: var(--dui-clr-secondary-d-2);
    border-left-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-divide-secondary-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-secondary-d-2);
    border-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-outline-secondary-d-2{
    --dui-outline-clr: var(--dui-clr-secondary-d-2);
    outline-color: var(--dui-clr-secondary-d-2);
}
.dui.dui-fg-secondary-d-3 {
    --dui-fg-clr: var(--dui-clr-secondary-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary-d-3);
}
.dui.dui-bg-secondary-d-3 {
    --dui-bg-clr: var(--dui-clr-secondary-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-accent-secondary-d-3 {
    --dui-accent-clr: var(--dui-clr-secondary-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-shadow-secondary-d-3 {
    --dui-shadow-clr: var(--dui-clr-secondary-d-3);
}
.dui.dui-text-decoration-secondary-d-3{
    --dui-text-decoration-clr: var(--dui-clr-secondary-d-3);
    text-decoration-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-border-secondary-d-3{
    --dui-border-clr: var(--dui-clr-secondary-d-3);
    border-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-border-x-secondary-d-3{
    --dui-border-x-clr: var(--dui-clr-secondary-d-3);
    border-left-color: var(--dui-clr-secondary-d-3);
    border-right-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-border-y-secondary-d-3{
    --dui-border-y-clr: var(--dui-clr-secondary-d-3);
    border-top-color: var(--dui-clr-secondary-d-3);
    border-bottom-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-border-t-secondary-d-3{
    --dui-border-t-clr: var(--dui-clr-secondary-d-3);
    border-top-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-border-r-secondary-d-3{
    --dui-border-r-clr: var(--dui-clr-secondary-d-3);
    border-right-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-border-b-secondary-d-3{
    --dui-border-b-clr: var(--dui-clr-secondary-d-3);
    border-bottom-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-border-l-secondary-d-3{
    --dui-border-l-clr: var(--dui-clr-secondary-d-3);
    border-left-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-divide-secondary-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-secondary-d-3);
    border-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-outline-secondary-d-3{
    --dui-outline-clr: var(--dui-clr-secondary-d-3);
    outline-color: var(--dui-clr-secondary-d-3);
}
.dui.dui-fg-secondary-d-4 {
    --dui-fg-clr: var(--dui-clr-secondary-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-secondary-d-4);
}
.dui.dui-bg-secondary-d-4 {
    --dui-bg-clr: var(--dui-clr-secondary-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-accent-secondary-d-4 {
    --dui-accent-clr: var(--dui-clr-secondary-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-shadow-secondary-d-4 {
    --dui-shadow-clr: var(--dui-clr-secondary-d-4);
}
.dui.dui-text-decoration-secondary-d-4{
    --dui-text-decoration-clr: var(--dui-clr-secondary-d-4);
    text-decoration-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-border-secondary-d-4{
    --dui-border-clr: var(--dui-clr-secondary-d-4);
    border-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-border-x-secondary-d-4{
    --dui-border-x-clr: var(--dui-clr-secondary-d-4);
    border-left-color: var(--dui-clr-secondary-d-4);
    border-right-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-border-y-secondary-d-4{
    --dui-border-y-clr: var(--dui-clr-secondary-d-4);
    border-top-color: var(--dui-clr-secondary-d-4);
    border-bottom-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-border-t-secondary-d-4{
    --dui-border-t-clr: var(--dui-clr-secondary-d-4);
    border-top-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-border-r-secondary-d-4{
    --dui-border-r-clr: var(--dui-clr-secondary-d-4);
    border-right-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-border-b-secondary-d-4{
    --dui-border-b-clr: var(--dui-clr-secondary-d-4);
    border-bottom-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-border-l-secondary-d-4{
    --dui-border-l-clr: var(--dui-clr-secondary-d-4);
    border-left-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-divide-secondary-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-secondary-d-4);
    border-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-outline-secondary-d-4{
    --dui-outline-clr: var(--dui-clr-secondary-d-4);
    outline-color: var(--dui-clr-secondary-d-4);
}
.dui.dui-fg-success-l-5 {
    --dui-fg-clr: var(--dui-clr-success-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success-l-5);
}
.dui.dui-bg-success-l-5 {
    --dui-bg-clr: var(--dui-clr-success-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-success-l-5);
}
.dui.dui-accent-success-l-5 {
    --dui-accent-clr: var(--dui-clr-success-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-success-l-5);
}
.dui.dui-shadow-success-l-5 {
    --dui-shadow-clr: var(--dui-clr-success-l-5);
}
.dui.dui-text-decoration-success-l-5{
    --dui-text-decoration-clr: var(--dui-clr-success-l-5);
    text-decoration-color: var(--dui-clr-success-l-5);
}
.dui.dui-border-success-l-5{
    --dui-border-clr: var(--dui-clr-success-l-5);
    border-color: var(--dui-clr-success-l-5);
}
.dui.dui-border-x-success-l-5{
    --dui-border-x-clr: var(--dui-clr-success-l-5);
    border-left-color: var(--dui-clr-success-l-5);
    border-right-color: var(--dui-clr-success-l-5);
}
.dui.dui-border-y-success-l-5{
    --dui-border-y-clr: var(--dui-clr-success-l-5);
    border-top-color: var(--dui-clr-success-l-5);
    border-bottom-color: var(--dui-clr-success-l-5);
}
.dui.dui-border-t-success-l-5{
    --dui-border-t-clr: var(--dui-clr-success-l-5);
    border-top-color: var(--dui-clr-success-l-5);
}
.dui.dui-border-r-success-l-5{
    --dui-border-r-clr: var(--dui-clr-success-l-5);
    border-right-color: var(--dui-clr-success-l-5);
}
.dui.dui-border-b-success-l-5{
    --dui-border-b-clr: var(--dui-clr-success-l-5);
    border-bottom-color: var(--dui-clr-success-l-5);
}
.dui.dui-border-l-success-l-5{
    --dui-border-l-clr: var(--dui-clr-success-l-5);
    border-left-color: var(--dui-clr-success-l-5);
}
.dui.dui-divide-success-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-success-l-5);
    border-color: var(--dui-clr-success-l-5);
}
.dui.dui-outline-success-l-5{
    --dui-outline-clr: var(--dui-clr-success-l-5);
    outline-color: var(--dui-clr-success-l-5);
}
.dui.dui-fg-success-l-4 {
    --dui-fg-clr: var(--dui-clr-success-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success-l-4);
}
.dui.dui-bg-success-l-4 {
    --dui-bg-clr: var(--dui-clr-success-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-success-l-4);
}
.dui.dui-accent-success-l-4 {
    --dui-accent-clr: var(--dui-clr-success-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-success-l-4);
}
.dui.dui-shadow-success-l-4 {
    --dui-shadow-clr: var(--dui-clr-success-l-4);
}
.dui.dui-text-decoration-success-l-4{
    --dui-text-decoration-clr: var(--dui-clr-success-l-4);
    text-decoration-color: var(--dui-clr-success-l-4);
}
.dui.dui-border-success-l-4{
    --dui-border-clr: var(--dui-clr-success-l-4);
    border-color: var(--dui-clr-success-l-4);
}
.dui.dui-border-x-success-l-4{
    --dui-border-x-clr: var(--dui-clr-success-l-4);
    border-left-color: var(--dui-clr-success-l-4);
    border-right-color: var(--dui-clr-success-l-4);
}
.dui.dui-border-y-success-l-4{
    --dui-border-y-clr: var(--dui-clr-success-l-4);
    border-top-color: var(--dui-clr-success-l-4);
    border-bottom-color: var(--dui-clr-success-l-4);
}
.dui.dui-border-t-success-l-4{
    --dui-border-t-clr: var(--dui-clr-success-l-4);
    border-top-color: var(--dui-clr-success-l-4);
}
.dui.dui-border-r-success-l-4{
    --dui-border-r-clr: var(--dui-clr-success-l-4);
    border-right-color: var(--dui-clr-success-l-4);
}
.dui.dui-border-b-success-l-4{
    --dui-border-b-clr: var(--dui-clr-success-l-4);
    border-bottom-color: var(--dui-clr-success-l-4);
}
.dui.dui-border-l-success-l-4{
    --dui-border-l-clr: var(--dui-clr-success-l-4);
    border-left-color: var(--dui-clr-success-l-4);
}
.dui.dui-divide-success-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-success-l-4);
    border-color: var(--dui-clr-success-l-4);
}
.dui.dui-outline-success-l-4{
    --dui-outline-clr: var(--dui-clr-success-l-4);
    outline-color: var(--dui-clr-success-l-4);
}
.dui.dui-fg-success-l-3 {
    --dui-fg-clr: var(--dui-clr-success-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success-l-3);
}
.dui.dui-bg-success-l-3 {
    --dui-bg-clr: var(--dui-clr-success-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-success-l-3);
}
.dui.dui-accent-success-l-3 {
    --dui-accent-clr: var(--dui-clr-success-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-success-l-3);
}
.dui.dui-shadow-success-l-3 {
    --dui-shadow-clr: var(--dui-clr-success-l-3);
}
.dui.dui-text-decoration-success-l-3{
    --dui-text-decoration-clr: var(--dui-clr-success-l-3);
    text-decoration-color: var(--dui-clr-success-l-3);
}
.dui.dui-border-success-l-3{
    --dui-border-clr: var(--dui-clr-success-l-3);
    border-color: var(--dui-clr-success-l-3);
}
.dui.dui-border-x-success-l-3{
    --dui-border-x-clr: var(--dui-clr-success-l-3);
    border-left-color: var(--dui-clr-success-l-3);
    border-right-color: var(--dui-clr-success-l-3);
}
.dui.dui-border-y-success-l-3{
    --dui-border-y-clr: var(--dui-clr-success-l-3);
    border-top-color: var(--dui-clr-success-l-3);
    border-bottom-color: var(--dui-clr-success-l-3);
}
.dui.dui-border-t-success-l-3{
    --dui-border-t-clr: var(--dui-clr-success-l-3);
    border-top-color: var(--dui-clr-success-l-3);
}
.dui.dui-border-r-success-l-3{
    --dui-border-r-clr: var(--dui-clr-success-l-3);
    border-right-color: var(--dui-clr-success-l-3);
}
.dui.dui-border-b-success-l-3{
    --dui-border-b-clr: var(--dui-clr-success-l-3);
    border-bottom-color: var(--dui-clr-success-l-3);
}
.dui.dui-border-l-success-l-3{
    --dui-border-l-clr: var(--dui-clr-success-l-3);
    border-left-color: var(--dui-clr-success-l-3);
}
.dui.dui-divide-success-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-success-l-3);
    border-color: var(--dui-clr-success-l-3);
}
.dui.dui-outline-success-l-3{
    --dui-outline-clr: var(--dui-clr-success-l-3);
    outline-color: var(--dui-clr-success-l-3);
}
.dui.dui-fg-success-l-2 {
    --dui-fg-clr: var(--dui-clr-success-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success-l-2);
}
.dui.dui-bg-success-l-2 {
    --dui-bg-clr: var(--dui-clr-success-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-success-l-2);
}
.dui.dui-accent-success-l-2 {
    --dui-accent-clr: var(--dui-clr-success-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-success-l-2);
}
.dui.dui-shadow-success-l-2 {
    --dui-shadow-clr: var(--dui-clr-success-l-2);
}
.dui.dui-text-decoration-success-l-2{
    --dui-text-decoration-clr: var(--dui-clr-success-l-2);
    text-decoration-color: var(--dui-clr-success-l-2);
}
.dui.dui-border-success-l-2{
    --dui-border-clr: var(--dui-clr-success-l-2);
    border-color: var(--dui-clr-success-l-2);
}
.dui.dui-border-x-success-l-2{
    --dui-border-x-clr: var(--dui-clr-success-l-2);
    border-left-color: var(--dui-clr-success-l-2);
    border-right-color: var(--dui-clr-success-l-2);
}
.dui.dui-border-y-success-l-2{
    --dui-border-y-clr: var(--dui-clr-success-l-2);
    border-top-color: var(--dui-clr-success-l-2);
    border-bottom-color: var(--dui-clr-success-l-2);
}
.dui.dui-border-t-success-l-2{
    --dui-border-t-clr: var(--dui-clr-success-l-2);
    border-top-color: var(--dui-clr-success-l-2);
}
.dui.dui-border-r-success-l-2{
    --dui-border-r-clr: var(--dui-clr-success-l-2);
    border-right-color: var(--dui-clr-success-l-2);
}
.dui.dui-border-b-success-l-2{
    --dui-border-b-clr: var(--dui-clr-success-l-2);
    border-bottom-color: var(--dui-clr-success-l-2);
}
.dui.dui-border-l-success-l-2{
    --dui-border-l-clr: var(--dui-clr-success-l-2);
    border-left-color: var(--dui-clr-success-l-2);
}
.dui.dui-divide-success-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-success-l-2);
    border-color: var(--dui-clr-success-l-2);
}
.dui.dui-outline-success-l-2{
    --dui-outline-clr: var(--dui-clr-success-l-2);
    outline-color: var(--dui-clr-success-l-2);
}
.dui.dui-fg-success-l-1 {
    --dui-fg-clr: var(--dui-clr-success-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success-l-1);
}
.dui.dui-bg-success-l-1 {
    --dui-bg-clr: var(--dui-clr-success-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-success-l-1);
}
.dui.dui-accent-success-l-1 {
    --dui-accent-clr: var(--dui-clr-success-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-success-l-1);
}
.dui.dui-shadow-success-l-1 {
    --dui-shadow-clr: var(--dui-clr-success-l-1);
}
.dui.dui-text-decoration-success-l-1{
    --dui-text-decoration-clr: var(--dui-clr-success-l-1);
    text-decoration-color: var(--dui-clr-success-l-1);
}
.dui.dui-border-success-l-1{
    --dui-border-clr: var(--dui-clr-success-l-1);
    border-color: var(--dui-clr-success-l-1);
}
.dui.dui-border-x-success-l-1{
    --dui-border-x-clr: var(--dui-clr-success-l-1);
    border-left-color: var(--dui-clr-success-l-1);
    border-right-color: var(--dui-clr-success-l-1);
}
.dui.dui-border-y-success-l-1{
    --dui-border-y-clr: var(--dui-clr-success-l-1);
    border-top-color: var(--dui-clr-success-l-1);
    border-bottom-color: var(--dui-clr-success-l-1);
}
.dui.dui-border-t-success-l-1{
    --dui-border-t-clr: var(--dui-clr-success-l-1);
    border-top-color: var(--dui-clr-success-l-1);
}
.dui.dui-border-r-success-l-1{
    --dui-border-r-clr: var(--dui-clr-success-l-1);
    border-right-color: var(--dui-clr-success-l-1);
}
.dui.dui-border-b-success-l-1{
    --dui-border-b-clr: var(--dui-clr-success-l-1);
    border-bottom-color: var(--dui-clr-success-l-1);
}
.dui.dui-border-l-success-l-1{
    --dui-border-l-clr: var(--dui-clr-success-l-1);
    border-left-color: var(--dui-clr-success-l-1);
}
.dui.dui-divide-success-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-success-l-1);
    border-color: var(--dui-clr-success-l-1);
}
.dui.dui-outline-success-l-1{
    --dui-outline-clr: var(--dui-clr-success-l-1);
    outline-color: var(--dui-clr-success-l-1);
}
.dui.dui-fg-success {
    --dui-fg-clr: var(--dui-clr-success);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success);
}
.dui.dui-bg-success {
    --dui-bg-clr: var(--dui-clr-success);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-success);
}
.dui.dui-accent-success {
    --dui-accent-clr: var(--dui-clr-success);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-success);
}
.dui.dui-shadow-success {
    --dui-shadow-clr: var(--dui-clr-success);
}
.dui.dui-text-decoration-success{
    --dui-text-decoration-clr: var(--dui-clr-success);
    text-decoration-color: var(--dui-clr-success);
}
.dui.dui-border-success{
    --dui-border-clr: var(--dui-clr-success);
    border-color: var(--dui-clr-success);
}
.dui.dui-border-x-success{
    --dui-border-x-clr: var(--dui-clr-success);
    border-left-color: var(--dui-clr-success);
    border-right-color: var(--dui-clr-success);
}
.dui.dui-border-y-success{
    --dui-border-y-clr: var(--dui-clr-success);
    border-top-color: var(--dui-clr-success);
    border-bottom-color: var(--dui-clr-success);
}
.dui.dui-border-t-success{
    --dui-border-t-clr: var(--dui-clr-success);
    border-top-color: var(--dui-clr-success);
}
.dui.dui-border-r-success{
    --dui-border-r-clr: var(--dui-clr-success);
    border-right-color: var(--dui-clr-success);
}
.dui.dui-border-b-success{
    --dui-border-b-clr: var(--dui-clr-success);
    border-bottom-color: var(--dui-clr-success);
}
.dui.dui-border-l-success{
    --dui-border-l-clr: var(--dui-clr-success);
    border-left-color: var(--dui-clr-success);
}
.dui.dui-divide-success > * + *{
    --dui-border-clr: var(--dui-clr-success);
    border-color: var(--dui-clr-success);
}
.dui.dui-outline-success{
    --dui-outline-clr: var(--dui-clr-success);
    outline-color: var(--dui-clr-success);
}
.dui.dui-fg-success-d-1 {
    --dui-fg-clr: var(--dui-clr-success-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success-d-1);
}
.dui.dui-bg-success-d-1 {
    --dui-bg-clr: var(--dui-clr-success-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-success-d-1);
}
.dui.dui-accent-success-d-1 {
    --dui-accent-clr: var(--dui-clr-success-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-success-d-1);
}
.dui.dui-shadow-success-d-1 {
    --dui-shadow-clr: var(--dui-clr-success-d-1);
}
.dui.dui-text-decoration-success-d-1{
    --dui-text-decoration-clr: var(--dui-clr-success-d-1);
    text-decoration-color: var(--dui-clr-success-d-1);
}
.dui.dui-border-success-d-1{
    --dui-border-clr: var(--dui-clr-success-d-1);
    border-color: var(--dui-clr-success-d-1);
}
.dui.dui-border-x-success-d-1{
    --dui-border-x-clr: var(--dui-clr-success-d-1);
    border-left-color: var(--dui-clr-success-d-1);
    border-right-color: var(--dui-clr-success-d-1);
}
.dui.dui-border-y-success-d-1{
    --dui-border-y-clr: var(--dui-clr-success-d-1);
    border-top-color: var(--dui-clr-success-d-1);
    border-bottom-color: var(--dui-clr-success-d-1);
}
.dui.dui-border-t-success-d-1{
    --dui-border-t-clr: var(--dui-clr-success-d-1);
    border-top-color: var(--dui-clr-success-d-1);
}
.dui.dui-border-r-success-d-1{
    --dui-border-r-clr: var(--dui-clr-success-d-1);
    border-right-color: var(--dui-clr-success-d-1);
}
.dui.dui-border-b-success-d-1{
    --dui-border-b-clr: var(--dui-clr-success-d-1);
    border-bottom-color: var(--dui-clr-success-d-1);
}
.dui.dui-border-l-success-d-1{
    --dui-border-l-clr: var(--dui-clr-success-d-1);
    border-left-color: var(--dui-clr-success-d-1);
}
.dui.dui-divide-success-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-success-d-1);
    border-color: var(--dui-clr-success-d-1);
}
.dui.dui-outline-success-d-1{
    --dui-outline-clr: var(--dui-clr-success-d-1);
    outline-color: var(--dui-clr-success-d-1);
}
.dui.dui-fg-success-d-2 {
    --dui-fg-clr: var(--dui-clr-success-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success-d-2);
}
.dui.dui-bg-success-d-2 {
    --dui-bg-clr: var(--dui-clr-success-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-success-d-2);
}
.dui.dui-accent-success-d-2 {
    --dui-accent-clr: var(--dui-clr-success-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-success-d-2);
}
.dui.dui-shadow-success-d-2 {
    --dui-shadow-clr: var(--dui-clr-success-d-2);
}
.dui.dui-text-decoration-success-d-2{
    --dui-text-decoration-clr: var(--dui-clr-success-d-2);
    text-decoration-color: var(--dui-clr-success-d-2);
}
.dui.dui-border-success-d-2{
    --dui-border-clr: var(--dui-clr-success-d-2);
    border-color: var(--dui-clr-success-d-2);
}
.dui.dui-border-x-success-d-2{
    --dui-border-x-clr: var(--dui-clr-success-d-2);
    border-left-color: var(--dui-clr-success-d-2);
    border-right-color: var(--dui-clr-success-d-2);
}
.dui.dui-border-y-success-d-2{
    --dui-border-y-clr: var(--dui-clr-success-d-2);
    border-top-color: var(--dui-clr-success-d-2);
    border-bottom-color: var(--dui-clr-success-d-2);
}
.dui.dui-border-t-success-d-2{
    --dui-border-t-clr: var(--dui-clr-success-d-2);
    border-top-color: var(--dui-clr-success-d-2);
}
.dui.dui-border-r-success-d-2{
    --dui-border-r-clr: var(--dui-clr-success-d-2);
    border-right-color: var(--dui-clr-success-d-2);
}
.dui.dui-border-b-success-d-2{
    --dui-border-b-clr: var(--dui-clr-success-d-2);
    border-bottom-color: var(--dui-clr-success-d-2);
}
.dui.dui-border-l-success-d-2{
    --dui-border-l-clr: var(--dui-clr-success-d-2);
    border-left-color: var(--dui-clr-success-d-2);
}
.dui.dui-divide-success-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-success-d-2);
    border-color: var(--dui-clr-success-d-2);
}
.dui.dui-outline-success-d-2{
    --dui-outline-clr: var(--dui-clr-success-d-2);
    outline-color: var(--dui-clr-success-d-2);
}
.dui.dui-fg-success-d-3 {
    --dui-fg-clr: var(--dui-clr-success-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success-d-3);
}
.dui.dui-bg-success-d-3 {
    --dui-bg-clr: var(--dui-clr-success-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-success-d-3);
}
.dui.dui-accent-success-d-3 {
    --dui-accent-clr: var(--dui-clr-success-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-success-d-3);
}
.dui.dui-shadow-success-d-3 {
    --dui-shadow-clr: var(--dui-clr-success-d-3);
}
.dui.dui-text-decoration-success-d-3{
    --dui-text-decoration-clr: var(--dui-clr-success-d-3);
    text-decoration-color: var(--dui-clr-success-d-3);
}
.dui.dui-border-success-d-3{
    --dui-border-clr: var(--dui-clr-success-d-3);
    border-color: var(--dui-clr-success-d-3);
}
.dui.dui-border-x-success-d-3{
    --dui-border-x-clr: var(--dui-clr-success-d-3);
    border-left-color: var(--dui-clr-success-d-3);
    border-right-color: var(--dui-clr-success-d-3);
}
.dui.dui-border-y-success-d-3{
    --dui-border-y-clr: var(--dui-clr-success-d-3);
    border-top-color: var(--dui-clr-success-d-3);
    border-bottom-color: var(--dui-clr-success-d-3);
}
.dui.dui-border-t-success-d-3{
    --dui-border-t-clr: var(--dui-clr-success-d-3);
    border-top-color: var(--dui-clr-success-d-3);
}
.dui.dui-border-r-success-d-3{
    --dui-border-r-clr: var(--dui-clr-success-d-3);
    border-right-color: var(--dui-clr-success-d-3);
}
.dui.dui-border-b-success-d-3{
    --dui-border-b-clr: var(--dui-clr-success-d-3);
    border-bottom-color: var(--dui-clr-success-d-3);
}
.dui.dui-border-l-success-d-3{
    --dui-border-l-clr: var(--dui-clr-success-d-3);
    border-left-color: var(--dui-clr-success-d-3);
}
.dui.dui-divide-success-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-success-d-3);
    border-color: var(--dui-clr-success-d-3);
}
.dui.dui-outline-success-d-3{
    --dui-outline-clr: var(--dui-clr-success-d-3);
    outline-color: var(--dui-clr-success-d-3);
}
.dui.dui-fg-success-d-4 {
    --dui-fg-clr: var(--dui-clr-success-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-success-d-4);
}
.dui.dui-bg-success-d-4 {
    --dui-bg-clr: var(--dui-clr-success-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-success-d-4);
}
.dui.dui-accent-success-d-4 {
    --dui-accent-clr: var(--dui-clr-success-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-success-d-4);
}
.dui.dui-shadow-success-d-4 {
    --dui-shadow-clr: var(--dui-clr-success-d-4);
}
.dui.dui-text-decoration-success-d-4{
    --dui-text-decoration-clr: var(--dui-clr-success-d-4);
    text-decoration-color: var(--dui-clr-success-d-4);
}
.dui.dui-border-success-d-4{
    --dui-border-clr: var(--dui-clr-success-d-4);
    border-color: var(--dui-clr-success-d-4);
}
.dui.dui-border-x-success-d-4{
    --dui-border-x-clr: var(--dui-clr-success-d-4);
    border-left-color: var(--dui-clr-success-d-4);
    border-right-color: var(--dui-clr-success-d-4);
}
.dui.dui-border-y-success-d-4{
    --dui-border-y-clr: var(--dui-clr-success-d-4);
    border-top-color: var(--dui-clr-success-d-4);
    border-bottom-color: var(--dui-clr-success-d-4);
}
.dui.dui-border-t-success-d-4{
    --dui-border-t-clr: var(--dui-clr-success-d-4);
    border-top-color: var(--dui-clr-success-d-4);
}
.dui.dui-border-r-success-d-4{
    --dui-border-r-clr: var(--dui-clr-success-d-4);
    border-right-color: var(--dui-clr-success-d-4);
}
.dui.dui-border-b-success-d-4{
    --dui-border-b-clr: var(--dui-clr-success-d-4);
    border-bottom-color: var(--dui-clr-success-d-4);
}
.dui.dui-border-l-success-d-4{
    --dui-border-l-clr: var(--dui-clr-success-d-4);
    border-left-color: var(--dui-clr-success-d-4);
}
.dui.dui-divide-success-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-success-d-4);
    border-color: var(--dui-clr-success-d-4);
}
.dui.dui-outline-success-d-4{
    --dui-outline-clr: var(--dui-clr-success-d-4);
    outline-color: var(--dui-clr-success-d-4);
}
.dui.dui-fg-warning-l-5 {
    --dui-fg-clr: var(--dui-clr-warning-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning-l-5);
}
.dui.dui-bg-warning-l-5 {
    --dui-bg-clr: var(--dui-clr-warning-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-warning-l-5);
}
.dui.dui-accent-warning-l-5 {
    --dui-accent-clr: var(--dui-clr-warning-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-warning-l-5);
}
.dui.dui-shadow-warning-l-5 {
    --dui-shadow-clr: var(--dui-clr-warning-l-5);
}
.dui.dui-text-decoration-warning-l-5{
    --dui-text-decoration-clr: var(--dui-clr-warning-l-5);
    text-decoration-color: var(--dui-clr-warning-l-5);
}
.dui.dui-border-warning-l-5{
    --dui-border-clr: var(--dui-clr-warning-l-5);
    border-color: var(--dui-clr-warning-l-5);
}
.dui.dui-border-x-warning-l-5{
    --dui-border-x-clr: var(--dui-clr-warning-l-5);
    border-left-color: var(--dui-clr-warning-l-5);
    border-right-color: var(--dui-clr-warning-l-5);
}
.dui.dui-border-y-warning-l-5{
    --dui-border-y-clr: var(--dui-clr-warning-l-5);
    border-top-color: var(--dui-clr-warning-l-5);
    border-bottom-color: var(--dui-clr-warning-l-5);
}
.dui.dui-border-t-warning-l-5{
    --dui-border-t-clr: var(--dui-clr-warning-l-5);
    border-top-color: var(--dui-clr-warning-l-5);
}
.dui.dui-border-r-warning-l-5{
    --dui-border-r-clr: var(--dui-clr-warning-l-5);
    border-right-color: var(--dui-clr-warning-l-5);
}
.dui.dui-border-b-warning-l-5{
    --dui-border-b-clr: var(--dui-clr-warning-l-5);
    border-bottom-color: var(--dui-clr-warning-l-5);
}
.dui.dui-border-l-warning-l-5{
    --dui-border-l-clr: var(--dui-clr-warning-l-5);
    border-left-color: var(--dui-clr-warning-l-5);
}
.dui.dui-divide-warning-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-warning-l-5);
    border-color: var(--dui-clr-warning-l-5);
}
.dui.dui-outline-warning-l-5{
    --dui-outline-clr: var(--dui-clr-warning-l-5);
    outline-color: var(--dui-clr-warning-l-5);
}
.dui.dui-fg-warning-l-4 {
    --dui-fg-clr: var(--dui-clr-warning-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning-l-4);
}
.dui.dui-bg-warning-l-4 {
    --dui-bg-clr: var(--dui-clr-warning-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-warning-l-4);
}
.dui.dui-accent-warning-l-4 {
    --dui-accent-clr: var(--dui-clr-warning-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-warning-l-4);
}
.dui.dui-shadow-warning-l-4 {
    --dui-shadow-clr: var(--dui-clr-warning-l-4);
}
.dui.dui-text-decoration-warning-l-4{
    --dui-text-decoration-clr: var(--dui-clr-warning-l-4);
    text-decoration-color: var(--dui-clr-warning-l-4);
}
.dui.dui-border-warning-l-4{
    --dui-border-clr: var(--dui-clr-warning-l-4);
    border-color: var(--dui-clr-warning-l-4);
}
.dui.dui-border-x-warning-l-4{
    --dui-border-x-clr: var(--dui-clr-warning-l-4);
    border-left-color: var(--dui-clr-warning-l-4);
    border-right-color: var(--dui-clr-warning-l-4);
}
.dui.dui-border-y-warning-l-4{
    --dui-border-y-clr: var(--dui-clr-warning-l-4);
    border-top-color: var(--dui-clr-warning-l-4);
    border-bottom-color: var(--dui-clr-warning-l-4);
}
.dui.dui-border-t-warning-l-4{
    --dui-border-t-clr: var(--dui-clr-warning-l-4);
    border-top-color: var(--dui-clr-warning-l-4);
}
.dui.dui-border-r-warning-l-4{
    --dui-border-r-clr: var(--dui-clr-warning-l-4);
    border-right-color: var(--dui-clr-warning-l-4);
}
.dui.dui-border-b-warning-l-4{
    --dui-border-b-clr: var(--dui-clr-warning-l-4);
    border-bottom-color: var(--dui-clr-warning-l-4);
}
.dui.dui-border-l-warning-l-4{
    --dui-border-l-clr: var(--dui-clr-warning-l-4);
    border-left-color: var(--dui-clr-warning-l-4);
}
.dui.dui-divide-warning-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-warning-l-4);
    border-color: var(--dui-clr-warning-l-4);
}
.dui.dui-outline-warning-l-4{
    --dui-outline-clr: var(--dui-clr-warning-l-4);
    outline-color: var(--dui-clr-warning-l-4);
}
.dui.dui-fg-warning-l-3 {
    --dui-fg-clr: var(--dui-clr-warning-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning-l-3);
}
.dui.dui-bg-warning-l-3 {
    --dui-bg-clr: var(--dui-clr-warning-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-warning-l-3);
}
.dui.dui-accent-warning-l-3 {
    --dui-accent-clr: var(--dui-clr-warning-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-warning-l-3);
}
.dui.dui-shadow-warning-l-3 {
    --dui-shadow-clr: var(--dui-clr-warning-l-3);
}
.dui.dui-text-decoration-warning-l-3{
    --dui-text-decoration-clr: var(--dui-clr-warning-l-3);
    text-decoration-color: var(--dui-clr-warning-l-3);
}
.dui.dui-border-warning-l-3{
    --dui-border-clr: var(--dui-clr-warning-l-3);
    border-color: var(--dui-clr-warning-l-3);
}
.dui.dui-border-x-warning-l-3{
    --dui-border-x-clr: var(--dui-clr-warning-l-3);
    border-left-color: var(--dui-clr-warning-l-3);
    border-right-color: var(--dui-clr-warning-l-3);
}
.dui.dui-border-y-warning-l-3{
    --dui-border-y-clr: var(--dui-clr-warning-l-3);
    border-top-color: var(--dui-clr-warning-l-3);
    border-bottom-color: var(--dui-clr-warning-l-3);
}
.dui.dui-border-t-warning-l-3{
    --dui-border-t-clr: var(--dui-clr-warning-l-3);
    border-top-color: var(--dui-clr-warning-l-3);
}
.dui.dui-border-r-warning-l-3{
    --dui-border-r-clr: var(--dui-clr-warning-l-3);
    border-right-color: var(--dui-clr-warning-l-3);
}
.dui.dui-border-b-warning-l-3{
    --dui-border-b-clr: var(--dui-clr-warning-l-3);
    border-bottom-color: var(--dui-clr-warning-l-3);
}
.dui.dui-border-l-warning-l-3{
    --dui-border-l-clr: var(--dui-clr-warning-l-3);
    border-left-color: var(--dui-clr-warning-l-3);
}
.dui.dui-divide-warning-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-warning-l-3);
    border-color: var(--dui-clr-warning-l-3);
}
.dui.dui-outline-warning-l-3{
    --dui-outline-clr: var(--dui-clr-warning-l-3);
    outline-color: var(--dui-clr-warning-l-3);
}
.dui.dui-fg-warning-l-2 {
    --dui-fg-clr: var(--dui-clr-warning-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning-l-2);
}
.dui.dui-bg-warning-l-2 {
    --dui-bg-clr: var(--dui-clr-warning-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-warning-l-2);
}
.dui.dui-accent-warning-l-2 {
    --dui-accent-clr: var(--dui-clr-warning-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-warning-l-2);
}
.dui.dui-shadow-warning-l-2 {
    --dui-shadow-clr: var(--dui-clr-warning-l-2);
}
.dui.dui-text-decoration-warning-l-2{
    --dui-text-decoration-clr: var(--dui-clr-warning-l-2);
    text-decoration-color: var(--dui-clr-warning-l-2);
}
.dui.dui-border-warning-l-2{
    --dui-border-clr: var(--dui-clr-warning-l-2);
    border-color: var(--dui-clr-warning-l-2);
}
.dui.dui-border-x-warning-l-2{
    --dui-border-x-clr: var(--dui-clr-warning-l-2);
    border-left-color: var(--dui-clr-warning-l-2);
    border-right-color: var(--dui-clr-warning-l-2);
}
.dui.dui-border-y-warning-l-2{
    --dui-border-y-clr: var(--dui-clr-warning-l-2);
    border-top-color: var(--dui-clr-warning-l-2);
    border-bottom-color: var(--dui-clr-warning-l-2);
}
.dui.dui-border-t-warning-l-2{
    --dui-border-t-clr: var(--dui-clr-warning-l-2);
    border-top-color: var(--dui-clr-warning-l-2);
}
.dui.dui-border-r-warning-l-2{
    --dui-border-r-clr: var(--dui-clr-warning-l-2);
    border-right-color: var(--dui-clr-warning-l-2);
}
.dui.dui-border-b-warning-l-2{
    --dui-border-b-clr: var(--dui-clr-warning-l-2);
    border-bottom-color: var(--dui-clr-warning-l-2);
}
.dui.dui-border-l-warning-l-2{
    --dui-border-l-clr: var(--dui-clr-warning-l-2);
    border-left-color: var(--dui-clr-warning-l-2);
}
.dui.dui-divide-warning-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-warning-l-2);
    border-color: var(--dui-clr-warning-l-2);
}
.dui.dui-outline-warning-l-2{
    --dui-outline-clr: var(--dui-clr-warning-l-2);
    outline-color: var(--dui-clr-warning-l-2);
}
.dui.dui-fg-warning-l-1 {
    --dui-fg-clr: var(--dui-clr-warning-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning-l-1);
}
.dui.dui-bg-warning-l-1 {
    --dui-bg-clr: var(--dui-clr-warning-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-warning-l-1);
}
.dui.dui-accent-warning-l-1 {
    --dui-accent-clr: var(--dui-clr-warning-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-warning-l-1);
}
.dui.dui-shadow-warning-l-1 {
    --dui-shadow-clr: var(--dui-clr-warning-l-1);
}
.dui.dui-text-decoration-warning-l-1{
    --dui-text-decoration-clr: var(--dui-clr-warning-l-1);
    text-decoration-color: var(--dui-clr-warning-l-1);
}
.dui.dui-border-warning-l-1{
    --dui-border-clr: var(--dui-clr-warning-l-1);
    border-color: var(--dui-clr-warning-l-1);
}
.dui.dui-border-x-warning-l-1{
    --dui-border-x-clr: var(--dui-clr-warning-l-1);
    border-left-color: var(--dui-clr-warning-l-1);
    border-right-color: var(--dui-clr-warning-l-1);
}
.dui.dui-border-y-warning-l-1{
    --dui-border-y-clr: var(--dui-clr-warning-l-1);
    border-top-color: var(--dui-clr-warning-l-1);
    border-bottom-color: var(--dui-clr-warning-l-1);
}
.dui.dui-border-t-warning-l-1{
    --dui-border-t-clr: var(--dui-clr-warning-l-1);
    border-top-color: var(--dui-clr-warning-l-1);
}
.dui.dui-border-r-warning-l-1{
    --dui-border-r-clr: var(--dui-clr-warning-l-1);
    border-right-color: var(--dui-clr-warning-l-1);
}
.dui.dui-border-b-warning-l-1{
    --dui-border-b-clr: var(--dui-clr-warning-l-1);
    border-bottom-color: var(--dui-clr-warning-l-1);
}
.dui.dui-border-l-warning-l-1{
    --dui-border-l-clr: var(--dui-clr-warning-l-1);
    border-left-color: var(--dui-clr-warning-l-1);
}
.dui.dui-divide-warning-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-warning-l-1);
    border-color: var(--dui-clr-warning-l-1);
}
.dui.dui-outline-warning-l-1{
    --dui-outline-clr: var(--dui-clr-warning-l-1);
    outline-color: var(--dui-clr-warning-l-1);
}
.dui.dui-fg-warning {
    --dui-fg-clr: var(--dui-clr-warning);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning);
}
.dui.dui-bg-warning {
    --dui-bg-clr: var(--dui-clr-warning);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-warning);
}
.dui.dui-accent-warning {
    --dui-accent-clr: var(--dui-clr-warning);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-warning);
}
.dui.dui-shadow-warning {
    --dui-shadow-clr: var(--dui-clr-warning);
}
.dui.dui-text-decoration-warning{
    --dui-text-decoration-clr: var(--dui-clr-warning);
    text-decoration-color: var(--dui-clr-warning);
}
.dui.dui-border-warning{
    --dui-border-clr: var(--dui-clr-warning);
    border-color: var(--dui-clr-warning);
}
.dui.dui-border-x-warning{
    --dui-border-x-clr: var(--dui-clr-warning);
    border-left-color: var(--dui-clr-warning);
    border-right-color: var(--dui-clr-warning);
}
.dui.dui-border-y-warning{
    --dui-border-y-clr: var(--dui-clr-warning);
    border-top-color: var(--dui-clr-warning);
    border-bottom-color: var(--dui-clr-warning);
}
.dui.dui-border-t-warning{
    --dui-border-t-clr: var(--dui-clr-warning);
    border-top-color: var(--dui-clr-warning);
}
.dui.dui-border-r-warning{
    --dui-border-r-clr: var(--dui-clr-warning);
    border-right-color: var(--dui-clr-warning);
}
.dui.dui-border-b-warning{
    --dui-border-b-clr: var(--dui-clr-warning);
    border-bottom-color: var(--dui-clr-warning);
}
.dui.dui-border-l-warning{
    --dui-border-l-clr: var(--dui-clr-warning);
    border-left-color: var(--dui-clr-warning);
}
.dui.dui-divide-warning > * + *{
    --dui-border-clr: var(--dui-clr-warning);
    border-color: var(--dui-clr-warning);
}
.dui.dui-outline-warning{
    --dui-outline-clr: var(--dui-clr-warning);
    outline-color: var(--dui-clr-warning);
}
.dui.dui-fg-warning-d-1 {
    --dui-fg-clr: var(--dui-clr-warning-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning-d-1);
}
.dui.dui-bg-warning-d-1 {
    --dui-bg-clr: var(--dui-clr-warning-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-warning-d-1);
}
.dui.dui-accent-warning-d-1 {
    --dui-accent-clr: var(--dui-clr-warning-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-warning-d-1);
}
.dui.dui-shadow-warning-d-1 {
    --dui-shadow-clr: var(--dui-clr-warning-d-1);
}
.dui.dui-text-decoration-warning-d-1{
    --dui-text-decoration-clr: var(--dui-clr-warning-d-1);
    text-decoration-color: var(--dui-clr-warning-d-1);
}
.dui.dui-border-warning-d-1{
    --dui-border-clr: var(--dui-clr-warning-d-1);
    border-color: var(--dui-clr-warning-d-1);
}
.dui.dui-border-x-warning-d-1{
    --dui-border-x-clr: var(--dui-clr-warning-d-1);
    border-left-color: var(--dui-clr-warning-d-1);
    border-right-color: var(--dui-clr-warning-d-1);
}
.dui.dui-border-y-warning-d-1{
    --dui-border-y-clr: var(--dui-clr-warning-d-1);
    border-top-color: var(--dui-clr-warning-d-1);
    border-bottom-color: var(--dui-clr-warning-d-1);
}
.dui.dui-border-t-warning-d-1{
    --dui-border-t-clr: var(--dui-clr-warning-d-1);
    border-top-color: var(--dui-clr-warning-d-1);
}
.dui.dui-border-r-warning-d-1{
    --dui-border-r-clr: var(--dui-clr-warning-d-1);
    border-right-color: var(--dui-clr-warning-d-1);
}
.dui.dui-border-b-warning-d-1{
    --dui-border-b-clr: var(--dui-clr-warning-d-1);
    border-bottom-color: var(--dui-clr-warning-d-1);
}
.dui.dui-border-l-warning-d-1{
    --dui-border-l-clr: var(--dui-clr-warning-d-1);
    border-left-color: var(--dui-clr-warning-d-1);
}
.dui.dui-divide-warning-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-warning-d-1);
    border-color: var(--dui-clr-warning-d-1);
}
.dui.dui-outline-warning-d-1{
    --dui-outline-clr: var(--dui-clr-warning-d-1);
    outline-color: var(--dui-clr-warning-d-1);
}
.dui.dui-fg-warning-d-2 {
    --dui-fg-clr: var(--dui-clr-warning-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning-d-2);
}
.dui.dui-bg-warning-d-2 {
    --dui-bg-clr: var(--dui-clr-warning-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-warning-d-2);
}
.dui.dui-accent-warning-d-2 {
    --dui-accent-clr: var(--dui-clr-warning-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-warning-d-2);
}
.dui.dui-shadow-warning-d-2 {
    --dui-shadow-clr: var(--dui-clr-warning-d-2);
}
.dui.dui-text-decoration-warning-d-2{
    --dui-text-decoration-clr: var(--dui-clr-warning-d-2);
    text-decoration-color: var(--dui-clr-warning-d-2);
}
.dui.dui-border-warning-d-2{
    --dui-border-clr: var(--dui-clr-warning-d-2);
    border-color: var(--dui-clr-warning-d-2);
}
.dui.dui-border-x-warning-d-2{
    --dui-border-x-clr: var(--dui-clr-warning-d-2);
    border-left-color: var(--dui-clr-warning-d-2);
    border-right-color: var(--dui-clr-warning-d-2);
}
.dui.dui-border-y-warning-d-2{
    --dui-border-y-clr: var(--dui-clr-warning-d-2);
    border-top-color: var(--dui-clr-warning-d-2);
    border-bottom-color: var(--dui-clr-warning-d-2);
}
.dui.dui-border-t-warning-d-2{
    --dui-border-t-clr: var(--dui-clr-warning-d-2);
    border-top-color: var(--dui-clr-warning-d-2);
}
.dui.dui-border-r-warning-d-2{
    --dui-border-r-clr: var(--dui-clr-warning-d-2);
    border-right-color: var(--dui-clr-warning-d-2);
}
.dui.dui-border-b-warning-d-2{
    --dui-border-b-clr: var(--dui-clr-warning-d-2);
    border-bottom-color: var(--dui-clr-warning-d-2);
}
.dui.dui-border-l-warning-d-2{
    --dui-border-l-clr: var(--dui-clr-warning-d-2);
    border-left-color: var(--dui-clr-warning-d-2);
}
.dui.dui-divide-warning-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-warning-d-2);
    border-color: var(--dui-clr-warning-d-2);
}
.dui.dui-outline-warning-d-2{
    --dui-outline-clr: var(--dui-clr-warning-d-2);
    outline-color: var(--dui-clr-warning-d-2);
}
.dui.dui-fg-warning-d-3 {
    --dui-fg-clr: var(--dui-clr-warning-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning-d-3);
}
.dui.dui-bg-warning-d-3 {
    --dui-bg-clr: var(--dui-clr-warning-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-warning-d-3);
}
.dui.dui-accent-warning-d-3 {
    --dui-accent-clr: var(--dui-clr-warning-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-warning-d-3);
}
.dui.dui-shadow-warning-d-3 {
    --dui-shadow-clr: var(--dui-clr-warning-d-3);
}
.dui.dui-text-decoration-warning-d-3{
    --dui-text-decoration-clr: var(--dui-clr-warning-d-3);
    text-decoration-color: var(--dui-clr-warning-d-3);
}
.dui.dui-border-warning-d-3{
    --dui-border-clr: var(--dui-clr-warning-d-3);
    border-color: var(--dui-clr-warning-d-3);
}
.dui.dui-border-x-warning-d-3{
    --dui-border-x-clr: var(--dui-clr-warning-d-3);
    border-left-color: var(--dui-clr-warning-d-3);
    border-right-color: var(--dui-clr-warning-d-3);
}
.dui.dui-border-y-warning-d-3{
    --dui-border-y-clr: var(--dui-clr-warning-d-3);
    border-top-color: var(--dui-clr-warning-d-3);
    border-bottom-color: var(--dui-clr-warning-d-3);
}
.dui.dui-border-t-warning-d-3{
    --dui-border-t-clr: var(--dui-clr-warning-d-3);
    border-top-color: var(--dui-clr-warning-d-3);
}
.dui.dui-border-r-warning-d-3{
    --dui-border-r-clr: var(--dui-clr-warning-d-3);
    border-right-color: var(--dui-clr-warning-d-3);
}
.dui.dui-border-b-warning-d-3{
    --dui-border-b-clr: var(--dui-clr-warning-d-3);
    border-bottom-color: var(--dui-clr-warning-d-3);
}
.dui.dui-border-l-warning-d-3{
    --dui-border-l-clr: var(--dui-clr-warning-d-3);
    border-left-color: var(--dui-clr-warning-d-3);
}
.dui.dui-divide-warning-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-warning-d-3);
    border-color: var(--dui-clr-warning-d-3);
}
.dui.dui-outline-warning-d-3{
    --dui-outline-clr: var(--dui-clr-warning-d-3);
    outline-color: var(--dui-clr-warning-d-3);
}
.dui.dui-fg-warning-d-4 {
    --dui-fg-clr: var(--dui-clr-warning-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-warning-d-4);
}
.dui.dui-bg-warning-d-4 {
    --dui-bg-clr: var(--dui-clr-warning-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-warning-d-4);
}
.dui.dui-accent-warning-d-4 {
    --dui-accent-clr: var(--dui-clr-warning-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-warning-d-4);
}
.dui.dui-shadow-warning-d-4 {
    --dui-shadow-clr: var(--dui-clr-warning-d-4);
}
.dui.dui-text-decoration-warning-d-4{
    --dui-text-decoration-clr: var(--dui-clr-warning-d-4);
    text-decoration-color: var(--dui-clr-warning-d-4);
}
.dui.dui-border-warning-d-4{
    --dui-border-clr: var(--dui-clr-warning-d-4);
    border-color: var(--dui-clr-warning-d-4);
}
.dui.dui-border-x-warning-d-4{
    --dui-border-x-clr: var(--dui-clr-warning-d-4);
    border-left-color: var(--dui-clr-warning-d-4);
    border-right-color: var(--dui-clr-warning-d-4);
}
.dui.dui-border-y-warning-d-4{
    --dui-border-y-clr: var(--dui-clr-warning-d-4);
    border-top-color: var(--dui-clr-warning-d-4);
    border-bottom-color: var(--dui-clr-warning-d-4);
}
.dui.dui-border-t-warning-d-4{
    --dui-border-t-clr: var(--dui-clr-warning-d-4);
    border-top-color: var(--dui-clr-warning-d-4);
}
.dui.dui-border-r-warning-d-4{
    --dui-border-r-clr: var(--dui-clr-warning-d-4);
    border-right-color: var(--dui-clr-warning-d-4);
}
.dui.dui-border-b-warning-d-4{
    --dui-border-b-clr: var(--dui-clr-warning-d-4);
    border-bottom-color: var(--dui-clr-warning-d-4);
}
.dui.dui-border-l-warning-d-4{
    --dui-border-l-clr: var(--dui-clr-warning-d-4);
    border-left-color: var(--dui-clr-warning-d-4);
}
.dui.dui-divide-warning-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-warning-d-4);
    border-color: var(--dui-clr-warning-d-4);
}
.dui.dui-outline-warning-d-4{
    --dui-outline-clr: var(--dui-clr-warning-d-4);
    outline-color: var(--dui-clr-warning-d-4);
}
.dui.dui-fg-info-l-5 {
    --dui-fg-clr: var(--dui-clr-info-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info-l-5);
}
.dui.dui-bg-info-l-5 {
    --dui-bg-clr: var(--dui-clr-info-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-info-l-5);
}
.dui.dui-accent-info-l-5 {
    --dui-accent-clr: var(--dui-clr-info-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-info-l-5);
}
.dui.dui-shadow-info-l-5 {
    --dui-shadow-clr: var(--dui-clr-info-l-5);
}
.dui.dui-text-decoration-info-l-5{
    --dui-text-decoration-clr: var(--dui-clr-info-l-5);
    text-decoration-color: var(--dui-clr-info-l-5);
}
.dui.dui-border-info-l-5{
    --dui-border-clr: var(--dui-clr-info-l-5);
    border-color: var(--dui-clr-info-l-5);
}
.dui.dui-border-x-info-l-5{
    --dui-border-x-clr: var(--dui-clr-info-l-5);
    border-left-color: var(--dui-clr-info-l-5);
    border-right-color: var(--dui-clr-info-l-5);
}
.dui.dui-border-y-info-l-5{
    --dui-border-y-clr: var(--dui-clr-info-l-5);
    border-top-color: var(--dui-clr-info-l-5);
    border-bottom-color: var(--dui-clr-info-l-5);
}
.dui.dui-border-t-info-l-5{
    --dui-border-t-clr: var(--dui-clr-info-l-5);
    border-top-color: var(--dui-clr-info-l-5);
}
.dui.dui-border-r-info-l-5{
    --dui-border-r-clr: var(--dui-clr-info-l-5);
    border-right-color: var(--dui-clr-info-l-5);
}
.dui.dui-border-b-info-l-5{
    --dui-border-b-clr: var(--dui-clr-info-l-5);
    border-bottom-color: var(--dui-clr-info-l-5);
}
.dui.dui-border-l-info-l-5{
    --dui-border-l-clr: var(--dui-clr-info-l-5);
    border-left-color: var(--dui-clr-info-l-5);
}
.dui.dui-divide-info-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-info-l-5);
    border-color: var(--dui-clr-info-l-5);
}
.dui.dui-outline-info-l-5{
    --dui-outline-clr: var(--dui-clr-info-l-5);
    outline-color: var(--dui-clr-info-l-5);
}
.dui.dui-fg-info-l-4 {
    --dui-fg-clr: var(--dui-clr-info-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info-l-4);
}
.dui.dui-bg-info-l-4 {
    --dui-bg-clr: var(--dui-clr-info-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-info-l-4);
}
.dui.dui-accent-info-l-4 {
    --dui-accent-clr: var(--dui-clr-info-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-info-l-4);
}
.dui.dui-shadow-info-l-4 {
    --dui-shadow-clr: var(--dui-clr-info-l-4);
}
.dui.dui-text-decoration-info-l-4{
    --dui-text-decoration-clr: var(--dui-clr-info-l-4);
    text-decoration-color: var(--dui-clr-info-l-4);
}
.dui.dui-border-info-l-4{
    --dui-border-clr: var(--dui-clr-info-l-4);
    border-color: var(--dui-clr-info-l-4);
}
.dui.dui-border-x-info-l-4{
    --dui-border-x-clr: var(--dui-clr-info-l-4);
    border-left-color: var(--dui-clr-info-l-4);
    border-right-color: var(--dui-clr-info-l-4);
}
.dui.dui-border-y-info-l-4{
    --dui-border-y-clr: var(--dui-clr-info-l-4);
    border-top-color: var(--dui-clr-info-l-4);
    border-bottom-color: var(--dui-clr-info-l-4);
}
.dui.dui-border-t-info-l-4{
    --dui-border-t-clr: var(--dui-clr-info-l-4);
    border-top-color: var(--dui-clr-info-l-4);
}
.dui.dui-border-r-info-l-4{
    --dui-border-r-clr: var(--dui-clr-info-l-4);
    border-right-color: var(--dui-clr-info-l-4);
}
.dui.dui-border-b-info-l-4{
    --dui-border-b-clr: var(--dui-clr-info-l-4);
    border-bottom-color: var(--dui-clr-info-l-4);
}
.dui.dui-border-l-info-l-4{
    --dui-border-l-clr: var(--dui-clr-info-l-4);
    border-left-color: var(--dui-clr-info-l-4);
}
.dui.dui-divide-info-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-info-l-4);
    border-color: var(--dui-clr-info-l-4);
}
.dui.dui-outline-info-l-4{
    --dui-outline-clr: var(--dui-clr-info-l-4);
    outline-color: var(--dui-clr-info-l-4);
}
.dui.dui-fg-info-l-3 {
    --dui-fg-clr: var(--dui-clr-info-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info-l-3);
}
.dui.dui-bg-info-l-3 {
    --dui-bg-clr: var(--dui-clr-info-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-info-l-3);
}
.dui.dui-accent-info-l-3 {
    --dui-accent-clr: var(--dui-clr-info-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-info-l-3);
}
.dui.dui-shadow-info-l-3 {
    --dui-shadow-clr: var(--dui-clr-info-l-3);
}
.dui.dui-text-decoration-info-l-3{
    --dui-text-decoration-clr: var(--dui-clr-info-l-3);
    text-decoration-color: var(--dui-clr-info-l-3);
}
.dui.dui-border-info-l-3{
    --dui-border-clr: var(--dui-clr-info-l-3);
    border-color: var(--dui-clr-info-l-3);
}
.dui.dui-border-x-info-l-3{
    --dui-border-x-clr: var(--dui-clr-info-l-3);
    border-left-color: var(--dui-clr-info-l-3);
    border-right-color: var(--dui-clr-info-l-3);
}
.dui.dui-border-y-info-l-3{
    --dui-border-y-clr: var(--dui-clr-info-l-3);
    border-top-color: var(--dui-clr-info-l-3);
    border-bottom-color: var(--dui-clr-info-l-3);
}
.dui.dui-border-t-info-l-3{
    --dui-border-t-clr: var(--dui-clr-info-l-3);
    border-top-color: var(--dui-clr-info-l-3);
}
.dui.dui-border-r-info-l-3{
    --dui-border-r-clr: var(--dui-clr-info-l-3);
    border-right-color: var(--dui-clr-info-l-3);
}
.dui.dui-border-b-info-l-3{
    --dui-border-b-clr: var(--dui-clr-info-l-3);
    border-bottom-color: var(--dui-clr-info-l-3);
}
.dui.dui-border-l-info-l-3{
    --dui-border-l-clr: var(--dui-clr-info-l-3);
    border-left-color: var(--dui-clr-info-l-3);
}
.dui.dui-divide-info-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-info-l-3);
    border-color: var(--dui-clr-info-l-3);
}
.dui.dui-outline-info-l-3{
    --dui-outline-clr: var(--dui-clr-info-l-3);
    outline-color: var(--dui-clr-info-l-3);
}
.dui.dui-fg-info-l-2 {
    --dui-fg-clr: var(--dui-clr-info-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info-l-2);
}
.dui.dui-bg-info-l-2 {
    --dui-bg-clr: var(--dui-clr-info-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-info-l-2);
}
.dui.dui-accent-info-l-2 {
    --dui-accent-clr: var(--dui-clr-info-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-info-l-2);
}
.dui.dui-shadow-info-l-2 {
    --dui-shadow-clr: var(--dui-clr-info-l-2);
}
.dui.dui-text-decoration-info-l-2{
    --dui-text-decoration-clr: var(--dui-clr-info-l-2);
    text-decoration-color: var(--dui-clr-info-l-2);
}
.dui.dui-border-info-l-2{
    --dui-border-clr: var(--dui-clr-info-l-2);
    border-color: var(--dui-clr-info-l-2);
}
.dui.dui-border-x-info-l-2{
    --dui-border-x-clr: var(--dui-clr-info-l-2);
    border-left-color: var(--dui-clr-info-l-2);
    border-right-color: var(--dui-clr-info-l-2);
}
.dui.dui-border-y-info-l-2{
    --dui-border-y-clr: var(--dui-clr-info-l-2);
    border-top-color: var(--dui-clr-info-l-2);
    border-bottom-color: var(--dui-clr-info-l-2);
}
.dui.dui-border-t-info-l-2{
    --dui-border-t-clr: var(--dui-clr-info-l-2);
    border-top-color: var(--dui-clr-info-l-2);
}
.dui.dui-border-r-info-l-2{
    --dui-border-r-clr: var(--dui-clr-info-l-2);
    border-right-color: var(--dui-clr-info-l-2);
}
.dui.dui-border-b-info-l-2{
    --dui-border-b-clr: var(--dui-clr-info-l-2);
    border-bottom-color: var(--dui-clr-info-l-2);
}
.dui.dui-border-l-info-l-2{
    --dui-border-l-clr: var(--dui-clr-info-l-2);
    border-left-color: var(--dui-clr-info-l-2);
}
.dui.dui-divide-info-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-info-l-2);
    border-color: var(--dui-clr-info-l-2);
}
.dui.dui-outline-info-l-2{
    --dui-outline-clr: var(--dui-clr-info-l-2);
    outline-color: var(--dui-clr-info-l-2);
}
.dui.dui-fg-info-l-1 {
    --dui-fg-clr: var(--dui-clr-info-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info-l-1);
}
.dui.dui-bg-info-l-1 {
    --dui-bg-clr: var(--dui-clr-info-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-info-l-1);
}
.dui.dui-accent-info-l-1 {
    --dui-accent-clr: var(--dui-clr-info-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-info-l-1);
}
.dui.dui-shadow-info-l-1 {
    --dui-shadow-clr: var(--dui-clr-info-l-1);
}
.dui.dui-text-decoration-info-l-1{
    --dui-text-decoration-clr: var(--dui-clr-info-l-1);
    text-decoration-color: var(--dui-clr-info-l-1);
}
.dui.dui-border-info-l-1{
    --dui-border-clr: var(--dui-clr-info-l-1);
    border-color: var(--dui-clr-info-l-1);
}
.dui.dui-border-x-info-l-1{
    --dui-border-x-clr: var(--dui-clr-info-l-1);
    border-left-color: var(--dui-clr-info-l-1);
    border-right-color: var(--dui-clr-info-l-1);
}
.dui.dui-border-y-info-l-1{
    --dui-border-y-clr: var(--dui-clr-info-l-1);
    border-top-color: var(--dui-clr-info-l-1);
    border-bottom-color: var(--dui-clr-info-l-1);
}
.dui.dui-border-t-info-l-1{
    --dui-border-t-clr: var(--dui-clr-info-l-1);
    border-top-color: var(--dui-clr-info-l-1);
}
.dui.dui-border-r-info-l-1{
    --dui-border-r-clr: var(--dui-clr-info-l-1);
    border-right-color: var(--dui-clr-info-l-1);
}
.dui.dui-border-b-info-l-1{
    --dui-border-b-clr: var(--dui-clr-info-l-1);
    border-bottom-color: var(--dui-clr-info-l-1);
}
.dui.dui-border-l-info-l-1{
    --dui-border-l-clr: var(--dui-clr-info-l-1);
    border-left-color: var(--dui-clr-info-l-1);
}
.dui.dui-divide-info-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-info-l-1);
    border-color: var(--dui-clr-info-l-1);
}
.dui.dui-outline-info-l-1{
    --dui-outline-clr: var(--dui-clr-info-l-1);
    outline-color: var(--dui-clr-info-l-1);
}
.dui.dui-fg-info {
    --dui-fg-clr: var(--dui-clr-info);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info);
}
.dui.dui-bg-info {
    --dui-bg-clr: var(--dui-clr-info);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-info);
}
.dui.dui-accent-info {
    --dui-accent-clr: var(--dui-clr-info);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-info);
}
.dui.dui-shadow-info {
    --dui-shadow-clr: var(--dui-clr-info);
}
.dui.dui-text-decoration-info{
    --dui-text-decoration-clr: var(--dui-clr-info);
    text-decoration-color: var(--dui-clr-info);
}
.dui.dui-border-info{
    --dui-border-clr: var(--dui-clr-info);
    border-color: var(--dui-clr-info);
}
.dui.dui-border-x-info{
    --dui-border-x-clr: var(--dui-clr-info);
    border-left-color: var(--dui-clr-info);
    border-right-color: var(--dui-clr-info);
}
.dui.dui-border-y-info{
    --dui-border-y-clr: var(--dui-clr-info);
    border-top-color: var(--dui-clr-info);
    border-bottom-color: var(--dui-clr-info);
}
.dui.dui-border-t-info{
    --dui-border-t-clr: var(--dui-clr-info);
    border-top-color: var(--dui-clr-info);
}
.dui.dui-border-r-info{
    --dui-border-r-clr: var(--dui-clr-info);
    border-right-color: var(--dui-clr-info);
}
.dui.dui-border-b-info{
    --dui-border-b-clr: var(--dui-clr-info);
    border-bottom-color: var(--dui-clr-info);
}
.dui.dui-border-l-info{
    --dui-border-l-clr: var(--dui-clr-info);
    border-left-color: var(--dui-clr-info);
}
.dui.dui-divide-info > * + *{
    --dui-border-clr: var(--dui-clr-info);
    border-color: var(--dui-clr-info);
}
.dui.dui-outline-info{
    --dui-outline-clr: var(--dui-clr-info);
    outline-color: var(--dui-clr-info);
}
.dui.dui-fg-info-d-1 {
    --dui-fg-clr: var(--dui-clr-info-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info-d-1);
}
.dui.dui-bg-info-d-1 {
    --dui-bg-clr: var(--dui-clr-info-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-info-d-1);
}
.dui.dui-accent-info-d-1 {
    --dui-accent-clr: var(--dui-clr-info-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-info-d-1);
}
.dui.dui-shadow-info-d-1 {
    --dui-shadow-clr: var(--dui-clr-info-d-1);
}
.dui.dui-text-decoration-info-d-1{
    --dui-text-decoration-clr: var(--dui-clr-info-d-1);
    text-decoration-color: var(--dui-clr-info-d-1);
}
.dui.dui-border-info-d-1{
    --dui-border-clr: var(--dui-clr-info-d-1);
    border-color: var(--dui-clr-info-d-1);
}
.dui.dui-border-x-info-d-1{
    --dui-border-x-clr: var(--dui-clr-info-d-1);
    border-left-color: var(--dui-clr-info-d-1);
    border-right-color: var(--dui-clr-info-d-1);
}
.dui.dui-border-y-info-d-1{
    --dui-border-y-clr: var(--dui-clr-info-d-1);
    border-top-color: var(--dui-clr-info-d-1);
    border-bottom-color: var(--dui-clr-info-d-1);
}
.dui.dui-border-t-info-d-1{
    --dui-border-t-clr: var(--dui-clr-info-d-1);
    border-top-color: var(--dui-clr-info-d-1);
}
.dui.dui-border-r-info-d-1{
    --dui-border-r-clr: var(--dui-clr-info-d-1);
    border-right-color: var(--dui-clr-info-d-1);
}
.dui.dui-border-b-info-d-1{
    --dui-border-b-clr: var(--dui-clr-info-d-1);
    border-bottom-color: var(--dui-clr-info-d-1);
}
.dui.dui-border-l-info-d-1{
    --dui-border-l-clr: var(--dui-clr-info-d-1);
    border-left-color: var(--dui-clr-info-d-1);
}
.dui.dui-divide-info-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-info-d-1);
    border-color: var(--dui-clr-info-d-1);
}
.dui.dui-outline-info-d-1{
    --dui-outline-clr: var(--dui-clr-info-d-1);
    outline-color: var(--dui-clr-info-d-1);
}
.dui.dui-fg-info-d-2 {
    --dui-fg-clr: var(--dui-clr-info-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info-d-2);
}
.dui.dui-bg-info-d-2 {
    --dui-bg-clr: var(--dui-clr-info-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-info-d-2);
}
.dui.dui-accent-info-d-2 {
    --dui-accent-clr: var(--dui-clr-info-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-info-d-2);
}
.dui.dui-shadow-info-d-2 {
    --dui-shadow-clr: var(--dui-clr-info-d-2);
}
.dui.dui-text-decoration-info-d-2{
    --dui-text-decoration-clr: var(--dui-clr-info-d-2);
    text-decoration-color: var(--dui-clr-info-d-2);
}
.dui.dui-border-info-d-2{
    --dui-border-clr: var(--dui-clr-info-d-2);
    border-color: var(--dui-clr-info-d-2);
}
.dui.dui-border-x-info-d-2{
    --dui-border-x-clr: var(--dui-clr-info-d-2);
    border-left-color: var(--dui-clr-info-d-2);
    border-right-color: var(--dui-clr-info-d-2);
}
.dui.dui-border-y-info-d-2{
    --dui-border-y-clr: var(--dui-clr-info-d-2);
    border-top-color: var(--dui-clr-info-d-2);
    border-bottom-color: var(--dui-clr-info-d-2);
}
.dui.dui-border-t-info-d-2{
    --dui-border-t-clr: var(--dui-clr-info-d-2);
    border-top-color: var(--dui-clr-info-d-2);
}
.dui.dui-border-r-info-d-2{
    --dui-border-r-clr: var(--dui-clr-info-d-2);
    border-right-color: var(--dui-clr-info-d-2);
}
.dui.dui-border-b-info-d-2{
    --dui-border-b-clr: var(--dui-clr-info-d-2);
    border-bottom-color: var(--dui-clr-info-d-2);
}
.dui.dui-border-l-info-d-2{
    --dui-border-l-clr: var(--dui-clr-info-d-2);
    border-left-color: var(--dui-clr-info-d-2);
}
.dui.dui-divide-info-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-info-d-2);
    border-color: var(--dui-clr-info-d-2);
}
.dui.dui-outline-info-d-2{
    --dui-outline-clr: var(--dui-clr-info-d-2);
    outline-color: var(--dui-clr-info-d-2);
}
.dui.dui-fg-info-d-3 {
    --dui-fg-clr: var(--dui-clr-info-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info-d-3);
}
.dui.dui-bg-info-d-3 {
    --dui-bg-clr: var(--dui-clr-info-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-info-d-3);
}
.dui.dui-accent-info-d-3 {
    --dui-accent-clr: var(--dui-clr-info-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-info-d-3);
}
.dui.dui-shadow-info-d-3 {
    --dui-shadow-clr: var(--dui-clr-info-d-3);
}
.dui.dui-text-decoration-info-d-3{
    --dui-text-decoration-clr: var(--dui-clr-info-d-3);
    text-decoration-color: var(--dui-clr-info-d-3);
}
.dui.dui-border-info-d-3{
    --dui-border-clr: var(--dui-clr-info-d-3);
    border-color: var(--dui-clr-info-d-3);
}
.dui.dui-border-x-info-d-3{
    --dui-border-x-clr: var(--dui-clr-info-d-3);
    border-left-color: var(--dui-clr-info-d-3);
    border-right-color: var(--dui-clr-info-d-3);
}
.dui.dui-border-y-info-d-3{
    --dui-border-y-clr: var(--dui-clr-info-d-3);
    border-top-color: var(--dui-clr-info-d-3);
    border-bottom-color: var(--dui-clr-info-d-3);
}
.dui.dui-border-t-info-d-3{
    --dui-border-t-clr: var(--dui-clr-info-d-3);
    border-top-color: var(--dui-clr-info-d-3);
}
.dui.dui-border-r-info-d-3{
    --dui-border-r-clr: var(--dui-clr-info-d-3);
    border-right-color: var(--dui-clr-info-d-3);
}
.dui.dui-border-b-info-d-3{
    --dui-border-b-clr: var(--dui-clr-info-d-3);
    border-bottom-color: var(--dui-clr-info-d-3);
}
.dui.dui-border-l-info-d-3{
    --dui-border-l-clr: var(--dui-clr-info-d-3);
    border-left-color: var(--dui-clr-info-d-3);
}
.dui.dui-divide-info-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-info-d-3);
    border-color: var(--dui-clr-info-d-3);
}
.dui.dui-outline-info-d-3{
    --dui-outline-clr: var(--dui-clr-info-d-3);
    outline-color: var(--dui-clr-info-d-3);
}
.dui.dui-fg-info-d-4 {
    --dui-fg-clr: var(--dui-clr-info-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-info-d-4);
}
.dui.dui-bg-info-d-4 {
    --dui-bg-clr: var(--dui-clr-info-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-info-d-4);
}
.dui.dui-accent-info-d-4 {
    --dui-accent-clr: var(--dui-clr-info-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-info-d-4);
}
.dui.dui-shadow-info-d-4 {
    --dui-shadow-clr: var(--dui-clr-info-d-4);
}
.dui.dui-text-decoration-info-d-4{
    --dui-text-decoration-clr: var(--dui-clr-info-d-4);
    text-decoration-color: var(--dui-clr-info-d-4);
}
.dui.dui-border-info-d-4{
    --dui-border-clr: var(--dui-clr-info-d-4);
    border-color: var(--dui-clr-info-d-4);
}
.dui.dui-border-x-info-d-4{
    --dui-border-x-clr: var(--dui-clr-info-d-4);
    border-left-color: var(--dui-clr-info-d-4);
    border-right-color: var(--dui-clr-info-d-4);
}
.dui.dui-border-y-info-d-4{
    --dui-border-y-clr: var(--dui-clr-info-d-4);
    border-top-color: var(--dui-clr-info-d-4);
    border-bottom-color: var(--dui-clr-info-d-4);
}
.dui.dui-border-t-info-d-4{
    --dui-border-t-clr: var(--dui-clr-info-d-4);
    border-top-color: var(--dui-clr-info-d-4);
}
.dui.dui-border-r-info-d-4{
    --dui-border-r-clr: var(--dui-clr-info-d-4);
    border-right-color: var(--dui-clr-info-d-4);
}
.dui.dui-border-b-info-d-4{
    --dui-border-b-clr: var(--dui-clr-info-d-4);
    border-bottom-color: var(--dui-clr-info-d-4);
}
.dui.dui-border-l-info-d-4{
    --dui-border-l-clr: var(--dui-clr-info-d-4);
    border-left-color: var(--dui-clr-info-d-4);
}
.dui.dui-divide-info-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-info-d-4);
    border-color: var(--dui-clr-info-d-4);
}
.dui.dui-outline-info-d-4{
    --dui-outline-clr: var(--dui-clr-info-d-4);
    outline-color: var(--dui-clr-info-d-4);
}
.dui.dui-fg-error-l-5 {
    --dui-fg-clr: var(--dui-clr-error-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error-l-5);
}
.dui.dui-bg-error-l-5 {
    --dui-bg-clr: var(--dui-clr-error-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-error-l-5);
}
.dui.dui-accent-error-l-5 {
    --dui-accent-clr: var(--dui-clr-error-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-error-l-5);
}
.dui.dui-shadow-error-l-5 {
    --dui-shadow-clr: var(--dui-clr-error-l-5);
}
.dui.dui-text-decoration-error-l-5{
    --dui-text-decoration-clr: var(--dui-clr-error-l-5);
    text-decoration-color: var(--dui-clr-error-l-5);
}
.dui.dui-border-error-l-5{
    --dui-border-clr: var(--dui-clr-error-l-5);
    border-color: var(--dui-clr-error-l-5);
}
.dui.dui-border-x-error-l-5{
    --dui-border-x-clr: var(--dui-clr-error-l-5);
    border-left-color: var(--dui-clr-error-l-5);
    border-right-color: var(--dui-clr-error-l-5);
}
.dui.dui-border-y-error-l-5{
    --dui-border-y-clr: var(--dui-clr-error-l-5);
    border-top-color: var(--dui-clr-error-l-5);
    border-bottom-color: var(--dui-clr-error-l-5);
}
.dui.dui-border-t-error-l-5{
    --dui-border-t-clr: var(--dui-clr-error-l-5);
    border-top-color: var(--dui-clr-error-l-5);
}
.dui.dui-border-r-error-l-5{
    --dui-border-r-clr: var(--dui-clr-error-l-5);
    border-right-color: var(--dui-clr-error-l-5);
}
.dui.dui-border-b-error-l-5{
    --dui-border-b-clr: var(--dui-clr-error-l-5);
    border-bottom-color: var(--dui-clr-error-l-5);
}
.dui.dui-border-l-error-l-5{
    --dui-border-l-clr: var(--dui-clr-error-l-5);
    border-left-color: var(--dui-clr-error-l-5);
}
.dui.dui-divide-error-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-error-l-5);
    border-color: var(--dui-clr-error-l-5);
}
.dui.dui-outline-error-l-5{
    --dui-outline-clr: var(--dui-clr-error-l-5);
    outline-color: var(--dui-clr-error-l-5);
}
.dui.dui-fg-error-l-4 {
    --dui-fg-clr: var(--dui-clr-error-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error-l-4);
}
.dui.dui-bg-error-l-4 {
    --dui-bg-clr: var(--dui-clr-error-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-error-l-4);
}
.dui.dui-accent-error-l-4 {
    --dui-accent-clr: var(--dui-clr-error-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-error-l-4);
}
.dui.dui-shadow-error-l-4 {
    --dui-shadow-clr: var(--dui-clr-error-l-4);
}
.dui.dui-text-decoration-error-l-4{
    --dui-text-decoration-clr: var(--dui-clr-error-l-4);
    text-decoration-color: var(--dui-clr-error-l-4);
}
.dui.dui-border-error-l-4{
    --dui-border-clr: var(--dui-clr-error-l-4);
    border-color: var(--dui-clr-error-l-4);
}
.dui.dui-border-x-error-l-4{
    --dui-border-x-clr: var(--dui-clr-error-l-4);
    border-left-color: var(--dui-clr-error-l-4);
    border-right-color: var(--dui-clr-error-l-4);
}
.dui.dui-border-y-error-l-4{
    --dui-border-y-clr: var(--dui-clr-error-l-4);
    border-top-color: var(--dui-clr-error-l-4);
    border-bottom-color: var(--dui-clr-error-l-4);
}
.dui.dui-border-t-error-l-4{
    --dui-border-t-clr: var(--dui-clr-error-l-4);
    border-top-color: var(--dui-clr-error-l-4);
}
.dui.dui-border-r-error-l-4{
    --dui-border-r-clr: var(--dui-clr-error-l-4);
    border-right-color: var(--dui-clr-error-l-4);
}
.dui.dui-border-b-error-l-4{
    --dui-border-b-clr: var(--dui-clr-error-l-4);
    border-bottom-color: var(--dui-clr-error-l-4);
}
.dui.dui-border-l-error-l-4{
    --dui-border-l-clr: var(--dui-clr-error-l-4);
    border-left-color: var(--dui-clr-error-l-4);
}
.dui.dui-divide-error-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-error-l-4);
    border-color: var(--dui-clr-error-l-4);
}
.dui.dui-outline-error-l-4{
    --dui-outline-clr: var(--dui-clr-error-l-4);
    outline-color: var(--dui-clr-error-l-4);
}
.dui.dui-fg-error-l-3 {
    --dui-fg-clr: var(--dui-clr-error-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error-l-3);
}
.dui.dui-bg-error-l-3 {
    --dui-bg-clr: var(--dui-clr-error-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-error-l-3);
}
.dui.dui-accent-error-l-3 {
    --dui-accent-clr: var(--dui-clr-error-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-error-l-3);
}
.dui.dui-shadow-error-l-3 {
    --dui-shadow-clr: var(--dui-clr-error-l-3);
}
.dui.dui-text-decoration-error-l-3{
    --dui-text-decoration-clr: var(--dui-clr-error-l-3);
    text-decoration-color: var(--dui-clr-error-l-3);
}
.dui.dui-border-error-l-3{
    --dui-border-clr: var(--dui-clr-error-l-3);
    border-color: var(--dui-clr-error-l-3);
}
.dui.dui-border-x-error-l-3{
    --dui-border-x-clr: var(--dui-clr-error-l-3);
    border-left-color: var(--dui-clr-error-l-3);
    border-right-color: var(--dui-clr-error-l-3);
}
.dui.dui-border-y-error-l-3{
    --dui-border-y-clr: var(--dui-clr-error-l-3);
    border-top-color: var(--dui-clr-error-l-3);
    border-bottom-color: var(--dui-clr-error-l-3);
}
.dui.dui-border-t-error-l-3{
    --dui-border-t-clr: var(--dui-clr-error-l-3);
    border-top-color: var(--dui-clr-error-l-3);
}
.dui.dui-border-r-error-l-3{
    --dui-border-r-clr: var(--dui-clr-error-l-3);
    border-right-color: var(--dui-clr-error-l-3);
}
.dui.dui-border-b-error-l-3{
    --dui-border-b-clr: var(--dui-clr-error-l-3);
    border-bottom-color: var(--dui-clr-error-l-3);
}
.dui.dui-border-l-error-l-3{
    --dui-border-l-clr: var(--dui-clr-error-l-3);
    border-left-color: var(--dui-clr-error-l-3);
}
.dui.dui-divide-error-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-error-l-3);
    border-color: var(--dui-clr-error-l-3);
}
.dui.dui-outline-error-l-3{
    --dui-outline-clr: var(--dui-clr-error-l-3);
    outline-color: var(--dui-clr-error-l-3);
}
.dui.dui-fg-error-l-2 {
    --dui-fg-clr: var(--dui-clr-error-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error-l-2);
}
.dui.dui-bg-error-l-2 {
    --dui-bg-clr: var(--dui-clr-error-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-error-l-2);
}
.dui.dui-accent-error-l-2 {
    --dui-accent-clr: var(--dui-clr-error-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-error-l-2);
}
.dui.dui-shadow-error-l-2 {
    --dui-shadow-clr: var(--dui-clr-error-l-2);
}
.dui.dui-text-decoration-error-l-2{
    --dui-text-decoration-clr: var(--dui-clr-error-l-2);
    text-decoration-color: var(--dui-clr-error-l-2);
}
.dui.dui-border-error-l-2{
    --dui-border-clr: var(--dui-clr-error-l-2);
    border-color: var(--dui-clr-error-l-2);
}
.dui.dui-border-x-error-l-2{
    --dui-border-x-clr: var(--dui-clr-error-l-2);
    border-left-color: var(--dui-clr-error-l-2);
    border-right-color: var(--dui-clr-error-l-2);
}
.dui.dui-border-y-error-l-2{
    --dui-border-y-clr: var(--dui-clr-error-l-2);
    border-top-color: var(--dui-clr-error-l-2);
    border-bottom-color: var(--dui-clr-error-l-2);
}
.dui.dui-border-t-error-l-2{
    --dui-border-t-clr: var(--dui-clr-error-l-2);
    border-top-color: var(--dui-clr-error-l-2);
}
.dui.dui-border-r-error-l-2{
    --dui-border-r-clr: var(--dui-clr-error-l-2);
    border-right-color: var(--dui-clr-error-l-2);
}
.dui.dui-border-b-error-l-2{
    --dui-border-b-clr: var(--dui-clr-error-l-2);
    border-bottom-color: var(--dui-clr-error-l-2);
}
.dui.dui-border-l-error-l-2{
    --dui-border-l-clr: var(--dui-clr-error-l-2);
    border-left-color: var(--dui-clr-error-l-2);
}
.dui.dui-divide-error-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-error-l-2);
    border-color: var(--dui-clr-error-l-2);
}
.dui.dui-outline-error-l-2{
    --dui-outline-clr: var(--dui-clr-error-l-2);
    outline-color: var(--dui-clr-error-l-2);
}
.dui.dui-fg-error-l-1 {
    --dui-fg-clr: var(--dui-clr-error-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error-l-1);
}
.dui.dui-bg-error-l-1 {
    --dui-bg-clr: var(--dui-clr-error-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-error-l-1);
}
.dui.dui-accent-error-l-1 {
    --dui-accent-clr: var(--dui-clr-error-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-error-l-1);
}
.dui.dui-shadow-error-l-1 {
    --dui-shadow-clr: var(--dui-clr-error-l-1);
}
.dui.dui-text-decoration-error-l-1{
    --dui-text-decoration-clr: var(--dui-clr-error-l-1);
    text-decoration-color: var(--dui-clr-error-l-1);
}
.dui.dui-border-error-l-1{
    --dui-border-clr: var(--dui-clr-error-l-1);
    border-color: var(--dui-clr-error-l-1);
}
.dui.dui-border-x-error-l-1{
    --dui-border-x-clr: var(--dui-clr-error-l-1);
    border-left-color: var(--dui-clr-error-l-1);
    border-right-color: var(--dui-clr-error-l-1);
}
.dui.dui-border-y-error-l-1{
    --dui-border-y-clr: var(--dui-clr-error-l-1);
    border-top-color: var(--dui-clr-error-l-1);
    border-bottom-color: var(--dui-clr-error-l-1);
}
.dui.dui-border-t-error-l-1{
    --dui-border-t-clr: var(--dui-clr-error-l-1);
    border-top-color: var(--dui-clr-error-l-1);
}
.dui.dui-border-r-error-l-1{
    --dui-border-r-clr: var(--dui-clr-error-l-1);
    border-right-color: var(--dui-clr-error-l-1);
}
.dui.dui-border-b-error-l-1{
    --dui-border-b-clr: var(--dui-clr-error-l-1);
    border-bottom-color: var(--dui-clr-error-l-1);
}
.dui.dui-border-l-error-l-1{
    --dui-border-l-clr: var(--dui-clr-error-l-1);
    border-left-color: var(--dui-clr-error-l-1);
}
.dui.dui-divide-error-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-error-l-1);
    border-color: var(--dui-clr-error-l-1);
}
.dui.dui-outline-error-l-1{
    --dui-outline-clr: var(--dui-clr-error-l-1);
    outline-color: var(--dui-clr-error-l-1);
}
.dui.dui-fg-error {
    --dui-fg-clr: var(--dui-clr-error);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error);
}
.dui.dui-bg-error {
    --dui-bg-clr: var(--dui-clr-error);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-error);
}
.dui.dui-accent-error {
    --dui-accent-clr: var(--dui-clr-error);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-error);
}
.dui.dui-shadow-error {
    --dui-shadow-clr: var(--dui-clr-error);
}
.dui.dui-text-decoration-error{
    --dui-text-decoration-clr: var(--dui-clr-error);
    text-decoration-color: var(--dui-clr-error);
}
.dui.dui-border-error{
    --dui-border-clr: var(--dui-clr-error);
    border-color: var(--dui-clr-error);
}
.dui.dui-border-x-error{
    --dui-border-x-clr: var(--dui-clr-error);
    border-left-color: var(--dui-clr-error);
    border-right-color: var(--dui-clr-error);
}
.dui.dui-border-y-error{
    --dui-border-y-clr: var(--dui-clr-error);
    border-top-color: var(--dui-clr-error);
    border-bottom-color: var(--dui-clr-error);
}
.dui.dui-border-t-error{
    --dui-border-t-clr: var(--dui-clr-error);
    border-top-color: var(--dui-clr-error);
}
.dui.dui-border-r-error{
    --dui-border-r-clr: var(--dui-clr-error);
    border-right-color: var(--dui-clr-error);
}
.dui.dui-border-b-error{
    --dui-border-b-clr: var(--dui-clr-error);
    border-bottom-color: var(--dui-clr-error);
}
.dui.dui-border-l-error{
    --dui-border-l-clr: var(--dui-clr-error);
    border-left-color: var(--dui-clr-error);
}
.dui.dui-divide-error > * + *{
    --dui-border-clr: var(--dui-clr-error);
    border-color: var(--dui-clr-error);
}
.dui.dui-outline-error{
    --dui-outline-clr: var(--dui-clr-error);
    outline-color: var(--dui-clr-error);
}
.dui.dui-fg-error-d-1 {
    --dui-fg-clr: var(--dui-clr-error-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error-d-1);
}
.dui.dui-bg-error-d-1 {
    --dui-bg-clr: var(--dui-clr-error-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-error-d-1);
}
.dui.dui-accent-error-d-1 {
    --dui-accent-clr: var(--dui-clr-error-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-error-d-1);
}
.dui.dui-shadow-error-d-1 {
    --dui-shadow-clr: var(--dui-clr-error-d-1);
}
.dui.dui-text-decoration-error-d-1{
    --dui-text-decoration-clr: var(--dui-clr-error-d-1);
    text-decoration-color: var(--dui-clr-error-d-1);
}
.dui.dui-border-error-d-1{
    --dui-border-clr: var(--dui-clr-error-d-1);
    border-color: var(--dui-clr-error-d-1);
}
.dui.dui-border-x-error-d-1{
    --dui-border-x-clr: var(--dui-clr-error-d-1);
    border-left-color: var(--dui-clr-error-d-1);
    border-right-color: var(--dui-clr-error-d-1);
}
.dui.dui-border-y-error-d-1{
    --dui-border-y-clr: var(--dui-clr-error-d-1);
    border-top-color: var(--dui-clr-error-d-1);
    border-bottom-color: var(--dui-clr-error-d-1);
}
.dui.dui-border-t-error-d-1{
    --dui-border-t-clr: var(--dui-clr-error-d-1);
    border-top-color: var(--dui-clr-error-d-1);
}
.dui.dui-border-r-error-d-1{
    --dui-border-r-clr: var(--dui-clr-error-d-1);
    border-right-color: var(--dui-clr-error-d-1);
}
.dui.dui-border-b-error-d-1{
    --dui-border-b-clr: var(--dui-clr-error-d-1);
    border-bottom-color: var(--dui-clr-error-d-1);
}
.dui.dui-border-l-error-d-1{
    --dui-border-l-clr: var(--dui-clr-error-d-1);
    border-left-color: var(--dui-clr-error-d-1);
}
.dui.dui-divide-error-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-error-d-1);
    border-color: var(--dui-clr-error-d-1);
}
.dui.dui-outline-error-d-1{
    --dui-outline-clr: var(--dui-clr-error-d-1);
    outline-color: var(--dui-clr-error-d-1);
}
.dui.dui-fg-error-d-2 {
    --dui-fg-clr: var(--dui-clr-error-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error-d-2);
}
.dui.dui-bg-error-d-2 {
    --dui-bg-clr: var(--dui-clr-error-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-error-d-2);
}
.dui.dui-accent-error-d-2 {
    --dui-accent-clr: var(--dui-clr-error-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-error-d-2);
}
.dui.dui-shadow-error-d-2 {
    --dui-shadow-clr: var(--dui-clr-error-d-2);
}
.dui.dui-text-decoration-error-d-2{
    --dui-text-decoration-clr: var(--dui-clr-error-d-2);
    text-decoration-color: var(--dui-clr-error-d-2);
}
.dui.dui-border-error-d-2{
    --dui-border-clr: var(--dui-clr-error-d-2);
    border-color: var(--dui-clr-error-d-2);
}
.dui.dui-border-x-error-d-2{
    --dui-border-x-clr: var(--dui-clr-error-d-2);
    border-left-color: var(--dui-clr-error-d-2);
    border-right-color: var(--dui-clr-error-d-2);
}
.dui.dui-border-y-error-d-2{
    --dui-border-y-clr: var(--dui-clr-error-d-2);
    border-top-color: var(--dui-clr-error-d-2);
    border-bottom-color: var(--dui-clr-error-d-2);
}
.dui.dui-border-t-error-d-2{
    --dui-border-t-clr: var(--dui-clr-error-d-2);
    border-top-color: var(--dui-clr-error-d-2);
}
.dui.dui-border-r-error-d-2{
    --dui-border-r-clr: var(--dui-clr-error-d-2);
    border-right-color: var(--dui-clr-error-d-2);
}
.dui.dui-border-b-error-d-2{
    --dui-border-b-clr: var(--dui-clr-error-d-2);
    border-bottom-color: var(--dui-clr-error-d-2);
}
.dui.dui-border-l-error-d-2{
    --dui-border-l-clr: var(--dui-clr-error-d-2);
    border-left-color: var(--dui-clr-error-d-2);
}
.dui.dui-divide-error-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-error-d-2);
    border-color: var(--dui-clr-error-d-2);
}
.dui.dui-outline-error-d-2{
    --dui-outline-clr: var(--dui-clr-error-d-2);
    outline-color: var(--dui-clr-error-d-2);
}
.dui.dui-fg-error-d-3 {
    --dui-fg-clr: var(--dui-clr-error-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error-d-3);
}
.dui.dui-bg-error-d-3 {
    --dui-bg-clr: var(--dui-clr-error-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-error-d-3);
}
.dui.dui-accent-error-d-3 {
    --dui-accent-clr: var(--dui-clr-error-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-error-d-3);
}
.dui.dui-shadow-error-d-3 {
    --dui-shadow-clr: var(--dui-clr-error-d-3);
}
.dui.dui-text-decoration-error-d-3{
    --dui-text-decoration-clr: var(--dui-clr-error-d-3);
    text-decoration-color: var(--dui-clr-error-d-3);
}
.dui.dui-border-error-d-3{
    --dui-border-clr: var(--dui-clr-error-d-3);
    border-color: var(--dui-clr-error-d-3);
}
.dui.dui-border-x-error-d-3{
    --dui-border-x-clr: var(--dui-clr-error-d-3);
    border-left-color: var(--dui-clr-error-d-3);
    border-right-color: var(--dui-clr-error-d-3);
}
.dui.dui-border-y-error-d-3{
    --dui-border-y-clr: var(--dui-clr-error-d-3);
    border-top-color: var(--dui-clr-error-d-3);
    border-bottom-color: var(--dui-clr-error-d-3);
}
.dui.dui-border-t-error-d-3{
    --dui-border-t-clr: var(--dui-clr-error-d-3);
    border-top-color: var(--dui-clr-error-d-3);
}
.dui.dui-border-r-error-d-3{
    --dui-border-r-clr: var(--dui-clr-error-d-3);
    border-right-color: var(--dui-clr-error-d-3);
}
.dui.dui-border-b-error-d-3{
    --dui-border-b-clr: var(--dui-clr-error-d-3);
    border-bottom-color: var(--dui-clr-error-d-3);
}
.dui.dui-border-l-error-d-3{
    --dui-border-l-clr: var(--dui-clr-error-d-3);
    border-left-color: var(--dui-clr-error-d-3);
}
.dui.dui-divide-error-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-error-d-3);
    border-color: var(--dui-clr-error-d-3);
}
.dui.dui-outline-error-d-3{
    --dui-outline-clr: var(--dui-clr-error-d-3);
    outline-color: var(--dui-clr-error-d-3);
}
.dui.dui-fg-error-d-4 {
    --dui-fg-clr: var(--dui-clr-error-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-error-d-4);
}
.dui.dui-bg-error-d-4 {
    --dui-bg-clr: var(--dui-clr-error-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-error-d-4);
}
.dui.dui-accent-error-d-4 {
    --dui-accent-clr: var(--dui-clr-error-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-error-d-4);
}
.dui.dui-shadow-error-d-4 {
    --dui-shadow-clr: var(--dui-clr-error-d-4);
}
.dui.dui-text-decoration-error-d-4{
    --dui-text-decoration-clr: var(--dui-clr-error-d-4);
    text-decoration-color: var(--dui-clr-error-d-4);
}
.dui.dui-border-error-d-4{
    --dui-border-clr: var(--dui-clr-error-d-4);
    border-color: var(--dui-clr-error-d-4);
}
.dui.dui-border-x-error-d-4{
    --dui-border-x-clr: var(--dui-clr-error-d-4);
    border-left-color: var(--dui-clr-error-d-4);
    border-right-color: var(--dui-clr-error-d-4);
}
.dui.dui-border-y-error-d-4{
    --dui-border-y-clr: var(--dui-clr-error-d-4);
    border-top-color: var(--dui-clr-error-d-4);
    border-bottom-color: var(--dui-clr-error-d-4);
}
.dui.dui-border-t-error-d-4{
    --dui-border-t-clr: var(--dui-clr-error-d-4);
    border-top-color: var(--dui-clr-error-d-4);
}
.dui.dui-border-r-error-d-4{
    --dui-border-r-clr: var(--dui-clr-error-d-4);
    border-right-color: var(--dui-clr-error-d-4);
}
.dui.dui-border-b-error-d-4{
    --dui-border-b-clr: var(--dui-clr-error-d-4);
    border-bottom-color: var(--dui-clr-error-d-4);
}
.dui.dui-border-l-error-d-4{
    --dui-border-l-clr: var(--dui-clr-error-d-4);
    border-left-color: var(--dui-clr-error-d-4);
}
.dui.dui-divide-error-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-error-d-4);
    border-color: var(--dui-clr-error-d-4);
}
.dui.dui-outline-error-d-4{
    --dui-outline-clr: var(--dui-clr-error-d-4);
    outline-color: var(--dui-clr-error-d-4);
}
.dui.dui-fg-red-l-5 {
    --dui-fg-clr: var(--dui-clr-red-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red-l-5);
}
.dui.dui-bg-red-l-5 {
    --dui-bg-clr: var(--dui-clr-red-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-red-l-5);
}
.dui.dui-accent-red-l-5 {
    --dui-accent-clr: var(--dui-clr-red-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-red-l-5);
}
.dui.dui-shadow-red-l-5 {
    --dui-shadow-clr: var(--dui-clr-red-l-5);
}
.dui.dui-text-decoration-red-l-5{
    --dui-text-decoration-clr: var(--dui-clr-red-l-5);
    text-decoration-color: var(--dui-clr-red-l-5);
}
.dui.dui-border-red-l-5{
    --dui-border-clr: var(--dui-clr-red-l-5);
    border-color: var(--dui-clr-red-l-5);
}
.dui.dui-border-x-red-l-5{
    --dui-border-x-clr: var(--dui-clr-red-l-5);
    border-left-color: var(--dui-clr-red-l-5);
    border-right-color: var(--dui-clr-red-l-5);
}
.dui.dui-border-y-red-l-5{
    --dui-border-y-clr: var(--dui-clr-red-l-5);
    border-top-color: var(--dui-clr-red-l-5);
    border-bottom-color: var(--dui-clr-red-l-5);
}
.dui.dui-border-t-red-l-5{
    --dui-border-t-clr: var(--dui-clr-red-l-5);
    border-top-color: var(--dui-clr-red-l-5);
}
.dui.dui-border-r-red-l-5{
    --dui-border-r-clr: var(--dui-clr-red-l-5);
    border-right-color: var(--dui-clr-red-l-5);
}
.dui.dui-border-b-red-l-5{
    --dui-border-b-clr: var(--dui-clr-red-l-5);
    border-bottom-color: var(--dui-clr-red-l-5);
}
.dui.dui-border-l-red-l-5{
    --dui-border-l-clr: var(--dui-clr-red-l-5);
    border-left-color: var(--dui-clr-red-l-5);
}
.dui.dui-divide-red-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-red-l-5);
    border-color: var(--dui-clr-red-l-5);
}
.dui.dui-outline-red-l-5{
    --dui-outline-clr: var(--dui-clr-red-l-5);
    outline-color: var(--dui-clr-red-l-5);
}
.dui.dui-fg-red-l-4 {
    --dui-fg-clr: var(--dui-clr-red-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red-l-4);
}
.dui.dui-bg-red-l-4 {
    --dui-bg-clr: var(--dui-clr-red-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-red-l-4);
}
.dui.dui-accent-red-l-4 {
    --dui-accent-clr: var(--dui-clr-red-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-red-l-4);
}
.dui.dui-shadow-red-l-4 {
    --dui-shadow-clr: var(--dui-clr-red-l-4);
}
.dui.dui-text-decoration-red-l-4{
    --dui-text-decoration-clr: var(--dui-clr-red-l-4);
    text-decoration-color: var(--dui-clr-red-l-4);
}
.dui.dui-border-red-l-4{
    --dui-border-clr: var(--dui-clr-red-l-4);
    border-color: var(--dui-clr-red-l-4);
}
.dui.dui-border-x-red-l-4{
    --dui-border-x-clr: var(--dui-clr-red-l-4);
    border-left-color: var(--dui-clr-red-l-4);
    border-right-color: var(--dui-clr-red-l-4);
}
.dui.dui-border-y-red-l-4{
    --dui-border-y-clr: var(--dui-clr-red-l-4);
    border-top-color: var(--dui-clr-red-l-4);
    border-bottom-color: var(--dui-clr-red-l-4);
}
.dui.dui-border-t-red-l-4{
    --dui-border-t-clr: var(--dui-clr-red-l-4);
    border-top-color: var(--dui-clr-red-l-4);
}
.dui.dui-border-r-red-l-4{
    --dui-border-r-clr: var(--dui-clr-red-l-4);
    border-right-color: var(--dui-clr-red-l-4);
}
.dui.dui-border-b-red-l-4{
    --dui-border-b-clr: var(--dui-clr-red-l-4);
    border-bottom-color: var(--dui-clr-red-l-4);
}
.dui.dui-border-l-red-l-4{
    --dui-border-l-clr: var(--dui-clr-red-l-4);
    border-left-color: var(--dui-clr-red-l-4);
}
.dui.dui-divide-red-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-red-l-4);
    border-color: var(--dui-clr-red-l-4);
}
.dui.dui-outline-red-l-4{
    --dui-outline-clr: var(--dui-clr-red-l-4);
    outline-color: var(--dui-clr-red-l-4);
}
.dui.dui-fg-red-l-3 {
    --dui-fg-clr: var(--dui-clr-red-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red-l-3);
}
.dui.dui-bg-red-l-3 {
    --dui-bg-clr: var(--dui-clr-red-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-red-l-3);
}
.dui.dui-accent-red-l-3 {
    --dui-accent-clr: var(--dui-clr-red-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-red-l-3);
}
.dui.dui-shadow-red-l-3 {
    --dui-shadow-clr: var(--dui-clr-red-l-3);
}
.dui.dui-text-decoration-red-l-3{
    --dui-text-decoration-clr: var(--dui-clr-red-l-3);
    text-decoration-color: var(--dui-clr-red-l-3);
}
.dui.dui-border-red-l-3{
    --dui-border-clr: var(--dui-clr-red-l-3);
    border-color: var(--dui-clr-red-l-3);
}
.dui.dui-border-x-red-l-3{
    --dui-border-x-clr: var(--dui-clr-red-l-3);
    border-left-color: var(--dui-clr-red-l-3);
    border-right-color: var(--dui-clr-red-l-3);
}
.dui.dui-border-y-red-l-3{
    --dui-border-y-clr: var(--dui-clr-red-l-3);
    border-top-color: var(--dui-clr-red-l-3);
    border-bottom-color: var(--dui-clr-red-l-3);
}
.dui.dui-border-t-red-l-3{
    --dui-border-t-clr: var(--dui-clr-red-l-3);
    border-top-color: var(--dui-clr-red-l-3);
}
.dui.dui-border-r-red-l-3{
    --dui-border-r-clr: var(--dui-clr-red-l-3);
    border-right-color: var(--dui-clr-red-l-3);
}
.dui.dui-border-b-red-l-3{
    --dui-border-b-clr: var(--dui-clr-red-l-3);
    border-bottom-color: var(--dui-clr-red-l-3);
}
.dui.dui-border-l-red-l-3{
    --dui-border-l-clr: var(--dui-clr-red-l-3);
    border-left-color: var(--dui-clr-red-l-3);
}
.dui.dui-divide-red-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-red-l-3);
    border-color: var(--dui-clr-red-l-3);
}
.dui.dui-outline-red-l-3{
    --dui-outline-clr: var(--dui-clr-red-l-3);
    outline-color: var(--dui-clr-red-l-3);
}
.dui.dui-fg-red-l-2 {
    --dui-fg-clr: var(--dui-clr-red-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red-l-2);
}
.dui.dui-bg-red-l-2 {
    --dui-bg-clr: var(--dui-clr-red-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-red-l-2);
}
.dui.dui-accent-red-l-2 {
    --dui-accent-clr: var(--dui-clr-red-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-red-l-2);
}
.dui.dui-shadow-red-l-2 {
    --dui-shadow-clr: var(--dui-clr-red-l-2);
}
.dui.dui-text-decoration-red-l-2{
    --dui-text-decoration-clr: var(--dui-clr-red-l-2);
    text-decoration-color: var(--dui-clr-red-l-2);
}
.dui.dui-border-red-l-2{
    --dui-border-clr: var(--dui-clr-red-l-2);
    border-color: var(--dui-clr-red-l-2);
}
.dui.dui-border-x-red-l-2{
    --dui-border-x-clr: var(--dui-clr-red-l-2);
    border-left-color: var(--dui-clr-red-l-2);
    border-right-color: var(--dui-clr-red-l-2);
}
.dui.dui-border-y-red-l-2{
    --dui-border-y-clr: var(--dui-clr-red-l-2);
    border-top-color: var(--dui-clr-red-l-2);
    border-bottom-color: var(--dui-clr-red-l-2);
}
.dui.dui-border-t-red-l-2{
    --dui-border-t-clr: var(--dui-clr-red-l-2);
    border-top-color: var(--dui-clr-red-l-2);
}
.dui.dui-border-r-red-l-2{
    --dui-border-r-clr: var(--dui-clr-red-l-2);
    border-right-color: var(--dui-clr-red-l-2);
}
.dui.dui-border-b-red-l-2{
    --dui-border-b-clr: var(--dui-clr-red-l-2);
    border-bottom-color: var(--dui-clr-red-l-2);
}
.dui.dui-border-l-red-l-2{
    --dui-border-l-clr: var(--dui-clr-red-l-2);
    border-left-color: var(--dui-clr-red-l-2);
}
.dui.dui-divide-red-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-red-l-2);
    border-color: var(--dui-clr-red-l-2);
}
.dui.dui-outline-red-l-2{
    --dui-outline-clr: var(--dui-clr-red-l-2);
    outline-color: var(--dui-clr-red-l-2);
}
.dui.dui-fg-red-l-1 {
    --dui-fg-clr: var(--dui-clr-red-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red-l-1);
}
.dui.dui-bg-red-l-1 {
    --dui-bg-clr: var(--dui-clr-red-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-red-l-1);
}
.dui.dui-accent-red-l-1 {
    --dui-accent-clr: var(--dui-clr-red-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-red-l-1);
}
.dui.dui-shadow-red-l-1 {
    --dui-shadow-clr: var(--dui-clr-red-l-1);
}
.dui.dui-text-decoration-red-l-1{
    --dui-text-decoration-clr: var(--dui-clr-red-l-1);
    text-decoration-color: var(--dui-clr-red-l-1);
}
.dui.dui-border-red-l-1{
    --dui-border-clr: var(--dui-clr-red-l-1);
    border-color: var(--dui-clr-red-l-1);
}
.dui.dui-border-x-red-l-1{
    --dui-border-x-clr: var(--dui-clr-red-l-1);
    border-left-color: var(--dui-clr-red-l-1);
    border-right-color: var(--dui-clr-red-l-1);
}
.dui.dui-border-y-red-l-1{
    --dui-border-y-clr: var(--dui-clr-red-l-1);
    border-top-color: var(--dui-clr-red-l-1);
    border-bottom-color: var(--dui-clr-red-l-1);
}
.dui.dui-border-t-red-l-1{
    --dui-border-t-clr: var(--dui-clr-red-l-1);
    border-top-color: var(--dui-clr-red-l-1);
}
.dui.dui-border-r-red-l-1{
    --dui-border-r-clr: var(--dui-clr-red-l-1);
    border-right-color: var(--dui-clr-red-l-1);
}
.dui.dui-border-b-red-l-1{
    --dui-border-b-clr: var(--dui-clr-red-l-1);
    border-bottom-color: var(--dui-clr-red-l-1);
}
.dui.dui-border-l-red-l-1{
    --dui-border-l-clr: var(--dui-clr-red-l-1);
    border-left-color: var(--dui-clr-red-l-1);
}
.dui.dui-divide-red-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-red-l-1);
    border-color: var(--dui-clr-red-l-1);
}
.dui.dui-outline-red-l-1{
    --dui-outline-clr: var(--dui-clr-red-l-1);
    outline-color: var(--dui-clr-red-l-1);
}
.dui.dui-fg-red {
    --dui-fg-clr: var(--dui-clr-red);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red);
}
.dui.dui-bg-red {
    --dui-bg-clr: var(--dui-clr-red);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-red);
}
.dui.dui-accent-red {
    --dui-accent-clr: var(--dui-clr-red);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-red);
}
.dui.dui-shadow-red {
    --dui-shadow-clr: var(--dui-clr-red);
}
.dui.dui-text-decoration-red{
    --dui-text-decoration-clr: var(--dui-clr-red);
    text-decoration-color: var(--dui-clr-red);
}
.dui.dui-border-red{
    --dui-border-clr: var(--dui-clr-red);
    border-color: var(--dui-clr-red);
}
.dui.dui-border-x-red{
    --dui-border-x-clr: var(--dui-clr-red);
    border-left-color: var(--dui-clr-red);
    border-right-color: var(--dui-clr-red);
}
.dui.dui-border-y-red{
    --dui-border-y-clr: var(--dui-clr-red);
    border-top-color: var(--dui-clr-red);
    border-bottom-color: var(--dui-clr-red);
}
.dui.dui-border-t-red{
    --dui-border-t-clr: var(--dui-clr-red);
    border-top-color: var(--dui-clr-red);
}
.dui.dui-border-r-red{
    --dui-border-r-clr: var(--dui-clr-red);
    border-right-color: var(--dui-clr-red);
}
.dui.dui-border-b-red{
    --dui-border-b-clr: var(--dui-clr-red);
    border-bottom-color: var(--dui-clr-red);
}
.dui.dui-border-l-red{
    --dui-border-l-clr: var(--dui-clr-red);
    border-left-color: var(--dui-clr-red);
}
.dui.dui-divide-red > * + *{
    --dui-border-clr: var(--dui-clr-red);
    border-color: var(--dui-clr-red);
}
.dui.dui-outline-red{
    --dui-outline-clr: var(--dui-clr-red);
    outline-color: var(--dui-clr-red);
}
.dui.dui-fg-red-d-1 {
    --dui-fg-clr: var(--dui-clr-red-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red-d-1);
}
.dui.dui-bg-red-d-1 {
    --dui-bg-clr: var(--dui-clr-red-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-red-d-1);
}
.dui.dui-accent-red-d-1 {
    --dui-accent-clr: var(--dui-clr-red-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-red-d-1);
}
.dui.dui-shadow-red-d-1 {
    --dui-shadow-clr: var(--dui-clr-red-d-1);
}
.dui.dui-text-decoration-red-d-1{
    --dui-text-decoration-clr: var(--dui-clr-red-d-1);
    text-decoration-color: var(--dui-clr-red-d-1);
}
.dui.dui-border-red-d-1{
    --dui-border-clr: var(--dui-clr-red-d-1);
    border-color: var(--dui-clr-red-d-1);
}
.dui.dui-border-x-red-d-1{
    --dui-border-x-clr: var(--dui-clr-red-d-1);
    border-left-color: var(--dui-clr-red-d-1);
    border-right-color: var(--dui-clr-red-d-1);
}
.dui.dui-border-y-red-d-1{
    --dui-border-y-clr: var(--dui-clr-red-d-1);
    border-top-color: var(--dui-clr-red-d-1);
    border-bottom-color: var(--dui-clr-red-d-1);
}
.dui.dui-border-t-red-d-1{
    --dui-border-t-clr: var(--dui-clr-red-d-1);
    border-top-color: var(--dui-clr-red-d-1);
}
.dui.dui-border-r-red-d-1{
    --dui-border-r-clr: var(--dui-clr-red-d-1);
    border-right-color: var(--dui-clr-red-d-1);
}
.dui.dui-border-b-red-d-1{
    --dui-border-b-clr: var(--dui-clr-red-d-1);
    border-bottom-color: var(--dui-clr-red-d-1);
}
.dui.dui-border-l-red-d-1{
    --dui-border-l-clr: var(--dui-clr-red-d-1);
    border-left-color: var(--dui-clr-red-d-1);
}
.dui.dui-divide-red-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-red-d-1);
    border-color: var(--dui-clr-red-d-1);
}
.dui.dui-outline-red-d-1{
    --dui-outline-clr: var(--dui-clr-red-d-1);
    outline-color: var(--dui-clr-red-d-1);
}
.dui.dui-fg-red-d-2 {
    --dui-fg-clr: var(--dui-clr-red-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red-d-2);
}
.dui.dui-bg-red-d-2 {
    --dui-bg-clr: var(--dui-clr-red-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-red-d-2);
}
.dui.dui-accent-red-d-2 {
    --dui-accent-clr: var(--dui-clr-red-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-red-d-2);
}
.dui.dui-shadow-red-d-2 {
    --dui-shadow-clr: var(--dui-clr-red-d-2);
}
.dui.dui-text-decoration-red-d-2{
    --dui-text-decoration-clr: var(--dui-clr-red-d-2);
    text-decoration-color: var(--dui-clr-red-d-2);
}
.dui.dui-border-red-d-2{
    --dui-border-clr: var(--dui-clr-red-d-2);
    border-color: var(--dui-clr-red-d-2);
}
.dui.dui-border-x-red-d-2{
    --dui-border-x-clr: var(--dui-clr-red-d-2);
    border-left-color: var(--dui-clr-red-d-2);
    border-right-color: var(--dui-clr-red-d-2);
}
.dui.dui-border-y-red-d-2{
    --dui-border-y-clr: var(--dui-clr-red-d-2);
    border-top-color: var(--dui-clr-red-d-2);
    border-bottom-color: var(--dui-clr-red-d-2);
}
.dui.dui-border-t-red-d-2{
    --dui-border-t-clr: var(--dui-clr-red-d-2);
    border-top-color: var(--dui-clr-red-d-2);
}
.dui.dui-border-r-red-d-2{
    --dui-border-r-clr: var(--dui-clr-red-d-2);
    border-right-color: var(--dui-clr-red-d-2);
}
.dui.dui-border-b-red-d-2{
    --dui-border-b-clr: var(--dui-clr-red-d-2);
    border-bottom-color: var(--dui-clr-red-d-2);
}
.dui.dui-border-l-red-d-2{
    --dui-border-l-clr: var(--dui-clr-red-d-2);
    border-left-color: var(--dui-clr-red-d-2);
}
.dui.dui-divide-red-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-red-d-2);
    border-color: var(--dui-clr-red-d-2);
}
.dui.dui-outline-red-d-2{
    --dui-outline-clr: var(--dui-clr-red-d-2);
    outline-color: var(--dui-clr-red-d-2);
}
.dui.dui-fg-red-d-3 {
    --dui-fg-clr: var(--dui-clr-red-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red-d-3);
}
.dui.dui-bg-red-d-3 {
    --dui-bg-clr: var(--dui-clr-red-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-red-d-3);
}
.dui.dui-accent-red-d-3 {
    --dui-accent-clr: var(--dui-clr-red-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-red-d-3);
}
.dui.dui-shadow-red-d-3 {
    --dui-shadow-clr: var(--dui-clr-red-d-3);
}
.dui.dui-text-decoration-red-d-3{
    --dui-text-decoration-clr: var(--dui-clr-red-d-3);
    text-decoration-color: var(--dui-clr-red-d-3);
}
.dui.dui-border-red-d-3{
    --dui-border-clr: var(--dui-clr-red-d-3);
    border-color: var(--dui-clr-red-d-3);
}
.dui.dui-border-x-red-d-3{
    --dui-border-x-clr: var(--dui-clr-red-d-3);
    border-left-color: var(--dui-clr-red-d-3);
    border-right-color: var(--dui-clr-red-d-3);
}
.dui.dui-border-y-red-d-3{
    --dui-border-y-clr: var(--dui-clr-red-d-3);
    border-top-color: var(--dui-clr-red-d-3);
    border-bottom-color: var(--dui-clr-red-d-3);
}
.dui.dui-border-t-red-d-3{
    --dui-border-t-clr: var(--dui-clr-red-d-3);
    border-top-color: var(--dui-clr-red-d-3);
}
.dui.dui-border-r-red-d-3{
    --dui-border-r-clr: var(--dui-clr-red-d-3);
    border-right-color: var(--dui-clr-red-d-3);
}
.dui.dui-border-b-red-d-3{
    --dui-border-b-clr: var(--dui-clr-red-d-3);
    border-bottom-color: var(--dui-clr-red-d-3);
}
.dui.dui-border-l-red-d-3{
    --dui-border-l-clr: var(--dui-clr-red-d-3);
    border-left-color: var(--dui-clr-red-d-3);
}
.dui.dui-divide-red-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-red-d-3);
    border-color: var(--dui-clr-red-d-3);
}
.dui.dui-outline-red-d-3{
    --dui-outline-clr: var(--dui-clr-red-d-3);
    outline-color: var(--dui-clr-red-d-3);
}
.dui.dui-fg-red-d-4 {
    --dui-fg-clr: var(--dui-clr-red-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-red-d-4);
}
.dui.dui-bg-red-d-4 {
    --dui-bg-clr: var(--dui-clr-red-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-red-d-4);
}
.dui.dui-accent-red-d-4 {
    --dui-accent-clr: var(--dui-clr-red-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-red-d-4);
}
.dui.dui-shadow-red-d-4 {
    --dui-shadow-clr: var(--dui-clr-red-d-4);
}
.dui.dui-text-decoration-red-d-4{
    --dui-text-decoration-clr: var(--dui-clr-red-d-4);
    text-decoration-color: var(--dui-clr-red-d-4);
}
.dui.dui-border-red-d-4{
    --dui-border-clr: var(--dui-clr-red-d-4);
    border-color: var(--dui-clr-red-d-4);
}
.dui.dui-border-x-red-d-4{
    --dui-border-x-clr: var(--dui-clr-red-d-4);
    border-left-color: var(--dui-clr-red-d-4);
    border-right-color: var(--dui-clr-red-d-4);
}
.dui.dui-border-y-red-d-4{
    --dui-border-y-clr: var(--dui-clr-red-d-4);
    border-top-color: var(--dui-clr-red-d-4);
    border-bottom-color: var(--dui-clr-red-d-4);
}
.dui.dui-border-t-red-d-4{
    --dui-border-t-clr: var(--dui-clr-red-d-4);
    border-top-color: var(--dui-clr-red-d-4);
}
.dui.dui-border-r-red-d-4{
    --dui-border-r-clr: var(--dui-clr-red-d-4);
    border-right-color: var(--dui-clr-red-d-4);
}
.dui.dui-border-b-red-d-4{
    --dui-border-b-clr: var(--dui-clr-red-d-4);
    border-bottom-color: var(--dui-clr-red-d-4);
}
.dui.dui-border-l-red-d-4{
    --dui-border-l-clr: var(--dui-clr-red-d-4);
    border-left-color: var(--dui-clr-red-d-4);
}
.dui.dui-divide-red-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-red-d-4);
    border-color: var(--dui-clr-red-d-4);
}
.dui.dui-outline-red-d-4{
    --dui-outline-clr: var(--dui-clr-red-d-4);
    outline-color: var(--dui-clr-red-d-4);
}
.dui.dui-fg-pink-l-5 {
    --dui-fg-clr: var(--dui-clr-pink-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink-l-5);
}
.dui.dui-bg-pink-l-5 {
    --dui-bg-clr: var(--dui-clr-pink-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-pink-l-5);
}
.dui.dui-accent-pink-l-5 {
    --dui-accent-clr: var(--dui-clr-pink-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-pink-l-5);
}
.dui.dui-shadow-pink-l-5 {
    --dui-shadow-clr: var(--dui-clr-pink-l-5);
}
.dui.dui-text-decoration-pink-l-5{
    --dui-text-decoration-clr: var(--dui-clr-pink-l-5);
    text-decoration-color: var(--dui-clr-pink-l-5);
}
.dui.dui-border-pink-l-5{
    --dui-border-clr: var(--dui-clr-pink-l-5);
    border-color: var(--dui-clr-pink-l-5);
}
.dui.dui-border-x-pink-l-5{
    --dui-border-x-clr: var(--dui-clr-pink-l-5);
    border-left-color: var(--dui-clr-pink-l-5);
    border-right-color: var(--dui-clr-pink-l-5);
}
.dui.dui-border-y-pink-l-5{
    --dui-border-y-clr: var(--dui-clr-pink-l-5);
    border-top-color: var(--dui-clr-pink-l-5);
    border-bottom-color: var(--dui-clr-pink-l-5);
}
.dui.dui-border-t-pink-l-5{
    --dui-border-t-clr: var(--dui-clr-pink-l-5);
    border-top-color: var(--dui-clr-pink-l-5);
}
.dui.dui-border-r-pink-l-5{
    --dui-border-r-clr: var(--dui-clr-pink-l-5);
    border-right-color: var(--dui-clr-pink-l-5);
}
.dui.dui-border-b-pink-l-5{
    --dui-border-b-clr: var(--dui-clr-pink-l-5);
    border-bottom-color: var(--dui-clr-pink-l-5);
}
.dui.dui-border-l-pink-l-5{
    --dui-border-l-clr: var(--dui-clr-pink-l-5);
    border-left-color: var(--dui-clr-pink-l-5);
}
.dui.dui-divide-pink-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-pink-l-5);
    border-color: var(--dui-clr-pink-l-5);
}
.dui.dui-outline-pink-l-5{
    --dui-outline-clr: var(--dui-clr-pink-l-5);
    outline-color: var(--dui-clr-pink-l-5);
}
.dui.dui-fg-pink-l-4 {
    --dui-fg-clr: var(--dui-clr-pink-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink-l-4);
}
.dui.dui-bg-pink-l-4 {
    --dui-bg-clr: var(--dui-clr-pink-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-pink-l-4);
}
.dui.dui-accent-pink-l-4 {
    --dui-accent-clr: var(--dui-clr-pink-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-pink-l-4);
}
.dui.dui-shadow-pink-l-4 {
    --dui-shadow-clr: var(--dui-clr-pink-l-4);
}
.dui.dui-text-decoration-pink-l-4{
    --dui-text-decoration-clr: var(--dui-clr-pink-l-4);
    text-decoration-color: var(--dui-clr-pink-l-4);
}
.dui.dui-border-pink-l-4{
    --dui-border-clr: var(--dui-clr-pink-l-4);
    border-color: var(--dui-clr-pink-l-4);
}
.dui.dui-border-x-pink-l-4{
    --dui-border-x-clr: var(--dui-clr-pink-l-4);
    border-left-color: var(--dui-clr-pink-l-4);
    border-right-color: var(--dui-clr-pink-l-4);
}
.dui.dui-border-y-pink-l-4{
    --dui-border-y-clr: var(--dui-clr-pink-l-4);
    border-top-color: var(--dui-clr-pink-l-4);
    border-bottom-color: var(--dui-clr-pink-l-4);
}
.dui.dui-border-t-pink-l-4{
    --dui-border-t-clr: var(--dui-clr-pink-l-4);
    border-top-color: var(--dui-clr-pink-l-4);
}
.dui.dui-border-r-pink-l-4{
    --dui-border-r-clr: var(--dui-clr-pink-l-4);
    border-right-color: var(--dui-clr-pink-l-4);
}
.dui.dui-border-b-pink-l-4{
    --dui-border-b-clr: var(--dui-clr-pink-l-4);
    border-bottom-color: var(--dui-clr-pink-l-4);
}
.dui.dui-border-l-pink-l-4{
    --dui-border-l-clr: var(--dui-clr-pink-l-4);
    border-left-color: var(--dui-clr-pink-l-4);
}
.dui.dui-divide-pink-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-pink-l-4);
    border-color: var(--dui-clr-pink-l-4);
}
.dui.dui-outline-pink-l-4{
    --dui-outline-clr: var(--dui-clr-pink-l-4);
    outline-color: var(--dui-clr-pink-l-4);
}
.dui.dui-fg-pink-l-3 {
    --dui-fg-clr: var(--dui-clr-pink-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink-l-3);
}
.dui.dui-bg-pink-l-3 {
    --dui-bg-clr: var(--dui-clr-pink-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-pink-l-3);
}
.dui.dui-accent-pink-l-3 {
    --dui-accent-clr: var(--dui-clr-pink-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-pink-l-3);
}
.dui.dui-shadow-pink-l-3 {
    --dui-shadow-clr: var(--dui-clr-pink-l-3);
}
.dui.dui-text-decoration-pink-l-3{
    --dui-text-decoration-clr: var(--dui-clr-pink-l-3);
    text-decoration-color: var(--dui-clr-pink-l-3);
}
.dui.dui-border-pink-l-3{
    --dui-border-clr: var(--dui-clr-pink-l-3);
    border-color: var(--dui-clr-pink-l-3);
}
.dui.dui-border-x-pink-l-3{
    --dui-border-x-clr: var(--dui-clr-pink-l-3);
    border-left-color: var(--dui-clr-pink-l-3);
    border-right-color: var(--dui-clr-pink-l-3);
}
.dui.dui-border-y-pink-l-3{
    --dui-border-y-clr: var(--dui-clr-pink-l-3);
    border-top-color: var(--dui-clr-pink-l-3);
    border-bottom-color: var(--dui-clr-pink-l-3);
}
.dui.dui-border-t-pink-l-3{
    --dui-border-t-clr: var(--dui-clr-pink-l-3);
    border-top-color: var(--dui-clr-pink-l-3);
}
.dui.dui-border-r-pink-l-3{
    --dui-border-r-clr: var(--dui-clr-pink-l-3);
    border-right-color: var(--dui-clr-pink-l-3);
}
.dui.dui-border-b-pink-l-3{
    --dui-border-b-clr: var(--dui-clr-pink-l-3);
    border-bottom-color: var(--dui-clr-pink-l-3);
}
.dui.dui-border-l-pink-l-3{
    --dui-border-l-clr: var(--dui-clr-pink-l-3);
    border-left-color: var(--dui-clr-pink-l-3);
}
.dui.dui-divide-pink-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-pink-l-3);
    border-color: var(--dui-clr-pink-l-3);
}
.dui.dui-outline-pink-l-3{
    --dui-outline-clr: var(--dui-clr-pink-l-3);
    outline-color: var(--dui-clr-pink-l-3);
}
.dui.dui-fg-pink-l-2 {
    --dui-fg-clr: var(--dui-clr-pink-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink-l-2);
}
.dui.dui-bg-pink-l-2 {
    --dui-bg-clr: var(--dui-clr-pink-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-pink-l-2);
}
.dui.dui-accent-pink-l-2 {
    --dui-accent-clr: var(--dui-clr-pink-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-pink-l-2);
}
.dui.dui-shadow-pink-l-2 {
    --dui-shadow-clr: var(--dui-clr-pink-l-2);
}
.dui.dui-text-decoration-pink-l-2{
    --dui-text-decoration-clr: var(--dui-clr-pink-l-2);
    text-decoration-color: var(--dui-clr-pink-l-2);
}
.dui.dui-border-pink-l-2{
    --dui-border-clr: var(--dui-clr-pink-l-2);
    border-color: var(--dui-clr-pink-l-2);
}
.dui.dui-border-x-pink-l-2{
    --dui-border-x-clr: var(--dui-clr-pink-l-2);
    border-left-color: var(--dui-clr-pink-l-2);
    border-right-color: var(--dui-clr-pink-l-2);
}
.dui.dui-border-y-pink-l-2{
    --dui-border-y-clr: var(--dui-clr-pink-l-2);
    border-top-color: var(--dui-clr-pink-l-2);
    border-bottom-color: var(--dui-clr-pink-l-2);
}
.dui.dui-border-t-pink-l-2{
    --dui-border-t-clr: var(--dui-clr-pink-l-2);
    border-top-color: var(--dui-clr-pink-l-2);
}
.dui.dui-border-r-pink-l-2{
    --dui-border-r-clr: var(--dui-clr-pink-l-2);
    border-right-color: var(--dui-clr-pink-l-2);
}
.dui.dui-border-b-pink-l-2{
    --dui-border-b-clr: var(--dui-clr-pink-l-2);
    border-bottom-color: var(--dui-clr-pink-l-2);
}
.dui.dui-border-l-pink-l-2{
    --dui-border-l-clr: var(--dui-clr-pink-l-2);
    border-left-color: var(--dui-clr-pink-l-2);
}
.dui.dui-divide-pink-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-pink-l-2);
    border-color: var(--dui-clr-pink-l-2);
}
.dui.dui-outline-pink-l-2{
    --dui-outline-clr: var(--dui-clr-pink-l-2);
    outline-color: var(--dui-clr-pink-l-2);
}
.dui.dui-fg-pink-l-1 {
    --dui-fg-clr: var(--dui-clr-pink-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink-l-1);
}
.dui.dui-bg-pink-l-1 {
    --dui-bg-clr: var(--dui-clr-pink-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-pink-l-1);
}
.dui.dui-accent-pink-l-1 {
    --dui-accent-clr: var(--dui-clr-pink-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-pink-l-1);
}
.dui.dui-shadow-pink-l-1 {
    --dui-shadow-clr: var(--dui-clr-pink-l-1);
}
.dui.dui-text-decoration-pink-l-1{
    --dui-text-decoration-clr: var(--dui-clr-pink-l-1);
    text-decoration-color: var(--dui-clr-pink-l-1);
}
.dui.dui-border-pink-l-1{
    --dui-border-clr: var(--dui-clr-pink-l-1);
    border-color: var(--dui-clr-pink-l-1);
}
.dui.dui-border-x-pink-l-1{
    --dui-border-x-clr: var(--dui-clr-pink-l-1);
    border-left-color: var(--dui-clr-pink-l-1);
    border-right-color: var(--dui-clr-pink-l-1);
}
.dui.dui-border-y-pink-l-1{
    --dui-border-y-clr: var(--dui-clr-pink-l-1);
    border-top-color: var(--dui-clr-pink-l-1);
    border-bottom-color: var(--dui-clr-pink-l-1);
}
.dui.dui-border-t-pink-l-1{
    --dui-border-t-clr: var(--dui-clr-pink-l-1);
    border-top-color: var(--dui-clr-pink-l-1);
}
.dui.dui-border-r-pink-l-1{
    --dui-border-r-clr: var(--dui-clr-pink-l-1);
    border-right-color: var(--dui-clr-pink-l-1);
}
.dui.dui-border-b-pink-l-1{
    --dui-border-b-clr: var(--dui-clr-pink-l-1);
    border-bottom-color: var(--dui-clr-pink-l-1);
}
.dui.dui-border-l-pink-l-1{
    --dui-border-l-clr: var(--dui-clr-pink-l-1);
    border-left-color: var(--dui-clr-pink-l-1);
}
.dui.dui-divide-pink-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-pink-l-1);
    border-color: var(--dui-clr-pink-l-1);
}
.dui.dui-outline-pink-l-1{
    --dui-outline-clr: var(--dui-clr-pink-l-1);
    outline-color: var(--dui-clr-pink-l-1);
}
.dui.dui-fg-pink {
    --dui-fg-clr: var(--dui-clr-pink);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink);
}
.dui.dui-bg-pink {
    --dui-bg-clr: var(--dui-clr-pink);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-pink);
}
.dui.dui-accent-pink {
    --dui-accent-clr: var(--dui-clr-pink);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-pink);
}
.dui.dui-shadow-pink {
    --dui-shadow-clr: var(--dui-clr-pink);
}
.dui.dui-text-decoration-pink{
    --dui-text-decoration-clr: var(--dui-clr-pink);
    text-decoration-color: var(--dui-clr-pink);
}
.dui.dui-border-pink{
    --dui-border-clr: var(--dui-clr-pink);
    border-color: var(--dui-clr-pink);
}
.dui.dui-border-x-pink{
    --dui-border-x-clr: var(--dui-clr-pink);
    border-left-color: var(--dui-clr-pink);
    border-right-color: var(--dui-clr-pink);
}
.dui.dui-border-y-pink{
    --dui-border-y-clr: var(--dui-clr-pink);
    border-top-color: var(--dui-clr-pink);
    border-bottom-color: var(--dui-clr-pink);
}
.dui.dui-border-t-pink{
    --dui-border-t-clr: var(--dui-clr-pink);
    border-top-color: var(--dui-clr-pink);
}
.dui.dui-border-r-pink{
    --dui-border-r-clr: var(--dui-clr-pink);
    border-right-color: var(--dui-clr-pink);
}
.dui.dui-border-b-pink{
    --dui-border-b-clr: var(--dui-clr-pink);
    border-bottom-color: var(--dui-clr-pink);
}
.dui.dui-border-l-pink{
    --dui-border-l-clr: var(--dui-clr-pink);
    border-left-color: var(--dui-clr-pink);
}
.dui.dui-divide-pink > * + *{
    --dui-border-clr: var(--dui-clr-pink);
    border-color: var(--dui-clr-pink);
}
.dui.dui-outline-pink{
    --dui-outline-clr: var(--dui-clr-pink);
    outline-color: var(--dui-clr-pink);
}
.dui.dui-fg-pink-d-1 {
    --dui-fg-clr: var(--dui-clr-pink-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink-d-1);
}
.dui.dui-bg-pink-d-1 {
    --dui-bg-clr: var(--dui-clr-pink-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-pink-d-1);
}
.dui.dui-accent-pink-d-1 {
    --dui-accent-clr: var(--dui-clr-pink-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-pink-d-1);
}
.dui.dui-shadow-pink-d-1 {
    --dui-shadow-clr: var(--dui-clr-pink-d-1);
}
.dui.dui-text-decoration-pink-d-1{
    --dui-text-decoration-clr: var(--dui-clr-pink-d-1);
    text-decoration-color: var(--dui-clr-pink-d-1);
}
.dui.dui-border-pink-d-1{
    --dui-border-clr: var(--dui-clr-pink-d-1);
    border-color: var(--dui-clr-pink-d-1);
}
.dui.dui-border-x-pink-d-1{
    --dui-border-x-clr: var(--dui-clr-pink-d-1);
    border-left-color: var(--dui-clr-pink-d-1);
    border-right-color: var(--dui-clr-pink-d-1);
}
.dui.dui-border-y-pink-d-1{
    --dui-border-y-clr: var(--dui-clr-pink-d-1);
    border-top-color: var(--dui-clr-pink-d-1);
    border-bottom-color: var(--dui-clr-pink-d-1);
}
.dui.dui-border-t-pink-d-1{
    --dui-border-t-clr: var(--dui-clr-pink-d-1);
    border-top-color: var(--dui-clr-pink-d-1);
}
.dui.dui-border-r-pink-d-1{
    --dui-border-r-clr: var(--dui-clr-pink-d-1);
    border-right-color: var(--dui-clr-pink-d-1);
}
.dui.dui-border-b-pink-d-1{
    --dui-border-b-clr: var(--dui-clr-pink-d-1);
    border-bottom-color: var(--dui-clr-pink-d-1);
}
.dui.dui-border-l-pink-d-1{
    --dui-border-l-clr: var(--dui-clr-pink-d-1);
    border-left-color: var(--dui-clr-pink-d-1);
}
.dui.dui-divide-pink-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-pink-d-1);
    border-color: var(--dui-clr-pink-d-1);
}
.dui.dui-outline-pink-d-1{
    --dui-outline-clr: var(--dui-clr-pink-d-1);
    outline-color: var(--dui-clr-pink-d-1);
}
.dui.dui-fg-pink-d-2 {
    --dui-fg-clr: var(--dui-clr-pink-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink-d-2);
}
.dui.dui-bg-pink-d-2 {
    --dui-bg-clr: var(--dui-clr-pink-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-pink-d-2);
}
.dui.dui-accent-pink-d-2 {
    --dui-accent-clr: var(--dui-clr-pink-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-pink-d-2);
}
.dui.dui-shadow-pink-d-2 {
    --dui-shadow-clr: var(--dui-clr-pink-d-2);
}
.dui.dui-text-decoration-pink-d-2{
    --dui-text-decoration-clr: var(--dui-clr-pink-d-2);
    text-decoration-color: var(--dui-clr-pink-d-2);
}
.dui.dui-border-pink-d-2{
    --dui-border-clr: var(--dui-clr-pink-d-2);
    border-color: var(--dui-clr-pink-d-2);
}
.dui.dui-border-x-pink-d-2{
    --dui-border-x-clr: var(--dui-clr-pink-d-2);
    border-left-color: var(--dui-clr-pink-d-2);
    border-right-color: var(--dui-clr-pink-d-2);
}
.dui.dui-border-y-pink-d-2{
    --dui-border-y-clr: var(--dui-clr-pink-d-2);
    border-top-color: var(--dui-clr-pink-d-2);
    border-bottom-color: var(--dui-clr-pink-d-2);
}
.dui.dui-border-t-pink-d-2{
    --dui-border-t-clr: var(--dui-clr-pink-d-2);
    border-top-color: var(--dui-clr-pink-d-2);
}
.dui.dui-border-r-pink-d-2{
    --dui-border-r-clr: var(--dui-clr-pink-d-2);
    border-right-color: var(--dui-clr-pink-d-2);
}
.dui.dui-border-b-pink-d-2{
    --dui-border-b-clr: var(--dui-clr-pink-d-2);
    border-bottom-color: var(--dui-clr-pink-d-2);
}
.dui.dui-border-l-pink-d-2{
    --dui-border-l-clr: var(--dui-clr-pink-d-2);
    border-left-color: var(--dui-clr-pink-d-2);
}
.dui.dui-divide-pink-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-pink-d-2);
    border-color: var(--dui-clr-pink-d-2);
}
.dui.dui-outline-pink-d-2{
    --dui-outline-clr: var(--dui-clr-pink-d-2);
    outline-color: var(--dui-clr-pink-d-2);
}
.dui.dui-fg-pink-d-3 {
    --dui-fg-clr: var(--dui-clr-pink-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink-d-3);
}
.dui.dui-bg-pink-d-3 {
    --dui-bg-clr: var(--dui-clr-pink-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-pink-d-3);
}
.dui.dui-accent-pink-d-3 {
    --dui-accent-clr: var(--dui-clr-pink-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-pink-d-3);
}
.dui.dui-shadow-pink-d-3 {
    --dui-shadow-clr: var(--dui-clr-pink-d-3);
}
.dui.dui-text-decoration-pink-d-3{
    --dui-text-decoration-clr: var(--dui-clr-pink-d-3);
    text-decoration-color: var(--dui-clr-pink-d-3);
}
.dui.dui-border-pink-d-3{
    --dui-border-clr: var(--dui-clr-pink-d-3);
    border-color: var(--dui-clr-pink-d-3);
}
.dui.dui-border-x-pink-d-3{
    --dui-border-x-clr: var(--dui-clr-pink-d-3);
    border-left-color: var(--dui-clr-pink-d-3);
    border-right-color: var(--dui-clr-pink-d-3);
}
.dui.dui-border-y-pink-d-3{
    --dui-border-y-clr: var(--dui-clr-pink-d-3);
    border-top-color: var(--dui-clr-pink-d-3);
    border-bottom-color: var(--dui-clr-pink-d-3);
}
.dui.dui-border-t-pink-d-3{
    --dui-border-t-clr: var(--dui-clr-pink-d-3);
    border-top-color: var(--dui-clr-pink-d-3);
}
.dui.dui-border-r-pink-d-3{
    --dui-border-r-clr: var(--dui-clr-pink-d-3);
    border-right-color: var(--dui-clr-pink-d-3);
}
.dui.dui-border-b-pink-d-3{
    --dui-border-b-clr: var(--dui-clr-pink-d-3);
    border-bottom-color: var(--dui-clr-pink-d-3);
}
.dui.dui-border-l-pink-d-3{
    --dui-border-l-clr: var(--dui-clr-pink-d-3);
    border-left-color: var(--dui-clr-pink-d-3);
}
.dui.dui-divide-pink-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-pink-d-3);
    border-color: var(--dui-clr-pink-d-3);
}
.dui.dui-outline-pink-d-3{
    --dui-outline-clr: var(--dui-clr-pink-d-3);
    outline-color: var(--dui-clr-pink-d-3);
}
.dui.dui-fg-pink-d-4 {
    --dui-fg-clr: var(--dui-clr-pink-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-pink-d-4);
}
.dui.dui-bg-pink-d-4 {
    --dui-bg-clr: var(--dui-clr-pink-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-pink-d-4);
}
.dui.dui-accent-pink-d-4 {
    --dui-accent-clr: var(--dui-clr-pink-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-pink-d-4);
}
.dui.dui-shadow-pink-d-4 {
    --dui-shadow-clr: var(--dui-clr-pink-d-4);
}
.dui.dui-text-decoration-pink-d-4{
    --dui-text-decoration-clr: var(--dui-clr-pink-d-4);
    text-decoration-color: var(--dui-clr-pink-d-4);
}
.dui.dui-border-pink-d-4{
    --dui-border-clr: var(--dui-clr-pink-d-4);
    border-color: var(--dui-clr-pink-d-4);
}
.dui.dui-border-x-pink-d-4{
    --dui-border-x-clr: var(--dui-clr-pink-d-4);
    border-left-color: var(--dui-clr-pink-d-4);
    border-right-color: var(--dui-clr-pink-d-4);
}
.dui.dui-border-y-pink-d-4{
    --dui-border-y-clr: var(--dui-clr-pink-d-4);
    border-top-color: var(--dui-clr-pink-d-4);
    border-bottom-color: var(--dui-clr-pink-d-4);
}
.dui.dui-border-t-pink-d-4{
    --dui-border-t-clr: var(--dui-clr-pink-d-4);
    border-top-color: var(--dui-clr-pink-d-4);
}
.dui.dui-border-r-pink-d-4{
    --dui-border-r-clr: var(--dui-clr-pink-d-4);
    border-right-color: var(--dui-clr-pink-d-4);
}
.dui.dui-border-b-pink-d-4{
    --dui-border-b-clr: var(--dui-clr-pink-d-4);
    border-bottom-color: var(--dui-clr-pink-d-4);
}
.dui.dui-border-l-pink-d-4{
    --dui-border-l-clr: var(--dui-clr-pink-d-4);
    border-left-color: var(--dui-clr-pink-d-4);
}
.dui.dui-divide-pink-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-pink-d-4);
    border-color: var(--dui-clr-pink-d-4);
}
.dui.dui-outline-pink-d-4{
    --dui-outline-clr: var(--dui-clr-pink-d-4);
    outline-color: var(--dui-clr-pink-d-4);
}
.dui.dui-fg-purple-l-5 {
    --dui-fg-clr: var(--dui-clr-purple-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple-l-5);
}
.dui.dui-bg-purple-l-5 {
    --dui-bg-clr: var(--dui-clr-purple-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-purple-l-5);
}
.dui.dui-accent-purple-l-5 {
    --dui-accent-clr: var(--dui-clr-purple-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-purple-l-5);
}
.dui.dui-shadow-purple-l-5 {
    --dui-shadow-clr: var(--dui-clr-purple-l-5);
}
.dui.dui-text-decoration-purple-l-5{
    --dui-text-decoration-clr: var(--dui-clr-purple-l-5);
    text-decoration-color: var(--dui-clr-purple-l-5);
}
.dui.dui-border-purple-l-5{
    --dui-border-clr: var(--dui-clr-purple-l-5);
    border-color: var(--dui-clr-purple-l-5);
}
.dui.dui-border-x-purple-l-5{
    --dui-border-x-clr: var(--dui-clr-purple-l-5);
    border-left-color: var(--dui-clr-purple-l-5);
    border-right-color: var(--dui-clr-purple-l-5);
}
.dui.dui-border-y-purple-l-5{
    --dui-border-y-clr: var(--dui-clr-purple-l-5);
    border-top-color: var(--dui-clr-purple-l-5);
    border-bottom-color: var(--dui-clr-purple-l-5);
}
.dui.dui-border-t-purple-l-5{
    --dui-border-t-clr: var(--dui-clr-purple-l-5);
    border-top-color: var(--dui-clr-purple-l-5);
}
.dui.dui-border-r-purple-l-5{
    --dui-border-r-clr: var(--dui-clr-purple-l-5);
    border-right-color: var(--dui-clr-purple-l-5);
}
.dui.dui-border-b-purple-l-5{
    --dui-border-b-clr: var(--dui-clr-purple-l-5);
    border-bottom-color: var(--dui-clr-purple-l-5);
}
.dui.dui-border-l-purple-l-5{
    --dui-border-l-clr: var(--dui-clr-purple-l-5);
    border-left-color: var(--dui-clr-purple-l-5);
}
.dui.dui-divide-purple-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-purple-l-5);
    border-color: var(--dui-clr-purple-l-5);
}
.dui.dui-outline-purple-l-5{
    --dui-outline-clr: var(--dui-clr-purple-l-5);
    outline-color: var(--dui-clr-purple-l-5);
}
.dui.dui-fg-purple-l-4 {
    --dui-fg-clr: var(--dui-clr-purple-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple-l-4);
}
.dui.dui-bg-purple-l-4 {
    --dui-bg-clr: var(--dui-clr-purple-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-purple-l-4);
}
.dui.dui-accent-purple-l-4 {
    --dui-accent-clr: var(--dui-clr-purple-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-purple-l-4);
}
.dui.dui-shadow-purple-l-4 {
    --dui-shadow-clr: var(--dui-clr-purple-l-4);
}
.dui.dui-text-decoration-purple-l-4{
    --dui-text-decoration-clr: var(--dui-clr-purple-l-4);
    text-decoration-color: var(--dui-clr-purple-l-4);
}
.dui.dui-border-purple-l-4{
    --dui-border-clr: var(--dui-clr-purple-l-4);
    border-color: var(--dui-clr-purple-l-4);
}
.dui.dui-border-x-purple-l-4{
    --dui-border-x-clr: var(--dui-clr-purple-l-4);
    border-left-color: var(--dui-clr-purple-l-4);
    border-right-color: var(--dui-clr-purple-l-4);
}
.dui.dui-border-y-purple-l-4{
    --dui-border-y-clr: var(--dui-clr-purple-l-4);
    border-top-color: var(--dui-clr-purple-l-4);
    border-bottom-color: var(--dui-clr-purple-l-4);
}
.dui.dui-border-t-purple-l-4{
    --dui-border-t-clr: var(--dui-clr-purple-l-4);
    border-top-color: var(--dui-clr-purple-l-4);
}
.dui.dui-border-r-purple-l-4{
    --dui-border-r-clr: var(--dui-clr-purple-l-4);
    border-right-color: var(--dui-clr-purple-l-4);
}
.dui.dui-border-b-purple-l-4{
    --dui-border-b-clr: var(--dui-clr-purple-l-4);
    border-bottom-color: var(--dui-clr-purple-l-4);
}
.dui.dui-border-l-purple-l-4{
    --dui-border-l-clr: var(--dui-clr-purple-l-4);
    border-left-color: var(--dui-clr-purple-l-4);
}
.dui.dui-divide-purple-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-purple-l-4);
    border-color: var(--dui-clr-purple-l-4);
}
.dui.dui-outline-purple-l-4{
    --dui-outline-clr: var(--dui-clr-purple-l-4);
    outline-color: var(--dui-clr-purple-l-4);
}
.dui.dui-fg-purple-l-3 {
    --dui-fg-clr: var(--dui-clr-purple-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple-l-3);
}
.dui.dui-bg-purple-l-3 {
    --dui-bg-clr: var(--dui-clr-purple-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-purple-l-3);
}
.dui.dui-accent-purple-l-3 {
    --dui-accent-clr: var(--dui-clr-purple-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-purple-l-3);
}
.dui.dui-shadow-purple-l-3 {
    --dui-shadow-clr: var(--dui-clr-purple-l-3);
}
.dui.dui-text-decoration-purple-l-3{
    --dui-text-decoration-clr: var(--dui-clr-purple-l-3);
    text-decoration-color: var(--dui-clr-purple-l-3);
}
.dui.dui-border-purple-l-3{
    --dui-border-clr: var(--dui-clr-purple-l-3);
    border-color: var(--dui-clr-purple-l-3);
}
.dui.dui-border-x-purple-l-3{
    --dui-border-x-clr: var(--dui-clr-purple-l-3);
    border-left-color: var(--dui-clr-purple-l-3);
    border-right-color: var(--dui-clr-purple-l-3);
}
.dui.dui-border-y-purple-l-3{
    --dui-border-y-clr: var(--dui-clr-purple-l-3);
    border-top-color: var(--dui-clr-purple-l-3);
    border-bottom-color: var(--dui-clr-purple-l-3);
}
.dui.dui-border-t-purple-l-3{
    --dui-border-t-clr: var(--dui-clr-purple-l-3);
    border-top-color: var(--dui-clr-purple-l-3);
}
.dui.dui-border-r-purple-l-3{
    --dui-border-r-clr: var(--dui-clr-purple-l-3);
    border-right-color: var(--dui-clr-purple-l-3);
}
.dui.dui-border-b-purple-l-3{
    --dui-border-b-clr: var(--dui-clr-purple-l-3);
    border-bottom-color: var(--dui-clr-purple-l-3);
}
.dui.dui-border-l-purple-l-3{
    --dui-border-l-clr: var(--dui-clr-purple-l-3);
    border-left-color: var(--dui-clr-purple-l-3);
}
.dui.dui-divide-purple-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-purple-l-3);
    border-color: var(--dui-clr-purple-l-3);
}
.dui.dui-outline-purple-l-3{
    --dui-outline-clr: var(--dui-clr-purple-l-3);
    outline-color: var(--dui-clr-purple-l-3);
}
.dui.dui-fg-purple-l-2 {
    --dui-fg-clr: var(--dui-clr-purple-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple-l-2);
}
.dui.dui-bg-purple-l-2 {
    --dui-bg-clr: var(--dui-clr-purple-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-purple-l-2);
}
.dui.dui-accent-purple-l-2 {
    --dui-accent-clr: var(--dui-clr-purple-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-purple-l-2);
}
.dui.dui-shadow-purple-l-2 {
    --dui-shadow-clr: var(--dui-clr-purple-l-2);
}
.dui.dui-text-decoration-purple-l-2{
    --dui-text-decoration-clr: var(--dui-clr-purple-l-2);
    text-decoration-color: var(--dui-clr-purple-l-2);
}
.dui.dui-border-purple-l-2{
    --dui-border-clr: var(--dui-clr-purple-l-2);
    border-color: var(--dui-clr-purple-l-2);
}
.dui.dui-border-x-purple-l-2{
    --dui-border-x-clr: var(--dui-clr-purple-l-2);
    border-left-color: var(--dui-clr-purple-l-2);
    border-right-color: var(--dui-clr-purple-l-2);
}
.dui.dui-border-y-purple-l-2{
    --dui-border-y-clr: var(--dui-clr-purple-l-2);
    border-top-color: var(--dui-clr-purple-l-2);
    border-bottom-color: var(--dui-clr-purple-l-2);
}
.dui.dui-border-t-purple-l-2{
    --dui-border-t-clr: var(--dui-clr-purple-l-2);
    border-top-color: var(--dui-clr-purple-l-2);
}
.dui.dui-border-r-purple-l-2{
    --dui-border-r-clr: var(--dui-clr-purple-l-2);
    border-right-color: var(--dui-clr-purple-l-2);
}
.dui.dui-border-b-purple-l-2{
    --dui-border-b-clr: var(--dui-clr-purple-l-2);
    border-bottom-color: var(--dui-clr-purple-l-2);
}
.dui.dui-border-l-purple-l-2{
    --dui-border-l-clr: var(--dui-clr-purple-l-2);
    border-left-color: var(--dui-clr-purple-l-2);
}
.dui.dui-divide-purple-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-purple-l-2);
    border-color: var(--dui-clr-purple-l-2);
}
.dui.dui-outline-purple-l-2{
    --dui-outline-clr: var(--dui-clr-purple-l-2);
    outline-color: var(--dui-clr-purple-l-2);
}
.dui.dui-fg-purple-l-1 {
    --dui-fg-clr: var(--dui-clr-purple-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple-l-1);
}
.dui.dui-bg-purple-l-1 {
    --dui-bg-clr: var(--dui-clr-purple-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-purple-l-1);
}
.dui.dui-accent-purple-l-1 {
    --dui-accent-clr: var(--dui-clr-purple-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-purple-l-1);
}
.dui.dui-shadow-purple-l-1 {
    --dui-shadow-clr: var(--dui-clr-purple-l-1);
}
.dui.dui-text-decoration-purple-l-1{
    --dui-text-decoration-clr: var(--dui-clr-purple-l-1);
    text-decoration-color: var(--dui-clr-purple-l-1);
}
.dui.dui-border-purple-l-1{
    --dui-border-clr: var(--dui-clr-purple-l-1);
    border-color: var(--dui-clr-purple-l-1);
}
.dui.dui-border-x-purple-l-1{
    --dui-border-x-clr: var(--dui-clr-purple-l-1);
    border-left-color: var(--dui-clr-purple-l-1);
    border-right-color: var(--dui-clr-purple-l-1);
}
.dui.dui-border-y-purple-l-1{
    --dui-border-y-clr: var(--dui-clr-purple-l-1);
    border-top-color: var(--dui-clr-purple-l-1);
    border-bottom-color: var(--dui-clr-purple-l-1);
}
.dui.dui-border-t-purple-l-1{
    --dui-border-t-clr: var(--dui-clr-purple-l-1);
    border-top-color: var(--dui-clr-purple-l-1);
}
.dui.dui-border-r-purple-l-1{
    --dui-border-r-clr: var(--dui-clr-purple-l-1);
    border-right-color: var(--dui-clr-purple-l-1);
}
.dui.dui-border-b-purple-l-1{
    --dui-border-b-clr: var(--dui-clr-purple-l-1);
    border-bottom-color: var(--dui-clr-purple-l-1);
}
.dui.dui-border-l-purple-l-1{
    --dui-border-l-clr: var(--dui-clr-purple-l-1);
    border-left-color: var(--dui-clr-purple-l-1);
}
.dui.dui-divide-purple-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-purple-l-1);
    border-color: var(--dui-clr-purple-l-1);
}
.dui.dui-outline-purple-l-1{
    --dui-outline-clr: var(--dui-clr-purple-l-1);
    outline-color: var(--dui-clr-purple-l-1);
}
.dui.dui-fg-purple {
    --dui-fg-clr: var(--dui-clr-purple);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple);
}
.dui.dui-bg-purple {
    --dui-bg-clr: var(--dui-clr-purple);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-purple);
}
.dui.dui-accent-purple {
    --dui-accent-clr: var(--dui-clr-purple);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-purple);
}
.dui.dui-shadow-purple {
    --dui-shadow-clr: var(--dui-clr-purple);
}
.dui.dui-text-decoration-purple{
    --dui-text-decoration-clr: var(--dui-clr-purple);
    text-decoration-color: var(--dui-clr-purple);
}
.dui.dui-border-purple{
    --dui-border-clr: var(--dui-clr-purple);
    border-color: var(--dui-clr-purple);
}
.dui.dui-border-x-purple{
    --dui-border-x-clr: var(--dui-clr-purple);
    border-left-color: var(--dui-clr-purple);
    border-right-color: var(--dui-clr-purple);
}
.dui.dui-border-y-purple{
    --dui-border-y-clr: var(--dui-clr-purple);
    border-top-color: var(--dui-clr-purple);
    border-bottom-color: var(--dui-clr-purple);
}
.dui.dui-border-t-purple{
    --dui-border-t-clr: var(--dui-clr-purple);
    border-top-color: var(--dui-clr-purple);
}
.dui.dui-border-r-purple{
    --dui-border-r-clr: var(--dui-clr-purple);
    border-right-color: var(--dui-clr-purple);
}
.dui.dui-border-b-purple{
    --dui-border-b-clr: var(--dui-clr-purple);
    border-bottom-color: var(--dui-clr-purple);
}
.dui.dui-border-l-purple{
    --dui-border-l-clr: var(--dui-clr-purple);
    border-left-color: var(--dui-clr-purple);
}
.dui.dui-divide-purple > * + *{
    --dui-border-clr: var(--dui-clr-purple);
    border-color: var(--dui-clr-purple);
}
.dui.dui-outline-purple{
    --dui-outline-clr: var(--dui-clr-purple);
    outline-color: var(--dui-clr-purple);
}
.dui.dui-fg-purple-d-1 {
    --dui-fg-clr: var(--dui-clr-purple-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple-d-1);
}
.dui.dui-bg-purple-d-1 {
    --dui-bg-clr: var(--dui-clr-purple-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-purple-d-1);
}
.dui.dui-accent-purple-d-1 {
    --dui-accent-clr: var(--dui-clr-purple-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-purple-d-1);
}
.dui.dui-shadow-purple-d-1 {
    --dui-shadow-clr: var(--dui-clr-purple-d-1);
}
.dui.dui-text-decoration-purple-d-1{
    --dui-text-decoration-clr: var(--dui-clr-purple-d-1);
    text-decoration-color: var(--dui-clr-purple-d-1);
}
.dui.dui-border-purple-d-1{
    --dui-border-clr: var(--dui-clr-purple-d-1);
    border-color: var(--dui-clr-purple-d-1);
}
.dui.dui-border-x-purple-d-1{
    --dui-border-x-clr: var(--dui-clr-purple-d-1);
    border-left-color: var(--dui-clr-purple-d-1);
    border-right-color: var(--dui-clr-purple-d-1);
}
.dui.dui-border-y-purple-d-1{
    --dui-border-y-clr: var(--dui-clr-purple-d-1);
    border-top-color: var(--dui-clr-purple-d-1);
    border-bottom-color: var(--dui-clr-purple-d-1);
}
.dui.dui-border-t-purple-d-1{
    --dui-border-t-clr: var(--dui-clr-purple-d-1);
    border-top-color: var(--dui-clr-purple-d-1);
}
.dui.dui-border-r-purple-d-1{
    --dui-border-r-clr: var(--dui-clr-purple-d-1);
    border-right-color: var(--dui-clr-purple-d-1);
}
.dui.dui-border-b-purple-d-1{
    --dui-border-b-clr: var(--dui-clr-purple-d-1);
    border-bottom-color: var(--dui-clr-purple-d-1);
}
.dui.dui-border-l-purple-d-1{
    --dui-border-l-clr: var(--dui-clr-purple-d-1);
    border-left-color: var(--dui-clr-purple-d-1);
}
.dui.dui-divide-purple-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-purple-d-1);
    border-color: var(--dui-clr-purple-d-1);
}
.dui.dui-outline-purple-d-1{
    --dui-outline-clr: var(--dui-clr-purple-d-1);
    outline-color: var(--dui-clr-purple-d-1);
}
.dui.dui-fg-purple-d-2 {
    --dui-fg-clr: var(--dui-clr-purple-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple-d-2);
}
.dui.dui-bg-purple-d-2 {
    --dui-bg-clr: var(--dui-clr-purple-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-purple-d-2);
}
.dui.dui-accent-purple-d-2 {
    --dui-accent-clr: var(--dui-clr-purple-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-purple-d-2);
}
.dui.dui-shadow-purple-d-2 {
    --dui-shadow-clr: var(--dui-clr-purple-d-2);
}
.dui.dui-text-decoration-purple-d-2{
    --dui-text-decoration-clr: var(--dui-clr-purple-d-2);
    text-decoration-color: var(--dui-clr-purple-d-2);
}
.dui.dui-border-purple-d-2{
    --dui-border-clr: var(--dui-clr-purple-d-2);
    border-color: var(--dui-clr-purple-d-2);
}
.dui.dui-border-x-purple-d-2{
    --dui-border-x-clr: var(--dui-clr-purple-d-2);
    border-left-color: var(--dui-clr-purple-d-2);
    border-right-color: var(--dui-clr-purple-d-2);
}
.dui.dui-border-y-purple-d-2{
    --dui-border-y-clr: var(--dui-clr-purple-d-2);
    border-top-color: var(--dui-clr-purple-d-2);
    border-bottom-color: var(--dui-clr-purple-d-2);
}
.dui.dui-border-t-purple-d-2{
    --dui-border-t-clr: var(--dui-clr-purple-d-2);
    border-top-color: var(--dui-clr-purple-d-2);
}
.dui.dui-border-r-purple-d-2{
    --dui-border-r-clr: var(--dui-clr-purple-d-2);
    border-right-color: var(--dui-clr-purple-d-2);
}
.dui.dui-border-b-purple-d-2{
    --dui-border-b-clr: var(--dui-clr-purple-d-2);
    border-bottom-color: var(--dui-clr-purple-d-2);
}
.dui.dui-border-l-purple-d-2{
    --dui-border-l-clr: var(--dui-clr-purple-d-2);
    border-left-color: var(--dui-clr-purple-d-2);
}
.dui.dui-divide-purple-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-purple-d-2);
    border-color: var(--dui-clr-purple-d-2);
}
.dui.dui-outline-purple-d-2{
    --dui-outline-clr: var(--dui-clr-purple-d-2);
    outline-color: var(--dui-clr-purple-d-2);
}
.dui.dui-fg-purple-d-3 {
    --dui-fg-clr: var(--dui-clr-purple-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple-d-3);
}
.dui.dui-bg-purple-d-3 {
    --dui-bg-clr: var(--dui-clr-purple-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-purple-d-3);
}
.dui.dui-accent-purple-d-3 {
    --dui-accent-clr: var(--dui-clr-purple-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-purple-d-3);
}
.dui.dui-shadow-purple-d-3 {
    --dui-shadow-clr: var(--dui-clr-purple-d-3);
}
.dui.dui-text-decoration-purple-d-3{
    --dui-text-decoration-clr: var(--dui-clr-purple-d-3);
    text-decoration-color: var(--dui-clr-purple-d-3);
}
.dui.dui-border-purple-d-3{
    --dui-border-clr: var(--dui-clr-purple-d-3);
    border-color: var(--dui-clr-purple-d-3);
}
.dui.dui-border-x-purple-d-3{
    --dui-border-x-clr: var(--dui-clr-purple-d-3);
    border-left-color: var(--dui-clr-purple-d-3);
    border-right-color: var(--dui-clr-purple-d-3);
}
.dui.dui-border-y-purple-d-3{
    --dui-border-y-clr: var(--dui-clr-purple-d-3);
    border-top-color: var(--dui-clr-purple-d-3);
    border-bottom-color: var(--dui-clr-purple-d-3);
}
.dui.dui-border-t-purple-d-3{
    --dui-border-t-clr: var(--dui-clr-purple-d-3);
    border-top-color: var(--dui-clr-purple-d-3);
}
.dui.dui-border-r-purple-d-3{
    --dui-border-r-clr: var(--dui-clr-purple-d-3);
    border-right-color: var(--dui-clr-purple-d-3);
}
.dui.dui-border-b-purple-d-3{
    --dui-border-b-clr: var(--dui-clr-purple-d-3);
    border-bottom-color: var(--dui-clr-purple-d-3);
}
.dui.dui-border-l-purple-d-3{
    --dui-border-l-clr: var(--dui-clr-purple-d-3);
    border-left-color: var(--dui-clr-purple-d-3);
}
.dui.dui-divide-purple-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-purple-d-3);
    border-color: var(--dui-clr-purple-d-3);
}
.dui.dui-outline-purple-d-3{
    --dui-outline-clr: var(--dui-clr-purple-d-3);
    outline-color: var(--dui-clr-purple-d-3);
}
.dui.dui-fg-purple-d-4 {
    --dui-fg-clr: var(--dui-clr-purple-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-purple-d-4);
}
.dui.dui-bg-purple-d-4 {
    --dui-bg-clr: var(--dui-clr-purple-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-purple-d-4);
}
.dui.dui-accent-purple-d-4 {
    --dui-accent-clr: var(--dui-clr-purple-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-purple-d-4);
}
.dui.dui-shadow-purple-d-4 {
    --dui-shadow-clr: var(--dui-clr-purple-d-4);
}
.dui.dui-text-decoration-purple-d-4{
    --dui-text-decoration-clr: var(--dui-clr-purple-d-4);
    text-decoration-color: var(--dui-clr-purple-d-4);
}
.dui.dui-border-purple-d-4{
    --dui-border-clr: var(--dui-clr-purple-d-4);
    border-color: var(--dui-clr-purple-d-4);
}
.dui.dui-border-x-purple-d-4{
    --dui-border-x-clr: var(--dui-clr-purple-d-4);
    border-left-color: var(--dui-clr-purple-d-4);
    border-right-color: var(--dui-clr-purple-d-4);
}
.dui.dui-border-y-purple-d-4{
    --dui-border-y-clr: var(--dui-clr-purple-d-4);
    border-top-color: var(--dui-clr-purple-d-4);
    border-bottom-color: var(--dui-clr-purple-d-4);
}
.dui.dui-border-t-purple-d-4{
    --dui-border-t-clr: var(--dui-clr-purple-d-4);
    border-top-color: var(--dui-clr-purple-d-4);
}
.dui.dui-border-r-purple-d-4{
    --dui-border-r-clr: var(--dui-clr-purple-d-4);
    border-right-color: var(--dui-clr-purple-d-4);
}
.dui.dui-border-b-purple-d-4{
    --dui-border-b-clr: var(--dui-clr-purple-d-4);
    border-bottom-color: var(--dui-clr-purple-d-4);
}
.dui.dui-border-l-purple-d-4{
    --dui-border-l-clr: var(--dui-clr-purple-d-4);
    border-left-color: var(--dui-clr-purple-d-4);
}
.dui.dui-divide-purple-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-purple-d-4);
    border-color: var(--dui-clr-purple-d-4);
}
.dui.dui-outline-purple-d-4{
    --dui-outline-clr: var(--dui-clr-purple-d-4);
    outline-color: var(--dui-clr-purple-d-4);
}
.dui.dui-fg-deep-purple-l-5 {
    --dui-fg-clr: var(--dui-clr-deep-purple-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-bg-deep-purple-l-5 {
    --dui-bg-clr: var(--dui-clr-deep-purple-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-accent-deep-purple-l-5 {
    --dui-accent-clr: var(--dui-clr-deep-purple-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-shadow-deep-purple-l-5 {
    --dui-shadow-clr: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-text-decoration-deep-purple-l-5{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple-l-5);
    text-decoration-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-border-deep-purple-l-5{
    --dui-border-clr: var(--dui-clr-deep-purple-l-5);
    border-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-border-x-deep-purple-l-5{
    --dui-border-x-clr: var(--dui-clr-deep-purple-l-5);
    border-left-color: var(--dui-clr-deep-purple-l-5);
    border-right-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-border-y-deep-purple-l-5{
    --dui-border-y-clr: var(--dui-clr-deep-purple-l-5);
    border-top-color: var(--dui-clr-deep-purple-l-5);
    border-bottom-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-border-t-deep-purple-l-5{
    --dui-border-t-clr: var(--dui-clr-deep-purple-l-5);
    border-top-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-border-r-deep-purple-l-5{
    --dui-border-r-clr: var(--dui-clr-deep-purple-l-5);
    border-right-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-border-b-deep-purple-l-5{
    --dui-border-b-clr: var(--dui-clr-deep-purple-l-5);
    border-bottom-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-border-l-deep-purple-l-5{
    --dui-border-l-clr: var(--dui-clr-deep-purple-l-5);
    border-left-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-divide-deep-purple-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple-l-5);
    border-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-outline-deep-purple-l-5{
    --dui-outline-clr: var(--dui-clr-deep-purple-l-5);
    outline-color: var(--dui-clr-deep-purple-l-5);
}
.dui.dui-fg-deep-purple-l-4 {
    --dui-fg-clr: var(--dui-clr-deep-purple-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-bg-deep-purple-l-4 {
    --dui-bg-clr: var(--dui-clr-deep-purple-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-accent-deep-purple-l-4 {
    --dui-accent-clr: var(--dui-clr-deep-purple-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-shadow-deep-purple-l-4 {
    --dui-shadow-clr: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-text-decoration-deep-purple-l-4{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple-l-4);
    text-decoration-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-border-deep-purple-l-4{
    --dui-border-clr: var(--dui-clr-deep-purple-l-4);
    border-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-border-x-deep-purple-l-4{
    --dui-border-x-clr: var(--dui-clr-deep-purple-l-4);
    border-left-color: var(--dui-clr-deep-purple-l-4);
    border-right-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-border-y-deep-purple-l-4{
    --dui-border-y-clr: var(--dui-clr-deep-purple-l-4);
    border-top-color: var(--dui-clr-deep-purple-l-4);
    border-bottom-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-border-t-deep-purple-l-4{
    --dui-border-t-clr: var(--dui-clr-deep-purple-l-4);
    border-top-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-border-r-deep-purple-l-4{
    --dui-border-r-clr: var(--dui-clr-deep-purple-l-4);
    border-right-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-border-b-deep-purple-l-4{
    --dui-border-b-clr: var(--dui-clr-deep-purple-l-4);
    border-bottom-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-border-l-deep-purple-l-4{
    --dui-border-l-clr: var(--dui-clr-deep-purple-l-4);
    border-left-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-divide-deep-purple-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple-l-4);
    border-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-outline-deep-purple-l-4{
    --dui-outline-clr: var(--dui-clr-deep-purple-l-4);
    outline-color: var(--dui-clr-deep-purple-l-4);
}
.dui.dui-fg-deep-purple-l-3 {
    --dui-fg-clr: var(--dui-clr-deep-purple-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-bg-deep-purple-l-3 {
    --dui-bg-clr: var(--dui-clr-deep-purple-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-accent-deep-purple-l-3 {
    --dui-accent-clr: var(--dui-clr-deep-purple-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-shadow-deep-purple-l-3 {
    --dui-shadow-clr: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-text-decoration-deep-purple-l-3{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple-l-3);
    text-decoration-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-border-deep-purple-l-3{
    --dui-border-clr: var(--dui-clr-deep-purple-l-3);
    border-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-border-x-deep-purple-l-3{
    --dui-border-x-clr: var(--dui-clr-deep-purple-l-3);
    border-left-color: var(--dui-clr-deep-purple-l-3);
    border-right-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-border-y-deep-purple-l-3{
    --dui-border-y-clr: var(--dui-clr-deep-purple-l-3);
    border-top-color: var(--dui-clr-deep-purple-l-3);
    border-bottom-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-border-t-deep-purple-l-3{
    --dui-border-t-clr: var(--dui-clr-deep-purple-l-3);
    border-top-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-border-r-deep-purple-l-3{
    --dui-border-r-clr: var(--dui-clr-deep-purple-l-3);
    border-right-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-border-b-deep-purple-l-3{
    --dui-border-b-clr: var(--dui-clr-deep-purple-l-3);
    border-bottom-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-border-l-deep-purple-l-3{
    --dui-border-l-clr: var(--dui-clr-deep-purple-l-3);
    border-left-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-divide-deep-purple-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple-l-3);
    border-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-outline-deep-purple-l-3{
    --dui-outline-clr: var(--dui-clr-deep-purple-l-3);
    outline-color: var(--dui-clr-deep-purple-l-3);
}
.dui.dui-fg-deep-purple-l-2 {
    --dui-fg-clr: var(--dui-clr-deep-purple-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-bg-deep-purple-l-2 {
    --dui-bg-clr: var(--dui-clr-deep-purple-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-accent-deep-purple-l-2 {
    --dui-accent-clr: var(--dui-clr-deep-purple-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-shadow-deep-purple-l-2 {
    --dui-shadow-clr: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-text-decoration-deep-purple-l-2{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple-l-2);
    text-decoration-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-border-deep-purple-l-2{
    --dui-border-clr: var(--dui-clr-deep-purple-l-2);
    border-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-border-x-deep-purple-l-2{
    --dui-border-x-clr: var(--dui-clr-deep-purple-l-2);
    border-left-color: var(--dui-clr-deep-purple-l-2);
    border-right-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-border-y-deep-purple-l-2{
    --dui-border-y-clr: var(--dui-clr-deep-purple-l-2);
    border-top-color: var(--dui-clr-deep-purple-l-2);
    border-bottom-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-border-t-deep-purple-l-2{
    --dui-border-t-clr: var(--dui-clr-deep-purple-l-2);
    border-top-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-border-r-deep-purple-l-2{
    --dui-border-r-clr: var(--dui-clr-deep-purple-l-2);
    border-right-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-border-b-deep-purple-l-2{
    --dui-border-b-clr: var(--dui-clr-deep-purple-l-2);
    border-bottom-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-border-l-deep-purple-l-2{
    --dui-border-l-clr: var(--dui-clr-deep-purple-l-2);
    border-left-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-divide-deep-purple-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple-l-2);
    border-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-outline-deep-purple-l-2{
    --dui-outline-clr: var(--dui-clr-deep-purple-l-2);
    outline-color: var(--dui-clr-deep-purple-l-2);
}
.dui.dui-fg-deep-purple-l-1 {
    --dui-fg-clr: var(--dui-clr-deep-purple-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-bg-deep-purple-l-1 {
    --dui-bg-clr: var(--dui-clr-deep-purple-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-accent-deep-purple-l-1 {
    --dui-accent-clr: var(--dui-clr-deep-purple-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-shadow-deep-purple-l-1 {
    --dui-shadow-clr: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-text-decoration-deep-purple-l-1{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple-l-1);
    text-decoration-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-border-deep-purple-l-1{
    --dui-border-clr: var(--dui-clr-deep-purple-l-1);
    border-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-border-x-deep-purple-l-1{
    --dui-border-x-clr: var(--dui-clr-deep-purple-l-1);
    border-left-color: var(--dui-clr-deep-purple-l-1);
    border-right-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-border-y-deep-purple-l-1{
    --dui-border-y-clr: var(--dui-clr-deep-purple-l-1);
    border-top-color: var(--dui-clr-deep-purple-l-1);
    border-bottom-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-border-t-deep-purple-l-1{
    --dui-border-t-clr: var(--dui-clr-deep-purple-l-1);
    border-top-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-border-r-deep-purple-l-1{
    --dui-border-r-clr: var(--dui-clr-deep-purple-l-1);
    border-right-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-border-b-deep-purple-l-1{
    --dui-border-b-clr: var(--dui-clr-deep-purple-l-1);
    border-bottom-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-border-l-deep-purple-l-1{
    --dui-border-l-clr: var(--dui-clr-deep-purple-l-1);
    border-left-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-divide-deep-purple-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple-l-1);
    border-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-outline-deep-purple-l-1{
    --dui-outline-clr: var(--dui-clr-deep-purple-l-1);
    outline-color: var(--dui-clr-deep-purple-l-1);
}
.dui.dui-fg-deep-purple {
    --dui-fg-clr: var(--dui-clr-deep-purple);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple);
}
.dui.dui-bg-deep-purple {
    --dui-bg-clr: var(--dui-clr-deep-purple);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-purple);
}
.dui.dui-accent-deep-purple {
    --dui-accent-clr: var(--dui-clr-deep-purple);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-purple);
}
.dui.dui-shadow-deep-purple {
    --dui-shadow-clr: var(--dui-clr-deep-purple);
}
.dui.dui-text-decoration-deep-purple{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple);
    text-decoration-color: var(--dui-clr-deep-purple);
}
.dui.dui-border-deep-purple{
    --dui-border-clr: var(--dui-clr-deep-purple);
    border-color: var(--dui-clr-deep-purple);
}
.dui.dui-border-x-deep-purple{
    --dui-border-x-clr: var(--dui-clr-deep-purple);
    border-left-color: var(--dui-clr-deep-purple);
    border-right-color: var(--dui-clr-deep-purple);
}
.dui.dui-border-y-deep-purple{
    --dui-border-y-clr: var(--dui-clr-deep-purple);
    border-top-color: var(--dui-clr-deep-purple);
    border-bottom-color: var(--dui-clr-deep-purple);
}
.dui.dui-border-t-deep-purple{
    --dui-border-t-clr: var(--dui-clr-deep-purple);
    border-top-color: var(--dui-clr-deep-purple);
}
.dui.dui-border-r-deep-purple{
    --dui-border-r-clr: var(--dui-clr-deep-purple);
    border-right-color: var(--dui-clr-deep-purple);
}
.dui.dui-border-b-deep-purple{
    --dui-border-b-clr: var(--dui-clr-deep-purple);
    border-bottom-color: var(--dui-clr-deep-purple);
}
.dui.dui-border-l-deep-purple{
    --dui-border-l-clr: var(--dui-clr-deep-purple);
    border-left-color: var(--dui-clr-deep-purple);
}
.dui.dui-divide-deep-purple > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple);
    border-color: var(--dui-clr-deep-purple);
}
.dui.dui-outline-deep-purple{
    --dui-outline-clr: var(--dui-clr-deep-purple);
    outline-color: var(--dui-clr-deep-purple);
}
.dui.dui-fg-deep-purple-d-1 {
    --dui-fg-clr: var(--dui-clr-deep-purple-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-bg-deep-purple-d-1 {
    --dui-bg-clr: var(--dui-clr-deep-purple-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-accent-deep-purple-d-1 {
    --dui-accent-clr: var(--dui-clr-deep-purple-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-shadow-deep-purple-d-1 {
    --dui-shadow-clr: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-text-decoration-deep-purple-d-1{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple-d-1);
    text-decoration-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-border-deep-purple-d-1{
    --dui-border-clr: var(--dui-clr-deep-purple-d-1);
    border-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-border-x-deep-purple-d-1{
    --dui-border-x-clr: var(--dui-clr-deep-purple-d-1);
    border-left-color: var(--dui-clr-deep-purple-d-1);
    border-right-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-border-y-deep-purple-d-1{
    --dui-border-y-clr: var(--dui-clr-deep-purple-d-1);
    border-top-color: var(--dui-clr-deep-purple-d-1);
    border-bottom-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-border-t-deep-purple-d-1{
    --dui-border-t-clr: var(--dui-clr-deep-purple-d-1);
    border-top-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-border-r-deep-purple-d-1{
    --dui-border-r-clr: var(--dui-clr-deep-purple-d-1);
    border-right-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-border-b-deep-purple-d-1{
    --dui-border-b-clr: var(--dui-clr-deep-purple-d-1);
    border-bottom-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-border-l-deep-purple-d-1{
    --dui-border-l-clr: var(--dui-clr-deep-purple-d-1);
    border-left-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-divide-deep-purple-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple-d-1);
    border-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-outline-deep-purple-d-1{
    --dui-outline-clr: var(--dui-clr-deep-purple-d-1);
    outline-color: var(--dui-clr-deep-purple-d-1);
}
.dui.dui-fg-deep-purple-d-2 {
    --dui-fg-clr: var(--dui-clr-deep-purple-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-bg-deep-purple-d-2 {
    --dui-bg-clr: var(--dui-clr-deep-purple-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-accent-deep-purple-d-2 {
    --dui-accent-clr: var(--dui-clr-deep-purple-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-shadow-deep-purple-d-2 {
    --dui-shadow-clr: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-text-decoration-deep-purple-d-2{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple-d-2);
    text-decoration-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-border-deep-purple-d-2{
    --dui-border-clr: var(--dui-clr-deep-purple-d-2);
    border-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-border-x-deep-purple-d-2{
    --dui-border-x-clr: var(--dui-clr-deep-purple-d-2);
    border-left-color: var(--dui-clr-deep-purple-d-2);
    border-right-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-border-y-deep-purple-d-2{
    --dui-border-y-clr: var(--dui-clr-deep-purple-d-2);
    border-top-color: var(--dui-clr-deep-purple-d-2);
    border-bottom-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-border-t-deep-purple-d-2{
    --dui-border-t-clr: var(--dui-clr-deep-purple-d-2);
    border-top-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-border-r-deep-purple-d-2{
    --dui-border-r-clr: var(--dui-clr-deep-purple-d-2);
    border-right-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-border-b-deep-purple-d-2{
    --dui-border-b-clr: var(--dui-clr-deep-purple-d-2);
    border-bottom-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-border-l-deep-purple-d-2{
    --dui-border-l-clr: var(--dui-clr-deep-purple-d-2);
    border-left-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-divide-deep-purple-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple-d-2);
    border-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-outline-deep-purple-d-2{
    --dui-outline-clr: var(--dui-clr-deep-purple-d-2);
    outline-color: var(--dui-clr-deep-purple-d-2);
}
.dui.dui-fg-deep-purple-d-3 {
    --dui-fg-clr: var(--dui-clr-deep-purple-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-bg-deep-purple-d-3 {
    --dui-bg-clr: var(--dui-clr-deep-purple-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-accent-deep-purple-d-3 {
    --dui-accent-clr: var(--dui-clr-deep-purple-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-shadow-deep-purple-d-3 {
    --dui-shadow-clr: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-text-decoration-deep-purple-d-3{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple-d-3);
    text-decoration-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-border-deep-purple-d-3{
    --dui-border-clr: var(--dui-clr-deep-purple-d-3);
    border-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-border-x-deep-purple-d-3{
    --dui-border-x-clr: var(--dui-clr-deep-purple-d-3);
    border-left-color: var(--dui-clr-deep-purple-d-3);
    border-right-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-border-y-deep-purple-d-3{
    --dui-border-y-clr: var(--dui-clr-deep-purple-d-3);
    border-top-color: var(--dui-clr-deep-purple-d-3);
    border-bottom-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-border-t-deep-purple-d-3{
    --dui-border-t-clr: var(--dui-clr-deep-purple-d-3);
    border-top-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-border-r-deep-purple-d-3{
    --dui-border-r-clr: var(--dui-clr-deep-purple-d-3);
    border-right-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-border-b-deep-purple-d-3{
    --dui-border-b-clr: var(--dui-clr-deep-purple-d-3);
    border-bottom-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-border-l-deep-purple-d-3{
    --dui-border-l-clr: var(--dui-clr-deep-purple-d-3);
    border-left-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-divide-deep-purple-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple-d-3);
    border-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-outline-deep-purple-d-3{
    --dui-outline-clr: var(--dui-clr-deep-purple-d-3);
    outline-color: var(--dui-clr-deep-purple-d-3);
}
.dui.dui-fg-deep-purple-d-4 {
    --dui-fg-clr: var(--dui-clr-deep-purple-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-bg-deep-purple-d-4 {
    --dui-bg-clr: var(--dui-clr-deep-purple-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-accent-deep-purple-d-4 {
    --dui-accent-clr: var(--dui-clr-deep-purple-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-shadow-deep-purple-d-4 {
    --dui-shadow-clr: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-text-decoration-deep-purple-d-4{
    --dui-text-decoration-clr: var(--dui-clr-deep-purple-d-4);
    text-decoration-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-border-deep-purple-d-4{
    --dui-border-clr: var(--dui-clr-deep-purple-d-4);
    border-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-border-x-deep-purple-d-4{
    --dui-border-x-clr: var(--dui-clr-deep-purple-d-4);
    border-left-color: var(--dui-clr-deep-purple-d-4);
    border-right-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-border-y-deep-purple-d-4{
    --dui-border-y-clr: var(--dui-clr-deep-purple-d-4);
    border-top-color: var(--dui-clr-deep-purple-d-4);
    border-bottom-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-border-t-deep-purple-d-4{
    --dui-border-t-clr: var(--dui-clr-deep-purple-d-4);
    border-top-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-border-r-deep-purple-d-4{
    --dui-border-r-clr: var(--dui-clr-deep-purple-d-4);
    border-right-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-border-b-deep-purple-d-4{
    --dui-border-b-clr: var(--dui-clr-deep-purple-d-4);
    border-bottom-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-border-l-deep-purple-d-4{
    --dui-border-l-clr: var(--dui-clr-deep-purple-d-4);
    border-left-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-divide-deep-purple-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-deep-purple-d-4);
    border-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-outline-deep-purple-d-4{
    --dui-outline-clr: var(--dui-clr-deep-purple-d-4);
    outline-color: var(--dui-clr-deep-purple-d-4);
}
.dui.dui-fg-indigo-l-5 {
    --dui-fg-clr: var(--dui-clr-indigo-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo-l-5);
}
.dui.dui-bg-indigo-l-5 {
    --dui-bg-clr: var(--dui-clr-indigo-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-accent-indigo-l-5 {
    --dui-accent-clr: var(--dui-clr-indigo-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-shadow-indigo-l-5 {
    --dui-shadow-clr: var(--dui-clr-indigo-l-5);
}
.dui.dui-text-decoration-indigo-l-5{
    --dui-text-decoration-clr: var(--dui-clr-indigo-l-5);
    text-decoration-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-border-indigo-l-5{
    --dui-border-clr: var(--dui-clr-indigo-l-5);
    border-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-border-x-indigo-l-5{
    --dui-border-x-clr: var(--dui-clr-indigo-l-5);
    border-left-color: var(--dui-clr-indigo-l-5);
    border-right-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-border-y-indigo-l-5{
    --dui-border-y-clr: var(--dui-clr-indigo-l-5);
    border-top-color: var(--dui-clr-indigo-l-5);
    border-bottom-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-border-t-indigo-l-5{
    --dui-border-t-clr: var(--dui-clr-indigo-l-5);
    border-top-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-border-r-indigo-l-5{
    --dui-border-r-clr: var(--dui-clr-indigo-l-5);
    border-right-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-border-b-indigo-l-5{
    --dui-border-b-clr: var(--dui-clr-indigo-l-5);
    border-bottom-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-border-l-indigo-l-5{
    --dui-border-l-clr: var(--dui-clr-indigo-l-5);
    border-left-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-divide-indigo-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-indigo-l-5);
    border-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-outline-indigo-l-5{
    --dui-outline-clr: var(--dui-clr-indigo-l-5);
    outline-color: var(--dui-clr-indigo-l-5);
}
.dui.dui-fg-indigo-l-4 {
    --dui-fg-clr: var(--dui-clr-indigo-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo-l-4);
}
.dui.dui-bg-indigo-l-4 {
    --dui-bg-clr: var(--dui-clr-indigo-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-accent-indigo-l-4 {
    --dui-accent-clr: var(--dui-clr-indigo-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-shadow-indigo-l-4 {
    --dui-shadow-clr: var(--dui-clr-indigo-l-4);
}
.dui.dui-text-decoration-indigo-l-4{
    --dui-text-decoration-clr: var(--dui-clr-indigo-l-4);
    text-decoration-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-border-indigo-l-4{
    --dui-border-clr: var(--dui-clr-indigo-l-4);
    border-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-border-x-indigo-l-4{
    --dui-border-x-clr: var(--dui-clr-indigo-l-4);
    border-left-color: var(--dui-clr-indigo-l-4);
    border-right-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-border-y-indigo-l-4{
    --dui-border-y-clr: var(--dui-clr-indigo-l-4);
    border-top-color: var(--dui-clr-indigo-l-4);
    border-bottom-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-border-t-indigo-l-4{
    --dui-border-t-clr: var(--dui-clr-indigo-l-4);
    border-top-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-border-r-indigo-l-4{
    --dui-border-r-clr: var(--dui-clr-indigo-l-4);
    border-right-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-border-b-indigo-l-4{
    --dui-border-b-clr: var(--dui-clr-indigo-l-4);
    border-bottom-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-border-l-indigo-l-4{
    --dui-border-l-clr: var(--dui-clr-indigo-l-4);
    border-left-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-divide-indigo-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-indigo-l-4);
    border-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-outline-indigo-l-4{
    --dui-outline-clr: var(--dui-clr-indigo-l-4);
    outline-color: var(--dui-clr-indigo-l-4);
}
.dui.dui-fg-indigo-l-3 {
    --dui-fg-clr: var(--dui-clr-indigo-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo-l-3);
}
.dui.dui-bg-indigo-l-3 {
    --dui-bg-clr: var(--dui-clr-indigo-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-accent-indigo-l-3 {
    --dui-accent-clr: var(--dui-clr-indigo-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-shadow-indigo-l-3 {
    --dui-shadow-clr: var(--dui-clr-indigo-l-3);
}
.dui.dui-text-decoration-indigo-l-3{
    --dui-text-decoration-clr: var(--dui-clr-indigo-l-3);
    text-decoration-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-border-indigo-l-3{
    --dui-border-clr: var(--dui-clr-indigo-l-3);
    border-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-border-x-indigo-l-3{
    --dui-border-x-clr: var(--dui-clr-indigo-l-3);
    border-left-color: var(--dui-clr-indigo-l-3);
    border-right-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-border-y-indigo-l-3{
    --dui-border-y-clr: var(--dui-clr-indigo-l-3);
    border-top-color: var(--dui-clr-indigo-l-3);
    border-bottom-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-border-t-indigo-l-3{
    --dui-border-t-clr: var(--dui-clr-indigo-l-3);
    border-top-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-border-r-indigo-l-3{
    --dui-border-r-clr: var(--dui-clr-indigo-l-3);
    border-right-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-border-b-indigo-l-3{
    --dui-border-b-clr: var(--dui-clr-indigo-l-3);
    border-bottom-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-border-l-indigo-l-3{
    --dui-border-l-clr: var(--dui-clr-indigo-l-3);
    border-left-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-divide-indigo-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-indigo-l-3);
    border-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-outline-indigo-l-3{
    --dui-outline-clr: var(--dui-clr-indigo-l-3);
    outline-color: var(--dui-clr-indigo-l-3);
}
.dui.dui-fg-indigo-l-2 {
    --dui-fg-clr: var(--dui-clr-indigo-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo-l-2);
}
.dui.dui-bg-indigo-l-2 {
    --dui-bg-clr: var(--dui-clr-indigo-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-accent-indigo-l-2 {
    --dui-accent-clr: var(--dui-clr-indigo-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-shadow-indigo-l-2 {
    --dui-shadow-clr: var(--dui-clr-indigo-l-2);
}
.dui.dui-text-decoration-indigo-l-2{
    --dui-text-decoration-clr: var(--dui-clr-indigo-l-2);
    text-decoration-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-border-indigo-l-2{
    --dui-border-clr: var(--dui-clr-indigo-l-2);
    border-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-border-x-indigo-l-2{
    --dui-border-x-clr: var(--dui-clr-indigo-l-2);
    border-left-color: var(--dui-clr-indigo-l-2);
    border-right-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-border-y-indigo-l-2{
    --dui-border-y-clr: var(--dui-clr-indigo-l-2);
    border-top-color: var(--dui-clr-indigo-l-2);
    border-bottom-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-border-t-indigo-l-2{
    --dui-border-t-clr: var(--dui-clr-indigo-l-2);
    border-top-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-border-r-indigo-l-2{
    --dui-border-r-clr: var(--dui-clr-indigo-l-2);
    border-right-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-border-b-indigo-l-2{
    --dui-border-b-clr: var(--dui-clr-indigo-l-2);
    border-bottom-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-border-l-indigo-l-2{
    --dui-border-l-clr: var(--dui-clr-indigo-l-2);
    border-left-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-divide-indigo-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-indigo-l-2);
    border-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-outline-indigo-l-2{
    --dui-outline-clr: var(--dui-clr-indigo-l-2);
    outline-color: var(--dui-clr-indigo-l-2);
}
.dui.dui-fg-indigo-l-1 {
    --dui-fg-clr: var(--dui-clr-indigo-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo-l-1);
}
.dui.dui-bg-indigo-l-1 {
    --dui-bg-clr: var(--dui-clr-indigo-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-accent-indigo-l-1 {
    --dui-accent-clr: var(--dui-clr-indigo-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-shadow-indigo-l-1 {
    --dui-shadow-clr: var(--dui-clr-indigo-l-1);
}
.dui.dui-text-decoration-indigo-l-1{
    --dui-text-decoration-clr: var(--dui-clr-indigo-l-1);
    text-decoration-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-border-indigo-l-1{
    --dui-border-clr: var(--dui-clr-indigo-l-1);
    border-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-border-x-indigo-l-1{
    --dui-border-x-clr: var(--dui-clr-indigo-l-1);
    border-left-color: var(--dui-clr-indigo-l-1);
    border-right-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-border-y-indigo-l-1{
    --dui-border-y-clr: var(--dui-clr-indigo-l-1);
    border-top-color: var(--dui-clr-indigo-l-1);
    border-bottom-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-border-t-indigo-l-1{
    --dui-border-t-clr: var(--dui-clr-indigo-l-1);
    border-top-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-border-r-indigo-l-1{
    --dui-border-r-clr: var(--dui-clr-indigo-l-1);
    border-right-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-border-b-indigo-l-1{
    --dui-border-b-clr: var(--dui-clr-indigo-l-1);
    border-bottom-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-border-l-indigo-l-1{
    --dui-border-l-clr: var(--dui-clr-indigo-l-1);
    border-left-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-divide-indigo-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-indigo-l-1);
    border-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-outline-indigo-l-1{
    --dui-outline-clr: var(--dui-clr-indigo-l-1);
    outline-color: var(--dui-clr-indigo-l-1);
}
.dui.dui-fg-indigo {
    --dui-fg-clr: var(--dui-clr-indigo);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo);
}
.dui.dui-bg-indigo {
    --dui-bg-clr: var(--dui-clr-indigo);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-indigo);
}
.dui.dui-accent-indigo {
    --dui-accent-clr: var(--dui-clr-indigo);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-indigo);
}
.dui.dui-shadow-indigo {
    --dui-shadow-clr: var(--dui-clr-indigo);
}
.dui.dui-text-decoration-indigo{
    --dui-text-decoration-clr: var(--dui-clr-indigo);
    text-decoration-color: var(--dui-clr-indigo);
}
.dui.dui-border-indigo{
    --dui-border-clr: var(--dui-clr-indigo);
    border-color: var(--dui-clr-indigo);
}
.dui.dui-border-x-indigo{
    --dui-border-x-clr: var(--dui-clr-indigo);
    border-left-color: var(--dui-clr-indigo);
    border-right-color: var(--dui-clr-indigo);
}
.dui.dui-border-y-indigo{
    --dui-border-y-clr: var(--dui-clr-indigo);
    border-top-color: var(--dui-clr-indigo);
    border-bottom-color: var(--dui-clr-indigo);
}
.dui.dui-border-t-indigo{
    --dui-border-t-clr: var(--dui-clr-indigo);
    border-top-color: var(--dui-clr-indigo);
}
.dui.dui-border-r-indigo{
    --dui-border-r-clr: var(--dui-clr-indigo);
    border-right-color: var(--dui-clr-indigo);
}
.dui.dui-border-b-indigo{
    --dui-border-b-clr: var(--dui-clr-indigo);
    border-bottom-color: var(--dui-clr-indigo);
}
.dui.dui-border-l-indigo{
    --dui-border-l-clr: var(--dui-clr-indigo);
    border-left-color: var(--dui-clr-indigo);
}
.dui.dui-divide-indigo > * + *{
    --dui-border-clr: var(--dui-clr-indigo);
    border-color: var(--dui-clr-indigo);
}
.dui.dui-outline-indigo{
    --dui-outline-clr: var(--dui-clr-indigo);
    outline-color: var(--dui-clr-indigo);
}
.dui.dui-fg-indigo-d-1 {
    --dui-fg-clr: var(--dui-clr-indigo-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo-d-1);
}
.dui.dui-bg-indigo-d-1 {
    --dui-bg-clr: var(--dui-clr-indigo-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-accent-indigo-d-1 {
    --dui-accent-clr: var(--dui-clr-indigo-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-shadow-indigo-d-1 {
    --dui-shadow-clr: var(--dui-clr-indigo-d-1);
}
.dui.dui-text-decoration-indigo-d-1{
    --dui-text-decoration-clr: var(--dui-clr-indigo-d-1);
    text-decoration-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-border-indigo-d-1{
    --dui-border-clr: var(--dui-clr-indigo-d-1);
    border-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-border-x-indigo-d-1{
    --dui-border-x-clr: var(--dui-clr-indigo-d-1);
    border-left-color: var(--dui-clr-indigo-d-1);
    border-right-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-border-y-indigo-d-1{
    --dui-border-y-clr: var(--dui-clr-indigo-d-1);
    border-top-color: var(--dui-clr-indigo-d-1);
    border-bottom-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-border-t-indigo-d-1{
    --dui-border-t-clr: var(--dui-clr-indigo-d-1);
    border-top-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-border-r-indigo-d-1{
    --dui-border-r-clr: var(--dui-clr-indigo-d-1);
    border-right-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-border-b-indigo-d-1{
    --dui-border-b-clr: var(--dui-clr-indigo-d-1);
    border-bottom-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-border-l-indigo-d-1{
    --dui-border-l-clr: var(--dui-clr-indigo-d-1);
    border-left-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-divide-indigo-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-indigo-d-1);
    border-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-outline-indigo-d-1{
    --dui-outline-clr: var(--dui-clr-indigo-d-1);
    outline-color: var(--dui-clr-indigo-d-1);
}
.dui.dui-fg-indigo-d-2 {
    --dui-fg-clr: var(--dui-clr-indigo-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo-d-2);
}
.dui.dui-bg-indigo-d-2 {
    --dui-bg-clr: var(--dui-clr-indigo-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-accent-indigo-d-2 {
    --dui-accent-clr: var(--dui-clr-indigo-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-shadow-indigo-d-2 {
    --dui-shadow-clr: var(--dui-clr-indigo-d-2);
}
.dui.dui-text-decoration-indigo-d-2{
    --dui-text-decoration-clr: var(--dui-clr-indigo-d-2);
    text-decoration-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-border-indigo-d-2{
    --dui-border-clr: var(--dui-clr-indigo-d-2);
    border-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-border-x-indigo-d-2{
    --dui-border-x-clr: var(--dui-clr-indigo-d-2);
    border-left-color: var(--dui-clr-indigo-d-2);
    border-right-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-border-y-indigo-d-2{
    --dui-border-y-clr: var(--dui-clr-indigo-d-2);
    border-top-color: var(--dui-clr-indigo-d-2);
    border-bottom-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-border-t-indigo-d-2{
    --dui-border-t-clr: var(--dui-clr-indigo-d-2);
    border-top-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-border-r-indigo-d-2{
    --dui-border-r-clr: var(--dui-clr-indigo-d-2);
    border-right-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-border-b-indigo-d-2{
    --dui-border-b-clr: var(--dui-clr-indigo-d-2);
    border-bottom-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-border-l-indigo-d-2{
    --dui-border-l-clr: var(--dui-clr-indigo-d-2);
    border-left-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-divide-indigo-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-indigo-d-2);
    border-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-outline-indigo-d-2{
    --dui-outline-clr: var(--dui-clr-indigo-d-2);
    outline-color: var(--dui-clr-indigo-d-2);
}
.dui.dui-fg-indigo-d-3 {
    --dui-fg-clr: var(--dui-clr-indigo-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo-d-3);
}
.dui.dui-bg-indigo-d-3 {
    --dui-bg-clr: var(--dui-clr-indigo-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-accent-indigo-d-3 {
    --dui-accent-clr: var(--dui-clr-indigo-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-shadow-indigo-d-3 {
    --dui-shadow-clr: var(--dui-clr-indigo-d-3);
}
.dui.dui-text-decoration-indigo-d-3{
    --dui-text-decoration-clr: var(--dui-clr-indigo-d-3);
    text-decoration-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-border-indigo-d-3{
    --dui-border-clr: var(--dui-clr-indigo-d-3);
    border-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-border-x-indigo-d-3{
    --dui-border-x-clr: var(--dui-clr-indigo-d-3);
    border-left-color: var(--dui-clr-indigo-d-3);
    border-right-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-border-y-indigo-d-3{
    --dui-border-y-clr: var(--dui-clr-indigo-d-3);
    border-top-color: var(--dui-clr-indigo-d-3);
    border-bottom-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-border-t-indigo-d-3{
    --dui-border-t-clr: var(--dui-clr-indigo-d-3);
    border-top-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-border-r-indigo-d-3{
    --dui-border-r-clr: var(--dui-clr-indigo-d-3);
    border-right-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-border-b-indigo-d-3{
    --dui-border-b-clr: var(--dui-clr-indigo-d-3);
    border-bottom-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-border-l-indigo-d-3{
    --dui-border-l-clr: var(--dui-clr-indigo-d-3);
    border-left-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-divide-indigo-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-indigo-d-3);
    border-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-outline-indigo-d-3{
    --dui-outline-clr: var(--dui-clr-indigo-d-3);
    outline-color: var(--dui-clr-indigo-d-3);
}
.dui.dui-fg-indigo-d-4 {
    --dui-fg-clr: var(--dui-clr-indigo-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-indigo-d-4);
}
.dui.dui-bg-indigo-d-4 {
    --dui-bg-clr: var(--dui-clr-indigo-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-accent-indigo-d-4 {
    --dui-accent-clr: var(--dui-clr-indigo-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-shadow-indigo-d-4 {
    --dui-shadow-clr: var(--dui-clr-indigo-d-4);
}
.dui.dui-text-decoration-indigo-d-4{
    --dui-text-decoration-clr: var(--dui-clr-indigo-d-4);
    text-decoration-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-border-indigo-d-4{
    --dui-border-clr: var(--dui-clr-indigo-d-4);
    border-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-border-x-indigo-d-4{
    --dui-border-x-clr: var(--dui-clr-indigo-d-4);
    border-left-color: var(--dui-clr-indigo-d-4);
    border-right-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-border-y-indigo-d-4{
    --dui-border-y-clr: var(--dui-clr-indigo-d-4);
    border-top-color: var(--dui-clr-indigo-d-4);
    border-bottom-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-border-t-indigo-d-4{
    --dui-border-t-clr: var(--dui-clr-indigo-d-4);
    border-top-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-border-r-indigo-d-4{
    --dui-border-r-clr: var(--dui-clr-indigo-d-4);
    border-right-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-border-b-indigo-d-4{
    --dui-border-b-clr: var(--dui-clr-indigo-d-4);
    border-bottom-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-border-l-indigo-d-4{
    --dui-border-l-clr: var(--dui-clr-indigo-d-4);
    border-left-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-divide-indigo-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-indigo-d-4);
    border-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-outline-indigo-d-4{
    --dui-outline-clr: var(--dui-clr-indigo-d-4);
    outline-color: var(--dui-clr-indigo-d-4);
}
.dui.dui-fg-blue-l-5 {
    --dui-fg-clr: var(--dui-clr-blue-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-l-5);
}
.dui.dui-bg-blue-l-5 {
    --dui-bg-clr: var(--dui-clr-blue-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-blue-l-5);
}
.dui.dui-accent-blue-l-5 {
    --dui-accent-clr: var(--dui-clr-blue-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-blue-l-5);
}
.dui.dui-shadow-blue-l-5 {
    --dui-shadow-clr: var(--dui-clr-blue-l-5);
}
.dui.dui-text-decoration-blue-l-5{
    --dui-text-decoration-clr: var(--dui-clr-blue-l-5);
    text-decoration-color: var(--dui-clr-blue-l-5);
}
.dui.dui-border-blue-l-5{
    --dui-border-clr: var(--dui-clr-blue-l-5);
    border-color: var(--dui-clr-blue-l-5);
}
.dui.dui-border-x-blue-l-5{
    --dui-border-x-clr: var(--dui-clr-blue-l-5);
    border-left-color: var(--dui-clr-blue-l-5);
    border-right-color: var(--dui-clr-blue-l-5);
}
.dui.dui-border-y-blue-l-5{
    --dui-border-y-clr: var(--dui-clr-blue-l-5);
    border-top-color: var(--dui-clr-blue-l-5);
    border-bottom-color: var(--dui-clr-blue-l-5);
}
.dui.dui-border-t-blue-l-5{
    --dui-border-t-clr: var(--dui-clr-blue-l-5);
    border-top-color: var(--dui-clr-blue-l-5);
}
.dui.dui-border-r-blue-l-5{
    --dui-border-r-clr: var(--dui-clr-blue-l-5);
    border-right-color: var(--dui-clr-blue-l-5);
}
.dui.dui-border-b-blue-l-5{
    --dui-border-b-clr: var(--dui-clr-blue-l-5);
    border-bottom-color: var(--dui-clr-blue-l-5);
}
.dui.dui-border-l-blue-l-5{
    --dui-border-l-clr: var(--dui-clr-blue-l-5);
    border-left-color: var(--dui-clr-blue-l-5);
}
.dui.dui-divide-blue-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-blue-l-5);
    border-color: var(--dui-clr-blue-l-5);
}
.dui.dui-outline-blue-l-5{
    --dui-outline-clr: var(--dui-clr-blue-l-5);
    outline-color: var(--dui-clr-blue-l-5);
}
.dui.dui-fg-blue-l-4 {
    --dui-fg-clr: var(--dui-clr-blue-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-l-4);
}
.dui.dui-bg-blue-l-4 {
    --dui-bg-clr: var(--dui-clr-blue-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-blue-l-4);
}
.dui.dui-accent-blue-l-4 {
    --dui-accent-clr: var(--dui-clr-blue-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-blue-l-4);
}
.dui.dui-shadow-blue-l-4 {
    --dui-shadow-clr: var(--dui-clr-blue-l-4);
}
.dui.dui-text-decoration-blue-l-4{
    --dui-text-decoration-clr: var(--dui-clr-blue-l-4);
    text-decoration-color: var(--dui-clr-blue-l-4);
}
.dui.dui-border-blue-l-4{
    --dui-border-clr: var(--dui-clr-blue-l-4);
    border-color: var(--dui-clr-blue-l-4);
}
.dui.dui-border-x-blue-l-4{
    --dui-border-x-clr: var(--dui-clr-blue-l-4);
    border-left-color: var(--dui-clr-blue-l-4);
    border-right-color: var(--dui-clr-blue-l-4);
}
.dui.dui-border-y-blue-l-4{
    --dui-border-y-clr: var(--dui-clr-blue-l-4);
    border-top-color: var(--dui-clr-blue-l-4);
    border-bottom-color: var(--dui-clr-blue-l-4);
}
.dui.dui-border-t-blue-l-4{
    --dui-border-t-clr: var(--dui-clr-blue-l-4);
    border-top-color: var(--dui-clr-blue-l-4);
}
.dui.dui-border-r-blue-l-4{
    --dui-border-r-clr: var(--dui-clr-blue-l-4);
    border-right-color: var(--dui-clr-blue-l-4);
}
.dui.dui-border-b-blue-l-4{
    --dui-border-b-clr: var(--dui-clr-blue-l-4);
    border-bottom-color: var(--dui-clr-blue-l-4);
}
.dui.dui-border-l-blue-l-4{
    --dui-border-l-clr: var(--dui-clr-blue-l-4);
    border-left-color: var(--dui-clr-blue-l-4);
}
.dui.dui-divide-blue-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-blue-l-4);
    border-color: var(--dui-clr-blue-l-4);
}
.dui.dui-outline-blue-l-4{
    --dui-outline-clr: var(--dui-clr-blue-l-4);
    outline-color: var(--dui-clr-blue-l-4);
}
.dui.dui-fg-blue-l-3 {
    --dui-fg-clr: var(--dui-clr-blue-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-l-3);
}
.dui.dui-bg-blue-l-3 {
    --dui-bg-clr: var(--dui-clr-blue-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-l-3);
}
.dui.dui-accent-blue-l-3 {
    --dui-accent-clr: var(--dui-clr-blue-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-l-3);
}
.dui.dui-shadow-blue-l-3 {
    --dui-shadow-clr: var(--dui-clr-blue-l-3);
}
.dui.dui-text-decoration-blue-l-3{
    --dui-text-decoration-clr: var(--dui-clr-blue-l-3);
    text-decoration-color: var(--dui-clr-blue-l-3);
}
.dui.dui-border-blue-l-3{
    --dui-border-clr: var(--dui-clr-blue-l-3);
    border-color: var(--dui-clr-blue-l-3);
}
.dui.dui-border-x-blue-l-3{
    --dui-border-x-clr: var(--dui-clr-blue-l-3);
    border-left-color: var(--dui-clr-blue-l-3);
    border-right-color: var(--dui-clr-blue-l-3);
}
.dui.dui-border-y-blue-l-3{
    --dui-border-y-clr: var(--dui-clr-blue-l-3);
    border-top-color: var(--dui-clr-blue-l-3);
    border-bottom-color: var(--dui-clr-blue-l-3);
}
.dui.dui-border-t-blue-l-3{
    --dui-border-t-clr: var(--dui-clr-blue-l-3);
    border-top-color: var(--dui-clr-blue-l-3);
}
.dui.dui-border-r-blue-l-3{
    --dui-border-r-clr: var(--dui-clr-blue-l-3);
    border-right-color: var(--dui-clr-blue-l-3);
}
.dui.dui-border-b-blue-l-3{
    --dui-border-b-clr: var(--dui-clr-blue-l-3);
    border-bottom-color: var(--dui-clr-blue-l-3);
}
.dui.dui-border-l-blue-l-3{
    --dui-border-l-clr: var(--dui-clr-blue-l-3);
    border-left-color: var(--dui-clr-blue-l-3);
}
.dui.dui-divide-blue-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-blue-l-3);
    border-color: var(--dui-clr-blue-l-3);
}
.dui.dui-outline-blue-l-3{
    --dui-outline-clr: var(--dui-clr-blue-l-3);
    outline-color: var(--dui-clr-blue-l-3);
}
.dui.dui-fg-blue-l-2 {
    --dui-fg-clr: var(--dui-clr-blue-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-l-2);
}
.dui.dui-bg-blue-l-2 {
    --dui-bg-clr: var(--dui-clr-blue-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-l-2);
}
.dui.dui-accent-blue-l-2 {
    --dui-accent-clr: var(--dui-clr-blue-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-l-2);
}
.dui.dui-shadow-blue-l-2 {
    --dui-shadow-clr: var(--dui-clr-blue-l-2);
}
.dui.dui-text-decoration-blue-l-2{
    --dui-text-decoration-clr: var(--dui-clr-blue-l-2);
    text-decoration-color: var(--dui-clr-blue-l-2);
}
.dui.dui-border-blue-l-2{
    --dui-border-clr: var(--dui-clr-blue-l-2);
    border-color: var(--dui-clr-blue-l-2);
}
.dui.dui-border-x-blue-l-2{
    --dui-border-x-clr: var(--dui-clr-blue-l-2);
    border-left-color: var(--dui-clr-blue-l-2);
    border-right-color: var(--dui-clr-blue-l-2);
}
.dui.dui-border-y-blue-l-2{
    --dui-border-y-clr: var(--dui-clr-blue-l-2);
    border-top-color: var(--dui-clr-blue-l-2);
    border-bottom-color: var(--dui-clr-blue-l-2);
}
.dui.dui-border-t-blue-l-2{
    --dui-border-t-clr: var(--dui-clr-blue-l-2);
    border-top-color: var(--dui-clr-blue-l-2);
}
.dui.dui-border-r-blue-l-2{
    --dui-border-r-clr: var(--dui-clr-blue-l-2);
    border-right-color: var(--dui-clr-blue-l-2);
}
.dui.dui-border-b-blue-l-2{
    --dui-border-b-clr: var(--dui-clr-blue-l-2);
    border-bottom-color: var(--dui-clr-blue-l-2);
}
.dui.dui-border-l-blue-l-2{
    --dui-border-l-clr: var(--dui-clr-blue-l-2);
    border-left-color: var(--dui-clr-blue-l-2);
}
.dui.dui-divide-blue-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-blue-l-2);
    border-color: var(--dui-clr-blue-l-2);
}
.dui.dui-outline-blue-l-2{
    --dui-outline-clr: var(--dui-clr-blue-l-2);
    outline-color: var(--dui-clr-blue-l-2);
}
.dui.dui-fg-blue-l-1 {
    --dui-fg-clr: var(--dui-clr-blue-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-l-1);
}
.dui.dui-bg-blue-l-1 {
    --dui-bg-clr: var(--dui-clr-blue-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-l-1);
}
.dui.dui-accent-blue-l-1 {
    --dui-accent-clr: var(--dui-clr-blue-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-l-1);
}
.dui.dui-shadow-blue-l-1 {
    --dui-shadow-clr: var(--dui-clr-blue-l-1);
}
.dui.dui-text-decoration-blue-l-1{
    --dui-text-decoration-clr: var(--dui-clr-blue-l-1);
    text-decoration-color: var(--dui-clr-blue-l-1);
}
.dui.dui-border-blue-l-1{
    --dui-border-clr: var(--dui-clr-blue-l-1);
    border-color: var(--dui-clr-blue-l-1);
}
.dui.dui-border-x-blue-l-1{
    --dui-border-x-clr: var(--dui-clr-blue-l-1);
    border-left-color: var(--dui-clr-blue-l-1);
    border-right-color: var(--dui-clr-blue-l-1);
}
.dui.dui-border-y-blue-l-1{
    --dui-border-y-clr: var(--dui-clr-blue-l-1);
    border-top-color: var(--dui-clr-blue-l-1);
    border-bottom-color: var(--dui-clr-blue-l-1);
}
.dui.dui-border-t-blue-l-1{
    --dui-border-t-clr: var(--dui-clr-blue-l-1);
    border-top-color: var(--dui-clr-blue-l-1);
}
.dui.dui-border-r-blue-l-1{
    --dui-border-r-clr: var(--dui-clr-blue-l-1);
    border-right-color: var(--dui-clr-blue-l-1);
}
.dui.dui-border-b-blue-l-1{
    --dui-border-b-clr: var(--dui-clr-blue-l-1);
    border-bottom-color: var(--dui-clr-blue-l-1);
}
.dui.dui-border-l-blue-l-1{
    --dui-border-l-clr: var(--dui-clr-blue-l-1);
    border-left-color: var(--dui-clr-blue-l-1);
}
.dui.dui-divide-blue-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-blue-l-1);
    border-color: var(--dui-clr-blue-l-1);
}
.dui.dui-outline-blue-l-1{
    --dui-outline-clr: var(--dui-clr-blue-l-1);
    outline-color: var(--dui-clr-blue-l-1);
}
.dui.dui-fg-blue {
    --dui-fg-clr: var(--dui-clr-blue);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue);
}
.dui.dui-bg-blue {
    --dui-bg-clr: var(--dui-clr-blue);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue);
}
.dui.dui-accent-blue {
    --dui-accent-clr: var(--dui-clr-blue);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue);
}
.dui.dui-shadow-blue {
    --dui-shadow-clr: var(--dui-clr-blue);
}
.dui.dui-text-decoration-blue{
    --dui-text-decoration-clr: var(--dui-clr-blue);
    text-decoration-color: var(--dui-clr-blue);
}
.dui.dui-border-blue{
    --dui-border-clr: var(--dui-clr-blue);
    border-color: var(--dui-clr-blue);
}
.dui.dui-border-x-blue{
    --dui-border-x-clr: var(--dui-clr-blue);
    border-left-color: var(--dui-clr-blue);
    border-right-color: var(--dui-clr-blue);
}
.dui.dui-border-y-blue{
    --dui-border-y-clr: var(--dui-clr-blue);
    border-top-color: var(--dui-clr-blue);
    border-bottom-color: var(--dui-clr-blue);
}
.dui.dui-border-t-blue{
    --dui-border-t-clr: var(--dui-clr-blue);
    border-top-color: var(--dui-clr-blue);
}
.dui.dui-border-r-blue{
    --dui-border-r-clr: var(--dui-clr-blue);
    border-right-color: var(--dui-clr-blue);
}
.dui.dui-border-b-blue{
    --dui-border-b-clr: var(--dui-clr-blue);
    border-bottom-color: var(--dui-clr-blue);
}
.dui.dui-border-l-blue{
    --dui-border-l-clr: var(--dui-clr-blue);
    border-left-color: var(--dui-clr-blue);
}
.dui.dui-divide-blue > * + *{
    --dui-border-clr: var(--dui-clr-blue);
    border-color: var(--dui-clr-blue);
}
.dui.dui-outline-blue{
    --dui-outline-clr: var(--dui-clr-blue);
    outline-color: var(--dui-clr-blue);
}
.dui.dui-fg-blue-d-1 {
    --dui-fg-clr: var(--dui-clr-blue-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-d-1);
}
.dui.dui-bg-blue-d-1 {
    --dui-bg-clr: var(--dui-clr-blue-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-d-1);
}
.dui.dui-accent-blue-d-1 {
    --dui-accent-clr: var(--dui-clr-blue-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-d-1);
}
.dui.dui-shadow-blue-d-1 {
    --dui-shadow-clr: var(--dui-clr-blue-d-1);
}
.dui.dui-text-decoration-blue-d-1{
    --dui-text-decoration-clr: var(--dui-clr-blue-d-1);
    text-decoration-color: var(--dui-clr-blue-d-1);
}
.dui.dui-border-blue-d-1{
    --dui-border-clr: var(--dui-clr-blue-d-1);
    border-color: var(--dui-clr-blue-d-1);
}
.dui.dui-border-x-blue-d-1{
    --dui-border-x-clr: var(--dui-clr-blue-d-1);
    border-left-color: var(--dui-clr-blue-d-1);
    border-right-color: var(--dui-clr-blue-d-1);
}
.dui.dui-border-y-blue-d-1{
    --dui-border-y-clr: var(--dui-clr-blue-d-1);
    border-top-color: var(--dui-clr-blue-d-1);
    border-bottom-color: var(--dui-clr-blue-d-1);
}
.dui.dui-border-t-blue-d-1{
    --dui-border-t-clr: var(--dui-clr-blue-d-1);
    border-top-color: var(--dui-clr-blue-d-1);
}
.dui.dui-border-r-blue-d-1{
    --dui-border-r-clr: var(--dui-clr-blue-d-1);
    border-right-color: var(--dui-clr-blue-d-1);
}
.dui.dui-border-b-blue-d-1{
    --dui-border-b-clr: var(--dui-clr-blue-d-1);
    border-bottom-color: var(--dui-clr-blue-d-1);
}
.dui.dui-border-l-blue-d-1{
    --dui-border-l-clr: var(--dui-clr-blue-d-1);
    border-left-color: var(--dui-clr-blue-d-1);
}
.dui.dui-divide-blue-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-blue-d-1);
    border-color: var(--dui-clr-blue-d-1);
}
.dui.dui-outline-blue-d-1{
    --dui-outline-clr: var(--dui-clr-blue-d-1);
    outline-color: var(--dui-clr-blue-d-1);
}
.dui.dui-fg-blue-d-2 {
    --dui-fg-clr: var(--dui-clr-blue-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-d-2);
}
.dui.dui-bg-blue-d-2 {
    --dui-bg-clr: var(--dui-clr-blue-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-d-2);
}
.dui.dui-accent-blue-d-2 {
    --dui-accent-clr: var(--dui-clr-blue-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-d-2);
}
.dui.dui-shadow-blue-d-2 {
    --dui-shadow-clr: var(--dui-clr-blue-d-2);
}
.dui.dui-text-decoration-blue-d-2{
    --dui-text-decoration-clr: var(--dui-clr-blue-d-2);
    text-decoration-color: var(--dui-clr-blue-d-2);
}
.dui.dui-border-blue-d-2{
    --dui-border-clr: var(--dui-clr-blue-d-2);
    border-color: var(--dui-clr-blue-d-2);
}
.dui.dui-border-x-blue-d-2{
    --dui-border-x-clr: var(--dui-clr-blue-d-2);
    border-left-color: var(--dui-clr-blue-d-2);
    border-right-color: var(--dui-clr-blue-d-2);
}
.dui.dui-border-y-blue-d-2{
    --dui-border-y-clr: var(--dui-clr-blue-d-2);
    border-top-color: var(--dui-clr-blue-d-2);
    border-bottom-color: var(--dui-clr-blue-d-2);
}
.dui.dui-border-t-blue-d-2{
    --dui-border-t-clr: var(--dui-clr-blue-d-2);
    border-top-color: var(--dui-clr-blue-d-2);
}
.dui.dui-border-r-blue-d-2{
    --dui-border-r-clr: var(--dui-clr-blue-d-2);
    border-right-color: var(--dui-clr-blue-d-2);
}
.dui.dui-border-b-blue-d-2{
    --dui-border-b-clr: var(--dui-clr-blue-d-2);
    border-bottom-color: var(--dui-clr-blue-d-2);
}
.dui.dui-border-l-blue-d-2{
    --dui-border-l-clr: var(--dui-clr-blue-d-2);
    border-left-color: var(--dui-clr-blue-d-2);
}
.dui.dui-divide-blue-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-blue-d-2);
    border-color: var(--dui-clr-blue-d-2);
}
.dui.dui-outline-blue-d-2{
    --dui-outline-clr: var(--dui-clr-blue-d-2);
    outline-color: var(--dui-clr-blue-d-2);
}
.dui.dui-fg-blue-d-3 {
    --dui-fg-clr: var(--dui-clr-blue-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-d-3);
}
.dui.dui-bg-blue-d-3 {
    --dui-bg-clr: var(--dui-clr-blue-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-d-3);
}
.dui.dui-accent-blue-d-3 {
    --dui-accent-clr: var(--dui-clr-blue-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-d-3);
}
.dui.dui-shadow-blue-d-3 {
    --dui-shadow-clr: var(--dui-clr-blue-d-3);
}
.dui.dui-text-decoration-blue-d-3{
    --dui-text-decoration-clr: var(--dui-clr-blue-d-3);
    text-decoration-color: var(--dui-clr-blue-d-3);
}
.dui.dui-border-blue-d-3{
    --dui-border-clr: var(--dui-clr-blue-d-3);
    border-color: var(--dui-clr-blue-d-3);
}
.dui.dui-border-x-blue-d-3{
    --dui-border-x-clr: var(--dui-clr-blue-d-3);
    border-left-color: var(--dui-clr-blue-d-3);
    border-right-color: var(--dui-clr-blue-d-3);
}
.dui.dui-border-y-blue-d-3{
    --dui-border-y-clr: var(--dui-clr-blue-d-3);
    border-top-color: var(--dui-clr-blue-d-3);
    border-bottom-color: var(--dui-clr-blue-d-3);
}
.dui.dui-border-t-blue-d-3{
    --dui-border-t-clr: var(--dui-clr-blue-d-3);
    border-top-color: var(--dui-clr-blue-d-3);
}
.dui.dui-border-r-blue-d-3{
    --dui-border-r-clr: var(--dui-clr-blue-d-3);
    border-right-color: var(--dui-clr-blue-d-3);
}
.dui.dui-border-b-blue-d-3{
    --dui-border-b-clr: var(--dui-clr-blue-d-3);
    border-bottom-color: var(--dui-clr-blue-d-3);
}
.dui.dui-border-l-blue-d-3{
    --dui-border-l-clr: var(--dui-clr-blue-d-3);
    border-left-color: var(--dui-clr-blue-d-3);
}
.dui.dui-divide-blue-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-blue-d-3);
    border-color: var(--dui-clr-blue-d-3);
}
.dui.dui-outline-blue-d-3{
    --dui-outline-clr: var(--dui-clr-blue-d-3);
    outline-color: var(--dui-clr-blue-d-3);
}
.dui.dui-fg-blue-d-4 {
    --dui-fg-clr: var(--dui-clr-blue-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-d-4);
}
.dui.dui-bg-blue-d-4 {
    --dui-bg-clr: var(--dui-clr-blue-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-d-4);
}
.dui.dui-accent-blue-d-4 {
    --dui-accent-clr: var(--dui-clr-blue-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-d-4);
}
.dui.dui-shadow-blue-d-4 {
    --dui-shadow-clr: var(--dui-clr-blue-d-4);
}
.dui.dui-text-decoration-blue-d-4{
    --dui-text-decoration-clr: var(--dui-clr-blue-d-4);
    text-decoration-color: var(--dui-clr-blue-d-4);
}
.dui.dui-border-blue-d-4{
    --dui-border-clr: var(--dui-clr-blue-d-4);
    border-color: var(--dui-clr-blue-d-4);
}
.dui.dui-border-x-blue-d-4{
    --dui-border-x-clr: var(--dui-clr-blue-d-4);
    border-left-color: var(--dui-clr-blue-d-4);
    border-right-color: var(--dui-clr-blue-d-4);
}
.dui.dui-border-y-blue-d-4{
    --dui-border-y-clr: var(--dui-clr-blue-d-4);
    border-top-color: var(--dui-clr-blue-d-4);
    border-bottom-color: var(--dui-clr-blue-d-4);
}
.dui.dui-border-t-blue-d-4{
    --dui-border-t-clr: var(--dui-clr-blue-d-4);
    border-top-color: var(--dui-clr-blue-d-4);
}
.dui.dui-border-r-blue-d-4{
    --dui-border-r-clr: var(--dui-clr-blue-d-4);
    border-right-color: var(--dui-clr-blue-d-4);
}
.dui.dui-border-b-blue-d-4{
    --dui-border-b-clr: var(--dui-clr-blue-d-4);
    border-bottom-color: var(--dui-clr-blue-d-4);
}
.dui.dui-border-l-blue-d-4{
    --dui-border-l-clr: var(--dui-clr-blue-d-4);
    border-left-color: var(--dui-clr-blue-d-4);
}
.dui.dui-divide-blue-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-blue-d-4);
    border-color: var(--dui-clr-blue-d-4);
}
.dui.dui-outline-blue-d-4{
    --dui-outline-clr: var(--dui-clr-blue-d-4);
    outline-color: var(--dui-clr-blue-d-4);
}
.dui.dui-fg-light-blue-l-5 {
    --dui-fg-clr: var(--dui-clr-light-blue-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-bg-light-blue-l-5 {
    --dui-bg-clr: var(--dui-clr-light-blue-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-accent-light-blue-l-5 {
    --dui-accent-clr: var(--dui-clr-light-blue-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-shadow-light-blue-l-5 {
    --dui-shadow-clr: var(--dui-clr-light-blue-l-5);
}
.dui.dui-text-decoration-light-blue-l-5{
    --dui-text-decoration-clr: var(--dui-clr-light-blue-l-5);
    text-decoration-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-border-light-blue-l-5{
    --dui-border-clr: var(--dui-clr-light-blue-l-5);
    border-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-border-x-light-blue-l-5{
    --dui-border-x-clr: var(--dui-clr-light-blue-l-5);
    border-left-color: var(--dui-clr-light-blue-l-5);
    border-right-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-border-y-light-blue-l-5{
    --dui-border-y-clr: var(--dui-clr-light-blue-l-5);
    border-top-color: var(--dui-clr-light-blue-l-5);
    border-bottom-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-border-t-light-blue-l-5{
    --dui-border-t-clr: var(--dui-clr-light-blue-l-5);
    border-top-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-border-r-light-blue-l-5{
    --dui-border-r-clr: var(--dui-clr-light-blue-l-5);
    border-right-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-border-b-light-blue-l-5{
    --dui-border-b-clr: var(--dui-clr-light-blue-l-5);
    border-bottom-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-border-l-light-blue-l-5{
    --dui-border-l-clr: var(--dui-clr-light-blue-l-5);
    border-left-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-divide-light-blue-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-light-blue-l-5);
    border-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-outline-light-blue-l-5{
    --dui-outline-clr: var(--dui-clr-light-blue-l-5);
    outline-color: var(--dui-clr-light-blue-l-5);
}
.dui.dui-fg-light-blue-l-4 {
    --dui-fg-clr: var(--dui-clr-light-blue-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-bg-light-blue-l-4 {
    --dui-bg-clr: var(--dui-clr-light-blue-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-accent-light-blue-l-4 {
    --dui-accent-clr: var(--dui-clr-light-blue-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-shadow-light-blue-l-4 {
    --dui-shadow-clr: var(--dui-clr-light-blue-l-4);
}
.dui.dui-text-decoration-light-blue-l-4{
    --dui-text-decoration-clr: var(--dui-clr-light-blue-l-4);
    text-decoration-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-border-light-blue-l-4{
    --dui-border-clr: var(--dui-clr-light-blue-l-4);
    border-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-border-x-light-blue-l-4{
    --dui-border-x-clr: var(--dui-clr-light-blue-l-4);
    border-left-color: var(--dui-clr-light-blue-l-4);
    border-right-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-border-y-light-blue-l-4{
    --dui-border-y-clr: var(--dui-clr-light-blue-l-4);
    border-top-color: var(--dui-clr-light-blue-l-4);
    border-bottom-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-border-t-light-blue-l-4{
    --dui-border-t-clr: var(--dui-clr-light-blue-l-4);
    border-top-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-border-r-light-blue-l-4{
    --dui-border-r-clr: var(--dui-clr-light-blue-l-4);
    border-right-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-border-b-light-blue-l-4{
    --dui-border-b-clr: var(--dui-clr-light-blue-l-4);
    border-bottom-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-border-l-light-blue-l-4{
    --dui-border-l-clr: var(--dui-clr-light-blue-l-4);
    border-left-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-divide-light-blue-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-light-blue-l-4);
    border-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-outline-light-blue-l-4{
    --dui-outline-clr: var(--dui-clr-light-blue-l-4);
    outline-color: var(--dui-clr-light-blue-l-4);
}
.dui.dui-fg-light-blue-l-3 {
    --dui-fg-clr: var(--dui-clr-light-blue-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-bg-light-blue-l-3 {
    --dui-bg-clr: var(--dui-clr-light-blue-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-accent-light-blue-l-3 {
    --dui-accent-clr: var(--dui-clr-light-blue-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-shadow-light-blue-l-3 {
    --dui-shadow-clr: var(--dui-clr-light-blue-l-3);
}
.dui.dui-text-decoration-light-blue-l-3{
    --dui-text-decoration-clr: var(--dui-clr-light-blue-l-3);
    text-decoration-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-border-light-blue-l-3{
    --dui-border-clr: var(--dui-clr-light-blue-l-3);
    border-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-border-x-light-blue-l-3{
    --dui-border-x-clr: var(--dui-clr-light-blue-l-3);
    border-left-color: var(--dui-clr-light-blue-l-3);
    border-right-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-border-y-light-blue-l-3{
    --dui-border-y-clr: var(--dui-clr-light-blue-l-3);
    border-top-color: var(--dui-clr-light-blue-l-3);
    border-bottom-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-border-t-light-blue-l-3{
    --dui-border-t-clr: var(--dui-clr-light-blue-l-3);
    border-top-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-border-r-light-blue-l-3{
    --dui-border-r-clr: var(--dui-clr-light-blue-l-3);
    border-right-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-border-b-light-blue-l-3{
    --dui-border-b-clr: var(--dui-clr-light-blue-l-3);
    border-bottom-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-border-l-light-blue-l-3{
    --dui-border-l-clr: var(--dui-clr-light-blue-l-3);
    border-left-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-divide-light-blue-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-light-blue-l-3);
    border-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-outline-light-blue-l-3{
    --dui-outline-clr: var(--dui-clr-light-blue-l-3);
    outline-color: var(--dui-clr-light-blue-l-3);
}
.dui.dui-fg-light-blue-l-2 {
    --dui-fg-clr: var(--dui-clr-light-blue-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-bg-light-blue-l-2 {
    --dui-bg-clr: var(--dui-clr-light-blue-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-accent-light-blue-l-2 {
    --dui-accent-clr: var(--dui-clr-light-blue-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-shadow-light-blue-l-2 {
    --dui-shadow-clr: var(--dui-clr-light-blue-l-2);
}
.dui.dui-text-decoration-light-blue-l-2{
    --dui-text-decoration-clr: var(--dui-clr-light-blue-l-2);
    text-decoration-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-border-light-blue-l-2{
    --dui-border-clr: var(--dui-clr-light-blue-l-2);
    border-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-border-x-light-blue-l-2{
    --dui-border-x-clr: var(--dui-clr-light-blue-l-2);
    border-left-color: var(--dui-clr-light-blue-l-2);
    border-right-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-border-y-light-blue-l-2{
    --dui-border-y-clr: var(--dui-clr-light-blue-l-2);
    border-top-color: var(--dui-clr-light-blue-l-2);
    border-bottom-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-border-t-light-blue-l-2{
    --dui-border-t-clr: var(--dui-clr-light-blue-l-2);
    border-top-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-border-r-light-blue-l-2{
    --dui-border-r-clr: var(--dui-clr-light-blue-l-2);
    border-right-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-border-b-light-blue-l-2{
    --dui-border-b-clr: var(--dui-clr-light-blue-l-2);
    border-bottom-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-border-l-light-blue-l-2{
    --dui-border-l-clr: var(--dui-clr-light-blue-l-2);
    border-left-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-divide-light-blue-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-light-blue-l-2);
    border-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-outline-light-blue-l-2{
    --dui-outline-clr: var(--dui-clr-light-blue-l-2);
    outline-color: var(--dui-clr-light-blue-l-2);
}
.dui.dui-fg-light-blue-l-1 {
    --dui-fg-clr: var(--dui-clr-light-blue-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-bg-light-blue-l-1 {
    --dui-bg-clr: var(--dui-clr-light-blue-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-accent-light-blue-l-1 {
    --dui-accent-clr: var(--dui-clr-light-blue-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-shadow-light-blue-l-1 {
    --dui-shadow-clr: var(--dui-clr-light-blue-l-1);
}
.dui.dui-text-decoration-light-blue-l-1{
    --dui-text-decoration-clr: var(--dui-clr-light-blue-l-1);
    text-decoration-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-border-light-blue-l-1{
    --dui-border-clr: var(--dui-clr-light-blue-l-1);
    border-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-border-x-light-blue-l-1{
    --dui-border-x-clr: var(--dui-clr-light-blue-l-1);
    border-left-color: var(--dui-clr-light-blue-l-1);
    border-right-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-border-y-light-blue-l-1{
    --dui-border-y-clr: var(--dui-clr-light-blue-l-1);
    border-top-color: var(--dui-clr-light-blue-l-1);
    border-bottom-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-border-t-light-blue-l-1{
    --dui-border-t-clr: var(--dui-clr-light-blue-l-1);
    border-top-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-border-r-light-blue-l-1{
    --dui-border-r-clr: var(--dui-clr-light-blue-l-1);
    border-right-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-border-b-light-blue-l-1{
    --dui-border-b-clr: var(--dui-clr-light-blue-l-1);
    border-bottom-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-border-l-light-blue-l-1{
    --dui-border-l-clr: var(--dui-clr-light-blue-l-1);
    border-left-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-divide-light-blue-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-light-blue-l-1);
    border-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-outline-light-blue-l-1{
    --dui-outline-clr: var(--dui-clr-light-blue-l-1);
    outline-color: var(--dui-clr-light-blue-l-1);
}
.dui.dui-fg-light-blue {
    --dui-fg-clr: var(--dui-clr-light-blue);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue);
}
.dui.dui-bg-light-blue {
    --dui-bg-clr: var(--dui-clr-light-blue);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-blue);
}
.dui.dui-accent-light-blue {
    --dui-accent-clr: var(--dui-clr-light-blue);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-blue);
}
.dui.dui-shadow-light-blue {
    --dui-shadow-clr: var(--dui-clr-light-blue);
}
.dui.dui-text-decoration-light-blue{
    --dui-text-decoration-clr: var(--dui-clr-light-blue);
    text-decoration-color: var(--dui-clr-light-blue);
}
.dui.dui-border-light-blue{
    --dui-border-clr: var(--dui-clr-light-blue);
    border-color: var(--dui-clr-light-blue);
}
.dui.dui-border-x-light-blue{
    --dui-border-x-clr: var(--dui-clr-light-blue);
    border-left-color: var(--dui-clr-light-blue);
    border-right-color: var(--dui-clr-light-blue);
}
.dui.dui-border-y-light-blue{
    --dui-border-y-clr: var(--dui-clr-light-blue);
    border-top-color: var(--dui-clr-light-blue);
    border-bottom-color: var(--dui-clr-light-blue);
}
.dui.dui-border-t-light-blue{
    --dui-border-t-clr: var(--dui-clr-light-blue);
    border-top-color: var(--dui-clr-light-blue);
}
.dui.dui-border-r-light-blue{
    --dui-border-r-clr: var(--dui-clr-light-blue);
    border-right-color: var(--dui-clr-light-blue);
}
.dui.dui-border-b-light-blue{
    --dui-border-b-clr: var(--dui-clr-light-blue);
    border-bottom-color: var(--dui-clr-light-blue);
}
.dui.dui-border-l-light-blue{
    --dui-border-l-clr: var(--dui-clr-light-blue);
    border-left-color: var(--dui-clr-light-blue);
}
.dui.dui-divide-light-blue > * + *{
    --dui-border-clr: var(--dui-clr-light-blue);
    border-color: var(--dui-clr-light-blue);
}
.dui.dui-outline-light-blue{
    --dui-outline-clr: var(--dui-clr-light-blue);
    outline-color: var(--dui-clr-light-blue);
}
.dui.dui-fg-light-blue-d-1 {
    --dui-fg-clr: var(--dui-clr-light-blue-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-bg-light-blue-d-1 {
    --dui-bg-clr: var(--dui-clr-light-blue-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-accent-light-blue-d-1 {
    --dui-accent-clr: var(--dui-clr-light-blue-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-shadow-light-blue-d-1 {
    --dui-shadow-clr: var(--dui-clr-light-blue-d-1);
}
.dui.dui-text-decoration-light-blue-d-1{
    --dui-text-decoration-clr: var(--dui-clr-light-blue-d-1);
    text-decoration-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-border-light-blue-d-1{
    --dui-border-clr: var(--dui-clr-light-blue-d-1);
    border-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-border-x-light-blue-d-1{
    --dui-border-x-clr: var(--dui-clr-light-blue-d-1);
    border-left-color: var(--dui-clr-light-blue-d-1);
    border-right-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-border-y-light-blue-d-1{
    --dui-border-y-clr: var(--dui-clr-light-blue-d-1);
    border-top-color: var(--dui-clr-light-blue-d-1);
    border-bottom-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-border-t-light-blue-d-1{
    --dui-border-t-clr: var(--dui-clr-light-blue-d-1);
    border-top-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-border-r-light-blue-d-1{
    --dui-border-r-clr: var(--dui-clr-light-blue-d-1);
    border-right-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-border-b-light-blue-d-1{
    --dui-border-b-clr: var(--dui-clr-light-blue-d-1);
    border-bottom-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-border-l-light-blue-d-1{
    --dui-border-l-clr: var(--dui-clr-light-blue-d-1);
    border-left-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-divide-light-blue-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-light-blue-d-1);
    border-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-outline-light-blue-d-1{
    --dui-outline-clr: var(--dui-clr-light-blue-d-1);
    outline-color: var(--dui-clr-light-blue-d-1);
}
.dui.dui-fg-light-blue-d-2 {
    --dui-fg-clr: var(--dui-clr-light-blue-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-bg-light-blue-d-2 {
    --dui-bg-clr: var(--dui-clr-light-blue-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-accent-light-blue-d-2 {
    --dui-accent-clr: var(--dui-clr-light-blue-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-shadow-light-blue-d-2 {
    --dui-shadow-clr: var(--dui-clr-light-blue-d-2);
}
.dui.dui-text-decoration-light-blue-d-2{
    --dui-text-decoration-clr: var(--dui-clr-light-blue-d-2);
    text-decoration-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-border-light-blue-d-2{
    --dui-border-clr: var(--dui-clr-light-blue-d-2);
    border-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-border-x-light-blue-d-2{
    --dui-border-x-clr: var(--dui-clr-light-blue-d-2);
    border-left-color: var(--dui-clr-light-blue-d-2);
    border-right-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-border-y-light-blue-d-2{
    --dui-border-y-clr: var(--dui-clr-light-blue-d-2);
    border-top-color: var(--dui-clr-light-blue-d-2);
    border-bottom-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-border-t-light-blue-d-2{
    --dui-border-t-clr: var(--dui-clr-light-blue-d-2);
    border-top-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-border-r-light-blue-d-2{
    --dui-border-r-clr: var(--dui-clr-light-blue-d-2);
    border-right-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-border-b-light-blue-d-2{
    --dui-border-b-clr: var(--dui-clr-light-blue-d-2);
    border-bottom-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-border-l-light-blue-d-2{
    --dui-border-l-clr: var(--dui-clr-light-blue-d-2);
    border-left-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-divide-light-blue-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-light-blue-d-2);
    border-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-outline-light-blue-d-2{
    --dui-outline-clr: var(--dui-clr-light-blue-d-2);
    outline-color: var(--dui-clr-light-blue-d-2);
}
.dui.dui-fg-light-blue-d-3 {
    --dui-fg-clr: var(--dui-clr-light-blue-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-bg-light-blue-d-3 {
    --dui-bg-clr: var(--dui-clr-light-blue-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-accent-light-blue-d-3 {
    --dui-accent-clr: var(--dui-clr-light-blue-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-shadow-light-blue-d-3 {
    --dui-shadow-clr: var(--dui-clr-light-blue-d-3);
}
.dui.dui-text-decoration-light-blue-d-3{
    --dui-text-decoration-clr: var(--dui-clr-light-blue-d-3);
    text-decoration-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-border-light-blue-d-3{
    --dui-border-clr: var(--dui-clr-light-blue-d-3);
    border-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-border-x-light-blue-d-3{
    --dui-border-x-clr: var(--dui-clr-light-blue-d-3);
    border-left-color: var(--dui-clr-light-blue-d-3);
    border-right-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-border-y-light-blue-d-3{
    --dui-border-y-clr: var(--dui-clr-light-blue-d-3);
    border-top-color: var(--dui-clr-light-blue-d-3);
    border-bottom-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-border-t-light-blue-d-3{
    --dui-border-t-clr: var(--dui-clr-light-blue-d-3);
    border-top-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-border-r-light-blue-d-3{
    --dui-border-r-clr: var(--dui-clr-light-blue-d-3);
    border-right-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-border-b-light-blue-d-3{
    --dui-border-b-clr: var(--dui-clr-light-blue-d-3);
    border-bottom-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-border-l-light-blue-d-3{
    --dui-border-l-clr: var(--dui-clr-light-blue-d-3);
    border-left-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-divide-light-blue-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-light-blue-d-3);
    border-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-outline-light-blue-d-3{
    --dui-outline-clr: var(--dui-clr-light-blue-d-3);
    outline-color: var(--dui-clr-light-blue-d-3);
}
.dui.dui-fg-light-blue-d-4 {
    --dui-fg-clr: var(--dui-clr-light-blue-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-bg-light-blue-d-4 {
    --dui-bg-clr: var(--dui-clr-light-blue-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-accent-light-blue-d-4 {
    --dui-accent-clr: var(--dui-clr-light-blue-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-shadow-light-blue-d-4 {
    --dui-shadow-clr: var(--dui-clr-light-blue-d-4);
}
.dui.dui-text-decoration-light-blue-d-4{
    --dui-text-decoration-clr: var(--dui-clr-light-blue-d-4);
    text-decoration-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-border-light-blue-d-4{
    --dui-border-clr: var(--dui-clr-light-blue-d-4);
    border-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-border-x-light-blue-d-4{
    --dui-border-x-clr: var(--dui-clr-light-blue-d-4);
    border-left-color: var(--dui-clr-light-blue-d-4);
    border-right-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-border-y-light-blue-d-4{
    --dui-border-y-clr: var(--dui-clr-light-blue-d-4);
    border-top-color: var(--dui-clr-light-blue-d-4);
    border-bottom-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-border-t-light-blue-d-4{
    --dui-border-t-clr: var(--dui-clr-light-blue-d-4);
    border-top-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-border-r-light-blue-d-4{
    --dui-border-r-clr: var(--dui-clr-light-blue-d-4);
    border-right-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-border-b-light-blue-d-4{
    --dui-border-b-clr: var(--dui-clr-light-blue-d-4);
    border-bottom-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-border-l-light-blue-d-4{
    --dui-border-l-clr: var(--dui-clr-light-blue-d-4);
    border-left-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-divide-light-blue-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-light-blue-d-4);
    border-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-outline-light-blue-d-4{
    --dui-outline-clr: var(--dui-clr-light-blue-d-4);
    outline-color: var(--dui-clr-light-blue-d-4);
}
.dui.dui-fg-cyan-l-5 {
    --dui-fg-clr: var(--dui-clr-cyan-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan-l-5);
}
.dui.dui-bg-cyan-l-5 {
    --dui-bg-clr: var(--dui-clr-cyan-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-accent-cyan-l-5 {
    --dui-accent-clr: var(--dui-clr-cyan-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-shadow-cyan-l-5 {
    --dui-shadow-clr: var(--dui-clr-cyan-l-5);
}
.dui.dui-text-decoration-cyan-l-5{
    --dui-text-decoration-clr: var(--dui-clr-cyan-l-5);
    text-decoration-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-border-cyan-l-5{
    --dui-border-clr: var(--dui-clr-cyan-l-5);
    border-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-border-x-cyan-l-5{
    --dui-border-x-clr: var(--dui-clr-cyan-l-5);
    border-left-color: var(--dui-clr-cyan-l-5);
    border-right-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-border-y-cyan-l-5{
    --dui-border-y-clr: var(--dui-clr-cyan-l-5);
    border-top-color: var(--dui-clr-cyan-l-5);
    border-bottom-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-border-t-cyan-l-5{
    --dui-border-t-clr: var(--dui-clr-cyan-l-5);
    border-top-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-border-r-cyan-l-5{
    --dui-border-r-clr: var(--dui-clr-cyan-l-5);
    border-right-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-border-b-cyan-l-5{
    --dui-border-b-clr: var(--dui-clr-cyan-l-5);
    border-bottom-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-border-l-cyan-l-5{
    --dui-border-l-clr: var(--dui-clr-cyan-l-5);
    border-left-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-divide-cyan-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-cyan-l-5);
    border-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-outline-cyan-l-5{
    --dui-outline-clr: var(--dui-clr-cyan-l-5);
    outline-color: var(--dui-clr-cyan-l-5);
}
.dui.dui-fg-cyan-l-4 {
    --dui-fg-clr: var(--dui-clr-cyan-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan-l-4);
}
.dui.dui-bg-cyan-l-4 {
    --dui-bg-clr: var(--dui-clr-cyan-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-accent-cyan-l-4 {
    --dui-accent-clr: var(--dui-clr-cyan-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-shadow-cyan-l-4 {
    --dui-shadow-clr: var(--dui-clr-cyan-l-4);
}
.dui.dui-text-decoration-cyan-l-4{
    --dui-text-decoration-clr: var(--dui-clr-cyan-l-4);
    text-decoration-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-border-cyan-l-4{
    --dui-border-clr: var(--dui-clr-cyan-l-4);
    border-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-border-x-cyan-l-4{
    --dui-border-x-clr: var(--dui-clr-cyan-l-4);
    border-left-color: var(--dui-clr-cyan-l-4);
    border-right-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-border-y-cyan-l-4{
    --dui-border-y-clr: var(--dui-clr-cyan-l-4);
    border-top-color: var(--dui-clr-cyan-l-4);
    border-bottom-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-border-t-cyan-l-4{
    --dui-border-t-clr: var(--dui-clr-cyan-l-4);
    border-top-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-border-r-cyan-l-4{
    --dui-border-r-clr: var(--dui-clr-cyan-l-4);
    border-right-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-border-b-cyan-l-4{
    --dui-border-b-clr: var(--dui-clr-cyan-l-4);
    border-bottom-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-border-l-cyan-l-4{
    --dui-border-l-clr: var(--dui-clr-cyan-l-4);
    border-left-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-divide-cyan-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-cyan-l-4);
    border-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-outline-cyan-l-4{
    --dui-outline-clr: var(--dui-clr-cyan-l-4);
    outline-color: var(--dui-clr-cyan-l-4);
}
.dui.dui-fg-cyan-l-3 {
    --dui-fg-clr: var(--dui-clr-cyan-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan-l-3);
}
.dui.dui-bg-cyan-l-3 {
    --dui-bg-clr: var(--dui-clr-cyan-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-accent-cyan-l-3 {
    --dui-accent-clr: var(--dui-clr-cyan-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-shadow-cyan-l-3 {
    --dui-shadow-clr: var(--dui-clr-cyan-l-3);
}
.dui.dui-text-decoration-cyan-l-3{
    --dui-text-decoration-clr: var(--dui-clr-cyan-l-3);
    text-decoration-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-border-cyan-l-3{
    --dui-border-clr: var(--dui-clr-cyan-l-3);
    border-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-border-x-cyan-l-3{
    --dui-border-x-clr: var(--dui-clr-cyan-l-3);
    border-left-color: var(--dui-clr-cyan-l-3);
    border-right-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-border-y-cyan-l-3{
    --dui-border-y-clr: var(--dui-clr-cyan-l-3);
    border-top-color: var(--dui-clr-cyan-l-3);
    border-bottom-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-border-t-cyan-l-3{
    --dui-border-t-clr: var(--dui-clr-cyan-l-3);
    border-top-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-border-r-cyan-l-3{
    --dui-border-r-clr: var(--dui-clr-cyan-l-3);
    border-right-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-border-b-cyan-l-3{
    --dui-border-b-clr: var(--dui-clr-cyan-l-3);
    border-bottom-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-border-l-cyan-l-3{
    --dui-border-l-clr: var(--dui-clr-cyan-l-3);
    border-left-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-divide-cyan-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-cyan-l-3);
    border-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-outline-cyan-l-3{
    --dui-outline-clr: var(--dui-clr-cyan-l-3);
    outline-color: var(--dui-clr-cyan-l-3);
}
.dui.dui-fg-cyan-l-2 {
    --dui-fg-clr: var(--dui-clr-cyan-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan-l-2);
}
.dui.dui-bg-cyan-l-2 {
    --dui-bg-clr: var(--dui-clr-cyan-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-accent-cyan-l-2 {
    --dui-accent-clr: var(--dui-clr-cyan-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-shadow-cyan-l-2 {
    --dui-shadow-clr: var(--dui-clr-cyan-l-2);
}
.dui.dui-text-decoration-cyan-l-2{
    --dui-text-decoration-clr: var(--dui-clr-cyan-l-2);
    text-decoration-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-border-cyan-l-2{
    --dui-border-clr: var(--dui-clr-cyan-l-2);
    border-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-border-x-cyan-l-2{
    --dui-border-x-clr: var(--dui-clr-cyan-l-2);
    border-left-color: var(--dui-clr-cyan-l-2);
    border-right-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-border-y-cyan-l-2{
    --dui-border-y-clr: var(--dui-clr-cyan-l-2);
    border-top-color: var(--dui-clr-cyan-l-2);
    border-bottom-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-border-t-cyan-l-2{
    --dui-border-t-clr: var(--dui-clr-cyan-l-2);
    border-top-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-border-r-cyan-l-2{
    --dui-border-r-clr: var(--dui-clr-cyan-l-2);
    border-right-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-border-b-cyan-l-2{
    --dui-border-b-clr: var(--dui-clr-cyan-l-2);
    border-bottom-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-border-l-cyan-l-2{
    --dui-border-l-clr: var(--dui-clr-cyan-l-2);
    border-left-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-divide-cyan-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-cyan-l-2);
    border-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-outline-cyan-l-2{
    --dui-outline-clr: var(--dui-clr-cyan-l-2);
    outline-color: var(--dui-clr-cyan-l-2);
}
.dui.dui-fg-cyan-l-1 {
    --dui-fg-clr: var(--dui-clr-cyan-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan-l-1);
}
.dui.dui-bg-cyan-l-1 {
    --dui-bg-clr: var(--dui-clr-cyan-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-accent-cyan-l-1 {
    --dui-accent-clr: var(--dui-clr-cyan-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-shadow-cyan-l-1 {
    --dui-shadow-clr: var(--dui-clr-cyan-l-1);
}
.dui.dui-text-decoration-cyan-l-1{
    --dui-text-decoration-clr: var(--dui-clr-cyan-l-1);
    text-decoration-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-border-cyan-l-1{
    --dui-border-clr: var(--dui-clr-cyan-l-1);
    border-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-border-x-cyan-l-1{
    --dui-border-x-clr: var(--dui-clr-cyan-l-1);
    border-left-color: var(--dui-clr-cyan-l-1);
    border-right-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-border-y-cyan-l-1{
    --dui-border-y-clr: var(--dui-clr-cyan-l-1);
    border-top-color: var(--dui-clr-cyan-l-1);
    border-bottom-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-border-t-cyan-l-1{
    --dui-border-t-clr: var(--dui-clr-cyan-l-1);
    border-top-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-border-r-cyan-l-1{
    --dui-border-r-clr: var(--dui-clr-cyan-l-1);
    border-right-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-border-b-cyan-l-1{
    --dui-border-b-clr: var(--dui-clr-cyan-l-1);
    border-bottom-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-border-l-cyan-l-1{
    --dui-border-l-clr: var(--dui-clr-cyan-l-1);
    border-left-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-divide-cyan-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-cyan-l-1);
    border-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-outline-cyan-l-1{
    --dui-outline-clr: var(--dui-clr-cyan-l-1);
    outline-color: var(--dui-clr-cyan-l-1);
}
.dui.dui-fg-cyan {
    --dui-fg-clr: var(--dui-clr-cyan);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan);
}
.dui.dui-bg-cyan {
    --dui-bg-clr: var(--dui-clr-cyan);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-cyan);
}
.dui.dui-accent-cyan {
    --dui-accent-clr: var(--dui-clr-cyan);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-cyan);
}
.dui.dui-shadow-cyan {
    --dui-shadow-clr: var(--dui-clr-cyan);
}
.dui.dui-text-decoration-cyan{
    --dui-text-decoration-clr: var(--dui-clr-cyan);
    text-decoration-color: var(--dui-clr-cyan);
}
.dui.dui-border-cyan{
    --dui-border-clr: var(--dui-clr-cyan);
    border-color: var(--dui-clr-cyan);
}
.dui.dui-border-x-cyan{
    --dui-border-x-clr: var(--dui-clr-cyan);
    border-left-color: var(--dui-clr-cyan);
    border-right-color: var(--dui-clr-cyan);
}
.dui.dui-border-y-cyan{
    --dui-border-y-clr: var(--dui-clr-cyan);
    border-top-color: var(--dui-clr-cyan);
    border-bottom-color: var(--dui-clr-cyan);
}
.dui.dui-border-t-cyan{
    --dui-border-t-clr: var(--dui-clr-cyan);
    border-top-color: var(--dui-clr-cyan);
}
.dui.dui-border-r-cyan{
    --dui-border-r-clr: var(--dui-clr-cyan);
    border-right-color: var(--dui-clr-cyan);
}
.dui.dui-border-b-cyan{
    --dui-border-b-clr: var(--dui-clr-cyan);
    border-bottom-color: var(--dui-clr-cyan);
}
.dui.dui-border-l-cyan{
    --dui-border-l-clr: var(--dui-clr-cyan);
    border-left-color: var(--dui-clr-cyan);
}
.dui.dui-divide-cyan > * + *{
    --dui-border-clr: var(--dui-clr-cyan);
    border-color: var(--dui-clr-cyan);
}
.dui.dui-outline-cyan{
    --dui-outline-clr: var(--dui-clr-cyan);
    outline-color: var(--dui-clr-cyan);
}
.dui.dui-fg-cyan-d-1 {
    --dui-fg-clr: var(--dui-clr-cyan-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan-d-1);
}
.dui.dui-bg-cyan-d-1 {
    --dui-bg-clr: var(--dui-clr-cyan-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-accent-cyan-d-1 {
    --dui-accent-clr: var(--dui-clr-cyan-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-shadow-cyan-d-1 {
    --dui-shadow-clr: var(--dui-clr-cyan-d-1);
}
.dui.dui-text-decoration-cyan-d-1{
    --dui-text-decoration-clr: var(--dui-clr-cyan-d-1);
    text-decoration-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-border-cyan-d-1{
    --dui-border-clr: var(--dui-clr-cyan-d-1);
    border-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-border-x-cyan-d-1{
    --dui-border-x-clr: var(--dui-clr-cyan-d-1);
    border-left-color: var(--dui-clr-cyan-d-1);
    border-right-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-border-y-cyan-d-1{
    --dui-border-y-clr: var(--dui-clr-cyan-d-1);
    border-top-color: var(--dui-clr-cyan-d-1);
    border-bottom-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-border-t-cyan-d-1{
    --dui-border-t-clr: var(--dui-clr-cyan-d-1);
    border-top-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-border-r-cyan-d-1{
    --dui-border-r-clr: var(--dui-clr-cyan-d-1);
    border-right-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-border-b-cyan-d-1{
    --dui-border-b-clr: var(--dui-clr-cyan-d-1);
    border-bottom-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-border-l-cyan-d-1{
    --dui-border-l-clr: var(--dui-clr-cyan-d-1);
    border-left-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-divide-cyan-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-cyan-d-1);
    border-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-outline-cyan-d-1{
    --dui-outline-clr: var(--dui-clr-cyan-d-1);
    outline-color: var(--dui-clr-cyan-d-1);
}
.dui.dui-fg-cyan-d-2 {
    --dui-fg-clr: var(--dui-clr-cyan-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan-d-2);
}
.dui.dui-bg-cyan-d-2 {
    --dui-bg-clr: var(--dui-clr-cyan-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-accent-cyan-d-2 {
    --dui-accent-clr: var(--dui-clr-cyan-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-shadow-cyan-d-2 {
    --dui-shadow-clr: var(--dui-clr-cyan-d-2);
}
.dui.dui-text-decoration-cyan-d-2{
    --dui-text-decoration-clr: var(--dui-clr-cyan-d-2);
    text-decoration-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-border-cyan-d-2{
    --dui-border-clr: var(--dui-clr-cyan-d-2);
    border-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-border-x-cyan-d-2{
    --dui-border-x-clr: var(--dui-clr-cyan-d-2);
    border-left-color: var(--dui-clr-cyan-d-2);
    border-right-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-border-y-cyan-d-2{
    --dui-border-y-clr: var(--dui-clr-cyan-d-2);
    border-top-color: var(--dui-clr-cyan-d-2);
    border-bottom-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-border-t-cyan-d-2{
    --dui-border-t-clr: var(--dui-clr-cyan-d-2);
    border-top-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-border-r-cyan-d-2{
    --dui-border-r-clr: var(--dui-clr-cyan-d-2);
    border-right-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-border-b-cyan-d-2{
    --dui-border-b-clr: var(--dui-clr-cyan-d-2);
    border-bottom-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-border-l-cyan-d-2{
    --dui-border-l-clr: var(--dui-clr-cyan-d-2);
    border-left-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-divide-cyan-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-cyan-d-2);
    border-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-outline-cyan-d-2{
    --dui-outline-clr: var(--dui-clr-cyan-d-2);
    outline-color: var(--dui-clr-cyan-d-2);
}
.dui.dui-fg-cyan-d-3 {
    --dui-fg-clr: var(--dui-clr-cyan-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan-d-3);
}
.dui.dui-bg-cyan-d-3 {
    --dui-bg-clr: var(--dui-clr-cyan-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-accent-cyan-d-3 {
    --dui-accent-clr: var(--dui-clr-cyan-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-shadow-cyan-d-3 {
    --dui-shadow-clr: var(--dui-clr-cyan-d-3);
}
.dui.dui-text-decoration-cyan-d-3{
    --dui-text-decoration-clr: var(--dui-clr-cyan-d-3);
    text-decoration-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-border-cyan-d-3{
    --dui-border-clr: var(--dui-clr-cyan-d-3);
    border-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-border-x-cyan-d-3{
    --dui-border-x-clr: var(--dui-clr-cyan-d-3);
    border-left-color: var(--dui-clr-cyan-d-3);
    border-right-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-border-y-cyan-d-3{
    --dui-border-y-clr: var(--dui-clr-cyan-d-3);
    border-top-color: var(--dui-clr-cyan-d-3);
    border-bottom-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-border-t-cyan-d-3{
    --dui-border-t-clr: var(--dui-clr-cyan-d-3);
    border-top-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-border-r-cyan-d-3{
    --dui-border-r-clr: var(--dui-clr-cyan-d-3);
    border-right-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-border-b-cyan-d-3{
    --dui-border-b-clr: var(--dui-clr-cyan-d-3);
    border-bottom-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-border-l-cyan-d-3{
    --dui-border-l-clr: var(--dui-clr-cyan-d-3);
    border-left-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-divide-cyan-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-cyan-d-3);
    border-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-outline-cyan-d-3{
    --dui-outline-clr: var(--dui-clr-cyan-d-3);
    outline-color: var(--dui-clr-cyan-d-3);
}
.dui.dui-fg-cyan-d-4 {
    --dui-fg-clr: var(--dui-clr-cyan-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-cyan-d-4);
}
.dui.dui-bg-cyan-d-4 {
    --dui-bg-clr: var(--dui-clr-cyan-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-accent-cyan-d-4 {
    --dui-accent-clr: var(--dui-clr-cyan-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-shadow-cyan-d-4 {
    --dui-shadow-clr: var(--dui-clr-cyan-d-4);
}
.dui.dui-text-decoration-cyan-d-4{
    --dui-text-decoration-clr: var(--dui-clr-cyan-d-4);
    text-decoration-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-border-cyan-d-4{
    --dui-border-clr: var(--dui-clr-cyan-d-4);
    border-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-border-x-cyan-d-4{
    --dui-border-x-clr: var(--dui-clr-cyan-d-4);
    border-left-color: var(--dui-clr-cyan-d-4);
    border-right-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-border-y-cyan-d-4{
    --dui-border-y-clr: var(--dui-clr-cyan-d-4);
    border-top-color: var(--dui-clr-cyan-d-4);
    border-bottom-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-border-t-cyan-d-4{
    --dui-border-t-clr: var(--dui-clr-cyan-d-4);
    border-top-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-border-r-cyan-d-4{
    --dui-border-r-clr: var(--dui-clr-cyan-d-4);
    border-right-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-border-b-cyan-d-4{
    --dui-border-b-clr: var(--dui-clr-cyan-d-4);
    border-bottom-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-border-l-cyan-d-4{
    --dui-border-l-clr: var(--dui-clr-cyan-d-4);
    border-left-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-divide-cyan-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-cyan-d-4);
    border-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-outline-cyan-d-4{
    --dui-outline-clr: var(--dui-clr-cyan-d-4);
    outline-color: var(--dui-clr-cyan-d-4);
}
.dui.dui-fg-teal-l-5 {
    --dui-fg-clr: var(--dui-clr-teal-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal-l-5);
}
.dui.dui-bg-teal-l-5 {
    --dui-bg-clr: var(--dui-clr-teal-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-teal-l-5);
}
.dui.dui-accent-teal-l-5 {
    --dui-accent-clr: var(--dui-clr-teal-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-teal-l-5);
}
.dui.dui-shadow-teal-l-5 {
    --dui-shadow-clr: var(--dui-clr-teal-l-5);
}
.dui.dui-text-decoration-teal-l-5{
    --dui-text-decoration-clr: var(--dui-clr-teal-l-5);
    text-decoration-color: var(--dui-clr-teal-l-5);
}
.dui.dui-border-teal-l-5{
    --dui-border-clr: var(--dui-clr-teal-l-5);
    border-color: var(--dui-clr-teal-l-5);
}
.dui.dui-border-x-teal-l-5{
    --dui-border-x-clr: var(--dui-clr-teal-l-5);
    border-left-color: var(--dui-clr-teal-l-5);
    border-right-color: var(--dui-clr-teal-l-5);
}
.dui.dui-border-y-teal-l-5{
    --dui-border-y-clr: var(--dui-clr-teal-l-5);
    border-top-color: var(--dui-clr-teal-l-5);
    border-bottom-color: var(--dui-clr-teal-l-5);
}
.dui.dui-border-t-teal-l-5{
    --dui-border-t-clr: var(--dui-clr-teal-l-5);
    border-top-color: var(--dui-clr-teal-l-5);
}
.dui.dui-border-r-teal-l-5{
    --dui-border-r-clr: var(--dui-clr-teal-l-5);
    border-right-color: var(--dui-clr-teal-l-5);
}
.dui.dui-border-b-teal-l-5{
    --dui-border-b-clr: var(--dui-clr-teal-l-5);
    border-bottom-color: var(--dui-clr-teal-l-5);
}
.dui.dui-border-l-teal-l-5{
    --dui-border-l-clr: var(--dui-clr-teal-l-5);
    border-left-color: var(--dui-clr-teal-l-5);
}
.dui.dui-divide-teal-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-teal-l-5);
    border-color: var(--dui-clr-teal-l-5);
}
.dui.dui-outline-teal-l-5{
    --dui-outline-clr: var(--dui-clr-teal-l-5);
    outline-color: var(--dui-clr-teal-l-5);
}
.dui.dui-fg-teal-l-4 {
    --dui-fg-clr: var(--dui-clr-teal-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal-l-4);
}
.dui.dui-bg-teal-l-4 {
    --dui-bg-clr: var(--dui-clr-teal-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-teal-l-4);
}
.dui.dui-accent-teal-l-4 {
    --dui-accent-clr: var(--dui-clr-teal-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-teal-l-4);
}
.dui.dui-shadow-teal-l-4 {
    --dui-shadow-clr: var(--dui-clr-teal-l-4);
}
.dui.dui-text-decoration-teal-l-4{
    --dui-text-decoration-clr: var(--dui-clr-teal-l-4);
    text-decoration-color: var(--dui-clr-teal-l-4);
}
.dui.dui-border-teal-l-4{
    --dui-border-clr: var(--dui-clr-teal-l-4);
    border-color: var(--dui-clr-teal-l-4);
}
.dui.dui-border-x-teal-l-4{
    --dui-border-x-clr: var(--dui-clr-teal-l-4);
    border-left-color: var(--dui-clr-teal-l-4);
    border-right-color: var(--dui-clr-teal-l-4);
}
.dui.dui-border-y-teal-l-4{
    --dui-border-y-clr: var(--dui-clr-teal-l-4);
    border-top-color: var(--dui-clr-teal-l-4);
    border-bottom-color: var(--dui-clr-teal-l-4);
}
.dui.dui-border-t-teal-l-4{
    --dui-border-t-clr: var(--dui-clr-teal-l-4);
    border-top-color: var(--dui-clr-teal-l-4);
}
.dui.dui-border-r-teal-l-4{
    --dui-border-r-clr: var(--dui-clr-teal-l-4);
    border-right-color: var(--dui-clr-teal-l-4);
}
.dui.dui-border-b-teal-l-4{
    --dui-border-b-clr: var(--dui-clr-teal-l-4);
    border-bottom-color: var(--dui-clr-teal-l-4);
}
.dui.dui-border-l-teal-l-4{
    --dui-border-l-clr: var(--dui-clr-teal-l-4);
    border-left-color: var(--dui-clr-teal-l-4);
}
.dui.dui-divide-teal-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-teal-l-4);
    border-color: var(--dui-clr-teal-l-4);
}
.dui.dui-outline-teal-l-4{
    --dui-outline-clr: var(--dui-clr-teal-l-4);
    outline-color: var(--dui-clr-teal-l-4);
}
.dui.dui-fg-teal-l-3 {
    --dui-fg-clr: var(--dui-clr-teal-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal-l-3);
}
.dui.dui-bg-teal-l-3 {
    --dui-bg-clr: var(--dui-clr-teal-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-teal-l-3);
}
.dui.dui-accent-teal-l-3 {
    --dui-accent-clr: var(--dui-clr-teal-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-teal-l-3);
}
.dui.dui-shadow-teal-l-3 {
    --dui-shadow-clr: var(--dui-clr-teal-l-3);
}
.dui.dui-text-decoration-teal-l-3{
    --dui-text-decoration-clr: var(--dui-clr-teal-l-3);
    text-decoration-color: var(--dui-clr-teal-l-3);
}
.dui.dui-border-teal-l-3{
    --dui-border-clr: var(--dui-clr-teal-l-3);
    border-color: var(--dui-clr-teal-l-3);
}
.dui.dui-border-x-teal-l-3{
    --dui-border-x-clr: var(--dui-clr-teal-l-3);
    border-left-color: var(--dui-clr-teal-l-3);
    border-right-color: var(--dui-clr-teal-l-3);
}
.dui.dui-border-y-teal-l-3{
    --dui-border-y-clr: var(--dui-clr-teal-l-3);
    border-top-color: var(--dui-clr-teal-l-3);
    border-bottom-color: var(--dui-clr-teal-l-3);
}
.dui.dui-border-t-teal-l-3{
    --dui-border-t-clr: var(--dui-clr-teal-l-3);
    border-top-color: var(--dui-clr-teal-l-3);
}
.dui.dui-border-r-teal-l-3{
    --dui-border-r-clr: var(--dui-clr-teal-l-3);
    border-right-color: var(--dui-clr-teal-l-3);
}
.dui.dui-border-b-teal-l-3{
    --dui-border-b-clr: var(--dui-clr-teal-l-3);
    border-bottom-color: var(--dui-clr-teal-l-3);
}
.dui.dui-border-l-teal-l-3{
    --dui-border-l-clr: var(--dui-clr-teal-l-3);
    border-left-color: var(--dui-clr-teal-l-3);
}
.dui.dui-divide-teal-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-teal-l-3);
    border-color: var(--dui-clr-teal-l-3);
}
.dui.dui-outline-teal-l-3{
    --dui-outline-clr: var(--dui-clr-teal-l-3);
    outline-color: var(--dui-clr-teal-l-3);
}
.dui.dui-fg-teal-l-2 {
    --dui-fg-clr: var(--dui-clr-teal-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal-l-2);
}
.dui.dui-bg-teal-l-2 {
    --dui-bg-clr: var(--dui-clr-teal-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-teal-l-2);
}
.dui.dui-accent-teal-l-2 {
    --dui-accent-clr: var(--dui-clr-teal-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-teal-l-2);
}
.dui.dui-shadow-teal-l-2 {
    --dui-shadow-clr: var(--dui-clr-teal-l-2);
}
.dui.dui-text-decoration-teal-l-2{
    --dui-text-decoration-clr: var(--dui-clr-teal-l-2);
    text-decoration-color: var(--dui-clr-teal-l-2);
}
.dui.dui-border-teal-l-2{
    --dui-border-clr: var(--dui-clr-teal-l-2);
    border-color: var(--dui-clr-teal-l-2);
}
.dui.dui-border-x-teal-l-2{
    --dui-border-x-clr: var(--dui-clr-teal-l-2);
    border-left-color: var(--dui-clr-teal-l-2);
    border-right-color: var(--dui-clr-teal-l-2);
}
.dui.dui-border-y-teal-l-2{
    --dui-border-y-clr: var(--dui-clr-teal-l-2);
    border-top-color: var(--dui-clr-teal-l-2);
    border-bottom-color: var(--dui-clr-teal-l-2);
}
.dui.dui-border-t-teal-l-2{
    --dui-border-t-clr: var(--dui-clr-teal-l-2);
    border-top-color: var(--dui-clr-teal-l-2);
}
.dui.dui-border-r-teal-l-2{
    --dui-border-r-clr: var(--dui-clr-teal-l-2);
    border-right-color: var(--dui-clr-teal-l-2);
}
.dui.dui-border-b-teal-l-2{
    --dui-border-b-clr: var(--dui-clr-teal-l-2);
    border-bottom-color: var(--dui-clr-teal-l-2);
}
.dui.dui-border-l-teal-l-2{
    --dui-border-l-clr: var(--dui-clr-teal-l-2);
    border-left-color: var(--dui-clr-teal-l-2);
}
.dui.dui-divide-teal-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-teal-l-2);
    border-color: var(--dui-clr-teal-l-2);
}
.dui.dui-outline-teal-l-2{
    --dui-outline-clr: var(--dui-clr-teal-l-2);
    outline-color: var(--dui-clr-teal-l-2);
}
.dui.dui-fg-teal-l-1 {
    --dui-fg-clr: var(--dui-clr-teal-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal-l-1);
}
.dui.dui-bg-teal-l-1 {
    --dui-bg-clr: var(--dui-clr-teal-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-teal-l-1);
}
.dui.dui-accent-teal-l-1 {
    --dui-accent-clr: var(--dui-clr-teal-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-teal-l-1);
}
.dui.dui-shadow-teal-l-1 {
    --dui-shadow-clr: var(--dui-clr-teal-l-1);
}
.dui.dui-text-decoration-teal-l-1{
    --dui-text-decoration-clr: var(--dui-clr-teal-l-1);
    text-decoration-color: var(--dui-clr-teal-l-1);
}
.dui.dui-border-teal-l-1{
    --dui-border-clr: var(--dui-clr-teal-l-1);
    border-color: var(--dui-clr-teal-l-1);
}
.dui.dui-border-x-teal-l-1{
    --dui-border-x-clr: var(--dui-clr-teal-l-1);
    border-left-color: var(--dui-clr-teal-l-1);
    border-right-color: var(--dui-clr-teal-l-1);
}
.dui.dui-border-y-teal-l-1{
    --dui-border-y-clr: var(--dui-clr-teal-l-1);
    border-top-color: var(--dui-clr-teal-l-1);
    border-bottom-color: var(--dui-clr-teal-l-1);
}
.dui.dui-border-t-teal-l-1{
    --dui-border-t-clr: var(--dui-clr-teal-l-1);
    border-top-color: var(--dui-clr-teal-l-1);
}
.dui.dui-border-r-teal-l-1{
    --dui-border-r-clr: var(--dui-clr-teal-l-1);
    border-right-color: var(--dui-clr-teal-l-1);
}
.dui.dui-border-b-teal-l-1{
    --dui-border-b-clr: var(--dui-clr-teal-l-1);
    border-bottom-color: var(--dui-clr-teal-l-1);
}
.dui.dui-border-l-teal-l-1{
    --dui-border-l-clr: var(--dui-clr-teal-l-1);
    border-left-color: var(--dui-clr-teal-l-1);
}
.dui.dui-divide-teal-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-teal-l-1);
    border-color: var(--dui-clr-teal-l-1);
}
.dui.dui-outline-teal-l-1{
    --dui-outline-clr: var(--dui-clr-teal-l-1);
    outline-color: var(--dui-clr-teal-l-1);
}
.dui.dui-fg-teal {
    --dui-fg-clr: var(--dui-clr-teal);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal);
}
.dui.dui-bg-teal {
    --dui-bg-clr: var(--dui-clr-teal);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-teal);
}
.dui.dui-accent-teal {
    --dui-accent-clr: var(--dui-clr-teal);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-teal);
}
.dui.dui-shadow-teal {
    --dui-shadow-clr: var(--dui-clr-teal);
}
.dui.dui-text-decoration-teal{
    --dui-text-decoration-clr: var(--dui-clr-teal);
    text-decoration-color: var(--dui-clr-teal);
}
.dui.dui-border-teal{
    --dui-border-clr: var(--dui-clr-teal);
    border-color: var(--dui-clr-teal);
}
.dui.dui-border-x-teal{
    --dui-border-x-clr: var(--dui-clr-teal);
    border-left-color: var(--dui-clr-teal);
    border-right-color: var(--dui-clr-teal);
}
.dui.dui-border-y-teal{
    --dui-border-y-clr: var(--dui-clr-teal);
    border-top-color: var(--dui-clr-teal);
    border-bottom-color: var(--dui-clr-teal);
}
.dui.dui-border-t-teal{
    --dui-border-t-clr: var(--dui-clr-teal);
    border-top-color: var(--dui-clr-teal);
}
.dui.dui-border-r-teal{
    --dui-border-r-clr: var(--dui-clr-teal);
    border-right-color: var(--dui-clr-teal);
}
.dui.dui-border-b-teal{
    --dui-border-b-clr: var(--dui-clr-teal);
    border-bottom-color: var(--dui-clr-teal);
}
.dui.dui-border-l-teal{
    --dui-border-l-clr: var(--dui-clr-teal);
    border-left-color: var(--dui-clr-teal);
}
.dui.dui-divide-teal > * + *{
    --dui-border-clr: var(--dui-clr-teal);
    border-color: var(--dui-clr-teal);
}
.dui.dui-outline-teal{
    --dui-outline-clr: var(--dui-clr-teal);
    outline-color: var(--dui-clr-teal);
}
.dui.dui-fg-teal-d-1 {
    --dui-fg-clr: var(--dui-clr-teal-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal-d-1);
}
.dui.dui-bg-teal-d-1 {
    --dui-bg-clr: var(--dui-clr-teal-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-teal-d-1);
}
.dui.dui-accent-teal-d-1 {
    --dui-accent-clr: var(--dui-clr-teal-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-teal-d-1);
}
.dui.dui-shadow-teal-d-1 {
    --dui-shadow-clr: var(--dui-clr-teal-d-1);
}
.dui.dui-text-decoration-teal-d-1{
    --dui-text-decoration-clr: var(--dui-clr-teal-d-1);
    text-decoration-color: var(--dui-clr-teal-d-1);
}
.dui.dui-border-teal-d-1{
    --dui-border-clr: var(--dui-clr-teal-d-1);
    border-color: var(--dui-clr-teal-d-1);
}
.dui.dui-border-x-teal-d-1{
    --dui-border-x-clr: var(--dui-clr-teal-d-1);
    border-left-color: var(--dui-clr-teal-d-1);
    border-right-color: var(--dui-clr-teal-d-1);
}
.dui.dui-border-y-teal-d-1{
    --dui-border-y-clr: var(--dui-clr-teal-d-1);
    border-top-color: var(--dui-clr-teal-d-1);
    border-bottom-color: var(--dui-clr-teal-d-1);
}
.dui.dui-border-t-teal-d-1{
    --dui-border-t-clr: var(--dui-clr-teal-d-1);
    border-top-color: var(--dui-clr-teal-d-1);
}
.dui.dui-border-r-teal-d-1{
    --dui-border-r-clr: var(--dui-clr-teal-d-1);
    border-right-color: var(--dui-clr-teal-d-1);
}
.dui.dui-border-b-teal-d-1{
    --dui-border-b-clr: var(--dui-clr-teal-d-1);
    border-bottom-color: var(--dui-clr-teal-d-1);
}
.dui.dui-border-l-teal-d-1{
    --dui-border-l-clr: var(--dui-clr-teal-d-1);
    border-left-color: var(--dui-clr-teal-d-1);
}
.dui.dui-divide-teal-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-teal-d-1);
    border-color: var(--dui-clr-teal-d-1);
}
.dui.dui-outline-teal-d-1{
    --dui-outline-clr: var(--dui-clr-teal-d-1);
    outline-color: var(--dui-clr-teal-d-1);
}
.dui.dui-fg-teal-d-2 {
    --dui-fg-clr: var(--dui-clr-teal-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal-d-2);
}
.dui.dui-bg-teal-d-2 {
    --dui-bg-clr: var(--dui-clr-teal-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-teal-d-2);
}
.dui.dui-accent-teal-d-2 {
    --dui-accent-clr: var(--dui-clr-teal-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-teal-d-2);
}
.dui.dui-shadow-teal-d-2 {
    --dui-shadow-clr: var(--dui-clr-teal-d-2);
}
.dui.dui-text-decoration-teal-d-2{
    --dui-text-decoration-clr: var(--dui-clr-teal-d-2);
    text-decoration-color: var(--dui-clr-teal-d-2);
}
.dui.dui-border-teal-d-2{
    --dui-border-clr: var(--dui-clr-teal-d-2);
    border-color: var(--dui-clr-teal-d-2);
}
.dui.dui-border-x-teal-d-2{
    --dui-border-x-clr: var(--dui-clr-teal-d-2);
    border-left-color: var(--dui-clr-teal-d-2);
    border-right-color: var(--dui-clr-teal-d-2);
}
.dui.dui-border-y-teal-d-2{
    --dui-border-y-clr: var(--dui-clr-teal-d-2);
    border-top-color: var(--dui-clr-teal-d-2);
    border-bottom-color: var(--dui-clr-teal-d-2);
}
.dui.dui-border-t-teal-d-2{
    --dui-border-t-clr: var(--dui-clr-teal-d-2);
    border-top-color: var(--dui-clr-teal-d-2);
}
.dui.dui-border-r-teal-d-2{
    --dui-border-r-clr: var(--dui-clr-teal-d-2);
    border-right-color: var(--dui-clr-teal-d-2);
}
.dui.dui-border-b-teal-d-2{
    --dui-border-b-clr: var(--dui-clr-teal-d-2);
    border-bottom-color: var(--dui-clr-teal-d-2);
}
.dui.dui-border-l-teal-d-2{
    --dui-border-l-clr: var(--dui-clr-teal-d-2);
    border-left-color: var(--dui-clr-teal-d-2);
}
.dui.dui-divide-teal-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-teal-d-2);
    border-color: var(--dui-clr-teal-d-2);
}
.dui.dui-outline-teal-d-2{
    --dui-outline-clr: var(--dui-clr-teal-d-2);
    outline-color: var(--dui-clr-teal-d-2);
}
.dui.dui-fg-teal-d-3 {
    --dui-fg-clr: var(--dui-clr-teal-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal-d-3);
}
.dui.dui-bg-teal-d-3 {
    --dui-bg-clr: var(--dui-clr-teal-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-teal-d-3);
}
.dui.dui-accent-teal-d-3 {
    --dui-accent-clr: var(--dui-clr-teal-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-teal-d-3);
}
.dui.dui-shadow-teal-d-3 {
    --dui-shadow-clr: var(--dui-clr-teal-d-3);
}
.dui.dui-text-decoration-teal-d-3{
    --dui-text-decoration-clr: var(--dui-clr-teal-d-3);
    text-decoration-color: var(--dui-clr-teal-d-3);
}
.dui.dui-border-teal-d-3{
    --dui-border-clr: var(--dui-clr-teal-d-3);
    border-color: var(--dui-clr-teal-d-3);
}
.dui.dui-border-x-teal-d-3{
    --dui-border-x-clr: var(--dui-clr-teal-d-3);
    border-left-color: var(--dui-clr-teal-d-3);
    border-right-color: var(--dui-clr-teal-d-3);
}
.dui.dui-border-y-teal-d-3{
    --dui-border-y-clr: var(--dui-clr-teal-d-3);
    border-top-color: var(--dui-clr-teal-d-3);
    border-bottom-color: var(--dui-clr-teal-d-3);
}
.dui.dui-border-t-teal-d-3{
    --dui-border-t-clr: var(--dui-clr-teal-d-3);
    border-top-color: var(--dui-clr-teal-d-3);
}
.dui.dui-border-r-teal-d-3{
    --dui-border-r-clr: var(--dui-clr-teal-d-3);
    border-right-color: var(--dui-clr-teal-d-3);
}
.dui.dui-border-b-teal-d-3{
    --dui-border-b-clr: var(--dui-clr-teal-d-3);
    border-bottom-color: var(--dui-clr-teal-d-3);
}
.dui.dui-border-l-teal-d-3{
    --dui-border-l-clr: var(--dui-clr-teal-d-3);
    border-left-color: var(--dui-clr-teal-d-3);
}
.dui.dui-divide-teal-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-teal-d-3);
    border-color: var(--dui-clr-teal-d-3);
}
.dui.dui-outline-teal-d-3{
    --dui-outline-clr: var(--dui-clr-teal-d-3);
    outline-color: var(--dui-clr-teal-d-3);
}
.dui.dui-fg-teal-d-4 {
    --dui-fg-clr: var(--dui-clr-teal-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-teal-d-4);
}
.dui.dui-bg-teal-d-4 {
    --dui-bg-clr: var(--dui-clr-teal-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-teal-d-4);
}
.dui.dui-accent-teal-d-4 {
    --dui-accent-clr: var(--dui-clr-teal-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-teal-d-4);
}
.dui.dui-shadow-teal-d-4 {
    --dui-shadow-clr: var(--dui-clr-teal-d-4);
}
.dui.dui-text-decoration-teal-d-4{
    --dui-text-decoration-clr: var(--dui-clr-teal-d-4);
    text-decoration-color: var(--dui-clr-teal-d-4);
}
.dui.dui-border-teal-d-4{
    --dui-border-clr: var(--dui-clr-teal-d-4);
    border-color: var(--dui-clr-teal-d-4);
}
.dui.dui-border-x-teal-d-4{
    --dui-border-x-clr: var(--dui-clr-teal-d-4);
    border-left-color: var(--dui-clr-teal-d-4);
    border-right-color: var(--dui-clr-teal-d-4);
}
.dui.dui-border-y-teal-d-4{
    --dui-border-y-clr: var(--dui-clr-teal-d-4);
    border-top-color: var(--dui-clr-teal-d-4);
    border-bottom-color: var(--dui-clr-teal-d-4);
}
.dui.dui-border-t-teal-d-4{
    --dui-border-t-clr: var(--dui-clr-teal-d-4);
    border-top-color: var(--dui-clr-teal-d-4);
}
.dui.dui-border-r-teal-d-4{
    --dui-border-r-clr: var(--dui-clr-teal-d-4);
    border-right-color: var(--dui-clr-teal-d-4);
}
.dui.dui-border-b-teal-d-4{
    --dui-border-b-clr: var(--dui-clr-teal-d-4);
    border-bottom-color: var(--dui-clr-teal-d-4);
}
.dui.dui-border-l-teal-d-4{
    --dui-border-l-clr: var(--dui-clr-teal-d-4);
    border-left-color: var(--dui-clr-teal-d-4);
}
.dui.dui-divide-teal-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-teal-d-4);
    border-color: var(--dui-clr-teal-d-4);
}
.dui.dui-outline-teal-d-4{
    --dui-outline-clr: var(--dui-clr-teal-d-4);
    outline-color: var(--dui-clr-teal-d-4);
}
.dui.dui-fg-green-l-5 {
    --dui-fg-clr: var(--dui-clr-green-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green-l-5);
}
.dui.dui-bg-green-l-5 {
    --dui-bg-clr: var(--dui-clr-green-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-green-l-5);
}
.dui.dui-accent-green-l-5 {
    --dui-accent-clr: var(--dui-clr-green-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-green-l-5);
}
.dui.dui-shadow-green-l-5 {
    --dui-shadow-clr: var(--dui-clr-green-l-5);
}
.dui.dui-text-decoration-green-l-5{
    --dui-text-decoration-clr: var(--dui-clr-green-l-5);
    text-decoration-color: var(--dui-clr-green-l-5);
}
.dui.dui-border-green-l-5{
    --dui-border-clr: var(--dui-clr-green-l-5);
    border-color: var(--dui-clr-green-l-5);
}
.dui.dui-border-x-green-l-5{
    --dui-border-x-clr: var(--dui-clr-green-l-5);
    border-left-color: var(--dui-clr-green-l-5);
    border-right-color: var(--dui-clr-green-l-5);
}
.dui.dui-border-y-green-l-5{
    --dui-border-y-clr: var(--dui-clr-green-l-5);
    border-top-color: var(--dui-clr-green-l-5);
    border-bottom-color: var(--dui-clr-green-l-5);
}
.dui.dui-border-t-green-l-5{
    --dui-border-t-clr: var(--dui-clr-green-l-5);
    border-top-color: var(--dui-clr-green-l-5);
}
.dui.dui-border-r-green-l-5{
    --dui-border-r-clr: var(--dui-clr-green-l-5);
    border-right-color: var(--dui-clr-green-l-5);
}
.dui.dui-border-b-green-l-5{
    --dui-border-b-clr: var(--dui-clr-green-l-5);
    border-bottom-color: var(--dui-clr-green-l-5);
}
.dui.dui-border-l-green-l-5{
    --dui-border-l-clr: var(--dui-clr-green-l-5);
    border-left-color: var(--dui-clr-green-l-5);
}
.dui.dui-divide-green-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-green-l-5);
    border-color: var(--dui-clr-green-l-5);
}
.dui.dui-outline-green-l-5{
    --dui-outline-clr: var(--dui-clr-green-l-5);
    outline-color: var(--dui-clr-green-l-5);
}
.dui.dui-fg-green-l-4 {
    --dui-fg-clr: var(--dui-clr-green-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green-l-4);
}
.dui.dui-bg-green-l-4 {
    --dui-bg-clr: var(--dui-clr-green-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-green-l-4);
}
.dui.dui-accent-green-l-4 {
    --dui-accent-clr: var(--dui-clr-green-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-green-l-4);
}
.dui.dui-shadow-green-l-4 {
    --dui-shadow-clr: var(--dui-clr-green-l-4);
}
.dui.dui-text-decoration-green-l-4{
    --dui-text-decoration-clr: var(--dui-clr-green-l-4);
    text-decoration-color: var(--dui-clr-green-l-4);
}
.dui.dui-border-green-l-4{
    --dui-border-clr: var(--dui-clr-green-l-4);
    border-color: var(--dui-clr-green-l-4);
}
.dui.dui-border-x-green-l-4{
    --dui-border-x-clr: var(--dui-clr-green-l-4);
    border-left-color: var(--dui-clr-green-l-4);
    border-right-color: var(--dui-clr-green-l-4);
}
.dui.dui-border-y-green-l-4{
    --dui-border-y-clr: var(--dui-clr-green-l-4);
    border-top-color: var(--dui-clr-green-l-4);
    border-bottom-color: var(--dui-clr-green-l-4);
}
.dui.dui-border-t-green-l-4{
    --dui-border-t-clr: var(--dui-clr-green-l-4);
    border-top-color: var(--dui-clr-green-l-4);
}
.dui.dui-border-r-green-l-4{
    --dui-border-r-clr: var(--dui-clr-green-l-4);
    border-right-color: var(--dui-clr-green-l-4);
}
.dui.dui-border-b-green-l-4{
    --dui-border-b-clr: var(--dui-clr-green-l-4);
    border-bottom-color: var(--dui-clr-green-l-4);
}
.dui.dui-border-l-green-l-4{
    --dui-border-l-clr: var(--dui-clr-green-l-4);
    border-left-color: var(--dui-clr-green-l-4);
}
.dui.dui-divide-green-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-green-l-4);
    border-color: var(--dui-clr-green-l-4);
}
.dui.dui-outline-green-l-4{
    --dui-outline-clr: var(--dui-clr-green-l-4);
    outline-color: var(--dui-clr-green-l-4);
}
.dui.dui-fg-green-l-3 {
    --dui-fg-clr: var(--dui-clr-green-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green-l-3);
}
.dui.dui-bg-green-l-3 {
    --dui-bg-clr: var(--dui-clr-green-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-green-l-3);
}
.dui.dui-accent-green-l-3 {
    --dui-accent-clr: var(--dui-clr-green-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-green-l-3);
}
.dui.dui-shadow-green-l-3 {
    --dui-shadow-clr: var(--dui-clr-green-l-3);
}
.dui.dui-text-decoration-green-l-3{
    --dui-text-decoration-clr: var(--dui-clr-green-l-3);
    text-decoration-color: var(--dui-clr-green-l-3);
}
.dui.dui-border-green-l-3{
    --dui-border-clr: var(--dui-clr-green-l-3);
    border-color: var(--dui-clr-green-l-3);
}
.dui.dui-border-x-green-l-3{
    --dui-border-x-clr: var(--dui-clr-green-l-3);
    border-left-color: var(--dui-clr-green-l-3);
    border-right-color: var(--dui-clr-green-l-3);
}
.dui.dui-border-y-green-l-3{
    --dui-border-y-clr: var(--dui-clr-green-l-3);
    border-top-color: var(--dui-clr-green-l-3);
    border-bottom-color: var(--dui-clr-green-l-3);
}
.dui.dui-border-t-green-l-3{
    --dui-border-t-clr: var(--dui-clr-green-l-3);
    border-top-color: var(--dui-clr-green-l-3);
}
.dui.dui-border-r-green-l-3{
    --dui-border-r-clr: var(--dui-clr-green-l-3);
    border-right-color: var(--dui-clr-green-l-3);
}
.dui.dui-border-b-green-l-3{
    --dui-border-b-clr: var(--dui-clr-green-l-3);
    border-bottom-color: var(--dui-clr-green-l-3);
}
.dui.dui-border-l-green-l-3{
    --dui-border-l-clr: var(--dui-clr-green-l-3);
    border-left-color: var(--dui-clr-green-l-3);
}
.dui.dui-divide-green-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-green-l-3);
    border-color: var(--dui-clr-green-l-3);
}
.dui.dui-outline-green-l-3{
    --dui-outline-clr: var(--dui-clr-green-l-3);
    outline-color: var(--dui-clr-green-l-3);
}
.dui.dui-fg-green-l-2 {
    --dui-fg-clr: var(--dui-clr-green-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green-l-2);
}
.dui.dui-bg-green-l-2 {
    --dui-bg-clr: var(--dui-clr-green-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-green-l-2);
}
.dui.dui-accent-green-l-2 {
    --dui-accent-clr: var(--dui-clr-green-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-green-l-2);
}
.dui.dui-shadow-green-l-2 {
    --dui-shadow-clr: var(--dui-clr-green-l-2);
}
.dui.dui-text-decoration-green-l-2{
    --dui-text-decoration-clr: var(--dui-clr-green-l-2);
    text-decoration-color: var(--dui-clr-green-l-2);
}
.dui.dui-border-green-l-2{
    --dui-border-clr: var(--dui-clr-green-l-2);
    border-color: var(--dui-clr-green-l-2);
}
.dui.dui-border-x-green-l-2{
    --dui-border-x-clr: var(--dui-clr-green-l-2);
    border-left-color: var(--dui-clr-green-l-2);
    border-right-color: var(--dui-clr-green-l-2);
}
.dui.dui-border-y-green-l-2{
    --dui-border-y-clr: var(--dui-clr-green-l-2);
    border-top-color: var(--dui-clr-green-l-2);
    border-bottom-color: var(--dui-clr-green-l-2);
}
.dui.dui-border-t-green-l-2{
    --dui-border-t-clr: var(--dui-clr-green-l-2);
    border-top-color: var(--dui-clr-green-l-2);
}
.dui.dui-border-r-green-l-2{
    --dui-border-r-clr: var(--dui-clr-green-l-2);
    border-right-color: var(--dui-clr-green-l-2);
}
.dui.dui-border-b-green-l-2{
    --dui-border-b-clr: var(--dui-clr-green-l-2);
    border-bottom-color: var(--dui-clr-green-l-2);
}
.dui.dui-border-l-green-l-2{
    --dui-border-l-clr: var(--dui-clr-green-l-2);
    border-left-color: var(--dui-clr-green-l-2);
}
.dui.dui-divide-green-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-green-l-2);
    border-color: var(--dui-clr-green-l-2);
}
.dui.dui-outline-green-l-2{
    --dui-outline-clr: var(--dui-clr-green-l-2);
    outline-color: var(--dui-clr-green-l-2);
}
.dui.dui-fg-green-l-1 {
    --dui-fg-clr: var(--dui-clr-green-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green-l-1);
}
.dui.dui-bg-green-l-1 {
    --dui-bg-clr: var(--dui-clr-green-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-green-l-1);
}
.dui.dui-accent-green-l-1 {
    --dui-accent-clr: var(--dui-clr-green-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-green-l-1);
}
.dui.dui-shadow-green-l-1 {
    --dui-shadow-clr: var(--dui-clr-green-l-1);
}
.dui.dui-text-decoration-green-l-1{
    --dui-text-decoration-clr: var(--dui-clr-green-l-1);
    text-decoration-color: var(--dui-clr-green-l-1);
}
.dui.dui-border-green-l-1{
    --dui-border-clr: var(--dui-clr-green-l-1);
    border-color: var(--dui-clr-green-l-1);
}
.dui.dui-border-x-green-l-1{
    --dui-border-x-clr: var(--dui-clr-green-l-1);
    border-left-color: var(--dui-clr-green-l-1);
    border-right-color: var(--dui-clr-green-l-1);
}
.dui.dui-border-y-green-l-1{
    --dui-border-y-clr: var(--dui-clr-green-l-1);
    border-top-color: var(--dui-clr-green-l-1);
    border-bottom-color: var(--dui-clr-green-l-1);
}
.dui.dui-border-t-green-l-1{
    --dui-border-t-clr: var(--dui-clr-green-l-1);
    border-top-color: var(--dui-clr-green-l-1);
}
.dui.dui-border-r-green-l-1{
    --dui-border-r-clr: var(--dui-clr-green-l-1);
    border-right-color: var(--dui-clr-green-l-1);
}
.dui.dui-border-b-green-l-1{
    --dui-border-b-clr: var(--dui-clr-green-l-1);
    border-bottom-color: var(--dui-clr-green-l-1);
}
.dui.dui-border-l-green-l-1{
    --dui-border-l-clr: var(--dui-clr-green-l-1);
    border-left-color: var(--dui-clr-green-l-1);
}
.dui.dui-divide-green-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-green-l-1);
    border-color: var(--dui-clr-green-l-1);
}
.dui.dui-outline-green-l-1{
    --dui-outline-clr: var(--dui-clr-green-l-1);
    outline-color: var(--dui-clr-green-l-1);
}
.dui.dui-fg-green {
    --dui-fg-clr: var(--dui-clr-green);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green);
}
.dui.dui-bg-green {
    --dui-bg-clr: var(--dui-clr-green);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-green);
}
.dui.dui-accent-green {
    --dui-accent-clr: var(--dui-clr-green);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-green);
}
.dui.dui-shadow-green {
    --dui-shadow-clr: var(--dui-clr-green);
}
.dui.dui-text-decoration-green{
    --dui-text-decoration-clr: var(--dui-clr-green);
    text-decoration-color: var(--dui-clr-green);
}
.dui.dui-border-green{
    --dui-border-clr: var(--dui-clr-green);
    border-color: var(--dui-clr-green);
}
.dui.dui-border-x-green{
    --dui-border-x-clr: var(--dui-clr-green);
    border-left-color: var(--dui-clr-green);
    border-right-color: var(--dui-clr-green);
}
.dui.dui-border-y-green{
    --dui-border-y-clr: var(--dui-clr-green);
    border-top-color: var(--dui-clr-green);
    border-bottom-color: var(--dui-clr-green);
}
.dui.dui-border-t-green{
    --dui-border-t-clr: var(--dui-clr-green);
    border-top-color: var(--dui-clr-green);
}
.dui.dui-border-r-green{
    --dui-border-r-clr: var(--dui-clr-green);
    border-right-color: var(--dui-clr-green);
}
.dui.dui-border-b-green{
    --dui-border-b-clr: var(--dui-clr-green);
    border-bottom-color: var(--dui-clr-green);
}
.dui.dui-border-l-green{
    --dui-border-l-clr: var(--dui-clr-green);
    border-left-color: var(--dui-clr-green);
}
.dui.dui-divide-green > * + *{
    --dui-border-clr: var(--dui-clr-green);
    border-color: var(--dui-clr-green);
}
.dui.dui-outline-green{
    --dui-outline-clr: var(--dui-clr-green);
    outline-color: var(--dui-clr-green);
}
.dui.dui-fg-green-d-1 {
    --dui-fg-clr: var(--dui-clr-green-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green-d-1);
}
.dui.dui-bg-green-d-1 {
    --dui-bg-clr: var(--dui-clr-green-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-green-d-1);
}
.dui.dui-accent-green-d-1 {
    --dui-accent-clr: var(--dui-clr-green-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-green-d-1);
}
.dui.dui-shadow-green-d-1 {
    --dui-shadow-clr: var(--dui-clr-green-d-1);
}
.dui.dui-text-decoration-green-d-1{
    --dui-text-decoration-clr: var(--dui-clr-green-d-1);
    text-decoration-color: var(--dui-clr-green-d-1);
}
.dui.dui-border-green-d-1{
    --dui-border-clr: var(--dui-clr-green-d-1);
    border-color: var(--dui-clr-green-d-1);
}
.dui.dui-border-x-green-d-1{
    --dui-border-x-clr: var(--dui-clr-green-d-1);
    border-left-color: var(--dui-clr-green-d-1);
    border-right-color: var(--dui-clr-green-d-1);
}
.dui.dui-border-y-green-d-1{
    --dui-border-y-clr: var(--dui-clr-green-d-1);
    border-top-color: var(--dui-clr-green-d-1);
    border-bottom-color: var(--dui-clr-green-d-1);
}
.dui.dui-border-t-green-d-1{
    --dui-border-t-clr: var(--dui-clr-green-d-1);
    border-top-color: var(--dui-clr-green-d-1);
}
.dui.dui-border-r-green-d-1{
    --dui-border-r-clr: var(--dui-clr-green-d-1);
    border-right-color: var(--dui-clr-green-d-1);
}
.dui.dui-border-b-green-d-1{
    --dui-border-b-clr: var(--dui-clr-green-d-1);
    border-bottom-color: var(--dui-clr-green-d-1);
}
.dui.dui-border-l-green-d-1{
    --dui-border-l-clr: var(--dui-clr-green-d-1);
    border-left-color: var(--dui-clr-green-d-1);
}
.dui.dui-divide-green-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-green-d-1);
    border-color: var(--dui-clr-green-d-1);
}
.dui.dui-outline-green-d-1{
    --dui-outline-clr: var(--dui-clr-green-d-1);
    outline-color: var(--dui-clr-green-d-1);
}
.dui.dui-fg-green-d-2 {
    --dui-fg-clr: var(--dui-clr-green-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green-d-2);
}
.dui.dui-bg-green-d-2 {
    --dui-bg-clr: var(--dui-clr-green-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-green-d-2);
}
.dui.dui-accent-green-d-2 {
    --dui-accent-clr: var(--dui-clr-green-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-green-d-2);
}
.dui.dui-shadow-green-d-2 {
    --dui-shadow-clr: var(--dui-clr-green-d-2);
}
.dui.dui-text-decoration-green-d-2{
    --dui-text-decoration-clr: var(--dui-clr-green-d-2);
    text-decoration-color: var(--dui-clr-green-d-2);
}
.dui.dui-border-green-d-2{
    --dui-border-clr: var(--dui-clr-green-d-2);
    border-color: var(--dui-clr-green-d-2);
}
.dui.dui-border-x-green-d-2{
    --dui-border-x-clr: var(--dui-clr-green-d-2);
    border-left-color: var(--dui-clr-green-d-2);
    border-right-color: var(--dui-clr-green-d-2);
}
.dui.dui-border-y-green-d-2{
    --dui-border-y-clr: var(--dui-clr-green-d-2);
    border-top-color: var(--dui-clr-green-d-2);
    border-bottom-color: var(--dui-clr-green-d-2);
}
.dui.dui-border-t-green-d-2{
    --dui-border-t-clr: var(--dui-clr-green-d-2);
    border-top-color: var(--dui-clr-green-d-2);
}
.dui.dui-border-r-green-d-2{
    --dui-border-r-clr: var(--dui-clr-green-d-2);
    border-right-color: var(--dui-clr-green-d-2);
}
.dui.dui-border-b-green-d-2{
    --dui-border-b-clr: var(--dui-clr-green-d-2);
    border-bottom-color: var(--dui-clr-green-d-2);
}
.dui.dui-border-l-green-d-2{
    --dui-border-l-clr: var(--dui-clr-green-d-2);
    border-left-color: var(--dui-clr-green-d-2);
}
.dui.dui-divide-green-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-green-d-2);
    border-color: var(--dui-clr-green-d-2);
}
.dui.dui-outline-green-d-2{
    --dui-outline-clr: var(--dui-clr-green-d-2);
    outline-color: var(--dui-clr-green-d-2);
}
.dui.dui-fg-green-d-3 {
    --dui-fg-clr: var(--dui-clr-green-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green-d-3);
}
.dui.dui-bg-green-d-3 {
    --dui-bg-clr: var(--dui-clr-green-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-green-d-3);
}
.dui.dui-accent-green-d-3 {
    --dui-accent-clr: var(--dui-clr-green-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-green-d-3);
}
.dui.dui-shadow-green-d-3 {
    --dui-shadow-clr: var(--dui-clr-green-d-3);
}
.dui.dui-text-decoration-green-d-3{
    --dui-text-decoration-clr: var(--dui-clr-green-d-3);
    text-decoration-color: var(--dui-clr-green-d-3);
}
.dui.dui-border-green-d-3{
    --dui-border-clr: var(--dui-clr-green-d-3);
    border-color: var(--dui-clr-green-d-3);
}
.dui.dui-border-x-green-d-3{
    --dui-border-x-clr: var(--dui-clr-green-d-3);
    border-left-color: var(--dui-clr-green-d-3);
    border-right-color: var(--dui-clr-green-d-3);
}
.dui.dui-border-y-green-d-3{
    --dui-border-y-clr: var(--dui-clr-green-d-3);
    border-top-color: var(--dui-clr-green-d-3);
    border-bottom-color: var(--dui-clr-green-d-3);
}
.dui.dui-border-t-green-d-3{
    --dui-border-t-clr: var(--dui-clr-green-d-3);
    border-top-color: var(--dui-clr-green-d-3);
}
.dui.dui-border-r-green-d-3{
    --dui-border-r-clr: var(--dui-clr-green-d-3);
    border-right-color: var(--dui-clr-green-d-3);
}
.dui.dui-border-b-green-d-3{
    --dui-border-b-clr: var(--dui-clr-green-d-3);
    border-bottom-color: var(--dui-clr-green-d-3);
}
.dui.dui-border-l-green-d-3{
    --dui-border-l-clr: var(--dui-clr-green-d-3);
    border-left-color: var(--dui-clr-green-d-3);
}
.dui.dui-divide-green-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-green-d-3);
    border-color: var(--dui-clr-green-d-3);
}
.dui.dui-outline-green-d-3{
    --dui-outline-clr: var(--dui-clr-green-d-3);
    outline-color: var(--dui-clr-green-d-3);
}
.dui.dui-fg-green-d-4 {
    --dui-fg-clr: var(--dui-clr-green-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-green-d-4);
}
.dui.dui-bg-green-d-4 {
    --dui-bg-clr: var(--dui-clr-green-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-green-d-4);
}
.dui.dui-accent-green-d-4 {
    --dui-accent-clr: var(--dui-clr-green-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-green-d-4);
}
.dui.dui-shadow-green-d-4 {
    --dui-shadow-clr: var(--dui-clr-green-d-4);
}
.dui.dui-text-decoration-green-d-4{
    --dui-text-decoration-clr: var(--dui-clr-green-d-4);
    text-decoration-color: var(--dui-clr-green-d-4);
}
.dui.dui-border-green-d-4{
    --dui-border-clr: var(--dui-clr-green-d-4);
    border-color: var(--dui-clr-green-d-4);
}
.dui.dui-border-x-green-d-4{
    --dui-border-x-clr: var(--dui-clr-green-d-4);
    border-left-color: var(--dui-clr-green-d-4);
    border-right-color: var(--dui-clr-green-d-4);
}
.dui.dui-border-y-green-d-4{
    --dui-border-y-clr: var(--dui-clr-green-d-4);
    border-top-color: var(--dui-clr-green-d-4);
    border-bottom-color: var(--dui-clr-green-d-4);
}
.dui.dui-border-t-green-d-4{
    --dui-border-t-clr: var(--dui-clr-green-d-4);
    border-top-color: var(--dui-clr-green-d-4);
}
.dui.dui-border-r-green-d-4{
    --dui-border-r-clr: var(--dui-clr-green-d-4);
    border-right-color: var(--dui-clr-green-d-4);
}
.dui.dui-border-b-green-d-4{
    --dui-border-b-clr: var(--dui-clr-green-d-4);
    border-bottom-color: var(--dui-clr-green-d-4);
}
.dui.dui-border-l-green-d-4{
    --dui-border-l-clr: var(--dui-clr-green-d-4);
    border-left-color: var(--dui-clr-green-d-4);
}
.dui.dui-divide-green-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-green-d-4);
    border-color: var(--dui-clr-green-d-4);
}
.dui.dui-outline-green-d-4{
    --dui-outline-clr: var(--dui-clr-green-d-4);
    outline-color: var(--dui-clr-green-d-4);
}
.dui.dui-fg-light-green-l-5 {
    --dui-fg-clr: var(--dui-clr-light-green-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green-l-5);
}
.dui.dui-bg-light-green-l-5 {
    --dui-bg-clr: var(--dui-clr-light-green-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-accent-light-green-l-5 {
    --dui-accent-clr: var(--dui-clr-light-green-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-shadow-light-green-l-5 {
    --dui-shadow-clr: var(--dui-clr-light-green-l-5);
}
.dui.dui-text-decoration-light-green-l-5{
    --dui-text-decoration-clr: var(--dui-clr-light-green-l-5);
    text-decoration-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-border-light-green-l-5{
    --dui-border-clr: var(--dui-clr-light-green-l-5);
    border-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-border-x-light-green-l-5{
    --dui-border-x-clr: var(--dui-clr-light-green-l-5);
    border-left-color: var(--dui-clr-light-green-l-5);
    border-right-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-border-y-light-green-l-5{
    --dui-border-y-clr: var(--dui-clr-light-green-l-5);
    border-top-color: var(--dui-clr-light-green-l-5);
    border-bottom-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-border-t-light-green-l-5{
    --dui-border-t-clr: var(--dui-clr-light-green-l-5);
    border-top-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-border-r-light-green-l-5{
    --dui-border-r-clr: var(--dui-clr-light-green-l-5);
    border-right-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-border-b-light-green-l-5{
    --dui-border-b-clr: var(--dui-clr-light-green-l-5);
    border-bottom-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-border-l-light-green-l-5{
    --dui-border-l-clr: var(--dui-clr-light-green-l-5);
    border-left-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-divide-light-green-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-light-green-l-5);
    border-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-outline-light-green-l-5{
    --dui-outline-clr: var(--dui-clr-light-green-l-5);
    outline-color: var(--dui-clr-light-green-l-5);
}
.dui.dui-fg-light-green-l-4 {
    --dui-fg-clr: var(--dui-clr-light-green-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green-l-4);
}
.dui.dui-bg-light-green-l-4 {
    --dui-bg-clr: var(--dui-clr-light-green-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-accent-light-green-l-4 {
    --dui-accent-clr: var(--dui-clr-light-green-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-shadow-light-green-l-4 {
    --dui-shadow-clr: var(--dui-clr-light-green-l-4);
}
.dui.dui-text-decoration-light-green-l-4{
    --dui-text-decoration-clr: var(--dui-clr-light-green-l-4);
    text-decoration-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-border-light-green-l-4{
    --dui-border-clr: var(--dui-clr-light-green-l-4);
    border-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-border-x-light-green-l-4{
    --dui-border-x-clr: var(--dui-clr-light-green-l-4);
    border-left-color: var(--dui-clr-light-green-l-4);
    border-right-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-border-y-light-green-l-4{
    --dui-border-y-clr: var(--dui-clr-light-green-l-4);
    border-top-color: var(--dui-clr-light-green-l-4);
    border-bottom-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-border-t-light-green-l-4{
    --dui-border-t-clr: var(--dui-clr-light-green-l-4);
    border-top-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-border-r-light-green-l-4{
    --dui-border-r-clr: var(--dui-clr-light-green-l-4);
    border-right-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-border-b-light-green-l-4{
    --dui-border-b-clr: var(--dui-clr-light-green-l-4);
    border-bottom-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-border-l-light-green-l-4{
    --dui-border-l-clr: var(--dui-clr-light-green-l-4);
    border-left-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-divide-light-green-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-light-green-l-4);
    border-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-outline-light-green-l-4{
    --dui-outline-clr: var(--dui-clr-light-green-l-4);
    outline-color: var(--dui-clr-light-green-l-4);
}
.dui.dui-fg-light-green-l-3 {
    --dui-fg-clr: var(--dui-clr-light-green-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green-l-3);
}
.dui.dui-bg-light-green-l-3 {
    --dui-bg-clr: var(--dui-clr-light-green-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-accent-light-green-l-3 {
    --dui-accent-clr: var(--dui-clr-light-green-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-shadow-light-green-l-3 {
    --dui-shadow-clr: var(--dui-clr-light-green-l-3);
}
.dui.dui-text-decoration-light-green-l-3{
    --dui-text-decoration-clr: var(--dui-clr-light-green-l-3);
    text-decoration-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-border-light-green-l-3{
    --dui-border-clr: var(--dui-clr-light-green-l-3);
    border-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-border-x-light-green-l-3{
    --dui-border-x-clr: var(--dui-clr-light-green-l-3);
    border-left-color: var(--dui-clr-light-green-l-3);
    border-right-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-border-y-light-green-l-3{
    --dui-border-y-clr: var(--dui-clr-light-green-l-3);
    border-top-color: var(--dui-clr-light-green-l-3);
    border-bottom-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-border-t-light-green-l-3{
    --dui-border-t-clr: var(--dui-clr-light-green-l-3);
    border-top-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-border-r-light-green-l-3{
    --dui-border-r-clr: var(--dui-clr-light-green-l-3);
    border-right-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-border-b-light-green-l-3{
    --dui-border-b-clr: var(--dui-clr-light-green-l-3);
    border-bottom-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-border-l-light-green-l-3{
    --dui-border-l-clr: var(--dui-clr-light-green-l-3);
    border-left-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-divide-light-green-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-light-green-l-3);
    border-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-outline-light-green-l-3{
    --dui-outline-clr: var(--dui-clr-light-green-l-3);
    outline-color: var(--dui-clr-light-green-l-3);
}
.dui.dui-fg-light-green-l-2 {
    --dui-fg-clr: var(--dui-clr-light-green-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green-l-2);
}
.dui.dui-bg-light-green-l-2 {
    --dui-bg-clr: var(--dui-clr-light-green-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-accent-light-green-l-2 {
    --dui-accent-clr: var(--dui-clr-light-green-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-shadow-light-green-l-2 {
    --dui-shadow-clr: var(--dui-clr-light-green-l-2);
}
.dui.dui-text-decoration-light-green-l-2{
    --dui-text-decoration-clr: var(--dui-clr-light-green-l-2);
    text-decoration-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-border-light-green-l-2{
    --dui-border-clr: var(--dui-clr-light-green-l-2);
    border-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-border-x-light-green-l-2{
    --dui-border-x-clr: var(--dui-clr-light-green-l-2);
    border-left-color: var(--dui-clr-light-green-l-2);
    border-right-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-border-y-light-green-l-2{
    --dui-border-y-clr: var(--dui-clr-light-green-l-2);
    border-top-color: var(--dui-clr-light-green-l-2);
    border-bottom-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-border-t-light-green-l-2{
    --dui-border-t-clr: var(--dui-clr-light-green-l-2);
    border-top-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-border-r-light-green-l-2{
    --dui-border-r-clr: var(--dui-clr-light-green-l-2);
    border-right-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-border-b-light-green-l-2{
    --dui-border-b-clr: var(--dui-clr-light-green-l-2);
    border-bottom-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-border-l-light-green-l-2{
    --dui-border-l-clr: var(--dui-clr-light-green-l-2);
    border-left-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-divide-light-green-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-light-green-l-2);
    border-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-outline-light-green-l-2{
    --dui-outline-clr: var(--dui-clr-light-green-l-2);
    outline-color: var(--dui-clr-light-green-l-2);
}
.dui.dui-fg-light-green-l-1 {
    --dui-fg-clr: var(--dui-clr-light-green-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green-l-1);
}
.dui.dui-bg-light-green-l-1 {
    --dui-bg-clr: var(--dui-clr-light-green-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-accent-light-green-l-1 {
    --dui-accent-clr: var(--dui-clr-light-green-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-shadow-light-green-l-1 {
    --dui-shadow-clr: var(--dui-clr-light-green-l-1);
}
.dui.dui-text-decoration-light-green-l-1{
    --dui-text-decoration-clr: var(--dui-clr-light-green-l-1);
    text-decoration-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-border-light-green-l-1{
    --dui-border-clr: var(--dui-clr-light-green-l-1);
    border-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-border-x-light-green-l-1{
    --dui-border-x-clr: var(--dui-clr-light-green-l-1);
    border-left-color: var(--dui-clr-light-green-l-1);
    border-right-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-border-y-light-green-l-1{
    --dui-border-y-clr: var(--dui-clr-light-green-l-1);
    border-top-color: var(--dui-clr-light-green-l-1);
    border-bottom-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-border-t-light-green-l-1{
    --dui-border-t-clr: var(--dui-clr-light-green-l-1);
    border-top-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-border-r-light-green-l-1{
    --dui-border-r-clr: var(--dui-clr-light-green-l-1);
    border-right-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-border-b-light-green-l-1{
    --dui-border-b-clr: var(--dui-clr-light-green-l-1);
    border-bottom-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-border-l-light-green-l-1{
    --dui-border-l-clr: var(--dui-clr-light-green-l-1);
    border-left-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-divide-light-green-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-light-green-l-1);
    border-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-outline-light-green-l-1{
    --dui-outline-clr: var(--dui-clr-light-green-l-1);
    outline-color: var(--dui-clr-light-green-l-1);
}
.dui.dui-fg-light-green {
    --dui-fg-clr: var(--dui-clr-light-green);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green);
}
.dui.dui-bg-light-green {
    --dui-bg-clr: var(--dui-clr-light-green);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-green);
}
.dui.dui-accent-light-green {
    --dui-accent-clr: var(--dui-clr-light-green);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-green);
}
.dui.dui-shadow-light-green {
    --dui-shadow-clr: var(--dui-clr-light-green);
}
.dui.dui-text-decoration-light-green{
    --dui-text-decoration-clr: var(--dui-clr-light-green);
    text-decoration-color: var(--dui-clr-light-green);
}
.dui.dui-border-light-green{
    --dui-border-clr: var(--dui-clr-light-green);
    border-color: var(--dui-clr-light-green);
}
.dui.dui-border-x-light-green{
    --dui-border-x-clr: var(--dui-clr-light-green);
    border-left-color: var(--dui-clr-light-green);
    border-right-color: var(--dui-clr-light-green);
}
.dui.dui-border-y-light-green{
    --dui-border-y-clr: var(--dui-clr-light-green);
    border-top-color: var(--dui-clr-light-green);
    border-bottom-color: var(--dui-clr-light-green);
}
.dui.dui-border-t-light-green{
    --dui-border-t-clr: var(--dui-clr-light-green);
    border-top-color: var(--dui-clr-light-green);
}
.dui.dui-border-r-light-green{
    --dui-border-r-clr: var(--dui-clr-light-green);
    border-right-color: var(--dui-clr-light-green);
}
.dui.dui-border-b-light-green{
    --dui-border-b-clr: var(--dui-clr-light-green);
    border-bottom-color: var(--dui-clr-light-green);
}
.dui.dui-border-l-light-green{
    --dui-border-l-clr: var(--dui-clr-light-green);
    border-left-color: var(--dui-clr-light-green);
}
.dui.dui-divide-light-green > * + *{
    --dui-border-clr: var(--dui-clr-light-green);
    border-color: var(--dui-clr-light-green);
}
.dui.dui-outline-light-green{
    --dui-outline-clr: var(--dui-clr-light-green);
    outline-color: var(--dui-clr-light-green);
}
.dui.dui-fg-light-green-d-1 {
    --dui-fg-clr: var(--dui-clr-light-green-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green-d-1);
}
.dui.dui-bg-light-green-d-1 {
    --dui-bg-clr: var(--dui-clr-light-green-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-accent-light-green-d-1 {
    --dui-accent-clr: var(--dui-clr-light-green-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-shadow-light-green-d-1 {
    --dui-shadow-clr: var(--dui-clr-light-green-d-1);
}
.dui.dui-text-decoration-light-green-d-1{
    --dui-text-decoration-clr: var(--dui-clr-light-green-d-1);
    text-decoration-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-border-light-green-d-1{
    --dui-border-clr: var(--dui-clr-light-green-d-1);
    border-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-border-x-light-green-d-1{
    --dui-border-x-clr: var(--dui-clr-light-green-d-1);
    border-left-color: var(--dui-clr-light-green-d-1);
    border-right-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-border-y-light-green-d-1{
    --dui-border-y-clr: var(--dui-clr-light-green-d-1);
    border-top-color: var(--dui-clr-light-green-d-1);
    border-bottom-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-border-t-light-green-d-1{
    --dui-border-t-clr: var(--dui-clr-light-green-d-1);
    border-top-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-border-r-light-green-d-1{
    --dui-border-r-clr: var(--dui-clr-light-green-d-1);
    border-right-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-border-b-light-green-d-1{
    --dui-border-b-clr: var(--dui-clr-light-green-d-1);
    border-bottom-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-border-l-light-green-d-1{
    --dui-border-l-clr: var(--dui-clr-light-green-d-1);
    border-left-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-divide-light-green-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-light-green-d-1);
    border-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-outline-light-green-d-1{
    --dui-outline-clr: var(--dui-clr-light-green-d-1);
    outline-color: var(--dui-clr-light-green-d-1);
}
.dui.dui-fg-light-green-d-2 {
    --dui-fg-clr: var(--dui-clr-light-green-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green-d-2);
}
.dui.dui-bg-light-green-d-2 {
    --dui-bg-clr: var(--dui-clr-light-green-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-accent-light-green-d-2 {
    --dui-accent-clr: var(--dui-clr-light-green-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-shadow-light-green-d-2 {
    --dui-shadow-clr: var(--dui-clr-light-green-d-2);
}
.dui.dui-text-decoration-light-green-d-2{
    --dui-text-decoration-clr: var(--dui-clr-light-green-d-2);
    text-decoration-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-border-light-green-d-2{
    --dui-border-clr: var(--dui-clr-light-green-d-2);
    border-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-border-x-light-green-d-2{
    --dui-border-x-clr: var(--dui-clr-light-green-d-2);
    border-left-color: var(--dui-clr-light-green-d-2);
    border-right-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-border-y-light-green-d-2{
    --dui-border-y-clr: var(--dui-clr-light-green-d-2);
    border-top-color: var(--dui-clr-light-green-d-2);
    border-bottom-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-border-t-light-green-d-2{
    --dui-border-t-clr: var(--dui-clr-light-green-d-2);
    border-top-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-border-r-light-green-d-2{
    --dui-border-r-clr: var(--dui-clr-light-green-d-2);
    border-right-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-border-b-light-green-d-2{
    --dui-border-b-clr: var(--dui-clr-light-green-d-2);
    border-bottom-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-border-l-light-green-d-2{
    --dui-border-l-clr: var(--dui-clr-light-green-d-2);
    border-left-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-divide-light-green-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-light-green-d-2);
    border-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-outline-light-green-d-2{
    --dui-outline-clr: var(--dui-clr-light-green-d-2);
    outline-color: var(--dui-clr-light-green-d-2);
}
.dui.dui-fg-light-green-d-3 {
    --dui-fg-clr: var(--dui-clr-light-green-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green-d-3);
}
.dui.dui-bg-light-green-d-3 {
    --dui-bg-clr: var(--dui-clr-light-green-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-accent-light-green-d-3 {
    --dui-accent-clr: var(--dui-clr-light-green-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-shadow-light-green-d-3 {
    --dui-shadow-clr: var(--dui-clr-light-green-d-3);
}
.dui.dui-text-decoration-light-green-d-3{
    --dui-text-decoration-clr: var(--dui-clr-light-green-d-3);
    text-decoration-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-border-light-green-d-3{
    --dui-border-clr: var(--dui-clr-light-green-d-3);
    border-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-border-x-light-green-d-3{
    --dui-border-x-clr: var(--dui-clr-light-green-d-3);
    border-left-color: var(--dui-clr-light-green-d-3);
    border-right-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-border-y-light-green-d-3{
    --dui-border-y-clr: var(--dui-clr-light-green-d-3);
    border-top-color: var(--dui-clr-light-green-d-3);
    border-bottom-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-border-t-light-green-d-3{
    --dui-border-t-clr: var(--dui-clr-light-green-d-3);
    border-top-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-border-r-light-green-d-3{
    --dui-border-r-clr: var(--dui-clr-light-green-d-3);
    border-right-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-border-b-light-green-d-3{
    --dui-border-b-clr: var(--dui-clr-light-green-d-3);
    border-bottom-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-border-l-light-green-d-3{
    --dui-border-l-clr: var(--dui-clr-light-green-d-3);
    border-left-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-divide-light-green-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-light-green-d-3);
    border-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-outline-light-green-d-3{
    --dui-outline-clr: var(--dui-clr-light-green-d-3);
    outline-color: var(--dui-clr-light-green-d-3);
}
.dui.dui-fg-light-green-d-4 {
    --dui-fg-clr: var(--dui-clr-light-green-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-light-green-d-4);
}
.dui.dui-bg-light-green-d-4 {
    --dui-bg-clr: var(--dui-clr-light-green-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-accent-light-green-d-4 {
    --dui-accent-clr: var(--dui-clr-light-green-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-shadow-light-green-d-4 {
    --dui-shadow-clr: var(--dui-clr-light-green-d-4);
}
.dui.dui-text-decoration-light-green-d-4{
    --dui-text-decoration-clr: var(--dui-clr-light-green-d-4);
    text-decoration-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-border-light-green-d-4{
    --dui-border-clr: var(--dui-clr-light-green-d-4);
    border-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-border-x-light-green-d-4{
    --dui-border-x-clr: var(--dui-clr-light-green-d-4);
    border-left-color: var(--dui-clr-light-green-d-4);
    border-right-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-border-y-light-green-d-4{
    --dui-border-y-clr: var(--dui-clr-light-green-d-4);
    border-top-color: var(--dui-clr-light-green-d-4);
    border-bottom-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-border-t-light-green-d-4{
    --dui-border-t-clr: var(--dui-clr-light-green-d-4);
    border-top-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-border-r-light-green-d-4{
    --dui-border-r-clr: var(--dui-clr-light-green-d-4);
    border-right-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-border-b-light-green-d-4{
    --dui-border-b-clr: var(--dui-clr-light-green-d-4);
    border-bottom-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-border-l-light-green-d-4{
    --dui-border-l-clr: var(--dui-clr-light-green-d-4);
    border-left-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-divide-light-green-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-light-green-d-4);
    border-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-outline-light-green-d-4{
    --dui-outline-clr: var(--dui-clr-light-green-d-4);
    outline-color: var(--dui-clr-light-green-d-4);
}
.dui.dui-fg-lime-l-4 {
    --dui-fg-clr: var(--dui-clr-lime-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-lime-l-4);
}
.dui.dui-bg-lime-l-4 {
    --dui-bg-clr: var(--dui-clr-lime-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-lime-l-4);
}
.dui.dui-accent-lime-l-4 {
    --dui-accent-clr: var(--dui-clr-lime-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-lime-l-4);
}
.dui.dui-shadow-lime-l-4 {
    --dui-shadow-clr: var(--dui-clr-lime-l-4);
}
.dui.dui-text-decoration-lime-l-4{
    --dui-text-decoration-clr: var(--dui-clr-lime-l-4);
    text-decoration-color: var(--dui-clr-lime-l-4);
}
.dui.dui-border-lime-l-4{
    --dui-border-clr: var(--dui-clr-lime-l-4);
    border-color: var(--dui-clr-lime-l-4);
}
.dui.dui-border-x-lime-l-4{
    --dui-border-x-clr: var(--dui-clr-lime-l-4);
    border-left-color: var(--dui-clr-lime-l-4);
    border-right-color: var(--dui-clr-lime-l-4);
}
.dui.dui-border-y-lime-l-4{
    --dui-border-y-clr: var(--dui-clr-lime-l-4);
    border-top-color: var(--dui-clr-lime-l-4);
    border-bottom-color: var(--dui-clr-lime-l-4);
}
.dui.dui-border-t-lime-l-4{
    --dui-border-t-clr: var(--dui-clr-lime-l-4);
    border-top-color: var(--dui-clr-lime-l-4);
}
.dui.dui-border-r-lime-l-4{
    --dui-border-r-clr: var(--dui-clr-lime-l-4);
    border-right-color: var(--dui-clr-lime-l-4);
}
.dui.dui-border-b-lime-l-4{
    --dui-border-b-clr: var(--dui-clr-lime-l-4);
    border-bottom-color: var(--dui-clr-lime-l-4);
}
.dui.dui-border-l-lime-l-4{
    --dui-border-l-clr: var(--dui-clr-lime-l-4);
    border-left-color: var(--dui-clr-lime-l-4);
}
.dui.dui-divide-lime-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-lime-l-4);
    border-color: var(--dui-clr-lime-l-4);
}
.dui.dui-outline-lime-l-4{
    --dui-outline-clr: var(--dui-clr-lime-l-4);
    outline-color: var(--dui-clr-lime-l-4);
}
.dui.dui-fg-lime-l-3 {
    --dui-fg-clr: var(--dui-clr-lime-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-lime-l-3);
}
.dui.dui-bg-lime-l-3 {
    --dui-bg-clr: var(--dui-clr-lime-l-3);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-lime-l-3);
}
.dui.dui-accent-lime-l-3 {
    --dui-accent-clr: var(--dui-clr-lime-l-3);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-lime-l-3);
}
.dui.dui-shadow-lime-l-3 {
    --dui-shadow-clr: var(--dui-clr-lime-l-3);
}
.dui.dui-text-decoration-lime-l-3{
    --dui-text-decoration-clr: var(--dui-clr-lime-l-3);
    text-decoration-color: var(--dui-clr-lime-l-3);
}
.dui.dui-border-lime-l-3{
    --dui-border-clr: var(--dui-clr-lime-l-3);
    border-color: var(--dui-clr-lime-l-3);
}
.dui.dui-border-x-lime-l-3{
    --dui-border-x-clr: var(--dui-clr-lime-l-3);
    border-left-color: var(--dui-clr-lime-l-3);
    border-right-color: var(--dui-clr-lime-l-3);
}
.dui.dui-border-y-lime-l-3{
    --dui-border-y-clr: var(--dui-clr-lime-l-3);
    border-top-color: var(--dui-clr-lime-l-3);
    border-bottom-color: var(--dui-clr-lime-l-3);
}
.dui.dui-border-t-lime-l-3{
    --dui-border-t-clr: var(--dui-clr-lime-l-3);
    border-top-color: var(--dui-clr-lime-l-3);
}
.dui.dui-border-r-lime-l-3{
    --dui-border-r-clr: var(--dui-clr-lime-l-3);
    border-right-color: var(--dui-clr-lime-l-3);
}
.dui.dui-border-b-lime-l-3{
    --dui-border-b-clr: var(--dui-clr-lime-l-3);
    border-bottom-color: var(--dui-clr-lime-l-3);
}
.dui.dui-border-l-lime-l-3{
    --dui-border-l-clr: var(--dui-clr-lime-l-3);
    border-left-color: var(--dui-clr-lime-l-3);
}
.dui.dui-divide-lime-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-lime-l-3);
    border-color: var(--dui-clr-lime-l-3);
}
.dui.dui-outline-lime-l-3{
    --dui-outline-clr: var(--dui-clr-lime-l-3);
    outline-color: var(--dui-clr-lime-l-3);
}
.dui.dui-fg-lime-l-2 {
    --dui-fg-clr: var(--dui-clr-lime-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-lime-l-2);
}
.dui.dui-bg-lime-l-2 {
    --dui-bg-clr: var(--dui-clr-lime-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-lime-l-2);
}
.dui.dui-accent-lime-l-2 {
    --dui-accent-clr: var(--dui-clr-lime-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-lime-l-2);
}
.dui.dui-shadow-lime-l-2 {
    --dui-shadow-clr: var(--dui-clr-lime-l-2);
}
.dui.dui-text-decoration-lime-l-2{
    --dui-text-decoration-clr: var(--dui-clr-lime-l-2);
    text-decoration-color: var(--dui-clr-lime-l-2);
}
.dui.dui-border-lime-l-2{
    --dui-border-clr: var(--dui-clr-lime-l-2);
    border-color: var(--dui-clr-lime-l-2);
}
.dui.dui-border-x-lime-l-2{
    --dui-border-x-clr: var(--dui-clr-lime-l-2);
    border-left-color: var(--dui-clr-lime-l-2);
    border-right-color: var(--dui-clr-lime-l-2);
}
.dui.dui-border-y-lime-l-2{
    --dui-border-y-clr: var(--dui-clr-lime-l-2);
    border-top-color: var(--dui-clr-lime-l-2);
    border-bottom-color: var(--dui-clr-lime-l-2);
}
.dui.dui-border-t-lime-l-2{
    --dui-border-t-clr: var(--dui-clr-lime-l-2);
    border-top-color: var(--dui-clr-lime-l-2);
}
.dui.dui-border-r-lime-l-2{
    --dui-border-r-clr: var(--dui-clr-lime-l-2);
    border-right-color: var(--dui-clr-lime-l-2);
}
.dui.dui-border-b-lime-l-2{
    --dui-border-b-clr: var(--dui-clr-lime-l-2);
    border-bottom-color: var(--dui-clr-lime-l-2);
}
.dui.dui-border-l-lime-l-2{
    --dui-border-l-clr: var(--dui-clr-lime-l-2);
    border-left-color: var(--dui-clr-lime-l-2);
}
.dui.dui-divide-lime-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-lime-l-2);
    border-color: var(--dui-clr-lime-l-2);
}
.dui.dui-outline-lime-l-2{
    --dui-outline-clr: var(--dui-clr-lime-l-2);
    outline-color: var(--dui-clr-lime-l-2);
}
.dui.dui-fg-lime-l-1 {
    --dui-fg-clr: var(--dui-clr-lime-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-lime-l-1);
}
.dui.dui-bg-lime-l-1 {
    --dui-bg-clr: var(--dui-clr-lime-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-lime-l-1);
}
.dui.dui-accent-lime-l-1 {
    --dui-accent-clr: var(--dui-clr-lime-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-lime-l-1);
}
.dui.dui-shadow-lime-l-1 {
    --dui-shadow-clr: var(--dui-clr-lime-l-1);
}
.dui.dui-text-decoration-lime-l-1{
    --dui-text-decoration-clr: var(--dui-clr-lime-l-1);
    text-decoration-color: var(--dui-clr-lime-l-1);
}
.dui.dui-border-lime-l-1{
    --dui-border-clr: var(--dui-clr-lime-l-1);
    border-color: var(--dui-clr-lime-l-1);
}
.dui.dui-border-x-lime-l-1{
    --dui-border-x-clr: var(--dui-clr-lime-l-1);
    border-left-color: var(--dui-clr-lime-l-1);
    border-right-color: var(--dui-clr-lime-l-1);
}
.dui.dui-border-y-lime-l-1{
    --dui-border-y-clr: var(--dui-clr-lime-l-1);
    border-top-color: var(--dui-clr-lime-l-1);
    border-bottom-color: var(--dui-clr-lime-l-1);
}
.dui.dui-border-t-lime-l-1{
    --dui-border-t-clr: var(--dui-clr-lime-l-1);
    border-top-color: var(--dui-clr-lime-l-1);
}
.dui.dui-border-r-lime-l-1{
    --dui-border-r-clr: var(--dui-clr-lime-l-1);
    border-right-color: var(--dui-clr-lime-l-1);
}
.dui.dui-border-b-lime-l-1{
    --dui-border-b-clr: var(--dui-clr-lime-l-1);
    border-bottom-color: var(--dui-clr-lime-l-1);
}
.dui.dui-border-l-lime-l-1{
    --dui-border-l-clr: var(--dui-clr-lime-l-1);
    border-left-color: var(--dui-clr-lime-l-1);
}
.dui.dui-divide-lime-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-lime-l-1);
    border-color: var(--dui-clr-lime-l-1);
}
.dui.dui-outline-lime-l-1{
    --dui-outline-clr: var(--dui-clr-lime-l-1);
    outline-color: var(--dui-clr-lime-l-1);
}
.dui.dui-fg-lime {
    --dui-fg-clr: var(--dui-clr-lime);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-lime);
}
.dui.dui-bg-lime {
    --dui-bg-clr: var(--dui-clr-lime);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-lime);
}
.dui.dui-accent-lime {
    --dui-accent-clr: var(--dui-clr-lime);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-lime);
}
.dui.dui-shadow-lime {
    --dui-shadow-clr: var(--dui-clr-lime);
}
.dui.dui-text-decoration-lime{
    --dui-text-decoration-clr: var(--dui-clr-lime);
    text-decoration-color: var(--dui-clr-lime);
}
.dui.dui-border-lime{
    --dui-border-clr: var(--dui-clr-lime);
    border-color: var(--dui-clr-lime);
}
.dui.dui-border-x-lime{
    --dui-border-x-clr: var(--dui-clr-lime);
    border-left-color: var(--dui-clr-lime);
    border-right-color: var(--dui-clr-lime);
}
.dui.dui-border-y-lime{
    --dui-border-y-clr: var(--dui-clr-lime);
    border-top-color: var(--dui-clr-lime);
    border-bottom-color: var(--dui-clr-lime);
}
.dui.dui-border-t-lime{
    --dui-border-t-clr: var(--dui-clr-lime);
    border-top-color: var(--dui-clr-lime);
}
.dui.dui-border-r-lime{
    --dui-border-r-clr: var(--dui-clr-lime);
    border-right-color: var(--dui-clr-lime);
}
.dui.dui-border-b-lime{
    --dui-border-b-clr: var(--dui-clr-lime);
    border-bottom-color: var(--dui-clr-lime);
}
.dui.dui-border-l-lime{
    --dui-border-l-clr: var(--dui-clr-lime);
    border-left-color: var(--dui-clr-lime);
}
.dui.dui-divide-lime > * + *{
    --dui-border-clr: var(--dui-clr-lime);
    border-color: var(--dui-clr-lime);
}
.dui.dui-outline-lime{
    --dui-outline-clr: var(--dui-clr-lime);
    outline-color: var(--dui-clr-lime);
}
.dui.dui-fg-lime-d-1 {
    --dui-fg-clr: var(--dui-clr-lime-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-lime-d-1);
}
.dui.dui-bg-lime-d-1 {
    --dui-bg-clr: var(--dui-clr-lime-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-lime-d-1);
}
.dui.dui-accent-lime-d-1 {
    --dui-accent-clr: var(--dui-clr-lime-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-lime-d-1);
}
.dui.dui-shadow-lime-d-1 {
    --dui-shadow-clr: var(--dui-clr-lime-d-1);
}
.dui.dui-text-decoration-lime-d-1{
    --dui-text-decoration-clr: var(--dui-clr-lime-d-1);
    text-decoration-color: var(--dui-clr-lime-d-1);
}
.dui.dui-border-lime-d-1{
    --dui-border-clr: var(--dui-clr-lime-d-1);
    border-color: var(--dui-clr-lime-d-1);
}
.dui.dui-border-x-lime-d-1{
    --dui-border-x-clr: var(--dui-clr-lime-d-1);
    border-left-color: var(--dui-clr-lime-d-1);
    border-right-color: var(--dui-clr-lime-d-1);
}
.dui.dui-border-y-lime-d-1{
    --dui-border-y-clr: var(--dui-clr-lime-d-1);
    border-top-color: var(--dui-clr-lime-d-1);
    border-bottom-color: var(--dui-clr-lime-d-1);
}
.dui.dui-border-t-lime-d-1{
    --dui-border-t-clr: var(--dui-clr-lime-d-1);
    border-top-color: var(--dui-clr-lime-d-1);
}
.dui.dui-border-r-lime-d-1{
    --dui-border-r-clr: var(--dui-clr-lime-d-1);
    border-right-color: var(--dui-clr-lime-d-1);
}
.dui.dui-border-b-lime-d-1{
    --dui-border-b-clr: var(--dui-clr-lime-d-1);
    border-bottom-color: var(--dui-clr-lime-d-1);
}
.dui.dui-border-l-lime-d-1{
    --dui-border-l-clr: var(--dui-clr-lime-d-1);
    border-left-color: var(--dui-clr-lime-d-1);
}
.dui.dui-divide-lime-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-lime-d-1);
    border-color: var(--dui-clr-lime-d-1);
}
.dui.dui-outline-lime-d-1{
    --dui-outline-clr: var(--dui-clr-lime-d-1);
    outline-color: var(--dui-clr-lime-d-1);
}
.dui.dui-fg-lime-d-2 {
    --dui-fg-clr: var(--dui-clr-lime-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-lime-d-2);
}
.dui.dui-bg-lime-d-2 {
    --dui-bg-clr: var(--dui-clr-lime-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-lime-d-2);
}
.dui.dui-accent-lime-d-2 {
    --dui-accent-clr: var(--dui-clr-lime-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-lime-d-2);
}
.dui.dui-shadow-lime-d-2 {
    --dui-shadow-clr: var(--dui-clr-lime-d-2);
}
.dui.dui-text-decoration-lime-d-2{
    --dui-text-decoration-clr: var(--dui-clr-lime-d-2);
    text-decoration-color: var(--dui-clr-lime-d-2);
}
.dui.dui-border-lime-d-2{
    --dui-border-clr: var(--dui-clr-lime-d-2);
    border-color: var(--dui-clr-lime-d-2);
}
.dui.dui-border-x-lime-d-2{
    --dui-border-x-clr: var(--dui-clr-lime-d-2);
    border-left-color: var(--dui-clr-lime-d-2);
    border-right-color: var(--dui-clr-lime-d-2);
}
.dui.dui-border-y-lime-d-2{
    --dui-border-y-clr: var(--dui-clr-lime-d-2);
    border-top-color: var(--dui-clr-lime-d-2);
    border-bottom-color: var(--dui-clr-lime-d-2);
}
.dui.dui-border-t-lime-d-2{
    --dui-border-t-clr: var(--dui-clr-lime-d-2);
    border-top-color: var(--dui-clr-lime-d-2);
}
.dui.dui-border-r-lime-d-2{
    --dui-border-r-clr: var(--dui-clr-lime-d-2);
    border-right-color: var(--dui-clr-lime-d-2);
}
.dui.dui-border-b-lime-d-2{
    --dui-border-b-clr: var(--dui-clr-lime-d-2);
    border-bottom-color: var(--dui-clr-lime-d-2);
}
.dui.dui-border-l-lime-d-2{
    --dui-border-l-clr: var(--dui-clr-lime-d-2);
    border-left-color: var(--dui-clr-lime-d-2);
}
.dui.dui-divide-lime-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-lime-d-2);
    border-color: var(--dui-clr-lime-d-2);
}
.dui.dui-outline-lime-d-2{
    --dui-outline-clr: var(--dui-clr-lime-d-2);
    outline-color: var(--dui-clr-lime-d-2);
}
.dui.dui-fg-lime-d-3 {
    --dui-fg-clr: var(--dui-clr-lime-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-lime-d-3);
}
.dui.dui-bg-lime-d-3 {
    --dui-bg-clr: var(--dui-clr-lime-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-lime-d-3);
}
.dui.dui-accent-lime-d-3 {
    --dui-accent-clr: var(--dui-clr-lime-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-lime-d-3);
}
.dui.dui-shadow-lime-d-3 {
    --dui-shadow-clr: var(--dui-clr-lime-d-3);
}
.dui.dui-text-decoration-lime-d-3{
    --dui-text-decoration-clr: var(--dui-clr-lime-d-3);
    text-decoration-color: var(--dui-clr-lime-d-3);
}
.dui.dui-border-lime-d-3{
    --dui-border-clr: var(--dui-clr-lime-d-3);
    border-color: var(--dui-clr-lime-d-3);
}
.dui.dui-border-x-lime-d-3{
    --dui-border-x-clr: var(--dui-clr-lime-d-3);
    border-left-color: var(--dui-clr-lime-d-3);
    border-right-color: var(--dui-clr-lime-d-3);
}
.dui.dui-border-y-lime-d-3{
    --dui-border-y-clr: var(--dui-clr-lime-d-3);
    border-top-color: var(--dui-clr-lime-d-3);
    border-bottom-color: var(--dui-clr-lime-d-3);
}
.dui.dui-border-t-lime-d-3{
    --dui-border-t-clr: var(--dui-clr-lime-d-3);
    border-top-color: var(--dui-clr-lime-d-3);
}
.dui.dui-border-r-lime-d-3{
    --dui-border-r-clr: var(--dui-clr-lime-d-3);
    border-right-color: var(--dui-clr-lime-d-3);
}
.dui.dui-border-b-lime-d-3{
    --dui-border-b-clr: var(--dui-clr-lime-d-3);
    border-bottom-color: var(--dui-clr-lime-d-3);
}
.dui.dui-border-l-lime-d-3{
    --dui-border-l-clr: var(--dui-clr-lime-d-3);
    border-left-color: var(--dui-clr-lime-d-3);
}
.dui.dui-divide-lime-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-lime-d-3);
    border-color: var(--dui-clr-lime-d-3);
}
.dui.dui-outline-lime-d-3{
    --dui-outline-clr: var(--dui-clr-lime-d-3);
    outline-color: var(--dui-clr-lime-d-3);
}
.dui.dui-fg-lime-d-4 {
    --dui-fg-clr: var(--dui-clr-lime-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-lime-d-4);
}
.dui.dui-bg-lime-d-4 {
    --dui-bg-clr: var(--dui-clr-lime-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-lime-d-4);
}
.dui.dui-accent-lime-d-4 {
    --dui-accent-clr: var(--dui-clr-lime-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-lime-d-4);
}
.dui.dui-shadow-lime-d-4 {
    --dui-shadow-clr: var(--dui-clr-lime-d-4);
}
.dui.dui-text-decoration-lime-d-4{
    --dui-text-decoration-clr: var(--dui-clr-lime-d-4);
    text-decoration-color: var(--dui-clr-lime-d-4);
}
.dui.dui-border-lime-d-4{
    --dui-border-clr: var(--dui-clr-lime-d-4);
    border-color: var(--dui-clr-lime-d-4);
}
.dui.dui-border-x-lime-d-4{
    --dui-border-x-clr: var(--dui-clr-lime-d-4);
    border-left-color: var(--dui-clr-lime-d-4);
    border-right-color: var(--dui-clr-lime-d-4);
}
.dui.dui-border-y-lime-d-4{
    --dui-border-y-clr: var(--dui-clr-lime-d-4);
    border-top-color: var(--dui-clr-lime-d-4);
    border-bottom-color: var(--dui-clr-lime-d-4);
}
.dui.dui-border-t-lime-d-4{
    --dui-border-t-clr: var(--dui-clr-lime-d-4);
    border-top-color: var(--dui-clr-lime-d-4);
}
.dui.dui-border-r-lime-d-4{
    --dui-border-r-clr: var(--dui-clr-lime-d-4);
    border-right-color: var(--dui-clr-lime-d-4);
}
.dui.dui-border-b-lime-d-4{
    --dui-border-b-clr: var(--dui-clr-lime-d-4);
    border-bottom-color: var(--dui-clr-lime-d-4);
}
.dui.dui-border-l-lime-d-4{
    --dui-border-l-clr: var(--dui-clr-lime-d-4);
    border-left-color: var(--dui-clr-lime-d-4);
}
.dui.dui-divide-lime-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-lime-d-4);
    border-color: var(--dui-clr-lime-d-4);
}
.dui.dui-outline-lime-d-4{
    --dui-outline-clr: var(--dui-clr-lime-d-4);
    outline-color: var(--dui-clr-lime-d-4);
}
.dui.dui-fg-yellow-l-5 {
    --dui-fg-clr: var(--dui-clr-yellow-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow-l-5);
}
.dui.dui-bg-yellow-l-5 {
    --dui-bg-clr: var(--dui-clr-yellow-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-accent-yellow-l-5 {
    --dui-accent-clr: var(--dui-clr-yellow-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-shadow-yellow-l-5 {
    --dui-shadow-clr: var(--dui-clr-yellow-l-5);
}
.dui.dui-text-decoration-yellow-l-5{
    --dui-text-decoration-clr: var(--dui-clr-yellow-l-5);
    text-decoration-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-border-yellow-l-5{
    --dui-border-clr: var(--dui-clr-yellow-l-5);
    border-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-border-x-yellow-l-5{
    --dui-border-x-clr: var(--dui-clr-yellow-l-5);
    border-left-color: var(--dui-clr-yellow-l-5);
    border-right-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-border-y-yellow-l-5{
    --dui-border-y-clr: var(--dui-clr-yellow-l-5);
    border-top-color: var(--dui-clr-yellow-l-5);
    border-bottom-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-border-t-yellow-l-5{
    --dui-border-t-clr: var(--dui-clr-yellow-l-5);
    border-top-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-border-r-yellow-l-5{
    --dui-border-r-clr: var(--dui-clr-yellow-l-5);
    border-right-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-border-b-yellow-l-5{
    --dui-border-b-clr: var(--dui-clr-yellow-l-5);
    border-bottom-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-border-l-yellow-l-5{
    --dui-border-l-clr: var(--dui-clr-yellow-l-5);
    border-left-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-divide-yellow-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-yellow-l-5);
    border-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-outline-yellow-l-5{
    --dui-outline-clr: var(--dui-clr-yellow-l-5);
    outline-color: var(--dui-clr-yellow-l-5);
}
.dui.dui-fg-yellow-l-4 {
    --dui-fg-clr: var(--dui-clr-yellow-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow-l-4);
}
.dui.dui-bg-yellow-l-4 {
    --dui-bg-clr: var(--dui-clr-yellow-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-accent-yellow-l-4 {
    --dui-accent-clr: var(--dui-clr-yellow-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-shadow-yellow-l-4 {
    --dui-shadow-clr: var(--dui-clr-yellow-l-4);
}
.dui.dui-text-decoration-yellow-l-4{
    --dui-text-decoration-clr: var(--dui-clr-yellow-l-4);
    text-decoration-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-border-yellow-l-4{
    --dui-border-clr: var(--dui-clr-yellow-l-4);
    border-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-border-x-yellow-l-4{
    --dui-border-x-clr: var(--dui-clr-yellow-l-4);
    border-left-color: var(--dui-clr-yellow-l-4);
    border-right-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-border-y-yellow-l-4{
    --dui-border-y-clr: var(--dui-clr-yellow-l-4);
    border-top-color: var(--dui-clr-yellow-l-4);
    border-bottom-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-border-t-yellow-l-4{
    --dui-border-t-clr: var(--dui-clr-yellow-l-4);
    border-top-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-border-r-yellow-l-4{
    --dui-border-r-clr: var(--dui-clr-yellow-l-4);
    border-right-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-border-b-yellow-l-4{
    --dui-border-b-clr: var(--dui-clr-yellow-l-4);
    border-bottom-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-border-l-yellow-l-4{
    --dui-border-l-clr: var(--dui-clr-yellow-l-4);
    border-left-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-divide-yellow-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-yellow-l-4);
    border-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-outline-yellow-l-4{
    --dui-outline-clr: var(--dui-clr-yellow-l-4);
    outline-color: var(--dui-clr-yellow-l-4);
}
.dui.dui-fg-yellow-l-3 {
    --dui-fg-clr: var(--dui-clr-yellow-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow-l-3);
}
.dui.dui-bg-yellow-l-3 {
    --dui-bg-clr: var(--dui-clr-yellow-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-accent-yellow-l-3 {
    --dui-accent-clr: var(--dui-clr-yellow-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-shadow-yellow-l-3 {
    --dui-shadow-clr: var(--dui-clr-yellow-l-3);
}
.dui.dui-text-decoration-yellow-l-3{
    --dui-text-decoration-clr: var(--dui-clr-yellow-l-3);
    text-decoration-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-border-yellow-l-3{
    --dui-border-clr: var(--dui-clr-yellow-l-3);
    border-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-border-x-yellow-l-3{
    --dui-border-x-clr: var(--dui-clr-yellow-l-3);
    border-left-color: var(--dui-clr-yellow-l-3);
    border-right-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-border-y-yellow-l-3{
    --dui-border-y-clr: var(--dui-clr-yellow-l-3);
    border-top-color: var(--dui-clr-yellow-l-3);
    border-bottom-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-border-t-yellow-l-3{
    --dui-border-t-clr: var(--dui-clr-yellow-l-3);
    border-top-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-border-r-yellow-l-3{
    --dui-border-r-clr: var(--dui-clr-yellow-l-3);
    border-right-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-border-b-yellow-l-3{
    --dui-border-b-clr: var(--dui-clr-yellow-l-3);
    border-bottom-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-border-l-yellow-l-3{
    --dui-border-l-clr: var(--dui-clr-yellow-l-3);
    border-left-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-divide-yellow-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-yellow-l-3);
    border-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-outline-yellow-l-3{
    --dui-outline-clr: var(--dui-clr-yellow-l-3);
    outline-color: var(--dui-clr-yellow-l-3);
}
.dui.dui-fg-yellow-l-2 {
    --dui-fg-clr: var(--dui-clr-yellow-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow-l-2);
}
.dui.dui-bg-yellow-l-2 {
    --dui-bg-clr: var(--dui-clr-yellow-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-accent-yellow-l-2 {
    --dui-accent-clr: var(--dui-clr-yellow-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-shadow-yellow-l-2 {
    --dui-shadow-clr: var(--dui-clr-yellow-l-2);
}
.dui.dui-text-decoration-yellow-l-2{
    --dui-text-decoration-clr: var(--dui-clr-yellow-l-2);
    text-decoration-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-border-yellow-l-2{
    --dui-border-clr: var(--dui-clr-yellow-l-2);
    border-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-border-x-yellow-l-2{
    --dui-border-x-clr: var(--dui-clr-yellow-l-2);
    border-left-color: var(--dui-clr-yellow-l-2);
    border-right-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-border-y-yellow-l-2{
    --dui-border-y-clr: var(--dui-clr-yellow-l-2);
    border-top-color: var(--dui-clr-yellow-l-2);
    border-bottom-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-border-t-yellow-l-2{
    --dui-border-t-clr: var(--dui-clr-yellow-l-2);
    border-top-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-border-r-yellow-l-2{
    --dui-border-r-clr: var(--dui-clr-yellow-l-2);
    border-right-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-border-b-yellow-l-2{
    --dui-border-b-clr: var(--dui-clr-yellow-l-2);
    border-bottom-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-border-l-yellow-l-2{
    --dui-border-l-clr: var(--dui-clr-yellow-l-2);
    border-left-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-divide-yellow-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-yellow-l-2);
    border-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-outline-yellow-l-2{
    --dui-outline-clr: var(--dui-clr-yellow-l-2);
    outline-color: var(--dui-clr-yellow-l-2);
}
.dui.dui-fg-yellow-l-1 {
    --dui-fg-clr: var(--dui-clr-yellow-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow-l-1);
}
.dui.dui-bg-yellow-l-1 {
    --dui-bg-clr: var(--dui-clr-yellow-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-accent-yellow-l-1 {
    --dui-accent-clr: var(--dui-clr-yellow-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-shadow-yellow-l-1 {
    --dui-shadow-clr: var(--dui-clr-yellow-l-1);
}
.dui.dui-text-decoration-yellow-l-1{
    --dui-text-decoration-clr: var(--dui-clr-yellow-l-1);
    text-decoration-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-border-yellow-l-1{
    --dui-border-clr: var(--dui-clr-yellow-l-1);
    border-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-border-x-yellow-l-1{
    --dui-border-x-clr: var(--dui-clr-yellow-l-1);
    border-left-color: var(--dui-clr-yellow-l-1);
    border-right-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-border-y-yellow-l-1{
    --dui-border-y-clr: var(--dui-clr-yellow-l-1);
    border-top-color: var(--dui-clr-yellow-l-1);
    border-bottom-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-border-t-yellow-l-1{
    --dui-border-t-clr: var(--dui-clr-yellow-l-1);
    border-top-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-border-r-yellow-l-1{
    --dui-border-r-clr: var(--dui-clr-yellow-l-1);
    border-right-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-border-b-yellow-l-1{
    --dui-border-b-clr: var(--dui-clr-yellow-l-1);
    border-bottom-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-border-l-yellow-l-1{
    --dui-border-l-clr: var(--dui-clr-yellow-l-1);
    border-left-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-divide-yellow-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-yellow-l-1);
    border-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-outline-yellow-l-1{
    --dui-outline-clr: var(--dui-clr-yellow-l-1);
    outline-color: var(--dui-clr-yellow-l-1);
}
.dui.dui-fg-yellow {
    --dui-fg-clr: var(--dui-clr-yellow);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow);
}
.dui.dui-bg-yellow {
    --dui-bg-clr: var(--dui-clr-yellow);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-yellow);
}
.dui.dui-accent-yellow {
    --dui-accent-clr: var(--dui-clr-yellow);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-yellow);
}
.dui.dui-shadow-yellow {
    --dui-shadow-clr: var(--dui-clr-yellow);
}
.dui.dui-text-decoration-yellow{
    --dui-text-decoration-clr: var(--dui-clr-yellow);
    text-decoration-color: var(--dui-clr-yellow);
}
.dui.dui-border-yellow{
    --dui-border-clr: var(--dui-clr-yellow);
    border-color: var(--dui-clr-yellow);
}
.dui.dui-border-x-yellow{
    --dui-border-x-clr: var(--dui-clr-yellow);
    border-left-color: var(--dui-clr-yellow);
    border-right-color: var(--dui-clr-yellow);
}
.dui.dui-border-y-yellow{
    --dui-border-y-clr: var(--dui-clr-yellow);
    border-top-color: var(--dui-clr-yellow);
    border-bottom-color: var(--dui-clr-yellow);
}
.dui.dui-border-t-yellow{
    --dui-border-t-clr: var(--dui-clr-yellow);
    border-top-color: var(--dui-clr-yellow);
}
.dui.dui-border-r-yellow{
    --dui-border-r-clr: var(--dui-clr-yellow);
    border-right-color: var(--dui-clr-yellow);
}
.dui.dui-border-b-yellow{
    --dui-border-b-clr: var(--dui-clr-yellow);
    border-bottom-color: var(--dui-clr-yellow);
}
.dui.dui-border-l-yellow{
    --dui-border-l-clr: var(--dui-clr-yellow);
    border-left-color: var(--dui-clr-yellow);
}
.dui.dui-divide-yellow > * + *{
    --dui-border-clr: var(--dui-clr-yellow);
    border-color: var(--dui-clr-yellow);
}
.dui.dui-outline-yellow{
    --dui-outline-clr: var(--dui-clr-yellow);
    outline-color: var(--dui-clr-yellow);
}
.dui.dui-fg-yellow-d-1 {
    --dui-fg-clr: var(--dui-clr-yellow-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow-d-1);
}
.dui.dui-bg-yellow-d-1 {
    --dui-bg-clr: var(--dui-clr-yellow-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-accent-yellow-d-1 {
    --dui-accent-clr: var(--dui-clr-yellow-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-shadow-yellow-d-1 {
    --dui-shadow-clr: var(--dui-clr-yellow-d-1);
}
.dui.dui-text-decoration-yellow-d-1{
    --dui-text-decoration-clr: var(--dui-clr-yellow-d-1);
    text-decoration-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-border-yellow-d-1{
    --dui-border-clr: var(--dui-clr-yellow-d-1);
    border-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-border-x-yellow-d-1{
    --dui-border-x-clr: var(--dui-clr-yellow-d-1);
    border-left-color: var(--dui-clr-yellow-d-1);
    border-right-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-border-y-yellow-d-1{
    --dui-border-y-clr: var(--dui-clr-yellow-d-1);
    border-top-color: var(--dui-clr-yellow-d-1);
    border-bottom-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-border-t-yellow-d-1{
    --dui-border-t-clr: var(--dui-clr-yellow-d-1);
    border-top-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-border-r-yellow-d-1{
    --dui-border-r-clr: var(--dui-clr-yellow-d-1);
    border-right-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-border-b-yellow-d-1{
    --dui-border-b-clr: var(--dui-clr-yellow-d-1);
    border-bottom-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-border-l-yellow-d-1{
    --dui-border-l-clr: var(--dui-clr-yellow-d-1);
    border-left-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-divide-yellow-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-yellow-d-1);
    border-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-outline-yellow-d-1{
    --dui-outline-clr: var(--dui-clr-yellow-d-1);
    outline-color: var(--dui-clr-yellow-d-1);
}
.dui.dui-fg-yellow-d-2 {
    --dui-fg-clr: var(--dui-clr-yellow-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow-d-2);
}
.dui.dui-bg-yellow-d-2 {
    --dui-bg-clr: var(--dui-clr-yellow-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-accent-yellow-d-2 {
    --dui-accent-clr: var(--dui-clr-yellow-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-shadow-yellow-d-2 {
    --dui-shadow-clr: var(--dui-clr-yellow-d-2);
}
.dui.dui-text-decoration-yellow-d-2{
    --dui-text-decoration-clr: var(--dui-clr-yellow-d-2);
    text-decoration-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-border-yellow-d-2{
    --dui-border-clr: var(--dui-clr-yellow-d-2);
    border-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-border-x-yellow-d-2{
    --dui-border-x-clr: var(--dui-clr-yellow-d-2);
    border-left-color: var(--dui-clr-yellow-d-2);
    border-right-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-border-y-yellow-d-2{
    --dui-border-y-clr: var(--dui-clr-yellow-d-2);
    border-top-color: var(--dui-clr-yellow-d-2);
    border-bottom-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-border-t-yellow-d-2{
    --dui-border-t-clr: var(--dui-clr-yellow-d-2);
    border-top-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-border-r-yellow-d-2{
    --dui-border-r-clr: var(--dui-clr-yellow-d-2);
    border-right-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-border-b-yellow-d-2{
    --dui-border-b-clr: var(--dui-clr-yellow-d-2);
    border-bottom-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-border-l-yellow-d-2{
    --dui-border-l-clr: var(--dui-clr-yellow-d-2);
    border-left-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-divide-yellow-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-yellow-d-2);
    border-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-outline-yellow-d-2{
    --dui-outline-clr: var(--dui-clr-yellow-d-2);
    outline-color: var(--dui-clr-yellow-d-2);
}
.dui.dui-fg-yellow-d-3 {
    --dui-fg-clr: var(--dui-clr-yellow-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow-d-3);
}
.dui.dui-bg-yellow-d-3 {
    --dui-bg-clr: var(--dui-clr-yellow-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-accent-yellow-d-3 {
    --dui-accent-clr: var(--dui-clr-yellow-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-shadow-yellow-d-3 {
    --dui-shadow-clr: var(--dui-clr-yellow-d-3);
}
.dui.dui-text-decoration-yellow-d-3{
    --dui-text-decoration-clr: var(--dui-clr-yellow-d-3);
    text-decoration-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-border-yellow-d-3{
    --dui-border-clr: var(--dui-clr-yellow-d-3);
    border-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-border-x-yellow-d-3{
    --dui-border-x-clr: var(--dui-clr-yellow-d-3);
    border-left-color: var(--dui-clr-yellow-d-3);
    border-right-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-border-y-yellow-d-3{
    --dui-border-y-clr: var(--dui-clr-yellow-d-3);
    border-top-color: var(--dui-clr-yellow-d-3);
    border-bottom-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-border-t-yellow-d-3{
    --dui-border-t-clr: var(--dui-clr-yellow-d-3);
    border-top-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-border-r-yellow-d-3{
    --dui-border-r-clr: var(--dui-clr-yellow-d-3);
    border-right-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-border-b-yellow-d-3{
    --dui-border-b-clr: var(--dui-clr-yellow-d-3);
    border-bottom-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-border-l-yellow-d-3{
    --dui-border-l-clr: var(--dui-clr-yellow-d-3);
    border-left-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-divide-yellow-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-yellow-d-3);
    border-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-outline-yellow-d-3{
    --dui-outline-clr: var(--dui-clr-yellow-d-3);
    outline-color: var(--dui-clr-yellow-d-3);
}
.dui.dui-fg-yellow-d-4 {
    --dui-fg-clr: var(--dui-clr-yellow-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-yellow-d-4);
}
.dui.dui-bg-yellow-d-4 {
    --dui-bg-clr: var(--dui-clr-yellow-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-accent-yellow-d-4 {
    --dui-accent-clr: var(--dui-clr-yellow-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-shadow-yellow-d-4 {
    --dui-shadow-clr: var(--dui-clr-yellow-d-4);
}
.dui.dui-text-decoration-yellow-d-4{
    --dui-text-decoration-clr: var(--dui-clr-yellow-d-4);
    text-decoration-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-border-yellow-d-4{
    --dui-border-clr: var(--dui-clr-yellow-d-4);
    border-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-border-x-yellow-d-4{
    --dui-border-x-clr: var(--dui-clr-yellow-d-4);
    border-left-color: var(--dui-clr-yellow-d-4);
    border-right-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-border-y-yellow-d-4{
    --dui-border-y-clr: var(--dui-clr-yellow-d-4);
    border-top-color: var(--dui-clr-yellow-d-4);
    border-bottom-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-border-t-yellow-d-4{
    --dui-border-t-clr: var(--dui-clr-yellow-d-4);
    border-top-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-border-r-yellow-d-4{
    --dui-border-r-clr: var(--dui-clr-yellow-d-4);
    border-right-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-border-b-yellow-d-4{
    --dui-border-b-clr: var(--dui-clr-yellow-d-4);
    border-bottom-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-border-l-yellow-d-4{
    --dui-border-l-clr: var(--dui-clr-yellow-d-4);
    border-left-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-divide-yellow-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-yellow-d-4);
    border-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-outline-yellow-d-4{
    --dui-outline-clr: var(--dui-clr-yellow-d-4);
    outline-color: var(--dui-clr-yellow-d-4);
}
.dui.dui-fg-amber-l-5 {
    --dui-fg-clr: var(--dui-clr-amber-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber-l-5);
}
.dui.dui-bg-amber-l-5 {
    --dui-bg-clr: var(--dui-clr-amber-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-amber-l-5);
}
.dui.dui-accent-amber-l-5 {
    --dui-accent-clr: var(--dui-clr-amber-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-amber-l-5);
}
.dui.dui-shadow-amber-l-5 {
    --dui-shadow-clr: var(--dui-clr-amber-l-5);
}
.dui.dui-text-decoration-amber-l-5{
    --dui-text-decoration-clr: var(--dui-clr-amber-l-5);
    text-decoration-color: var(--dui-clr-amber-l-5);
}
.dui.dui-border-amber-l-5{
    --dui-border-clr: var(--dui-clr-amber-l-5);
    border-color: var(--dui-clr-amber-l-5);
}
.dui.dui-border-x-amber-l-5{
    --dui-border-x-clr: var(--dui-clr-amber-l-5);
    border-left-color: var(--dui-clr-amber-l-5);
    border-right-color: var(--dui-clr-amber-l-5);
}
.dui.dui-border-y-amber-l-5{
    --dui-border-y-clr: var(--dui-clr-amber-l-5);
    border-top-color: var(--dui-clr-amber-l-5);
    border-bottom-color: var(--dui-clr-amber-l-5);
}
.dui.dui-border-t-amber-l-5{
    --dui-border-t-clr: var(--dui-clr-amber-l-5);
    border-top-color: var(--dui-clr-amber-l-5);
}
.dui.dui-border-r-amber-l-5{
    --dui-border-r-clr: var(--dui-clr-amber-l-5);
    border-right-color: var(--dui-clr-amber-l-5);
}
.dui.dui-border-b-amber-l-5{
    --dui-border-b-clr: var(--dui-clr-amber-l-5);
    border-bottom-color: var(--dui-clr-amber-l-5);
}
.dui.dui-border-l-amber-l-5{
    --dui-border-l-clr: var(--dui-clr-amber-l-5);
    border-left-color: var(--dui-clr-amber-l-5);
}
.dui.dui-divide-amber-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-amber-l-5);
    border-color: var(--dui-clr-amber-l-5);
}
.dui.dui-outline-amber-l-5{
    --dui-outline-clr: var(--dui-clr-amber-l-5);
    outline-color: var(--dui-clr-amber-l-5);
}
.dui.dui-fg-amber-l-4 {
    --dui-fg-clr: var(--dui-clr-amber-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber-l-4);
}
.dui.dui-bg-amber-l-4 {
    --dui-bg-clr: var(--dui-clr-amber-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-amber-l-4);
}
.dui.dui-accent-amber-l-4 {
    --dui-accent-clr: var(--dui-clr-amber-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-amber-l-4);
}
.dui.dui-shadow-amber-l-4 {
    --dui-shadow-clr: var(--dui-clr-amber-l-4);
}
.dui.dui-text-decoration-amber-l-4{
    --dui-text-decoration-clr: var(--dui-clr-amber-l-4);
    text-decoration-color: var(--dui-clr-amber-l-4);
}
.dui.dui-border-amber-l-4{
    --dui-border-clr: var(--dui-clr-amber-l-4);
    border-color: var(--dui-clr-amber-l-4);
}
.dui.dui-border-x-amber-l-4{
    --dui-border-x-clr: var(--dui-clr-amber-l-4);
    border-left-color: var(--dui-clr-amber-l-4);
    border-right-color: var(--dui-clr-amber-l-4);
}
.dui.dui-border-y-amber-l-4{
    --dui-border-y-clr: var(--dui-clr-amber-l-4);
    border-top-color: var(--dui-clr-amber-l-4);
    border-bottom-color: var(--dui-clr-amber-l-4);
}
.dui.dui-border-t-amber-l-4{
    --dui-border-t-clr: var(--dui-clr-amber-l-4);
    border-top-color: var(--dui-clr-amber-l-4);
}
.dui.dui-border-r-amber-l-4{
    --dui-border-r-clr: var(--dui-clr-amber-l-4);
    border-right-color: var(--dui-clr-amber-l-4);
}
.dui.dui-border-b-amber-l-4{
    --dui-border-b-clr: var(--dui-clr-amber-l-4);
    border-bottom-color: var(--dui-clr-amber-l-4);
}
.dui.dui-border-l-amber-l-4{
    --dui-border-l-clr: var(--dui-clr-amber-l-4);
    border-left-color: var(--dui-clr-amber-l-4);
}
.dui.dui-divide-amber-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-amber-l-4);
    border-color: var(--dui-clr-amber-l-4);
}
.dui.dui-outline-amber-l-4{
    --dui-outline-clr: var(--dui-clr-amber-l-4);
    outline-color: var(--dui-clr-amber-l-4);
}
.dui.dui-fg-amber-l-3 {
    --dui-fg-clr: var(--dui-clr-amber-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber-l-3);
}
.dui.dui-bg-amber-l-3 {
    --dui-bg-clr: var(--dui-clr-amber-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-amber-l-3);
}
.dui.dui-accent-amber-l-3 {
    --dui-accent-clr: var(--dui-clr-amber-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-amber-l-3);
}
.dui.dui-shadow-amber-l-3 {
    --dui-shadow-clr: var(--dui-clr-amber-l-3);
}
.dui.dui-text-decoration-amber-l-3{
    --dui-text-decoration-clr: var(--dui-clr-amber-l-3);
    text-decoration-color: var(--dui-clr-amber-l-3);
}
.dui.dui-border-amber-l-3{
    --dui-border-clr: var(--dui-clr-amber-l-3);
    border-color: var(--dui-clr-amber-l-3);
}
.dui.dui-border-x-amber-l-3{
    --dui-border-x-clr: var(--dui-clr-amber-l-3);
    border-left-color: var(--dui-clr-amber-l-3);
    border-right-color: var(--dui-clr-amber-l-3);
}
.dui.dui-border-y-amber-l-3{
    --dui-border-y-clr: var(--dui-clr-amber-l-3);
    border-top-color: var(--dui-clr-amber-l-3);
    border-bottom-color: var(--dui-clr-amber-l-3);
}
.dui.dui-border-t-amber-l-3{
    --dui-border-t-clr: var(--dui-clr-amber-l-3);
    border-top-color: var(--dui-clr-amber-l-3);
}
.dui.dui-border-r-amber-l-3{
    --dui-border-r-clr: var(--dui-clr-amber-l-3);
    border-right-color: var(--dui-clr-amber-l-3);
}
.dui.dui-border-b-amber-l-3{
    --dui-border-b-clr: var(--dui-clr-amber-l-3);
    border-bottom-color: var(--dui-clr-amber-l-3);
}
.dui.dui-border-l-amber-l-3{
    --dui-border-l-clr: var(--dui-clr-amber-l-3);
    border-left-color: var(--dui-clr-amber-l-3);
}
.dui.dui-divide-amber-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-amber-l-3);
    border-color: var(--dui-clr-amber-l-3);
}
.dui.dui-outline-amber-l-3{
    --dui-outline-clr: var(--dui-clr-amber-l-3);
    outline-color: var(--dui-clr-amber-l-3);
}
.dui.dui-fg-amber-l-2 {
    --dui-fg-clr: var(--dui-clr-amber-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber-l-2);
}
.dui.dui-bg-amber-l-2 {
    --dui-bg-clr: var(--dui-clr-amber-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-amber-l-2);
}
.dui.dui-accent-amber-l-2 {
    --dui-accent-clr: var(--dui-clr-amber-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-amber-l-2);
}
.dui.dui-shadow-amber-l-2 {
    --dui-shadow-clr: var(--dui-clr-amber-l-2);
}
.dui.dui-text-decoration-amber-l-2{
    --dui-text-decoration-clr: var(--dui-clr-amber-l-2);
    text-decoration-color: var(--dui-clr-amber-l-2);
}
.dui.dui-border-amber-l-2{
    --dui-border-clr: var(--dui-clr-amber-l-2);
    border-color: var(--dui-clr-amber-l-2);
}
.dui.dui-border-x-amber-l-2{
    --dui-border-x-clr: var(--dui-clr-amber-l-2);
    border-left-color: var(--dui-clr-amber-l-2);
    border-right-color: var(--dui-clr-amber-l-2);
}
.dui.dui-border-y-amber-l-2{
    --dui-border-y-clr: var(--dui-clr-amber-l-2);
    border-top-color: var(--dui-clr-amber-l-2);
    border-bottom-color: var(--dui-clr-amber-l-2);
}
.dui.dui-border-t-amber-l-2{
    --dui-border-t-clr: var(--dui-clr-amber-l-2);
    border-top-color: var(--dui-clr-amber-l-2);
}
.dui.dui-border-r-amber-l-2{
    --dui-border-r-clr: var(--dui-clr-amber-l-2);
    border-right-color: var(--dui-clr-amber-l-2);
}
.dui.dui-border-b-amber-l-2{
    --dui-border-b-clr: var(--dui-clr-amber-l-2);
    border-bottom-color: var(--dui-clr-amber-l-2);
}
.dui.dui-border-l-amber-l-2{
    --dui-border-l-clr: var(--dui-clr-amber-l-2);
    border-left-color: var(--dui-clr-amber-l-2);
}
.dui.dui-divide-amber-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-amber-l-2);
    border-color: var(--dui-clr-amber-l-2);
}
.dui.dui-outline-amber-l-2{
    --dui-outline-clr: var(--dui-clr-amber-l-2);
    outline-color: var(--dui-clr-amber-l-2);
}
.dui.dui-fg-amber-l-1 {
    --dui-fg-clr: var(--dui-clr-amber-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber-l-1);
}
.dui.dui-bg-amber-l-1 {
    --dui-bg-clr: var(--dui-clr-amber-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-amber-l-1);
}
.dui.dui-accent-amber-l-1 {
    --dui-accent-clr: var(--dui-clr-amber-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-amber-l-1);
}
.dui.dui-shadow-amber-l-1 {
    --dui-shadow-clr: var(--dui-clr-amber-l-1);
}
.dui.dui-text-decoration-amber-l-1{
    --dui-text-decoration-clr: var(--dui-clr-amber-l-1);
    text-decoration-color: var(--dui-clr-amber-l-1);
}
.dui.dui-border-amber-l-1{
    --dui-border-clr: var(--dui-clr-amber-l-1);
    border-color: var(--dui-clr-amber-l-1);
}
.dui.dui-border-x-amber-l-1{
    --dui-border-x-clr: var(--dui-clr-amber-l-1);
    border-left-color: var(--dui-clr-amber-l-1);
    border-right-color: var(--dui-clr-amber-l-1);
}
.dui.dui-border-y-amber-l-1{
    --dui-border-y-clr: var(--dui-clr-amber-l-1);
    border-top-color: var(--dui-clr-amber-l-1);
    border-bottom-color: var(--dui-clr-amber-l-1);
}
.dui.dui-border-t-amber-l-1{
    --dui-border-t-clr: var(--dui-clr-amber-l-1);
    border-top-color: var(--dui-clr-amber-l-1);
}
.dui.dui-border-r-amber-l-1{
    --dui-border-r-clr: var(--dui-clr-amber-l-1);
    border-right-color: var(--dui-clr-amber-l-1);
}
.dui.dui-border-b-amber-l-1{
    --dui-border-b-clr: var(--dui-clr-amber-l-1);
    border-bottom-color: var(--dui-clr-amber-l-1);
}
.dui.dui-border-l-amber-l-1{
    --dui-border-l-clr: var(--dui-clr-amber-l-1);
    border-left-color: var(--dui-clr-amber-l-1);
}
.dui.dui-divide-amber-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-amber-l-1);
    border-color: var(--dui-clr-amber-l-1);
}
.dui.dui-outline-amber-l-1{
    --dui-outline-clr: var(--dui-clr-amber-l-1);
    outline-color: var(--dui-clr-amber-l-1);
}
.dui.dui-fg-amber {
    --dui-fg-clr: var(--dui-clr-amber);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber);
}
.dui.dui-bg-amber {
    --dui-bg-clr: var(--dui-clr-amber);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-amber);
}
.dui.dui-accent-amber {
    --dui-accent-clr: var(--dui-clr-amber);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-amber);
}
.dui.dui-shadow-amber {
    --dui-shadow-clr: var(--dui-clr-amber);
}
.dui.dui-text-decoration-amber{
    --dui-text-decoration-clr: var(--dui-clr-amber);
    text-decoration-color: var(--dui-clr-amber);
}
.dui.dui-border-amber{
    --dui-border-clr: var(--dui-clr-amber);
    border-color: var(--dui-clr-amber);
}
.dui.dui-border-x-amber{
    --dui-border-x-clr: var(--dui-clr-amber);
    border-left-color: var(--dui-clr-amber);
    border-right-color: var(--dui-clr-amber);
}
.dui.dui-border-y-amber{
    --dui-border-y-clr: var(--dui-clr-amber);
    border-top-color: var(--dui-clr-amber);
    border-bottom-color: var(--dui-clr-amber);
}
.dui.dui-border-t-amber{
    --dui-border-t-clr: var(--dui-clr-amber);
    border-top-color: var(--dui-clr-amber);
}
.dui.dui-border-r-amber{
    --dui-border-r-clr: var(--dui-clr-amber);
    border-right-color: var(--dui-clr-amber);
}
.dui.dui-border-b-amber{
    --dui-border-b-clr: var(--dui-clr-amber);
    border-bottom-color: var(--dui-clr-amber);
}
.dui.dui-border-l-amber{
    --dui-border-l-clr: var(--dui-clr-amber);
    border-left-color: var(--dui-clr-amber);
}
.dui.dui-divide-amber > * + *{
    --dui-border-clr: var(--dui-clr-amber);
    border-color: var(--dui-clr-amber);
}
.dui.dui-outline-amber{
    --dui-outline-clr: var(--dui-clr-amber);
    outline-color: var(--dui-clr-amber);
}
.dui.dui-fg-amber-d-1 {
    --dui-fg-clr: var(--dui-clr-amber-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber-d-1);
}
.dui.dui-bg-amber-d-1 {
    --dui-bg-clr: var(--dui-clr-amber-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-amber-d-1);
}
.dui.dui-accent-amber-d-1 {
    --dui-accent-clr: var(--dui-clr-amber-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-amber-d-1);
}
.dui.dui-shadow-amber-d-1 {
    --dui-shadow-clr: var(--dui-clr-amber-d-1);
}
.dui.dui-text-decoration-amber-d-1{
    --dui-text-decoration-clr: var(--dui-clr-amber-d-1);
    text-decoration-color: var(--dui-clr-amber-d-1);
}
.dui.dui-border-amber-d-1{
    --dui-border-clr: var(--dui-clr-amber-d-1);
    border-color: var(--dui-clr-amber-d-1);
}
.dui.dui-border-x-amber-d-1{
    --dui-border-x-clr: var(--dui-clr-amber-d-1);
    border-left-color: var(--dui-clr-amber-d-1);
    border-right-color: var(--dui-clr-amber-d-1);
}
.dui.dui-border-y-amber-d-1{
    --dui-border-y-clr: var(--dui-clr-amber-d-1);
    border-top-color: var(--dui-clr-amber-d-1);
    border-bottom-color: var(--dui-clr-amber-d-1);
}
.dui.dui-border-t-amber-d-1{
    --dui-border-t-clr: var(--dui-clr-amber-d-1);
    border-top-color: var(--dui-clr-amber-d-1);
}
.dui.dui-border-r-amber-d-1{
    --dui-border-r-clr: var(--dui-clr-amber-d-1);
    border-right-color: var(--dui-clr-amber-d-1);
}
.dui.dui-border-b-amber-d-1{
    --dui-border-b-clr: var(--dui-clr-amber-d-1);
    border-bottom-color: var(--dui-clr-amber-d-1);
}
.dui.dui-border-l-amber-d-1{
    --dui-border-l-clr: var(--dui-clr-amber-d-1);
    border-left-color: var(--dui-clr-amber-d-1);
}
.dui.dui-divide-amber-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-amber-d-1);
    border-color: var(--dui-clr-amber-d-1);
}
.dui.dui-outline-amber-d-1{
    --dui-outline-clr: var(--dui-clr-amber-d-1);
    outline-color: var(--dui-clr-amber-d-1);
}
.dui.dui-fg-amber-d-2 {
    --dui-fg-clr: var(--dui-clr-amber-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber-d-2);
}
.dui.dui-bg-amber-d-2 {
    --dui-bg-clr: var(--dui-clr-amber-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-amber-d-2);
}
.dui.dui-accent-amber-d-2 {
    --dui-accent-clr: var(--dui-clr-amber-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-amber-d-2);
}
.dui.dui-shadow-amber-d-2 {
    --dui-shadow-clr: var(--dui-clr-amber-d-2);
}
.dui.dui-text-decoration-amber-d-2{
    --dui-text-decoration-clr: var(--dui-clr-amber-d-2);
    text-decoration-color: var(--dui-clr-amber-d-2);
}
.dui.dui-border-amber-d-2{
    --dui-border-clr: var(--dui-clr-amber-d-2);
    border-color: var(--dui-clr-amber-d-2);
}
.dui.dui-border-x-amber-d-2{
    --dui-border-x-clr: var(--dui-clr-amber-d-2);
    border-left-color: var(--dui-clr-amber-d-2);
    border-right-color: var(--dui-clr-amber-d-2);
}
.dui.dui-border-y-amber-d-2{
    --dui-border-y-clr: var(--dui-clr-amber-d-2);
    border-top-color: var(--dui-clr-amber-d-2);
    border-bottom-color: var(--dui-clr-amber-d-2);
}
.dui.dui-border-t-amber-d-2{
    --dui-border-t-clr: var(--dui-clr-amber-d-2);
    border-top-color: var(--dui-clr-amber-d-2);
}
.dui.dui-border-r-amber-d-2{
    --dui-border-r-clr: var(--dui-clr-amber-d-2);
    border-right-color: var(--dui-clr-amber-d-2);
}
.dui.dui-border-b-amber-d-2{
    --dui-border-b-clr: var(--dui-clr-amber-d-2);
    border-bottom-color: var(--dui-clr-amber-d-2);
}
.dui.dui-border-l-amber-d-2{
    --dui-border-l-clr: var(--dui-clr-amber-d-2);
    border-left-color: var(--dui-clr-amber-d-2);
}
.dui.dui-divide-amber-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-amber-d-2);
    border-color: var(--dui-clr-amber-d-2);
}
.dui.dui-outline-amber-d-2{
    --dui-outline-clr: var(--dui-clr-amber-d-2);
    outline-color: var(--dui-clr-amber-d-2);
}
.dui.dui-fg-amber-d-3 {
    --dui-fg-clr: var(--dui-clr-amber-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber-d-3);
}
.dui.dui-bg-amber-d-3 {
    --dui-bg-clr: var(--dui-clr-amber-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-amber-d-3);
}
.dui.dui-accent-amber-d-3 {
    --dui-accent-clr: var(--dui-clr-amber-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-amber-d-3);
}
.dui.dui-shadow-amber-d-3 {
    --dui-shadow-clr: var(--dui-clr-amber-d-3);
}
.dui.dui-text-decoration-amber-d-3{
    --dui-text-decoration-clr: var(--dui-clr-amber-d-3);
    text-decoration-color: var(--dui-clr-amber-d-3);
}
.dui.dui-border-amber-d-3{
    --dui-border-clr: var(--dui-clr-amber-d-3);
    border-color: var(--dui-clr-amber-d-3);
}
.dui.dui-border-x-amber-d-3{
    --dui-border-x-clr: var(--dui-clr-amber-d-3);
    border-left-color: var(--dui-clr-amber-d-3);
    border-right-color: var(--dui-clr-amber-d-3);
}
.dui.dui-border-y-amber-d-3{
    --dui-border-y-clr: var(--dui-clr-amber-d-3);
    border-top-color: var(--dui-clr-amber-d-3);
    border-bottom-color: var(--dui-clr-amber-d-3);
}
.dui.dui-border-t-amber-d-3{
    --dui-border-t-clr: var(--dui-clr-amber-d-3);
    border-top-color: var(--dui-clr-amber-d-3);
}
.dui.dui-border-r-amber-d-3{
    --dui-border-r-clr: var(--dui-clr-amber-d-3);
    border-right-color: var(--dui-clr-amber-d-3);
}
.dui.dui-border-b-amber-d-3{
    --dui-border-b-clr: var(--dui-clr-amber-d-3);
    border-bottom-color: var(--dui-clr-amber-d-3);
}
.dui.dui-border-l-amber-d-3{
    --dui-border-l-clr: var(--dui-clr-amber-d-3);
    border-left-color: var(--dui-clr-amber-d-3);
}
.dui.dui-divide-amber-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-amber-d-3);
    border-color: var(--dui-clr-amber-d-3);
}
.dui.dui-outline-amber-d-3{
    --dui-outline-clr: var(--dui-clr-amber-d-3);
    outline-color: var(--dui-clr-amber-d-3);
}
.dui.dui-fg-amber-d-4 {
    --dui-fg-clr: var(--dui-clr-amber-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-amber-d-4);
}
.dui.dui-bg-amber-d-4 {
    --dui-bg-clr: var(--dui-clr-amber-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-amber-d-4);
}
.dui.dui-accent-amber-d-4 {
    --dui-accent-clr: var(--dui-clr-amber-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-amber-d-4);
}
.dui.dui-shadow-amber-d-4 {
    --dui-shadow-clr: var(--dui-clr-amber-d-4);
}
.dui.dui-text-decoration-amber-d-4{
    --dui-text-decoration-clr: var(--dui-clr-amber-d-4);
    text-decoration-color: var(--dui-clr-amber-d-4);
}
.dui.dui-border-amber-d-4{
    --dui-border-clr: var(--dui-clr-amber-d-4);
    border-color: var(--dui-clr-amber-d-4);
}
.dui.dui-border-x-amber-d-4{
    --dui-border-x-clr: var(--dui-clr-amber-d-4);
    border-left-color: var(--dui-clr-amber-d-4);
    border-right-color: var(--dui-clr-amber-d-4);
}
.dui.dui-border-y-amber-d-4{
    --dui-border-y-clr: var(--dui-clr-amber-d-4);
    border-top-color: var(--dui-clr-amber-d-4);
    border-bottom-color: var(--dui-clr-amber-d-4);
}
.dui.dui-border-t-amber-d-4{
    --dui-border-t-clr: var(--dui-clr-amber-d-4);
    border-top-color: var(--dui-clr-amber-d-4);
}
.dui.dui-border-r-amber-d-4{
    --dui-border-r-clr: var(--dui-clr-amber-d-4);
    border-right-color: var(--dui-clr-amber-d-4);
}
.dui.dui-border-b-amber-d-4{
    --dui-border-b-clr: var(--dui-clr-amber-d-4);
    border-bottom-color: var(--dui-clr-amber-d-4);
}
.dui.dui-border-l-amber-d-4{
    --dui-border-l-clr: var(--dui-clr-amber-d-4);
    border-left-color: var(--dui-clr-amber-d-4);
}
.dui.dui-divide-amber-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-amber-d-4);
    border-color: var(--dui-clr-amber-d-4);
}
.dui.dui-outline-amber-d-4{
    --dui-outline-clr: var(--dui-clr-amber-d-4);
    outline-color: var(--dui-clr-amber-d-4);
}
.dui.dui-fg-orange-l-5 {
    --dui-fg-clr: var(--dui-clr-orange-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange-l-5);
}
.dui.dui-bg-orange-l-5 {
    --dui-bg-clr: var(--dui-clr-orange-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-orange-l-5);
}
.dui.dui-accent-orange-l-5 {
    --dui-accent-clr: var(--dui-clr-orange-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-orange-l-5);
}
.dui.dui-shadow-orange-l-5 {
    --dui-shadow-clr: var(--dui-clr-orange-l-5);
}
.dui.dui-text-decoration-orange-l-5{
    --dui-text-decoration-clr: var(--dui-clr-orange-l-5);
    text-decoration-color: var(--dui-clr-orange-l-5);
}
.dui.dui-border-orange-l-5{
    --dui-border-clr: var(--dui-clr-orange-l-5);
    border-color: var(--dui-clr-orange-l-5);
}
.dui.dui-border-x-orange-l-5{
    --dui-border-x-clr: var(--dui-clr-orange-l-5);
    border-left-color: var(--dui-clr-orange-l-5);
    border-right-color: var(--dui-clr-orange-l-5);
}
.dui.dui-border-y-orange-l-5{
    --dui-border-y-clr: var(--dui-clr-orange-l-5);
    border-top-color: var(--dui-clr-orange-l-5);
    border-bottom-color: var(--dui-clr-orange-l-5);
}
.dui.dui-border-t-orange-l-5{
    --dui-border-t-clr: var(--dui-clr-orange-l-5);
    border-top-color: var(--dui-clr-orange-l-5);
}
.dui.dui-border-r-orange-l-5{
    --dui-border-r-clr: var(--dui-clr-orange-l-5);
    border-right-color: var(--dui-clr-orange-l-5);
}
.dui.dui-border-b-orange-l-5{
    --dui-border-b-clr: var(--dui-clr-orange-l-5);
    border-bottom-color: var(--dui-clr-orange-l-5);
}
.dui.dui-border-l-orange-l-5{
    --dui-border-l-clr: var(--dui-clr-orange-l-5);
    border-left-color: var(--dui-clr-orange-l-5);
}
.dui.dui-divide-orange-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-orange-l-5);
    border-color: var(--dui-clr-orange-l-5);
}
.dui.dui-outline-orange-l-5{
    --dui-outline-clr: var(--dui-clr-orange-l-5);
    outline-color: var(--dui-clr-orange-l-5);
}
.dui.dui-fg-orange-l-4 {
    --dui-fg-clr: var(--dui-clr-orange-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange-l-4);
}
.dui.dui-bg-orange-l-4 {
    --dui-bg-clr: var(--dui-clr-orange-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-orange-l-4);
}
.dui.dui-accent-orange-l-4 {
    --dui-accent-clr: var(--dui-clr-orange-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-orange-l-4);
}
.dui.dui-shadow-orange-l-4 {
    --dui-shadow-clr: var(--dui-clr-orange-l-4);
}
.dui.dui-text-decoration-orange-l-4{
    --dui-text-decoration-clr: var(--dui-clr-orange-l-4);
    text-decoration-color: var(--dui-clr-orange-l-4);
}
.dui.dui-border-orange-l-4{
    --dui-border-clr: var(--dui-clr-orange-l-4);
    border-color: var(--dui-clr-orange-l-4);
}
.dui.dui-border-x-orange-l-4{
    --dui-border-x-clr: var(--dui-clr-orange-l-4);
    border-left-color: var(--dui-clr-orange-l-4);
    border-right-color: var(--dui-clr-orange-l-4);
}
.dui.dui-border-y-orange-l-4{
    --dui-border-y-clr: var(--dui-clr-orange-l-4);
    border-top-color: var(--dui-clr-orange-l-4);
    border-bottom-color: var(--dui-clr-orange-l-4);
}
.dui.dui-border-t-orange-l-4{
    --dui-border-t-clr: var(--dui-clr-orange-l-4);
    border-top-color: var(--dui-clr-orange-l-4);
}
.dui.dui-border-r-orange-l-4{
    --dui-border-r-clr: var(--dui-clr-orange-l-4);
    border-right-color: var(--dui-clr-orange-l-4);
}
.dui.dui-border-b-orange-l-4{
    --dui-border-b-clr: var(--dui-clr-orange-l-4);
    border-bottom-color: var(--dui-clr-orange-l-4);
}
.dui.dui-border-l-orange-l-4{
    --dui-border-l-clr: var(--dui-clr-orange-l-4);
    border-left-color: var(--dui-clr-orange-l-4);
}
.dui.dui-divide-orange-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-orange-l-4);
    border-color: var(--dui-clr-orange-l-4);
}
.dui.dui-outline-orange-l-4{
    --dui-outline-clr: var(--dui-clr-orange-l-4);
    outline-color: var(--dui-clr-orange-l-4);
}
.dui.dui-fg-orange-l-3 {
    --dui-fg-clr: var(--dui-clr-orange-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange-l-3);
}
.dui.dui-bg-orange-l-3 {
    --dui-bg-clr: var(--dui-clr-orange-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-orange-l-3);
}
.dui.dui-accent-orange-l-3 {
    --dui-accent-clr: var(--dui-clr-orange-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-orange-l-3);
}
.dui.dui-shadow-orange-l-3 {
    --dui-shadow-clr: var(--dui-clr-orange-l-3);
}
.dui.dui-text-decoration-orange-l-3{
    --dui-text-decoration-clr: var(--dui-clr-orange-l-3);
    text-decoration-color: var(--dui-clr-orange-l-3);
}
.dui.dui-border-orange-l-3{
    --dui-border-clr: var(--dui-clr-orange-l-3);
    border-color: var(--dui-clr-orange-l-3);
}
.dui.dui-border-x-orange-l-3{
    --dui-border-x-clr: var(--dui-clr-orange-l-3);
    border-left-color: var(--dui-clr-orange-l-3);
    border-right-color: var(--dui-clr-orange-l-3);
}
.dui.dui-border-y-orange-l-3{
    --dui-border-y-clr: var(--dui-clr-orange-l-3);
    border-top-color: var(--dui-clr-orange-l-3);
    border-bottom-color: var(--dui-clr-orange-l-3);
}
.dui.dui-border-t-orange-l-3{
    --dui-border-t-clr: var(--dui-clr-orange-l-3);
    border-top-color: var(--dui-clr-orange-l-3);
}
.dui.dui-border-r-orange-l-3{
    --dui-border-r-clr: var(--dui-clr-orange-l-3);
    border-right-color: var(--dui-clr-orange-l-3);
}
.dui.dui-border-b-orange-l-3{
    --dui-border-b-clr: var(--dui-clr-orange-l-3);
    border-bottom-color: var(--dui-clr-orange-l-3);
}
.dui.dui-border-l-orange-l-3{
    --dui-border-l-clr: var(--dui-clr-orange-l-3);
    border-left-color: var(--dui-clr-orange-l-3);
}
.dui.dui-divide-orange-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-orange-l-3);
    border-color: var(--dui-clr-orange-l-3);
}
.dui.dui-outline-orange-l-3{
    --dui-outline-clr: var(--dui-clr-orange-l-3);
    outline-color: var(--dui-clr-orange-l-3);
}
.dui.dui-fg-orange-l-2 {
    --dui-fg-clr: var(--dui-clr-orange-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange-l-2);
}
.dui.dui-bg-orange-l-2 {
    --dui-bg-clr: var(--dui-clr-orange-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-orange-l-2);
}
.dui.dui-accent-orange-l-2 {
    --dui-accent-clr: var(--dui-clr-orange-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-orange-l-2);
}
.dui.dui-shadow-orange-l-2 {
    --dui-shadow-clr: var(--dui-clr-orange-l-2);
}
.dui.dui-text-decoration-orange-l-2{
    --dui-text-decoration-clr: var(--dui-clr-orange-l-2);
    text-decoration-color: var(--dui-clr-orange-l-2);
}
.dui.dui-border-orange-l-2{
    --dui-border-clr: var(--dui-clr-orange-l-2);
    border-color: var(--dui-clr-orange-l-2);
}
.dui.dui-border-x-orange-l-2{
    --dui-border-x-clr: var(--dui-clr-orange-l-2);
    border-left-color: var(--dui-clr-orange-l-2);
    border-right-color: var(--dui-clr-orange-l-2);
}
.dui.dui-border-y-orange-l-2{
    --dui-border-y-clr: var(--dui-clr-orange-l-2);
    border-top-color: var(--dui-clr-orange-l-2);
    border-bottom-color: var(--dui-clr-orange-l-2);
}
.dui.dui-border-t-orange-l-2{
    --dui-border-t-clr: var(--dui-clr-orange-l-2);
    border-top-color: var(--dui-clr-orange-l-2);
}
.dui.dui-border-r-orange-l-2{
    --dui-border-r-clr: var(--dui-clr-orange-l-2);
    border-right-color: var(--dui-clr-orange-l-2);
}
.dui.dui-border-b-orange-l-2{
    --dui-border-b-clr: var(--dui-clr-orange-l-2);
    border-bottom-color: var(--dui-clr-orange-l-2);
}
.dui.dui-border-l-orange-l-2{
    --dui-border-l-clr: var(--dui-clr-orange-l-2);
    border-left-color: var(--dui-clr-orange-l-2);
}
.dui.dui-divide-orange-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-orange-l-2);
    border-color: var(--dui-clr-orange-l-2);
}
.dui.dui-outline-orange-l-2{
    --dui-outline-clr: var(--dui-clr-orange-l-2);
    outline-color: var(--dui-clr-orange-l-2);
}
.dui.dui-fg-orange-l-1 {
    --dui-fg-clr: var(--dui-clr-orange-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange-l-1);
}
.dui.dui-bg-orange-l-1 {
    --dui-bg-clr: var(--dui-clr-orange-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-orange-l-1);
}
.dui.dui-accent-orange-l-1 {
    --dui-accent-clr: var(--dui-clr-orange-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-orange-l-1);
}
.dui.dui-shadow-orange-l-1 {
    --dui-shadow-clr: var(--dui-clr-orange-l-1);
}
.dui.dui-text-decoration-orange-l-1{
    --dui-text-decoration-clr: var(--dui-clr-orange-l-1);
    text-decoration-color: var(--dui-clr-orange-l-1);
}
.dui.dui-border-orange-l-1{
    --dui-border-clr: var(--dui-clr-orange-l-1);
    border-color: var(--dui-clr-orange-l-1);
}
.dui.dui-border-x-orange-l-1{
    --dui-border-x-clr: var(--dui-clr-orange-l-1);
    border-left-color: var(--dui-clr-orange-l-1);
    border-right-color: var(--dui-clr-orange-l-1);
}
.dui.dui-border-y-orange-l-1{
    --dui-border-y-clr: var(--dui-clr-orange-l-1);
    border-top-color: var(--dui-clr-orange-l-1);
    border-bottom-color: var(--dui-clr-orange-l-1);
}
.dui.dui-border-t-orange-l-1{
    --dui-border-t-clr: var(--dui-clr-orange-l-1);
    border-top-color: var(--dui-clr-orange-l-1);
}
.dui.dui-border-r-orange-l-1{
    --dui-border-r-clr: var(--dui-clr-orange-l-1);
    border-right-color: var(--dui-clr-orange-l-1);
}
.dui.dui-border-b-orange-l-1{
    --dui-border-b-clr: var(--dui-clr-orange-l-1);
    border-bottom-color: var(--dui-clr-orange-l-1);
}
.dui.dui-border-l-orange-l-1{
    --dui-border-l-clr: var(--dui-clr-orange-l-1);
    border-left-color: var(--dui-clr-orange-l-1);
}
.dui.dui-divide-orange-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-orange-l-1);
    border-color: var(--dui-clr-orange-l-1);
}
.dui.dui-outline-orange-l-1{
    --dui-outline-clr: var(--dui-clr-orange-l-1);
    outline-color: var(--dui-clr-orange-l-1);
}
.dui.dui-fg-orange {
    --dui-fg-clr: var(--dui-clr-orange);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange);
}
.dui.dui-bg-orange {
    --dui-bg-clr: var(--dui-clr-orange);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-orange);
}
.dui.dui-accent-orange {
    --dui-accent-clr: var(--dui-clr-orange);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-orange);
}
.dui.dui-shadow-orange {
    --dui-shadow-clr: var(--dui-clr-orange);
}
.dui.dui-text-decoration-orange{
    --dui-text-decoration-clr: var(--dui-clr-orange);
    text-decoration-color: var(--dui-clr-orange);
}
.dui.dui-border-orange{
    --dui-border-clr: var(--dui-clr-orange);
    border-color: var(--dui-clr-orange);
}
.dui.dui-border-x-orange{
    --dui-border-x-clr: var(--dui-clr-orange);
    border-left-color: var(--dui-clr-orange);
    border-right-color: var(--dui-clr-orange);
}
.dui.dui-border-y-orange{
    --dui-border-y-clr: var(--dui-clr-orange);
    border-top-color: var(--dui-clr-orange);
    border-bottom-color: var(--dui-clr-orange);
}
.dui.dui-border-t-orange{
    --dui-border-t-clr: var(--dui-clr-orange);
    border-top-color: var(--dui-clr-orange);
}
.dui.dui-border-r-orange{
    --dui-border-r-clr: var(--dui-clr-orange);
    border-right-color: var(--dui-clr-orange);
}
.dui.dui-border-b-orange{
    --dui-border-b-clr: var(--dui-clr-orange);
    border-bottom-color: var(--dui-clr-orange);
}
.dui.dui-border-l-orange{
    --dui-border-l-clr: var(--dui-clr-orange);
    border-left-color: var(--dui-clr-orange);
}
.dui.dui-divide-orange > * + *{
    --dui-border-clr: var(--dui-clr-orange);
    border-color: var(--dui-clr-orange);
}
.dui.dui-outline-orange{
    --dui-outline-clr: var(--dui-clr-orange);
    outline-color: var(--dui-clr-orange);
}
.dui.dui-fg-orange-d-1 {
    --dui-fg-clr: var(--dui-clr-orange-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange-d-1);
}
.dui.dui-bg-orange-d-1 {
    --dui-bg-clr: var(--dui-clr-orange-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-orange-d-1);
}
.dui.dui-accent-orange-d-1 {
    --dui-accent-clr: var(--dui-clr-orange-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-orange-d-1);
}
.dui.dui-shadow-orange-d-1 {
    --dui-shadow-clr: var(--dui-clr-orange-d-1);
}
.dui.dui-text-decoration-orange-d-1{
    --dui-text-decoration-clr: var(--dui-clr-orange-d-1);
    text-decoration-color: var(--dui-clr-orange-d-1);
}
.dui.dui-border-orange-d-1{
    --dui-border-clr: var(--dui-clr-orange-d-1);
    border-color: var(--dui-clr-orange-d-1);
}
.dui.dui-border-x-orange-d-1{
    --dui-border-x-clr: var(--dui-clr-orange-d-1);
    border-left-color: var(--dui-clr-orange-d-1);
    border-right-color: var(--dui-clr-orange-d-1);
}
.dui.dui-border-y-orange-d-1{
    --dui-border-y-clr: var(--dui-clr-orange-d-1);
    border-top-color: var(--dui-clr-orange-d-1);
    border-bottom-color: var(--dui-clr-orange-d-1);
}
.dui.dui-border-t-orange-d-1{
    --dui-border-t-clr: var(--dui-clr-orange-d-1);
    border-top-color: var(--dui-clr-orange-d-1);
}
.dui.dui-border-r-orange-d-1{
    --dui-border-r-clr: var(--dui-clr-orange-d-1);
    border-right-color: var(--dui-clr-orange-d-1);
}
.dui.dui-border-b-orange-d-1{
    --dui-border-b-clr: var(--dui-clr-orange-d-1);
    border-bottom-color: var(--dui-clr-orange-d-1);
}
.dui.dui-border-l-orange-d-1{
    --dui-border-l-clr: var(--dui-clr-orange-d-1);
    border-left-color: var(--dui-clr-orange-d-1);
}
.dui.dui-divide-orange-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-orange-d-1);
    border-color: var(--dui-clr-orange-d-1);
}
.dui.dui-outline-orange-d-1{
    --dui-outline-clr: var(--dui-clr-orange-d-1);
    outline-color: var(--dui-clr-orange-d-1);
}
.dui.dui-fg-orange-d-2 {
    --dui-fg-clr: var(--dui-clr-orange-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange-d-2);
}
.dui.dui-bg-orange-d-2 {
    --dui-bg-clr: var(--dui-clr-orange-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-orange-d-2);
}
.dui.dui-accent-orange-d-2 {
    --dui-accent-clr: var(--dui-clr-orange-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-orange-d-2);
}
.dui.dui-shadow-orange-d-2 {
    --dui-shadow-clr: var(--dui-clr-orange-d-2);
}
.dui.dui-text-decoration-orange-d-2{
    --dui-text-decoration-clr: var(--dui-clr-orange-d-2);
    text-decoration-color: var(--dui-clr-orange-d-2);
}
.dui.dui-border-orange-d-2{
    --dui-border-clr: var(--dui-clr-orange-d-2);
    border-color: var(--dui-clr-orange-d-2);
}
.dui.dui-border-x-orange-d-2{
    --dui-border-x-clr: var(--dui-clr-orange-d-2);
    border-left-color: var(--dui-clr-orange-d-2);
    border-right-color: var(--dui-clr-orange-d-2);
}
.dui.dui-border-y-orange-d-2{
    --dui-border-y-clr: var(--dui-clr-orange-d-2);
    border-top-color: var(--dui-clr-orange-d-2);
    border-bottom-color: var(--dui-clr-orange-d-2);
}
.dui.dui-border-t-orange-d-2{
    --dui-border-t-clr: var(--dui-clr-orange-d-2);
    border-top-color: var(--dui-clr-orange-d-2);
}
.dui.dui-border-r-orange-d-2{
    --dui-border-r-clr: var(--dui-clr-orange-d-2);
    border-right-color: var(--dui-clr-orange-d-2);
}
.dui.dui-border-b-orange-d-2{
    --dui-border-b-clr: var(--dui-clr-orange-d-2);
    border-bottom-color: var(--dui-clr-orange-d-2);
}
.dui.dui-border-l-orange-d-2{
    --dui-border-l-clr: var(--dui-clr-orange-d-2);
    border-left-color: var(--dui-clr-orange-d-2);
}
.dui.dui-divide-orange-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-orange-d-2);
    border-color: var(--dui-clr-orange-d-2);
}
.dui.dui-outline-orange-d-2{
    --dui-outline-clr: var(--dui-clr-orange-d-2);
    outline-color: var(--dui-clr-orange-d-2);
}
.dui.dui-fg-orange-d-3 {
    --dui-fg-clr: var(--dui-clr-orange-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange-d-3);
}
.dui.dui-bg-orange-d-3 {
    --dui-bg-clr: var(--dui-clr-orange-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-orange-d-3);
}
.dui.dui-accent-orange-d-3 {
    --dui-accent-clr: var(--dui-clr-orange-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-orange-d-3);
}
.dui.dui-shadow-orange-d-3 {
    --dui-shadow-clr: var(--dui-clr-orange-d-3);
}
.dui.dui-text-decoration-orange-d-3{
    --dui-text-decoration-clr: var(--dui-clr-orange-d-3);
    text-decoration-color: var(--dui-clr-orange-d-3);
}
.dui.dui-border-orange-d-3{
    --dui-border-clr: var(--dui-clr-orange-d-3);
    border-color: var(--dui-clr-orange-d-3);
}
.dui.dui-border-x-orange-d-3{
    --dui-border-x-clr: var(--dui-clr-orange-d-3);
    border-left-color: var(--dui-clr-orange-d-3);
    border-right-color: var(--dui-clr-orange-d-3);
}
.dui.dui-border-y-orange-d-3{
    --dui-border-y-clr: var(--dui-clr-orange-d-3);
    border-top-color: var(--dui-clr-orange-d-3);
    border-bottom-color: var(--dui-clr-orange-d-3);
}
.dui.dui-border-t-orange-d-3{
    --dui-border-t-clr: var(--dui-clr-orange-d-3);
    border-top-color: var(--dui-clr-orange-d-3);
}
.dui.dui-border-r-orange-d-3{
    --dui-border-r-clr: var(--dui-clr-orange-d-3);
    border-right-color: var(--dui-clr-orange-d-3);
}
.dui.dui-border-b-orange-d-3{
    --dui-border-b-clr: var(--dui-clr-orange-d-3);
    border-bottom-color: var(--dui-clr-orange-d-3);
}
.dui.dui-border-l-orange-d-3{
    --dui-border-l-clr: var(--dui-clr-orange-d-3);
    border-left-color: var(--dui-clr-orange-d-3);
}
.dui.dui-divide-orange-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-orange-d-3);
    border-color: var(--dui-clr-orange-d-3);
}
.dui.dui-outline-orange-d-3{
    --dui-outline-clr: var(--dui-clr-orange-d-3);
    outline-color: var(--dui-clr-orange-d-3);
}
.dui.dui-fg-orange-d-4 {
    --dui-fg-clr: var(--dui-clr-orange-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-orange-d-4);
}
.dui.dui-bg-orange-d-4 {
    --dui-bg-clr: var(--dui-clr-orange-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-orange-d-4);
}
.dui.dui-accent-orange-d-4 {
    --dui-accent-clr: var(--dui-clr-orange-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-orange-d-4);
}
.dui.dui-shadow-orange-d-4 {
    --dui-shadow-clr: var(--dui-clr-orange-d-4);
}
.dui.dui-text-decoration-orange-d-4{
    --dui-text-decoration-clr: var(--dui-clr-orange-d-4);
    text-decoration-color: var(--dui-clr-orange-d-4);
}
.dui.dui-border-orange-d-4{
    --dui-border-clr: var(--dui-clr-orange-d-4);
    border-color: var(--dui-clr-orange-d-4);
}
.dui.dui-border-x-orange-d-4{
    --dui-border-x-clr: var(--dui-clr-orange-d-4);
    border-left-color: var(--dui-clr-orange-d-4);
    border-right-color: var(--dui-clr-orange-d-4);
}
.dui.dui-border-y-orange-d-4{
    --dui-border-y-clr: var(--dui-clr-orange-d-4);
    border-top-color: var(--dui-clr-orange-d-4);
    border-bottom-color: var(--dui-clr-orange-d-4);
}
.dui.dui-border-t-orange-d-4{
    --dui-border-t-clr: var(--dui-clr-orange-d-4);
    border-top-color: var(--dui-clr-orange-d-4);
}
.dui.dui-border-r-orange-d-4{
    --dui-border-r-clr: var(--dui-clr-orange-d-4);
    border-right-color: var(--dui-clr-orange-d-4);
}
.dui.dui-border-b-orange-d-4{
    --dui-border-b-clr: var(--dui-clr-orange-d-4);
    border-bottom-color: var(--dui-clr-orange-d-4);
}
.dui.dui-border-l-orange-d-4{
    --dui-border-l-clr: var(--dui-clr-orange-d-4);
    border-left-color: var(--dui-clr-orange-d-4);
}
.dui.dui-divide-orange-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-orange-d-4);
    border-color: var(--dui-clr-orange-d-4);
}
.dui.dui-outline-orange-d-4{
    --dui-outline-clr: var(--dui-clr-orange-d-4);
    outline-color: var(--dui-clr-orange-d-4);
}
.dui.dui-fg-deep-orange-l-5 {
    --dui-fg-clr: var(--dui-clr-deep-orange-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-bg-deep-orange-l-5 {
    --dui-bg-clr: var(--dui-clr-deep-orange-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-accent-deep-orange-l-5 {
    --dui-accent-clr: var(--dui-clr-deep-orange-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-shadow-deep-orange-l-5 {
    --dui-shadow-clr: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-text-decoration-deep-orange-l-5{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange-l-5);
    text-decoration-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-border-deep-orange-l-5{
    --dui-border-clr: var(--dui-clr-deep-orange-l-5);
    border-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-border-x-deep-orange-l-5{
    --dui-border-x-clr: var(--dui-clr-deep-orange-l-5);
    border-left-color: var(--dui-clr-deep-orange-l-5);
    border-right-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-border-y-deep-orange-l-5{
    --dui-border-y-clr: var(--dui-clr-deep-orange-l-5);
    border-top-color: var(--dui-clr-deep-orange-l-5);
    border-bottom-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-border-t-deep-orange-l-5{
    --dui-border-t-clr: var(--dui-clr-deep-orange-l-5);
    border-top-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-border-r-deep-orange-l-5{
    --dui-border-r-clr: var(--dui-clr-deep-orange-l-5);
    border-right-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-border-b-deep-orange-l-5{
    --dui-border-b-clr: var(--dui-clr-deep-orange-l-5);
    border-bottom-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-border-l-deep-orange-l-5{
    --dui-border-l-clr: var(--dui-clr-deep-orange-l-5);
    border-left-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-divide-deep-orange-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange-l-5);
    border-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-outline-deep-orange-l-5{
    --dui-outline-clr: var(--dui-clr-deep-orange-l-5);
    outline-color: var(--dui-clr-deep-orange-l-5);
}
.dui.dui-fg-deep-orange-l-4 {
    --dui-fg-clr: var(--dui-clr-deep-orange-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-bg-deep-orange-l-4 {
    --dui-bg-clr: var(--dui-clr-deep-orange-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-accent-deep-orange-l-4 {
    --dui-accent-clr: var(--dui-clr-deep-orange-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-shadow-deep-orange-l-4 {
    --dui-shadow-clr: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-text-decoration-deep-orange-l-4{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange-l-4);
    text-decoration-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-border-deep-orange-l-4{
    --dui-border-clr: var(--dui-clr-deep-orange-l-4);
    border-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-border-x-deep-orange-l-4{
    --dui-border-x-clr: var(--dui-clr-deep-orange-l-4);
    border-left-color: var(--dui-clr-deep-orange-l-4);
    border-right-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-border-y-deep-orange-l-4{
    --dui-border-y-clr: var(--dui-clr-deep-orange-l-4);
    border-top-color: var(--dui-clr-deep-orange-l-4);
    border-bottom-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-border-t-deep-orange-l-4{
    --dui-border-t-clr: var(--dui-clr-deep-orange-l-4);
    border-top-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-border-r-deep-orange-l-4{
    --dui-border-r-clr: var(--dui-clr-deep-orange-l-4);
    border-right-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-border-b-deep-orange-l-4{
    --dui-border-b-clr: var(--dui-clr-deep-orange-l-4);
    border-bottom-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-border-l-deep-orange-l-4{
    --dui-border-l-clr: var(--dui-clr-deep-orange-l-4);
    border-left-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-divide-deep-orange-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange-l-4);
    border-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-outline-deep-orange-l-4{
    --dui-outline-clr: var(--dui-clr-deep-orange-l-4);
    outline-color: var(--dui-clr-deep-orange-l-4);
}
.dui.dui-fg-deep-orange-l-3 {
    --dui-fg-clr: var(--dui-clr-deep-orange-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-bg-deep-orange-l-3 {
    --dui-bg-clr: var(--dui-clr-deep-orange-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-accent-deep-orange-l-3 {
    --dui-accent-clr: var(--dui-clr-deep-orange-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-shadow-deep-orange-l-3 {
    --dui-shadow-clr: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-text-decoration-deep-orange-l-3{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange-l-3);
    text-decoration-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-border-deep-orange-l-3{
    --dui-border-clr: var(--dui-clr-deep-orange-l-3);
    border-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-border-x-deep-orange-l-3{
    --dui-border-x-clr: var(--dui-clr-deep-orange-l-3);
    border-left-color: var(--dui-clr-deep-orange-l-3);
    border-right-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-border-y-deep-orange-l-3{
    --dui-border-y-clr: var(--dui-clr-deep-orange-l-3);
    border-top-color: var(--dui-clr-deep-orange-l-3);
    border-bottom-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-border-t-deep-orange-l-3{
    --dui-border-t-clr: var(--dui-clr-deep-orange-l-3);
    border-top-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-border-r-deep-orange-l-3{
    --dui-border-r-clr: var(--dui-clr-deep-orange-l-3);
    border-right-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-border-b-deep-orange-l-3{
    --dui-border-b-clr: var(--dui-clr-deep-orange-l-3);
    border-bottom-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-border-l-deep-orange-l-3{
    --dui-border-l-clr: var(--dui-clr-deep-orange-l-3);
    border-left-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-divide-deep-orange-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange-l-3);
    border-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-outline-deep-orange-l-3{
    --dui-outline-clr: var(--dui-clr-deep-orange-l-3);
    outline-color: var(--dui-clr-deep-orange-l-3);
}
.dui.dui-fg-deep-orange-l-2 {
    --dui-fg-clr: var(--dui-clr-deep-orange-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-bg-deep-orange-l-2 {
    --dui-bg-clr: var(--dui-clr-deep-orange-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-accent-deep-orange-l-2 {
    --dui-accent-clr: var(--dui-clr-deep-orange-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-shadow-deep-orange-l-2 {
    --dui-shadow-clr: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-text-decoration-deep-orange-l-2{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange-l-2);
    text-decoration-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-border-deep-orange-l-2{
    --dui-border-clr: var(--dui-clr-deep-orange-l-2);
    border-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-border-x-deep-orange-l-2{
    --dui-border-x-clr: var(--dui-clr-deep-orange-l-2);
    border-left-color: var(--dui-clr-deep-orange-l-2);
    border-right-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-border-y-deep-orange-l-2{
    --dui-border-y-clr: var(--dui-clr-deep-orange-l-2);
    border-top-color: var(--dui-clr-deep-orange-l-2);
    border-bottom-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-border-t-deep-orange-l-2{
    --dui-border-t-clr: var(--dui-clr-deep-orange-l-2);
    border-top-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-border-r-deep-orange-l-2{
    --dui-border-r-clr: var(--dui-clr-deep-orange-l-2);
    border-right-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-border-b-deep-orange-l-2{
    --dui-border-b-clr: var(--dui-clr-deep-orange-l-2);
    border-bottom-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-border-l-deep-orange-l-2{
    --dui-border-l-clr: var(--dui-clr-deep-orange-l-2);
    border-left-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-divide-deep-orange-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange-l-2);
    border-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-outline-deep-orange-l-2{
    --dui-outline-clr: var(--dui-clr-deep-orange-l-2);
    outline-color: var(--dui-clr-deep-orange-l-2);
}
.dui.dui-fg-deep-orange-l-1 {
    --dui-fg-clr: var(--dui-clr-deep-orange-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-bg-deep-orange-l-1 {
    --dui-bg-clr: var(--dui-clr-deep-orange-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-accent-deep-orange-l-1 {
    --dui-accent-clr: var(--dui-clr-deep-orange-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-shadow-deep-orange-l-1 {
    --dui-shadow-clr: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-text-decoration-deep-orange-l-1{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange-l-1);
    text-decoration-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-border-deep-orange-l-1{
    --dui-border-clr: var(--dui-clr-deep-orange-l-1);
    border-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-border-x-deep-orange-l-1{
    --dui-border-x-clr: var(--dui-clr-deep-orange-l-1);
    border-left-color: var(--dui-clr-deep-orange-l-1);
    border-right-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-border-y-deep-orange-l-1{
    --dui-border-y-clr: var(--dui-clr-deep-orange-l-1);
    border-top-color: var(--dui-clr-deep-orange-l-1);
    border-bottom-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-border-t-deep-orange-l-1{
    --dui-border-t-clr: var(--dui-clr-deep-orange-l-1);
    border-top-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-border-r-deep-orange-l-1{
    --dui-border-r-clr: var(--dui-clr-deep-orange-l-1);
    border-right-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-border-b-deep-orange-l-1{
    --dui-border-b-clr: var(--dui-clr-deep-orange-l-1);
    border-bottom-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-border-l-deep-orange-l-1{
    --dui-border-l-clr: var(--dui-clr-deep-orange-l-1);
    border-left-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-divide-deep-orange-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange-l-1);
    border-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-outline-deep-orange-l-1{
    --dui-outline-clr: var(--dui-clr-deep-orange-l-1);
    outline-color: var(--dui-clr-deep-orange-l-1);
}
.dui.dui-fg-deep-orange {
    --dui-fg-clr: var(--dui-clr-deep-orange);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange);
}
.dui.dui-bg-deep-orange {
    --dui-bg-clr: var(--dui-clr-deep-orange);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-orange);
}
.dui.dui-accent-deep-orange {
    --dui-accent-clr: var(--dui-clr-deep-orange);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-orange);
}
.dui.dui-shadow-deep-orange {
    --dui-shadow-clr: var(--dui-clr-deep-orange);
}
.dui.dui-text-decoration-deep-orange{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange);
    text-decoration-color: var(--dui-clr-deep-orange);
}
.dui.dui-border-deep-orange{
    --dui-border-clr: var(--dui-clr-deep-orange);
    border-color: var(--dui-clr-deep-orange);
}
.dui.dui-border-x-deep-orange{
    --dui-border-x-clr: var(--dui-clr-deep-orange);
    border-left-color: var(--dui-clr-deep-orange);
    border-right-color: var(--dui-clr-deep-orange);
}
.dui.dui-border-y-deep-orange{
    --dui-border-y-clr: var(--dui-clr-deep-orange);
    border-top-color: var(--dui-clr-deep-orange);
    border-bottom-color: var(--dui-clr-deep-orange);
}
.dui.dui-border-t-deep-orange{
    --dui-border-t-clr: var(--dui-clr-deep-orange);
    border-top-color: var(--dui-clr-deep-orange);
}
.dui.dui-border-r-deep-orange{
    --dui-border-r-clr: var(--dui-clr-deep-orange);
    border-right-color: var(--dui-clr-deep-orange);
}
.dui.dui-border-b-deep-orange{
    --dui-border-b-clr: var(--dui-clr-deep-orange);
    border-bottom-color: var(--dui-clr-deep-orange);
}
.dui.dui-border-l-deep-orange{
    --dui-border-l-clr: var(--dui-clr-deep-orange);
    border-left-color: var(--dui-clr-deep-orange);
}
.dui.dui-divide-deep-orange > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange);
    border-color: var(--dui-clr-deep-orange);
}
.dui.dui-outline-deep-orange{
    --dui-outline-clr: var(--dui-clr-deep-orange);
    outline-color: var(--dui-clr-deep-orange);
}
.dui.dui-fg-deep-orange-d-1 {
    --dui-fg-clr: var(--dui-clr-deep-orange-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-bg-deep-orange-d-1 {
    --dui-bg-clr: var(--dui-clr-deep-orange-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-accent-deep-orange-d-1 {
    --dui-accent-clr: var(--dui-clr-deep-orange-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-shadow-deep-orange-d-1 {
    --dui-shadow-clr: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-text-decoration-deep-orange-d-1{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange-d-1);
    text-decoration-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-border-deep-orange-d-1{
    --dui-border-clr: var(--dui-clr-deep-orange-d-1);
    border-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-border-x-deep-orange-d-1{
    --dui-border-x-clr: var(--dui-clr-deep-orange-d-1);
    border-left-color: var(--dui-clr-deep-orange-d-1);
    border-right-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-border-y-deep-orange-d-1{
    --dui-border-y-clr: var(--dui-clr-deep-orange-d-1);
    border-top-color: var(--dui-clr-deep-orange-d-1);
    border-bottom-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-border-t-deep-orange-d-1{
    --dui-border-t-clr: var(--dui-clr-deep-orange-d-1);
    border-top-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-border-r-deep-orange-d-1{
    --dui-border-r-clr: var(--dui-clr-deep-orange-d-1);
    border-right-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-border-b-deep-orange-d-1{
    --dui-border-b-clr: var(--dui-clr-deep-orange-d-1);
    border-bottom-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-border-l-deep-orange-d-1{
    --dui-border-l-clr: var(--dui-clr-deep-orange-d-1);
    border-left-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-divide-deep-orange-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange-d-1);
    border-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-outline-deep-orange-d-1{
    --dui-outline-clr: var(--dui-clr-deep-orange-d-1);
    outline-color: var(--dui-clr-deep-orange-d-1);
}
.dui.dui-fg-deep-orange-d-2 {
    --dui-fg-clr: var(--dui-clr-deep-orange-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-bg-deep-orange-d-2 {
    --dui-bg-clr: var(--dui-clr-deep-orange-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-accent-deep-orange-d-2 {
    --dui-accent-clr: var(--dui-clr-deep-orange-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-shadow-deep-orange-d-2 {
    --dui-shadow-clr: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-text-decoration-deep-orange-d-2{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange-d-2);
    text-decoration-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-border-deep-orange-d-2{
    --dui-border-clr: var(--dui-clr-deep-orange-d-2);
    border-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-border-x-deep-orange-d-2{
    --dui-border-x-clr: var(--dui-clr-deep-orange-d-2);
    border-left-color: var(--dui-clr-deep-orange-d-2);
    border-right-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-border-y-deep-orange-d-2{
    --dui-border-y-clr: var(--dui-clr-deep-orange-d-2);
    border-top-color: var(--dui-clr-deep-orange-d-2);
    border-bottom-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-border-t-deep-orange-d-2{
    --dui-border-t-clr: var(--dui-clr-deep-orange-d-2);
    border-top-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-border-r-deep-orange-d-2{
    --dui-border-r-clr: var(--dui-clr-deep-orange-d-2);
    border-right-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-border-b-deep-orange-d-2{
    --dui-border-b-clr: var(--dui-clr-deep-orange-d-2);
    border-bottom-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-border-l-deep-orange-d-2{
    --dui-border-l-clr: var(--dui-clr-deep-orange-d-2);
    border-left-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-divide-deep-orange-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange-d-2);
    border-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-outline-deep-orange-d-2{
    --dui-outline-clr: var(--dui-clr-deep-orange-d-2);
    outline-color: var(--dui-clr-deep-orange-d-2);
}
.dui.dui-fg-deep-orange-d-3 {
    --dui-fg-clr: var(--dui-clr-deep-orange-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-bg-deep-orange-d-3 {
    --dui-bg-clr: var(--dui-clr-deep-orange-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-accent-deep-orange-d-3 {
    --dui-accent-clr: var(--dui-clr-deep-orange-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-shadow-deep-orange-d-3 {
    --dui-shadow-clr: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-text-decoration-deep-orange-d-3{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange-d-3);
    text-decoration-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-border-deep-orange-d-3{
    --dui-border-clr: var(--dui-clr-deep-orange-d-3);
    border-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-border-x-deep-orange-d-3{
    --dui-border-x-clr: var(--dui-clr-deep-orange-d-3);
    border-left-color: var(--dui-clr-deep-orange-d-3);
    border-right-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-border-y-deep-orange-d-3{
    --dui-border-y-clr: var(--dui-clr-deep-orange-d-3);
    border-top-color: var(--dui-clr-deep-orange-d-3);
    border-bottom-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-border-t-deep-orange-d-3{
    --dui-border-t-clr: var(--dui-clr-deep-orange-d-3);
    border-top-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-border-r-deep-orange-d-3{
    --dui-border-r-clr: var(--dui-clr-deep-orange-d-3);
    border-right-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-border-b-deep-orange-d-3{
    --dui-border-b-clr: var(--dui-clr-deep-orange-d-3);
    border-bottom-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-border-l-deep-orange-d-3{
    --dui-border-l-clr: var(--dui-clr-deep-orange-d-3);
    border-left-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-divide-deep-orange-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange-d-3);
    border-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-outline-deep-orange-d-3{
    --dui-outline-clr: var(--dui-clr-deep-orange-d-3);
    outline-color: var(--dui-clr-deep-orange-d-3);
}
.dui.dui-fg-deep-orange-d-4 {
    --dui-fg-clr: var(--dui-clr-deep-orange-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-bg-deep-orange-d-4 {
    --dui-bg-clr: var(--dui-clr-deep-orange-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-accent-deep-orange-d-4 {
    --dui-accent-clr: var(--dui-clr-deep-orange-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-shadow-deep-orange-d-4 {
    --dui-shadow-clr: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-text-decoration-deep-orange-d-4{
    --dui-text-decoration-clr: var(--dui-clr-deep-orange-d-4);
    text-decoration-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-border-deep-orange-d-4{
    --dui-border-clr: var(--dui-clr-deep-orange-d-4);
    border-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-border-x-deep-orange-d-4{
    --dui-border-x-clr: var(--dui-clr-deep-orange-d-4);
    border-left-color: var(--dui-clr-deep-orange-d-4);
    border-right-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-border-y-deep-orange-d-4{
    --dui-border-y-clr: var(--dui-clr-deep-orange-d-4);
    border-top-color: var(--dui-clr-deep-orange-d-4);
    border-bottom-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-border-t-deep-orange-d-4{
    --dui-border-t-clr: var(--dui-clr-deep-orange-d-4);
    border-top-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-border-r-deep-orange-d-4{
    --dui-border-r-clr: var(--dui-clr-deep-orange-d-4);
    border-right-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-border-b-deep-orange-d-4{
    --dui-border-b-clr: var(--dui-clr-deep-orange-d-4);
    border-bottom-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-border-l-deep-orange-d-4{
    --dui-border-l-clr: var(--dui-clr-deep-orange-d-4);
    border-left-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-divide-deep-orange-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-deep-orange-d-4);
    border-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-outline-deep-orange-d-4{
    --dui-outline-clr: var(--dui-clr-deep-orange-d-4);
    outline-color: var(--dui-clr-deep-orange-d-4);
}
.dui.dui-fg-brown-l-5 {
    --dui-fg-clr: var(--dui-clr-brown-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown-l-5);
}
.dui.dui-bg-brown-l-5 {
    --dui-bg-clr: var(--dui-clr-brown-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-brown-l-5);
}
.dui.dui-accent-brown-l-5 {
    --dui-accent-clr: var(--dui-clr-brown-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-brown-l-5);
}
.dui.dui-shadow-brown-l-5 {
    --dui-shadow-clr: var(--dui-clr-brown-l-5);
}
.dui.dui-text-decoration-brown-l-5{
    --dui-text-decoration-clr: var(--dui-clr-brown-l-5);
    text-decoration-color: var(--dui-clr-brown-l-5);
}
.dui.dui-border-brown-l-5{
    --dui-border-clr: var(--dui-clr-brown-l-5);
    border-color: var(--dui-clr-brown-l-5);
}
.dui.dui-border-x-brown-l-5{
    --dui-border-x-clr: var(--dui-clr-brown-l-5);
    border-left-color: var(--dui-clr-brown-l-5);
    border-right-color: var(--dui-clr-brown-l-5);
}
.dui.dui-border-y-brown-l-5{
    --dui-border-y-clr: var(--dui-clr-brown-l-5);
    border-top-color: var(--dui-clr-brown-l-5);
    border-bottom-color: var(--dui-clr-brown-l-5);
}
.dui.dui-border-t-brown-l-5{
    --dui-border-t-clr: var(--dui-clr-brown-l-5);
    border-top-color: var(--dui-clr-brown-l-5);
}
.dui.dui-border-r-brown-l-5{
    --dui-border-r-clr: var(--dui-clr-brown-l-5);
    border-right-color: var(--dui-clr-brown-l-5);
}
.dui.dui-border-b-brown-l-5{
    --dui-border-b-clr: var(--dui-clr-brown-l-5);
    border-bottom-color: var(--dui-clr-brown-l-5);
}
.dui.dui-border-l-brown-l-5{
    --dui-border-l-clr: var(--dui-clr-brown-l-5);
    border-left-color: var(--dui-clr-brown-l-5);
}
.dui.dui-divide-brown-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-brown-l-5);
    border-color: var(--dui-clr-brown-l-5);
}
.dui.dui-outline-brown-l-5{
    --dui-outline-clr: var(--dui-clr-brown-l-5);
    outline-color: var(--dui-clr-brown-l-5);
}
.dui.dui-fg-brown-l-4 {
    --dui-fg-clr: var(--dui-clr-brown-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown-l-4);
}
.dui.dui-bg-brown-l-4 {
    --dui-bg-clr: var(--dui-clr-brown-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-brown-l-4);
}
.dui.dui-accent-brown-l-4 {
    --dui-accent-clr: var(--dui-clr-brown-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-brown-l-4);
}
.dui.dui-shadow-brown-l-4 {
    --dui-shadow-clr: var(--dui-clr-brown-l-4);
}
.dui.dui-text-decoration-brown-l-4{
    --dui-text-decoration-clr: var(--dui-clr-brown-l-4);
    text-decoration-color: var(--dui-clr-brown-l-4);
}
.dui.dui-border-brown-l-4{
    --dui-border-clr: var(--dui-clr-brown-l-4);
    border-color: var(--dui-clr-brown-l-4);
}
.dui.dui-border-x-brown-l-4{
    --dui-border-x-clr: var(--dui-clr-brown-l-4);
    border-left-color: var(--dui-clr-brown-l-4);
    border-right-color: var(--dui-clr-brown-l-4);
}
.dui.dui-border-y-brown-l-4{
    --dui-border-y-clr: var(--dui-clr-brown-l-4);
    border-top-color: var(--dui-clr-brown-l-4);
    border-bottom-color: var(--dui-clr-brown-l-4);
}
.dui.dui-border-t-brown-l-4{
    --dui-border-t-clr: var(--dui-clr-brown-l-4);
    border-top-color: var(--dui-clr-brown-l-4);
}
.dui.dui-border-r-brown-l-4{
    --dui-border-r-clr: var(--dui-clr-brown-l-4);
    border-right-color: var(--dui-clr-brown-l-4);
}
.dui.dui-border-b-brown-l-4{
    --dui-border-b-clr: var(--dui-clr-brown-l-4);
    border-bottom-color: var(--dui-clr-brown-l-4);
}
.dui.dui-border-l-brown-l-4{
    --dui-border-l-clr: var(--dui-clr-brown-l-4);
    border-left-color: var(--dui-clr-brown-l-4);
}
.dui.dui-divide-brown-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-brown-l-4);
    border-color: var(--dui-clr-brown-l-4);
}
.dui.dui-outline-brown-l-4{
    --dui-outline-clr: var(--dui-clr-brown-l-4);
    outline-color: var(--dui-clr-brown-l-4);
}
.dui.dui-fg-brown-l-3 {
    --dui-fg-clr: var(--dui-clr-brown-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown-l-3);
}
.dui.dui-bg-brown-l-3 {
    --dui-bg-clr: var(--dui-clr-brown-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-brown-l-3);
}
.dui.dui-accent-brown-l-3 {
    --dui-accent-clr: var(--dui-clr-brown-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-brown-l-3);
}
.dui.dui-shadow-brown-l-3 {
    --dui-shadow-clr: var(--dui-clr-brown-l-3);
}
.dui.dui-text-decoration-brown-l-3{
    --dui-text-decoration-clr: var(--dui-clr-brown-l-3);
    text-decoration-color: var(--dui-clr-brown-l-3);
}
.dui.dui-border-brown-l-3{
    --dui-border-clr: var(--dui-clr-brown-l-3);
    border-color: var(--dui-clr-brown-l-3);
}
.dui.dui-border-x-brown-l-3{
    --dui-border-x-clr: var(--dui-clr-brown-l-3);
    border-left-color: var(--dui-clr-brown-l-3);
    border-right-color: var(--dui-clr-brown-l-3);
}
.dui.dui-border-y-brown-l-3{
    --dui-border-y-clr: var(--dui-clr-brown-l-3);
    border-top-color: var(--dui-clr-brown-l-3);
    border-bottom-color: var(--dui-clr-brown-l-3);
}
.dui.dui-border-t-brown-l-3{
    --dui-border-t-clr: var(--dui-clr-brown-l-3);
    border-top-color: var(--dui-clr-brown-l-3);
}
.dui.dui-border-r-brown-l-3{
    --dui-border-r-clr: var(--dui-clr-brown-l-3);
    border-right-color: var(--dui-clr-brown-l-3);
}
.dui.dui-border-b-brown-l-3{
    --dui-border-b-clr: var(--dui-clr-brown-l-3);
    border-bottom-color: var(--dui-clr-brown-l-3);
}
.dui.dui-border-l-brown-l-3{
    --dui-border-l-clr: var(--dui-clr-brown-l-3);
    border-left-color: var(--dui-clr-brown-l-3);
}
.dui.dui-divide-brown-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-brown-l-3);
    border-color: var(--dui-clr-brown-l-3);
}
.dui.dui-outline-brown-l-3{
    --dui-outline-clr: var(--dui-clr-brown-l-3);
    outline-color: var(--dui-clr-brown-l-3);
}
.dui.dui-fg-brown-l-2 {
    --dui-fg-clr: var(--dui-clr-brown-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown-l-2);
}
.dui.dui-bg-brown-l-2 {
    --dui-bg-clr: var(--dui-clr-brown-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-brown-l-2);
}
.dui.dui-accent-brown-l-2 {
    --dui-accent-clr: var(--dui-clr-brown-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-brown-l-2);
}
.dui.dui-shadow-brown-l-2 {
    --dui-shadow-clr: var(--dui-clr-brown-l-2);
}
.dui.dui-text-decoration-brown-l-2{
    --dui-text-decoration-clr: var(--dui-clr-brown-l-2);
    text-decoration-color: var(--dui-clr-brown-l-2);
}
.dui.dui-border-brown-l-2{
    --dui-border-clr: var(--dui-clr-brown-l-2);
    border-color: var(--dui-clr-brown-l-2);
}
.dui.dui-border-x-brown-l-2{
    --dui-border-x-clr: var(--dui-clr-brown-l-2);
    border-left-color: var(--dui-clr-brown-l-2);
    border-right-color: var(--dui-clr-brown-l-2);
}
.dui.dui-border-y-brown-l-2{
    --dui-border-y-clr: var(--dui-clr-brown-l-2);
    border-top-color: var(--dui-clr-brown-l-2);
    border-bottom-color: var(--dui-clr-brown-l-2);
}
.dui.dui-border-t-brown-l-2{
    --dui-border-t-clr: var(--dui-clr-brown-l-2);
    border-top-color: var(--dui-clr-brown-l-2);
}
.dui.dui-border-r-brown-l-2{
    --dui-border-r-clr: var(--dui-clr-brown-l-2);
    border-right-color: var(--dui-clr-brown-l-2);
}
.dui.dui-border-b-brown-l-2{
    --dui-border-b-clr: var(--dui-clr-brown-l-2);
    border-bottom-color: var(--dui-clr-brown-l-2);
}
.dui.dui-border-l-brown-l-2{
    --dui-border-l-clr: var(--dui-clr-brown-l-2);
    border-left-color: var(--dui-clr-brown-l-2);
}
.dui.dui-divide-brown-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-brown-l-2);
    border-color: var(--dui-clr-brown-l-2);
}
.dui.dui-outline-brown-l-2{
    --dui-outline-clr: var(--dui-clr-brown-l-2);
    outline-color: var(--dui-clr-brown-l-2);
}
.dui.dui-fg-brown-l-1 {
    --dui-fg-clr: var(--dui-clr-brown-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown-l-1);
}
.dui.dui-bg-brown-l-1 {
    --dui-bg-clr: var(--dui-clr-brown-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-brown-l-1);
}
.dui.dui-accent-brown-l-1 {
    --dui-accent-clr: var(--dui-clr-brown-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-brown-l-1);
}
.dui.dui-shadow-brown-l-1 {
    --dui-shadow-clr: var(--dui-clr-brown-l-1);
}
.dui.dui-text-decoration-brown-l-1{
    --dui-text-decoration-clr: var(--dui-clr-brown-l-1);
    text-decoration-color: var(--dui-clr-brown-l-1);
}
.dui.dui-border-brown-l-1{
    --dui-border-clr: var(--dui-clr-brown-l-1);
    border-color: var(--dui-clr-brown-l-1);
}
.dui.dui-border-x-brown-l-1{
    --dui-border-x-clr: var(--dui-clr-brown-l-1);
    border-left-color: var(--dui-clr-brown-l-1);
    border-right-color: var(--dui-clr-brown-l-1);
}
.dui.dui-border-y-brown-l-1{
    --dui-border-y-clr: var(--dui-clr-brown-l-1);
    border-top-color: var(--dui-clr-brown-l-1);
    border-bottom-color: var(--dui-clr-brown-l-1);
}
.dui.dui-border-t-brown-l-1{
    --dui-border-t-clr: var(--dui-clr-brown-l-1);
    border-top-color: var(--dui-clr-brown-l-1);
}
.dui.dui-border-r-brown-l-1{
    --dui-border-r-clr: var(--dui-clr-brown-l-1);
    border-right-color: var(--dui-clr-brown-l-1);
}
.dui.dui-border-b-brown-l-1{
    --dui-border-b-clr: var(--dui-clr-brown-l-1);
    border-bottom-color: var(--dui-clr-brown-l-1);
}
.dui.dui-border-l-brown-l-1{
    --dui-border-l-clr: var(--dui-clr-brown-l-1);
    border-left-color: var(--dui-clr-brown-l-1);
}
.dui.dui-divide-brown-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-brown-l-1);
    border-color: var(--dui-clr-brown-l-1);
}
.dui.dui-outline-brown-l-1{
    --dui-outline-clr: var(--dui-clr-brown-l-1);
    outline-color: var(--dui-clr-brown-l-1);
}
.dui.dui-fg-brown {
    --dui-fg-clr: var(--dui-clr-brown);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown);
}
.dui.dui-bg-brown {
    --dui-bg-clr: var(--dui-clr-brown);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-brown);
}
.dui.dui-accent-brown {
    --dui-accent-clr: var(--dui-clr-brown);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-brown);
}
.dui.dui-shadow-brown {
    --dui-shadow-clr: var(--dui-clr-brown);
}
.dui.dui-text-decoration-brown{
    --dui-text-decoration-clr: var(--dui-clr-brown);
    text-decoration-color: var(--dui-clr-brown);
}
.dui.dui-border-brown{
    --dui-border-clr: var(--dui-clr-brown);
    border-color: var(--dui-clr-brown);
}
.dui.dui-border-x-brown{
    --dui-border-x-clr: var(--dui-clr-brown);
    border-left-color: var(--dui-clr-brown);
    border-right-color: var(--dui-clr-brown);
}
.dui.dui-border-y-brown{
    --dui-border-y-clr: var(--dui-clr-brown);
    border-top-color: var(--dui-clr-brown);
    border-bottom-color: var(--dui-clr-brown);
}
.dui.dui-border-t-brown{
    --dui-border-t-clr: var(--dui-clr-brown);
    border-top-color: var(--dui-clr-brown);
}
.dui.dui-border-r-brown{
    --dui-border-r-clr: var(--dui-clr-brown);
    border-right-color: var(--dui-clr-brown);
}
.dui.dui-border-b-brown{
    --dui-border-b-clr: var(--dui-clr-brown);
    border-bottom-color: var(--dui-clr-brown);
}
.dui.dui-border-l-brown{
    --dui-border-l-clr: var(--dui-clr-brown);
    border-left-color: var(--dui-clr-brown);
}
.dui.dui-divide-brown > * + *{
    --dui-border-clr: var(--dui-clr-brown);
    border-color: var(--dui-clr-brown);
}
.dui.dui-outline-brown{
    --dui-outline-clr: var(--dui-clr-brown);
    outline-color: var(--dui-clr-brown);
}
.dui.dui-fg-brown-d-1 {
    --dui-fg-clr: var(--dui-clr-brown-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown-d-1);
}
.dui.dui-bg-brown-d-1 {
    --dui-bg-clr: var(--dui-clr-brown-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-brown-d-1);
}
.dui.dui-accent-brown-d-1 {
    --dui-accent-clr: var(--dui-clr-brown-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-brown-d-1);
}
.dui.dui-shadow-brown-d-1 {
    --dui-shadow-clr: var(--dui-clr-brown-d-1);
}
.dui.dui-text-decoration-brown-d-1{
    --dui-text-decoration-clr: var(--dui-clr-brown-d-1);
    text-decoration-color: var(--dui-clr-brown-d-1);
}
.dui.dui-border-brown-d-1{
    --dui-border-clr: var(--dui-clr-brown-d-1);
    border-color: var(--dui-clr-brown-d-1);
}
.dui.dui-border-x-brown-d-1{
    --dui-border-x-clr: var(--dui-clr-brown-d-1);
    border-left-color: var(--dui-clr-brown-d-1);
    border-right-color: var(--dui-clr-brown-d-1);
}
.dui.dui-border-y-brown-d-1{
    --dui-border-y-clr: var(--dui-clr-brown-d-1);
    border-top-color: var(--dui-clr-brown-d-1);
    border-bottom-color: var(--dui-clr-brown-d-1);
}
.dui.dui-border-t-brown-d-1{
    --dui-border-t-clr: var(--dui-clr-brown-d-1);
    border-top-color: var(--dui-clr-brown-d-1);
}
.dui.dui-border-r-brown-d-1{
    --dui-border-r-clr: var(--dui-clr-brown-d-1);
    border-right-color: var(--dui-clr-brown-d-1);
}
.dui.dui-border-b-brown-d-1{
    --dui-border-b-clr: var(--dui-clr-brown-d-1);
    border-bottom-color: var(--dui-clr-brown-d-1);
}
.dui.dui-border-l-brown-d-1{
    --dui-border-l-clr: var(--dui-clr-brown-d-1);
    border-left-color: var(--dui-clr-brown-d-1);
}
.dui.dui-divide-brown-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-brown-d-1);
    border-color: var(--dui-clr-brown-d-1);
}
.dui.dui-outline-brown-d-1{
    --dui-outline-clr: var(--dui-clr-brown-d-1);
    outline-color: var(--dui-clr-brown-d-1);
}
.dui.dui-fg-brown-d-2 {
    --dui-fg-clr: var(--dui-clr-brown-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown-d-2);
}
.dui.dui-bg-brown-d-2 {
    --dui-bg-clr: var(--dui-clr-brown-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-brown-d-2);
}
.dui.dui-accent-brown-d-2 {
    --dui-accent-clr: var(--dui-clr-brown-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-brown-d-2);
}
.dui.dui-shadow-brown-d-2 {
    --dui-shadow-clr: var(--dui-clr-brown-d-2);
}
.dui.dui-text-decoration-brown-d-2{
    --dui-text-decoration-clr: var(--dui-clr-brown-d-2);
    text-decoration-color: var(--dui-clr-brown-d-2);
}
.dui.dui-border-brown-d-2{
    --dui-border-clr: var(--dui-clr-brown-d-2);
    border-color: var(--dui-clr-brown-d-2);
}
.dui.dui-border-x-brown-d-2{
    --dui-border-x-clr: var(--dui-clr-brown-d-2);
    border-left-color: var(--dui-clr-brown-d-2);
    border-right-color: var(--dui-clr-brown-d-2);
}
.dui.dui-border-y-brown-d-2{
    --dui-border-y-clr: var(--dui-clr-brown-d-2);
    border-top-color: var(--dui-clr-brown-d-2);
    border-bottom-color: var(--dui-clr-brown-d-2);
}
.dui.dui-border-t-brown-d-2{
    --dui-border-t-clr: var(--dui-clr-brown-d-2);
    border-top-color: var(--dui-clr-brown-d-2);
}
.dui.dui-border-r-brown-d-2{
    --dui-border-r-clr: var(--dui-clr-brown-d-2);
    border-right-color: var(--dui-clr-brown-d-2);
}
.dui.dui-border-b-brown-d-2{
    --dui-border-b-clr: var(--dui-clr-brown-d-2);
    border-bottom-color: var(--dui-clr-brown-d-2);
}
.dui.dui-border-l-brown-d-2{
    --dui-border-l-clr: var(--dui-clr-brown-d-2);
    border-left-color: var(--dui-clr-brown-d-2);
}
.dui.dui-divide-brown-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-brown-d-2);
    border-color: var(--dui-clr-brown-d-2);
}
.dui.dui-outline-brown-d-2{
    --dui-outline-clr: var(--dui-clr-brown-d-2);
    outline-color: var(--dui-clr-brown-d-2);
}
.dui.dui-fg-brown-d-3 {
    --dui-fg-clr: var(--dui-clr-brown-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown-d-3);
}
.dui.dui-bg-brown-d-3 {
    --dui-bg-clr: var(--dui-clr-brown-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-brown-d-3);
}
.dui.dui-accent-brown-d-3 {
    --dui-accent-clr: var(--dui-clr-brown-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-brown-d-3);
}
.dui.dui-shadow-brown-d-3 {
    --dui-shadow-clr: var(--dui-clr-brown-d-3);
}
.dui.dui-text-decoration-brown-d-3{
    --dui-text-decoration-clr: var(--dui-clr-brown-d-3);
    text-decoration-color: var(--dui-clr-brown-d-3);
}
.dui.dui-border-brown-d-3{
    --dui-border-clr: var(--dui-clr-brown-d-3);
    border-color: var(--dui-clr-brown-d-3);
}
.dui.dui-border-x-brown-d-3{
    --dui-border-x-clr: var(--dui-clr-brown-d-3);
    border-left-color: var(--dui-clr-brown-d-3);
    border-right-color: var(--dui-clr-brown-d-3);
}
.dui.dui-border-y-brown-d-3{
    --dui-border-y-clr: var(--dui-clr-brown-d-3);
    border-top-color: var(--dui-clr-brown-d-3);
    border-bottom-color: var(--dui-clr-brown-d-3);
}
.dui.dui-border-t-brown-d-3{
    --dui-border-t-clr: var(--dui-clr-brown-d-3);
    border-top-color: var(--dui-clr-brown-d-3);
}
.dui.dui-border-r-brown-d-3{
    --dui-border-r-clr: var(--dui-clr-brown-d-3);
    border-right-color: var(--dui-clr-brown-d-3);
}
.dui.dui-border-b-brown-d-3{
    --dui-border-b-clr: var(--dui-clr-brown-d-3);
    border-bottom-color: var(--dui-clr-brown-d-3);
}
.dui.dui-border-l-brown-d-3{
    --dui-border-l-clr: var(--dui-clr-brown-d-3);
    border-left-color: var(--dui-clr-brown-d-3);
}
.dui.dui-divide-brown-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-brown-d-3);
    border-color: var(--dui-clr-brown-d-3);
}
.dui.dui-outline-brown-d-3{
    --dui-outline-clr: var(--dui-clr-brown-d-3);
    outline-color: var(--dui-clr-brown-d-3);
}
.dui.dui-fg-brown-d-4 {
    --dui-fg-clr: var(--dui-clr-brown-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-brown-d-4);
}
.dui.dui-bg-brown-d-4 {
    --dui-bg-clr: var(--dui-clr-brown-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-brown-d-4);
}
.dui.dui-accent-brown-d-4 {
    --dui-accent-clr: var(--dui-clr-brown-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-brown-d-4);
}
.dui.dui-shadow-brown-d-4 {
    --dui-shadow-clr: var(--dui-clr-brown-d-4);
}
.dui.dui-text-decoration-brown-d-4{
    --dui-text-decoration-clr: var(--dui-clr-brown-d-4);
    text-decoration-color: var(--dui-clr-brown-d-4);
}
.dui.dui-border-brown-d-4{
    --dui-border-clr: var(--dui-clr-brown-d-4);
    border-color: var(--dui-clr-brown-d-4);
}
.dui.dui-border-x-brown-d-4{
    --dui-border-x-clr: var(--dui-clr-brown-d-4);
    border-left-color: var(--dui-clr-brown-d-4);
    border-right-color: var(--dui-clr-brown-d-4);
}
.dui.dui-border-y-brown-d-4{
    --dui-border-y-clr: var(--dui-clr-brown-d-4);
    border-top-color: var(--dui-clr-brown-d-4);
    border-bottom-color: var(--dui-clr-brown-d-4);
}
.dui.dui-border-t-brown-d-4{
    --dui-border-t-clr: var(--dui-clr-brown-d-4);
    border-top-color: var(--dui-clr-brown-d-4);
}
.dui.dui-border-r-brown-d-4{
    --dui-border-r-clr: var(--dui-clr-brown-d-4);
    border-right-color: var(--dui-clr-brown-d-4);
}
.dui.dui-border-b-brown-d-4{
    --dui-border-b-clr: var(--dui-clr-brown-d-4);
    border-bottom-color: var(--dui-clr-brown-d-4);
}
.dui.dui-border-l-brown-d-4{
    --dui-border-l-clr: var(--dui-clr-brown-d-4);
    border-left-color: var(--dui-clr-brown-d-4);
}
.dui.dui-divide-brown-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-brown-d-4);
    border-color: var(--dui-clr-brown-d-4);
}
.dui.dui-outline-brown-d-4{
    --dui-outline-clr: var(--dui-clr-brown-d-4);
    outline-color: var(--dui-clr-brown-d-4);
}
.dui.dui-fg-grey-l-5 {
    --dui-fg-clr: var(--dui-clr-grey-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey-l-5);
}
.dui.dui-bg-grey-l-5 {
    --dui-bg-clr: var(--dui-clr-grey-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-grey-l-5);
}
.dui.dui-accent-grey-l-5 {
    --dui-accent-clr: var(--dui-clr-grey-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-grey-l-5);
}
.dui.dui-shadow-grey-l-5 {
    --dui-shadow-clr: var(--dui-clr-grey-l-5);
}
.dui.dui-text-decoration-grey-l-5{
    --dui-text-decoration-clr: var(--dui-clr-grey-l-5);
    text-decoration-color: var(--dui-clr-grey-l-5);
}
.dui.dui-border-grey-l-5{
    --dui-border-clr: var(--dui-clr-grey-l-5);
    border-color: var(--dui-clr-grey-l-5);
}
.dui.dui-border-x-grey-l-5{
    --dui-border-x-clr: var(--dui-clr-grey-l-5);
    border-left-color: var(--dui-clr-grey-l-5);
    border-right-color: var(--dui-clr-grey-l-5);
}
.dui.dui-border-y-grey-l-5{
    --dui-border-y-clr: var(--dui-clr-grey-l-5);
    border-top-color: var(--dui-clr-grey-l-5);
    border-bottom-color: var(--dui-clr-grey-l-5);
}
.dui.dui-border-t-grey-l-5{
    --dui-border-t-clr: var(--dui-clr-grey-l-5);
    border-top-color: var(--dui-clr-grey-l-5);
}
.dui.dui-border-r-grey-l-5{
    --dui-border-r-clr: var(--dui-clr-grey-l-5);
    border-right-color: var(--dui-clr-grey-l-5);
}
.dui.dui-border-b-grey-l-5{
    --dui-border-b-clr: var(--dui-clr-grey-l-5);
    border-bottom-color: var(--dui-clr-grey-l-5);
}
.dui.dui-border-l-grey-l-5{
    --dui-border-l-clr: var(--dui-clr-grey-l-5);
    border-left-color: var(--dui-clr-grey-l-5);
}
.dui.dui-divide-grey-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-grey-l-5);
    border-color: var(--dui-clr-grey-l-5);
}
.dui.dui-outline-grey-l-5{
    --dui-outline-clr: var(--dui-clr-grey-l-5);
    outline-color: var(--dui-clr-grey-l-5);
}
.dui.dui-fg-grey-l-4 {
    --dui-fg-clr: var(--dui-clr-grey-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey-l-4);
}
.dui.dui-bg-grey-l-4 {
    --dui-bg-clr: var(--dui-clr-grey-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-grey-l-4);
}
.dui.dui-accent-grey-l-4 {
    --dui-accent-clr: var(--dui-clr-grey-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-grey-l-4);
}
.dui.dui-shadow-grey-l-4 {
    --dui-shadow-clr: var(--dui-clr-grey-l-4);
}
.dui.dui-text-decoration-grey-l-4{
    --dui-text-decoration-clr: var(--dui-clr-grey-l-4);
    text-decoration-color: var(--dui-clr-grey-l-4);
}
.dui.dui-border-grey-l-4{
    --dui-border-clr: var(--dui-clr-grey-l-4);
    border-color: var(--dui-clr-grey-l-4);
}
.dui.dui-border-x-grey-l-4{
    --dui-border-x-clr: var(--dui-clr-grey-l-4);
    border-left-color: var(--dui-clr-grey-l-4);
    border-right-color: var(--dui-clr-grey-l-4);
}
.dui.dui-border-y-grey-l-4{
    --dui-border-y-clr: var(--dui-clr-grey-l-4);
    border-top-color: var(--dui-clr-grey-l-4);
    border-bottom-color: var(--dui-clr-grey-l-4);
}
.dui.dui-border-t-grey-l-4{
    --dui-border-t-clr: var(--dui-clr-grey-l-4);
    border-top-color: var(--dui-clr-grey-l-4);
}
.dui.dui-border-r-grey-l-4{
    --dui-border-r-clr: var(--dui-clr-grey-l-4);
    border-right-color: var(--dui-clr-grey-l-4);
}
.dui.dui-border-b-grey-l-4{
    --dui-border-b-clr: var(--dui-clr-grey-l-4);
    border-bottom-color: var(--dui-clr-grey-l-4);
}
.dui.dui-border-l-grey-l-4{
    --dui-border-l-clr: var(--dui-clr-grey-l-4);
    border-left-color: var(--dui-clr-grey-l-4);
}
.dui.dui-divide-grey-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-grey-l-4);
    border-color: var(--dui-clr-grey-l-4);
}
.dui.dui-outline-grey-l-4{
    --dui-outline-clr: var(--dui-clr-grey-l-4);
    outline-color: var(--dui-clr-grey-l-4);
}
.dui.dui-fg-grey-l-3 {
    --dui-fg-clr: var(--dui-clr-grey-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey-l-3);
}
.dui.dui-bg-grey-l-3 {
    --dui-bg-clr: var(--dui-clr-grey-l-3);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-grey-l-3);
}
.dui.dui-accent-grey-l-3 {
    --dui-accent-clr: var(--dui-clr-grey-l-3);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-grey-l-3);
}
.dui.dui-shadow-grey-l-3 {
    --dui-shadow-clr: var(--dui-clr-grey-l-3);
}
.dui.dui-text-decoration-grey-l-3{
    --dui-text-decoration-clr: var(--dui-clr-grey-l-3);
    text-decoration-color: var(--dui-clr-grey-l-3);
}
.dui.dui-border-grey-l-3{
    --dui-border-clr: var(--dui-clr-grey-l-3);
    border-color: var(--dui-clr-grey-l-3);
}
.dui.dui-border-x-grey-l-3{
    --dui-border-x-clr: var(--dui-clr-grey-l-3);
    border-left-color: var(--dui-clr-grey-l-3);
    border-right-color: var(--dui-clr-grey-l-3);
}
.dui.dui-border-y-grey-l-3{
    --dui-border-y-clr: var(--dui-clr-grey-l-3);
    border-top-color: var(--dui-clr-grey-l-3);
    border-bottom-color: var(--dui-clr-grey-l-3);
}
.dui.dui-border-t-grey-l-3{
    --dui-border-t-clr: var(--dui-clr-grey-l-3);
    border-top-color: var(--dui-clr-grey-l-3);
}
.dui.dui-border-r-grey-l-3{
    --dui-border-r-clr: var(--dui-clr-grey-l-3);
    border-right-color: var(--dui-clr-grey-l-3);
}
.dui.dui-border-b-grey-l-3{
    --dui-border-b-clr: var(--dui-clr-grey-l-3);
    border-bottom-color: var(--dui-clr-grey-l-3);
}
.dui.dui-border-l-grey-l-3{
    --dui-border-l-clr: var(--dui-clr-grey-l-3);
    border-left-color: var(--dui-clr-grey-l-3);
}
.dui.dui-divide-grey-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-grey-l-3);
    border-color: var(--dui-clr-grey-l-3);
}
.dui.dui-outline-grey-l-3{
    --dui-outline-clr: var(--dui-clr-grey-l-3);
    outline-color: var(--dui-clr-grey-l-3);
}
.dui.dui-fg-grey-l-2 {
    --dui-fg-clr: var(--dui-clr-grey-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey-l-2);
}
.dui.dui-bg-grey-l-2 {
    --dui-bg-clr: var(--dui-clr-grey-l-2);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-grey-l-2);
}
.dui.dui-accent-grey-l-2 {
    --dui-accent-clr: var(--dui-clr-grey-l-2);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-grey-l-2);
}
.dui.dui-shadow-grey-l-2 {
    --dui-shadow-clr: var(--dui-clr-grey-l-2);
}
.dui.dui-text-decoration-grey-l-2{
    --dui-text-decoration-clr: var(--dui-clr-grey-l-2);
    text-decoration-color: var(--dui-clr-grey-l-2);
}
.dui.dui-border-grey-l-2{
    --dui-border-clr: var(--dui-clr-grey-l-2);
    border-color: var(--dui-clr-grey-l-2);
}
.dui.dui-border-x-grey-l-2{
    --dui-border-x-clr: var(--dui-clr-grey-l-2);
    border-left-color: var(--dui-clr-grey-l-2);
    border-right-color: var(--dui-clr-grey-l-2);
}
.dui.dui-border-y-grey-l-2{
    --dui-border-y-clr: var(--dui-clr-grey-l-2);
    border-top-color: var(--dui-clr-grey-l-2);
    border-bottom-color: var(--dui-clr-grey-l-2);
}
.dui.dui-border-t-grey-l-2{
    --dui-border-t-clr: var(--dui-clr-grey-l-2);
    border-top-color: var(--dui-clr-grey-l-2);
}
.dui.dui-border-r-grey-l-2{
    --dui-border-r-clr: var(--dui-clr-grey-l-2);
    border-right-color: var(--dui-clr-grey-l-2);
}
.dui.dui-border-b-grey-l-2{
    --dui-border-b-clr: var(--dui-clr-grey-l-2);
    border-bottom-color: var(--dui-clr-grey-l-2);
}
.dui.dui-border-l-grey-l-2{
    --dui-border-l-clr: var(--dui-clr-grey-l-2);
    border-left-color: var(--dui-clr-grey-l-2);
}
.dui.dui-divide-grey-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-grey-l-2);
    border-color: var(--dui-clr-grey-l-2);
}
.dui.dui-outline-grey-l-2{
    --dui-outline-clr: var(--dui-clr-grey-l-2);
    outline-color: var(--dui-clr-grey-l-2);
}
.dui.dui-fg-grey-l-1 {
    --dui-fg-clr: var(--dui-clr-grey-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey-l-1);
}
.dui.dui-bg-grey-l-1 {
    --dui-bg-clr: var(--dui-clr-grey-l-1);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-grey-l-1);
}
.dui.dui-accent-grey-l-1 {
    --dui-accent-clr: var(--dui-clr-grey-l-1);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-grey-l-1);
}
.dui.dui-shadow-grey-l-1 {
    --dui-shadow-clr: var(--dui-clr-grey-l-1);
}
.dui.dui-text-decoration-grey-l-1{
    --dui-text-decoration-clr: var(--dui-clr-grey-l-1);
    text-decoration-color: var(--dui-clr-grey-l-1);
}
.dui.dui-border-grey-l-1{
    --dui-border-clr: var(--dui-clr-grey-l-1);
    border-color: var(--dui-clr-grey-l-1);
}
.dui.dui-border-x-grey-l-1{
    --dui-border-x-clr: var(--dui-clr-grey-l-1);
    border-left-color: var(--dui-clr-grey-l-1);
    border-right-color: var(--dui-clr-grey-l-1);
}
.dui.dui-border-y-grey-l-1{
    --dui-border-y-clr: var(--dui-clr-grey-l-1);
    border-top-color: var(--dui-clr-grey-l-1);
    border-bottom-color: var(--dui-clr-grey-l-1);
}
.dui.dui-border-t-grey-l-1{
    --dui-border-t-clr: var(--dui-clr-grey-l-1);
    border-top-color: var(--dui-clr-grey-l-1);
}
.dui.dui-border-r-grey-l-1{
    --dui-border-r-clr: var(--dui-clr-grey-l-1);
    border-right-color: var(--dui-clr-grey-l-1);
}
.dui.dui-border-b-grey-l-1{
    --dui-border-b-clr: var(--dui-clr-grey-l-1);
    border-bottom-color: var(--dui-clr-grey-l-1);
}
.dui.dui-border-l-grey-l-1{
    --dui-border-l-clr: var(--dui-clr-grey-l-1);
    border-left-color: var(--dui-clr-grey-l-1);
}
.dui.dui-divide-grey-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-grey-l-1);
    border-color: var(--dui-clr-grey-l-1);
}
.dui.dui-outline-grey-l-1{
    --dui-outline-clr: var(--dui-clr-grey-l-1);
    outline-color: var(--dui-clr-grey-l-1);
}
.dui.dui-fg-grey {
    --dui-fg-clr: var(--dui-clr-grey);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey);
}
.dui.dui-bg-grey {
    --dui-bg-clr: var(--dui-clr-grey);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-grey);
}
.dui.dui-accent-grey {
    --dui-accent-clr: var(--dui-clr-grey);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-grey);
}
.dui.dui-shadow-grey {
    --dui-shadow-clr: var(--dui-clr-grey);
}
.dui.dui-text-decoration-grey{
    --dui-text-decoration-clr: var(--dui-clr-grey);
    text-decoration-color: var(--dui-clr-grey);
}
.dui.dui-border-grey{
    --dui-border-clr: var(--dui-clr-grey);
    border-color: var(--dui-clr-grey);
}
.dui.dui-border-x-grey{
    --dui-border-x-clr: var(--dui-clr-grey);
    border-left-color: var(--dui-clr-grey);
    border-right-color: var(--dui-clr-grey);
}
.dui.dui-border-y-grey{
    --dui-border-y-clr: var(--dui-clr-grey);
    border-top-color: var(--dui-clr-grey);
    border-bottom-color: var(--dui-clr-grey);
}
.dui.dui-border-t-grey{
    --dui-border-t-clr: var(--dui-clr-grey);
    border-top-color: var(--dui-clr-grey);
}
.dui.dui-border-r-grey{
    --dui-border-r-clr: var(--dui-clr-grey);
    border-right-color: var(--dui-clr-grey);
}
.dui.dui-border-b-grey{
    --dui-border-b-clr: var(--dui-clr-grey);
    border-bottom-color: var(--dui-clr-grey);
}
.dui.dui-border-l-grey{
    --dui-border-l-clr: var(--dui-clr-grey);
    border-left-color: var(--dui-clr-grey);
}
.dui.dui-divide-grey > * + *{
    --dui-border-clr: var(--dui-clr-grey);
    border-color: var(--dui-clr-grey);
}
.dui.dui-outline-grey{
    --dui-outline-clr: var(--dui-clr-grey);
    outline-color: var(--dui-clr-grey);
}
.dui.dui-fg-grey-d-1 {
    --dui-fg-clr: var(--dui-clr-grey-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey-d-1);
}
.dui.dui-bg-grey-d-1 {
    --dui-bg-clr: var(--dui-clr-grey-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-grey-d-1);
}
.dui.dui-accent-grey-d-1 {
    --dui-accent-clr: var(--dui-clr-grey-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-grey-d-1);
}
.dui.dui-shadow-grey-d-1 {
    --dui-shadow-clr: var(--dui-clr-grey-d-1);
}
.dui.dui-text-decoration-grey-d-1{
    --dui-text-decoration-clr: var(--dui-clr-grey-d-1);
    text-decoration-color: var(--dui-clr-grey-d-1);
}
.dui.dui-border-grey-d-1{
    --dui-border-clr: var(--dui-clr-grey-d-1);
    border-color: var(--dui-clr-grey-d-1);
}
.dui.dui-border-x-grey-d-1{
    --dui-border-x-clr: var(--dui-clr-grey-d-1);
    border-left-color: var(--dui-clr-grey-d-1);
    border-right-color: var(--dui-clr-grey-d-1);
}
.dui.dui-border-y-grey-d-1{
    --dui-border-y-clr: var(--dui-clr-grey-d-1);
    border-top-color: var(--dui-clr-grey-d-1);
    border-bottom-color: var(--dui-clr-grey-d-1);
}
.dui.dui-border-t-grey-d-1{
    --dui-border-t-clr: var(--dui-clr-grey-d-1);
    border-top-color: var(--dui-clr-grey-d-1);
}
.dui.dui-border-r-grey-d-1{
    --dui-border-r-clr: var(--dui-clr-grey-d-1);
    border-right-color: var(--dui-clr-grey-d-1);
}
.dui.dui-border-b-grey-d-1{
    --dui-border-b-clr: var(--dui-clr-grey-d-1);
    border-bottom-color: var(--dui-clr-grey-d-1);
}
.dui.dui-border-l-grey-d-1{
    --dui-border-l-clr: var(--dui-clr-grey-d-1);
    border-left-color: var(--dui-clr-grey-d-1);
}
.dui.dui-divide-grey-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-grey-d-1);
    border-color: var(--dui-clr-grey-d-1);
}
.dui.dui-outline-grey-d-1{
    --dui-outline-clr: var(--dui-clr-grey-d-1);
    outline-color: var(--dui-clr-grey-d-1);
}
.dui.dui-fg-grey-d-2 {
    --dui-fg-clr: var(--dui-clr-grey-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey-d-2);
}
.dui.dui-bg-grey-d-2 {
    --dui-bg-clr: var(--dui-clr-grey-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-grey-d-2);
}
.dui.dui-accent-grey-d-2 {
    --dui-accent-clr: var(--dui-clr-grey-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-grey-d-2);
}
.dui.dui-shadow-grey-d-2 {
    --dui-shadow-clr: var(--dui-clr-grey-d-2);
}
.dui.dui-text-decoration-grey-d-2{
    --dui-text-decoration-clr: var(--dui-clr-grey-d-2);
    text-decoration-color: var(--dui-clr-grey-d-2);
}
.dui.dui-border-grey-d-2{
    --dui-border-clr: var(--dui-clr-grey-d-2);
    border-color: var(--dui-clr-grey-d-2);
}
.dui.dui-border-x-grey-d-2{
    --dui-border-x-clr: var(--dui-clr-grey-d-2);
    border-left-color: var(--dui-clr-grey-d-2);
    border-right-color: var(--dui-clr-grey-d-2);
}
.dui.dui-border-y-grey-d-2{
    --dui-border-y-clr: var(--dui-clr-grey-d-2);
    border-top-color: var(--dui-clr-grey-d-2);
    border-bottom-color: var(--dui-clr-grey-d-2);
}
.dui.dui-border-t-grey-d-2{
    --dui-border-t-clr: var(--dui-clr-grey-d-2);
    border-top-color: var(--dui-clr-grey-d-2);
}
.dui.dui-border-r-grey-d-2{
    --dui-border-r-clr: var(--dui-clr-grey-d-2);
    border-right-color: var(--dui-clr-grey-d-2);
}
.dui.dui-border-b-grey-d-2{
    --dui-border-b-clr: var(--dui-clr-grey-d-2);
    border-bottom-color: var(--dui-clr-grey-d-2);
}
.dui.dui-border-l-grey-d-2{
    --dui-border-l-clr: var(--dui-clr-grey-d-2);
    border-left-color: var(--dui-clr-grey-d-2);
}
.dui.dui-divide-grey-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-grey-d-2);
    border-color: var(--dui-clr-grey-d-2);
}
.dui.dui-outline-grey-d-2{
    --dui-outline-clr: var(--dui-clr-grey-d-2);
    outline-color: var(--dui-clr-grey-d-2);
}
.dui.dui-fg-grey-d-3 {
    --dui-fg-clr: var(--dui-clr-grey-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey-d-3);
}
.dui.dui-bg-grey-d-3 {
    --dui-bg-clr: var(--dui-clr-grey-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-grey-d-3);
}
.dui.dui-accent-grey-d-3 {
    --dui-accent-clr: var(--dui-clr-grey-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-grey-d-3);
}
.dui.dui-shadow-grey-d-3 {
    --dui-shadow-clr: var(--dui-clr-grey-d-3);
}
.dui.dui-text-decoration-grey-d-3{
    --dui-text-decoration-clr: var(--dui-clr-grey-d-3);
    text-decoration-color: var(--dui-clr-grey-d-3);
}
.dui.dui-border-grey-d-3{
    --dui-border-clr: var(--dui-clr-grey-d-3);
    border-color: var(--dui-clr-grey-d-3);
}
.dui.dui-border-x-grey-d-3{
    --dui-border-x-clr: var(--dui-clr-grey-d-3);
    border-left-color: var(--dui-clr-grey-d-3);
    border-right-color: var(--dui-clr-grey-d-3);
}
.dui.dui-border-y-grey-d-3{
    --dui-border-y-clr: var(--dui-clr-grey-d-3);
    border-top-color: var(--dui-clr-grey-d-3);
    border-bottom-color: var(--dui-clr-grey-d-3);
}
.dui.dui-border-t-grey-d-3{
    --dui-border-t-clr: var(--dui-clr-grey-d-3);
    border-top-color: var(--dui-clr-grey-d-3);
}
.dui.dui-border-r-grey-d-3{
    --dui-border-r-clr: var(--dui-clr-grey-d-3);
    border-right-color: var(--dui-clr-grey-d-3);
}
.dui.dui-border-b-grey-d-3{
    --dui-border-b-clr: var(--dui-clr-grey-d-3);
    border-bottom-color: var(--dui-clr-grey-d-3);
}
.dui.dui-border-l-grey-d-3{
    --dui-border-l-clr: var(--dui-clr-grey-d-3);
    border-left-color: var(--dui-clr-grey-d-3);
}
.dui.dui-divide-grey-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-grey-d-3);
    border-color: var(--dui-clr-grey-d-3);
}
.dui.dui-outline-grey-d-3{
    --dui-outline-clr: var(--dui-clr-grey-d-3);
    outline-color: var(--dui-clr-grey-d-3);
}
.dui.dui-fg-grey-d-4 {
    --dui-fg-clr: var(--dui-clr-grey-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-grey-d-4);
}
.dui.dui-bg-grey-d-4 {
    --dui-bg-clr: var(--dui-clr-grey-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-grey-d-4);
}
.dui.dui-accent-grey-d-4 {
    --dui-accent-clr: var(--dui-clr-grey-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-grey-d-4);
}
.dui.dui-shadow-grey-d-4 {
    --dui-shadow-clr: var(--dui-clr-grey-d-4);
}
.dui.dui-text-decoration-grey-d-4{
    --dui-text-decoration-clr: var(--dui-clr-grey-d-4);
    text-decoration-color: var(--dui-clr-grey-d-4);
}
.dui.dui-border-grey-d-4{
    --dui-border-clr: var(--dui-clr-grey-d-4);
    border-color: var(--dui-clr-grey-d-4);
}
.dui.dui-border-x-grey-d-4{
    --dui-border-x-clr: var(--dui-clr-grey-d-4);
    border-left-color: var(--dui-clr-grey-d-4);
    border-right-color: var(--dui-clr-grey-d-4);
}
.dui.dui-border-y-grey-d-4{
    --dui-border-y-clr: var(--dui-clr-grey-d-4);
    border-top-color: var(--dui-clr-grey-d-4);
    border-bottom-color: var(--dui-clr-grey-d-4);
}
.dui.dui-border-t-grey-d-4{
    --dui-border-t-clr: var(--dui-clr-grey-d-4);
    border-top-color: var(--dui-clr-grey-d-4);
}
.dui.dui-border-r-grey-d-4{
    --dui-border-r-clr: var(--dui-clr-grey-d-4);
    border-right-color: var(--dui-clr-grey-d-4);
}
.dui.dui-border-b-grey-d-4{
    --dui-border-b-clr: var(--dui-clr-grey-d-4);
    border-bottom-color: var(--dui-clr-grey-d-4);
}
.dui.dui-border-l-grey-d-4{
    --dui-border-l-clr: var(--dui-clr-grey-d-4);
    border-left-color: var(--dui-clr-grey-d-4);
}
.dui.dui-divide-grey-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-grey-d-4);
    border-color: var(--dui-clr-grey-d-4);
}
.dui.dui-outline-grey-d-4{
    --dui-outline-clr: var(--dui-clr-grey-d-4);
    outline-color: var(--dui-clr-grey-d-4);
}
.dui.dui-fg-blue-grey-l-5 {
    --dui-fg-clr: var(--dui-clr-blue-grey-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-bg-blue-grey-l-5 {
    --dui-bg-clr: var(--dui-clr-blue-grey-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-accent-blue-grey-l-5 {
    --dui-accent-clr: var(--dui-clr-blue-grey-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-shadow-blue-grey-l-5 {
    --dui-shadow-clr: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-text-decoration-blue-grey-l-5{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey-l-5);
    text-decoration-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-border-blue-grey-l-5{
    --dui-border-clr: var(--dui-clr-blue-grey-l-5);
    border-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-border-x-blue-grey-l-5{
    --dui-border-x-clr: var(--dui-clr-blue-grey-l-5);
    border-left-color: var(--dui-clr-blue-grey-l-5);
    border-right-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-border-y-blue-grey-l-5{
    --dui-border-y-clr: var(--dui-clr-blue-grey-l-5);
    border-top-color: var(--dui-clr-blue-grey-l-5);
    border-bottom-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-border-t-blue-grey-l-5{
    --dui-border-t-clr: var(--dui-clr-blue-grey-l-5);
    border-top-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-border-r-blue-grey-l-5{
    --dui-border-r-clr: var(--dui-clr-blue-grey-l-5);
    border-right-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-border-b-blue-grey-l-5{
    --dui-border-b-clr: var(--dui-clr-blue-grey-l-5);
    border-bottom-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-border-l-blue-grey-l-5{
    --dui-border-l-clr: var(--dui-clr-blue-grey-l-5);
    border-left-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-divide-blue-grey-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey-l-5);
    border-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-outline-blue-grey-l-5{
    --dui-outline-clr: var(--dui-clr-blue-grey-l-5);
    outline-color: var(--dui-clr-blue-grey-l-5);
}
.dui.dui-fg-blue-grey-l-4 {
    --dui-fg-clr: var(--dui-clr-blue-grey-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-bg-blue-grey-l-4 {
    --dui-bg-clr: var(--dui-clr-blue-grey-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-accent-blue-grey-l-4 {
    --dui-accent-clr: var(--dui-clr-blue-grey-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-shadow-blue-grey-l-4 {
    --dui-shadow-clr: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-text-decoration-blue-grey-l-4{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey-l-4);
    text-decoration-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-border-blue-grey-l-4{
    --dui-border-clr: var(--dui-clr-blue-grey-l-4);
    border-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-border-x-blue-grey-l-4{
    --dui-border-x-clr: var(--dui-clr-blue-grey-l-4);
    border-left-color: var(--dui-clr-blue-grey-l-4);
    border-right-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-border-y-blue-grey-l-4{
    --dui-border-y-clr: var(--dui-clr-blue-grey-l-4);
    border-top-color: var(--dui-clr-blue-grey-l-4);
    border-bottom-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-border-t-blue-grey-l-4{
    --dui-border-t-clr: var(--dui-clr-blue-grey-l-4);
    border-top-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-border-r-blue-grey-l-4{
    --dui-border-r-clr: var(--dui-clr-blue-grey-l-4);
    border-right-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-border-b-blue-grey-l-4{
    --dui-border-b-clr: var(--dui-clr-blue-grey-l-4);
    border-bottom-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-border-l-blue-grey-l-4{
    --dui-border-l-clr: var(--dui-clr-blue-grey-l-4);
    border-left-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-divide-blue-grey-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey-l-4);
    border-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-outline-blue-grey-l-4{
    --dui-outline-clr: var(--dui-clr-blue-grey-l-4);
    outline-color: var(--dui-clr-blue-grey-l-4);
}
.dui.dui-fg-blue-grey-l-3 {
    --dui-fg-clr: var(--dui-clr-blue-grey-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-bg-blue-grey-l-3 {
    --dui-bg-clr: var(--dui-clr-blue-grey-l-3);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-accent-blue-grey-l-3 {
    --dui-accent-clr: var(--dui-clr-blue-grey-l-3);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-shadow-blue-grey-l-3 {
    --dui-shadow-clr: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-text-decoration-blue-grey-l-3{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey-l-3);
    text-decoration-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-border-blue-grey-l-3{
    --dui-border-clr: var(--dui-clr-blue-grey-l-3);
    border-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-border-x-blue-grey-l-3{
    --dui-border-x-clr: var(--dui-clr-blue-grey-l-3);
    border-left-color: var(--dui-clr-blue-grey-l-3);
    border-right-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-border-y-blue-grey-l-3{
    --dui-border-y-clr: var(--dui-clr-blue-grey-l-3);
    border-top-color: var(--dui-clr-blue-grey-l-3);
    border-bottom-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-border-t-blue-grey-l-3{
    --dui-border-t-clr: var(--dui-clr-blue-grey-l-3);
    border-top-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-border-r-blue-grey-l-3{
    --dui-border-r-clr: var(--dui-clr-blue-grey-l-3);
    border-right-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-border-b-blue-grey-l-3{
    --dui-border-b-clr: var(--dui-clr-blue-grey-l-3);
    border-bottom-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-border-l-blue-grey-l-3{
    --dui-border-l-clr: var(--dui-clr-blue-grey-l-3);
    border-left-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-divide-blue-grey-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey-l-3);
    border-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-outline-blue-grey-l-3{
    --dui-outline-clr: var(--dui-clr-blue-grey-l-3);
    outline-color: var(--dui-clr-blue-grey-l-3);
}
.dui.dui-fg-blue-grey-l-2 {
    --dui-fg-clr: var(--dui-clr-blue-grey-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-bg-blue-grey-l-2 {
    --dui-bg-clr: var(--dui-clr-blue-grey-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-accent-blue-grey-l-2 {
    --dui-accent-clr: var(--dui-clr-blue-grey-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-shadow-blue-grey-l-2 {
    --dui-shadow-clr: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-text-decoration-blue-grey-l-2{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey-l-2);
    text-decoration-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-border-blue-grey-l-2{
    --dui-border-clr: var(--dui-clr-blue-grey-l-2);
    border-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-border-x-blue-grey-l-2{
    --dui-border-x-clr: var(--dui-clr-blue-grey-l-2);
    border-left-color: var(--dui-clr-blue-grey-l-2);
    border-right-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-border-y-blue-grey-l-2{
    --dui-border-y-clr: var(--dui-clr-blue-grey-l-2);
    border-top-color: var(--dui-clr-blue-grey-l-2);
    border-bottom-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-border-t-blue-grey-l-2{
    --dui-border-t-clr: var(--dui-clr-blue-grey-l-2);
    border-top-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-border-r-blue-grey-l-2{
    --dui-border-r-clr: var(--dui-clr-blue-grey-l-2);
    border-right-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-border-b-blue-grey-l-2{
    --dui-border-b-clr: var(--dui-clr-blue-grey-l-2);
    border-bottom-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-border-l-blue-grey-l-2{
    --dui-border-l-clr: var(--dui-clr-blue-grey-l-2);
    border-left-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-divide-blue-grey-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey-l-2);
    border-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-outline-blue-grey-l-2{
    --dui-outline-clr: var(--dui-clr-blue-grey-l-2);
    outline-color: var(--dui-clr-blue-grey-l-2);
}
.dui.dui-fg-blue-grey-l-1 {
    --dui-fg-clr: var(--dui-clr-blue-grey-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-bg-blue-grey-l-1 {
    --dui-bg-clr: var(--dui-clr-blue-grey-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-accent-blue-grey-l-1 {
    --dui-accent-clr: var(--dui-clr-blue-grey-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-shadow-blue-grey-l-1 {
    --dui-shadow-clr: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-text-decoration-blue-grey-l-1{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey-l-1);
    text-decoration-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-border-blue-grey-l-1{
    --dui-border-clr: var(--dui-clr-blue-grey-l-1);
    border-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-border-x-blue-grey-l-1{
    --dui-border-x-clr: var(--dui-clr-blue-grey-l-1);
    border-left-color: var(--dui-clr-blue-grey-l-1);
    border-right-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-border-y-blue-grey-l-1{
    --dui-border-y-clr: var(--dui-clr-blue-grey-l-1);
    border-top-color: var(--dui-clr-blue-grey-l-1);
    border-bottom-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-border-t-blue-grey-l-1{
    --dui-border-t-clr: var(--dui-clr-blue-grey-l-1);
    border-top-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-border-r-blue-grey-l-1{
    --dui-border-r-clr: var(--dui-clr-blue-grey-l-1);
    border-right-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-border-b-blue-grey-l-1{
    --dui-border-b-clr: var(--dui-clr-blue-grey-l-1);
    border-bottom-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-border-l-blue-grey-l-1{
    --dui-border-l-clr: var(--dui-clr-blue-grey-l-1);
    border-left-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-divide-blue-grey-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey-l-1);
    border-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-outline-blue-grey-l-1{
    --dui-outline-clr: var(--dui-clr-blue-grey-l-1);
    outline-color: var(--dui-clr-blue-grey-l-1);
}
.dui.dui-fg-blue-grey {
    --dui-fg-clr: var(--dui-clr-blue-grey);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey);
}
.dui.dui-bg-blue-grey {
    --dui-bg-clr: var(--dui-clr-blue-grey);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-grey);
}
.dui.dui-accent-blue-grey {
    --dui-accent-clr: var(--dui-clr-blue-grey);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-grey);
}
.dui.dui-shadow-blue-grey {
    --dui-shadow-clr: var(--dui-clr-blue-grey);
}
.dui.dui-text-decoration-blue-grey{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey);
    text-decoration-color: var(--dui-clr-blue-grey);
}
.dui.dui-border-blue-grey{
    --dui-border-clr: var(--dui-clr-blue-grey);
    border-color: var(--dui-clr-blue-grey);
}
.dui.dui-border-x-blue-grey{
    --dui-border-x-clr: var(--dui-clr-blue-grey);
    border-left-color: var(--dui-clr-blue-grey);
    border-right-color: var(--dui-clr-blue-grey);
}
.dui.dui-border-y-blue-grey{
    --dui-border-y-clr: var(--dui-clr-blue-grey);
    border-top-color: var(--dui-clr-blue-grey);
    border-bottom-color: var(--dui-clr-blue-grey);
}
.dui.dui-border-t-blue-grey{
    --dui-border-t-clr: var(--dui-clr-blue-grey);
    border-top-color: var(--dui-clr-blue-grey);
}
.dui.dui-border-r-blue-grey{
    --dui-border-r-clr: var(--dui-clr-blue-grey);
    border-right-color: var(--dui-clr-blue-grey);
}
.dui.dui-border-b-blue-grey{
    --dui-border-b-clr: var(--dui-clr-blue-grey);
    border-bottom-color: var(--dui-clr-blue-grey);
}
.dui.dui-border-l-blue-grey{
    --dui-border-l-clr: var(--dui-clr-blue-grey);
    border-left-color: var(--dui-clr-blue-grey);
}
.dui.dui-divide-blue-grey > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey);
    border-color: var(--dui-clr-blue-grey);
}
.dui.dui-outline-blue-grey{
    --dui-outline-clr: var(--dui-clr-blue-grey);
    outline-color: var(--dui-clr-blue-grey);
}
.dui.dui-fg-blue-grey-d-1 {
    --dui-fg-clr: var(--dui-clr-blue-grey-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-bg-blue-grey-d-1 {
    --dui-bg-clr: var(--dui-clr-blue-grey-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-accent-blue-grey-d-1 {
    --dui-accent-clr: var(--dui-clr-blue-grey-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-shadow-blue-grey-d-1 {
    --dui-shadow-clr: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-text-decoration-blue-grey-d-1{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey-d-1);
    text-decoration-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-border-blue-grey-d-1{
    --dui-border-clr: var(--dui-clr-blue-grey-d-1);
    border-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-border-x-blue-grey-d-1{
    --dui-border-x-clr: var(--dui-clr-blue-grey-d-1);
    border-left-color: var(--dui-clr-blue-grey-d-1);
    border-right-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-border-y-blue-grey-d-1{
    --dui-border-y-clr: var(--dui-clr-blue-grey-d-1);
    border-top-color: var(--dui-clr-blue-grey-d-1);
    border-bottom-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-border-t-blue-grey-d-1{
    --dui-border-t-clr: var(--dui-clr-blue-grey-d-1);
    border-top-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-border-r-blue-grey-d-1{
    --dui-border-r-clr: var(--dui-clr-blue-grey-d-1);
    border-right-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-border-b-blue-grey-d-1{
    --dui-border-b-clr: var(--dui-clr-blue-grey-d-1);
    border-bottom-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-border-l-blue-grey-d-1{
    --dui-border-l-clr: var(--dui-clr-blue-grey-d-1);
    border-left-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-divide-blue-grey-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey-d-1);
    border-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-outline-blue-grey-d-1{
    --dui-outline-clr: var(--dui-clr-blue-grey-d-1);
    outline-color: var(--dui-clr-blue-grey-d-1);
}
.dui.dui-fg-blue-grey-d-2 {
    --dui-fg-clr: var(--dui-clr-blue-grey-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-bg-blue-grey-d-2 {
    --dui-bg-clr: var(--dui-clr-blue-grey-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-accent-blue-grey-d-2 {
    --dui-accent-clr: var(--dui-clr-blue-grey-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-shadow-blue-grey-d-2 {
    --dui-shadow-clr: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-text-decoration-blue-grey-d-2{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey-d-2);
    text-decoration-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-border-blue-grey-d-2{
    --dui-border-clr: var(--dui-clr-blue-grey-d-2);
    border-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-border-x-blue-grey-d-2{
    --dui-border-x-clr: var(--dui-clr-blue-grey-d-2);
    border-left-color: var(--dui-clr-blue-grey-d-2);
    border-right-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-border-y-blue-grey-d-2{
    --dui-border-y-clr: var(--dui-clr-blue-grey-d-2);
    border-top-color: var(--dui-clr-blue-grey-d-2);
    border-bottom-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-border-t-blue-grey-d-2{
    --dui-border-t-clr: var(--dui-clr-blue-grey-d-2);
    border-top-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-border-r-blue-grey-d-2{
    --dui-border-r-clr: var(--dui-clr-blue-grey-d-2);
    border-right-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-border-b-blue-grey-d-2{
    --dui-border-b-clr: var(--dui-clr-blue-grey-d-2);
    border-bottom-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-border-l-blue-grey-d-2{
    --dui-border-l-clr: var(--dui-clr-blue-grey-d-2);
    border-left-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-divide-blue-grey-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey-d-2);
    border-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-outline-blue-grey-d-2{
    --dui-outline-clr: var(--dui-clr-blue-grey-d-2);
    outline-color: var(--dui-clr-blue-grey-d-2);
}
.dui.dui-fg-blue-grey-d-3 {
    --dui-fg-clr: var(--dui-clr-blue-grey-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-bg-blue-grey-d-3 {
    --dui-bg-clr: var(--dui-clr-blue-grey-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-accent-blue-grey-d-3 {
    --dui-accent-clr: var(--dui-clr-blue-grey-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-shadow-blue-grey-d-3 {
    --dui-shadow-clr: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-text-decoration-blue-grey-d-3{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey-d-3);
    text-decoration-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-border-blue-grey-d-3{
    --dui-border-clr: var(--dui-clr-blue-grey-d-3);
    border-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-border-x-blue-grey-d-3{
    --dui-border-x-clr: var(--dui-clr-blue-grey-d-3);
    border-left-color: var(--dui-clr-blue-grey-d-3);
    border-right-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-border-y-blue-grey-d-3{
    --dui-border-y-clr: var(--dui-clr-blue-grey-d-3);
    border-top-color: var(--dui-clr-blue-grey-d-3);
    border-bottom-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-border-t-blue-grey-d-3{
    --dui-border-t-clr: var(--dui-clr-blue-grey-d-3);
    border-top-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-border-r-blue-grey-d-3{
    --dui-border-r-clr: var(--dui-clr-blue-grey-d-3);
    border-right-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-border-b-blue-grey-d-3{
    --dui-border-b-clr: var(--dui-clr-blue-grey-d-3);
    border-bottom-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-border-l-blue-grey-d-3{
    --dui-border-l-clr: var(--dui-clr-blue-grey-d-3);
    border-left-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-divide-blue-grey-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey-d-3);
    border-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-outline-blue-grey-d-3{
    --dui-outline-clr: var(--dui-clr-blue-grey-d-3);
    outline-color: var(--dui-clr-blue-grey-d-3);
}
.dui.dui-fg-blue-grey-d-4 {
    --dui-fg-clr: var(--dui-clr-blue-grey-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-bg-blue-grey-d-4 {
    --dui-bg-clr: var(--dui-clr-blue-grey-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-accent-blue-grey-d-4 {
    --dui-accent-clr: var(--dui-clr-blue-grey-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-shadow-blue-grey-d-4 {
    --dui-shadow-clr: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-text-decoration-blue-grey-d-4{
    --dui-text-decoration-clr: var(--dui-clr-blue-grey-d-4);
    text-decoration-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-border-blue-grey-d-4{
    --dui-border-clr: var(--dui-clr-blue-grey-d-4);
    border-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-border-x-blue-grey-d-4{
    --dui-border-x-clr: var(--dui-clr-blue-grey-d-4);
    border-left-color: var(--dui-clr-blue-grey-d-4);
    border-right-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-border-y-blue-grey-d-4{
    --dui-border-y-clr: var(--dui-clr-blue-grey-d-4);
    border-top-color: var(--dui-clr-blue-grey-d-4);
    border-bottom-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-border-t-blue-grey-d-4{
    --dui-border-t-clr: var(--dui-clr-blue-grey-d-4);
    border-top-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-border-r-blue-grey-d-4{
    --dui-border-r-clr: var(--dui-clr-blue-grey-d-4);
    border-right-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-border-b-blue-grey-d-4{
    --dui-border-b-clr: var(--dui-clr-blue-grey-d-4);
    border-bottom-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-border-l-blue-grey-d-4{
    --dui-border-l-clr: var(--dui-clr-blue-grey-d-4);
    border-left-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-divide-blue-grey-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-blue-grey-d-4);
    border-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-outline-blue-grey-d-4{
    --dui-outline-clr: var(--dui-clr-blue-grey-d-4);
    outline-color: var(--dui-clr-blue-grey-d-4);
}
.dui.dui-fg-white-l-5 {
    --dui-fg-clr: var(--dui-clr-white-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white-l-5);
}
.dui.dui-bg-white-l-5 {
    --dui-bg-clr: var(--dui-clr-white-l-5);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white-l-5);
}
.dui.dui-accent-white-l-5 {
    --dui-accent-clr: var(--dui-clr-white-l-5);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-white-l-5);
}
.dui.dui-shadow-white-l-5 {
    --dui-shadow-clr: var(--dui-clr-white-l-5);
}
.dui.dui-text-decoration-white-l-5{
    --dui-text-decoration-clr: var(--dui-clr-white-l-5);
    text-decoration-color: var(--dui-clr-white-l-5);
}
.dui.dui-border-white-l-5{
    --dui-border-clr: var(--dui-clr-white-l-5);
    border-color: var(--dui-clr-white-l-5);
}
.dui.dui-border-x-white-l-5{
    --dui-border-x-clr: var(--dui-clr-white-l-5);
    border-left-color: var(--dui-clr-white-l-5);
    border-right-color: var(--dui-clr-white-l-5);
}
.dui.dui-border-y-white-l-5{
    --dui-border-y-clr: var(--dui-clr-white-l-5);
    border-top-color: var(--dui-clr-white-l-5);
    border-bottom-color: var(--dui-clr-white-l-5);
}
.dui.dui-border-t-white-l-5{
    --dui-border-t-clr: var(--dui-clr-white-l-5);
    border-top-color: var(--dui-clr-white-l-5);
}
.dui.dui-border-r-white-l-5{
    --dui-border-r-clr: var(--dui-clr-white-l-5);
    border-right-color: var(--dui-clr-white-l-5);
}
.dui.dui-border-b-white-l-5{
    --dui-border-b-clr: var(--dui-clr-white-l-5);
    border-bottom-color: var(--dui-clr-white-l-5);
}
.dui.dui-border-l-white-l-5{
    --dui-border-l-clr: var(--dui-clr-white-l-5);
    border-left-color: var(--dui-clr-white-l-5);
}
.dui.dui-divide-white-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-white-l-5);
    border-color: var(--dui-clr-white-l-5);
}
.dui.dui-outline-white-l-5{
    --dui-outline-clr: var(--dui-clr-white-l-5);
    outline-color: var(--dui-clr-white-l-5);
}
.dui.dui-fg-white-l-4 {
    --dui-fg-clr: var(--dui-clr-white-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white-l-4);
}
.dui.dui-bg-white-l-4 {
    --dui-bg-clr: var(--dui-clr-white-l-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white-l-4);
}
.dui.dui-accent-white-l-4 {
    --dui-accent-clr: var(--dui-clr-white-l-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-white-l-4);
}
.dui.dui-shadow-white-l-4 {
    --dui-shadow-clr: var(--dui-clr-white-l-4);
}
.dui.dui-text-decoration-white-l-4{
    --dui-text-decoration-clr: var(--dui-clr-white-l-4);
    text-decoration-color: var(--dui-clr-white-l-4);
}
.dui.dui-border-white-l-4{
    --dui-border-clr: var(--dui-clr-white-l-4);
    border-color: var(--dui-clr-white-l-4);
}
.dui.dui-border-x-white-l-4{
    --dui-border-x-clr: var(--dui-clr-white-l-4);
    border-left-color: var(--dui-clr-white-l-4);
    border-right-color: var(--dui-clr-white-l-4);
}
.dui.dui-border-y-white-l-4{
    --dui-border-y-clr: var(--dui-clr-white-l-4);
    border-top-color: var(--dui-clr-white-l-4);
    border-bottom-color: var(--dui-clr-white-l-4);
}
.dui.dui-border-t-white-l-4{
    --dui-border-t-clr: var(--dui-clr-white-l-4);
    border-top-color: var(--dui-clr-white-l-4);
}
.dui.dui-border-r-white-l-4{
    --dui-border-r-clr: var(--dui-clr-white-l-4);
    border-right-color: var(--dui-clr-white-l-4);
}
.dui.dui-border-b-white-l-4{
    --dui-border-b-clr: var(--dui-clr-white-l-4);
    border-bottom-color: var(--dui-clr-white-l-4);
}
.dui.dui-border-l-white-l-4{
    --dui-border-l-clr: var(--dui-clr-white-l-4);
    border-left-color: var(--dui-clr-white-l-4);
}
.dui.dui-divide-white-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-white-l-4);
    border-color: var(--dui-clr-white-l-4);
}
.dui.dui-outline-white-l-4{
    --dui-outline-clr: var(--dui-clr-white-l-4);
    outline-color: var(--dui-clr-white-l-4);
}
.dui.dui-fg-white-l-3 {
    --dui-fg-clr: var(--dui-clr-white-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white-l-3);
}
.dui.dui-bg-white-l-3 {
    --dui-bg-clr: var(--dui-clr-white-l-3);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white-l-3);
}
.dui.dui-accent-white-l-3 {
    --dui-accent-clr: var(--dui-clr-white-l-3);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-white-l-3);
}
.dui.dui-shadow-white-l-3 {
    --dui-shadow-clr: var(--dui-clr-white-l-3);
}
.dui.dui-text-decoration-white-l-3{
    --dui-text-decoration-clr: var(--dui-clr-white-l-3);
    text-decoration-color: var(--dui-clr-white-l-3);
}
.dui.dui-border-white-l-3{
    --dui-border-clr: var(--dui-clr-white-l-3);
    border-color: var(--dui-clr-white-l-3);
}
.dui.dui-border-x-white-l-3{
    --dui-border-x-clr: var(--dui-clr-white-l-3);
    border-left-color: var(--dui-clr-white-l-3);
    border-right-color: var(--dui-clr-white-l-3);
}
.dui.dui-border-y-white-l-3{
    --dui-border-y-clr: var(--dui-clr-white-l-3);
    border-top-color: var(--dui-clr-white-l-3);
    border-bottom-color: var(--dui-clr-white-l-3);
}
.dui.dui-border-t-white-l-3{
    --dui-border-t-clr: var(--dui-clr-white-l-3);
    border-top-color: var(--dui-clr-white-l-3);
}
.dui.dui-border-r-white-l-3{
    --dui-border-r-clr: var(--dui-clr-white-l-3);
    border-right-color: var(--dui-clr-white-l-3);
}
.dui.dui-border-b-white-l-3{
    --dui-border-b-clr: var(--dui-clr-white-l-3);
    border-bottom-color: var(--dui-clr-white-l-3);
}
.dui.dui-border-l-white-l-3{
    --dui-border-l-clr: var(--dui-clr-white-l-3);
    border-left-color: var(--dui-clr-white-l-3);
}
.dui.dui-divide-white-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-white-l-3);
    border-color: var(--dui-clr-white-l-3);
}
.dui.dui-outline-white-l-3{
    --dui-outline-clr: var(--dui-clr-white-l-3);
    outline-color: var(--dui-clr-white-l-3);
}
.dui.dui-fg-white-l-2 {
    --dui-fg-clr: var(--dui-clr-white-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white-l-2);
}
.dui.dui-bg-white-l-2 {
    --dui-bg-clr: var(--dui-clr-white-l-2);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white-l-2);
}
.dui.dui-accent-white-l-2 {
    --dui-accent-clr: var(--dui-clr-white-l-2);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-white-l-2);
}
.dui.dui-shadow-white-l-2 {
    --dui-shadow-clr: var(--dui-clr-white-l-2);
}
.dui.dui-text-decoration-white-l-2{
    --dui-text-decoration-clr: var(--dui-clr-white-l-2);
    text-decoration-color: var(--dui-clr-white-l-2);
}
.dui.dui-border-white-l-2{
    --dui-border-clr: var(--dui-clr-white-l-2);
    border-color: var(--dui-clr-white-l-2);
}
.dui.dui-border-x-white-l-2{
    --dui-border-x-clr: var(--dui-clr-white-l-2);
    border-left-color: var(--dui-clr-white-l-2);
    border-right-color: var(--dui-clr-white-l-2);
}
.dui.dui-border-y-white-l-2{
    --dui-border-y-clr: var(--dui-clr-white-l-2);
    border-top-color: var(--dui-clr-white-l-2);
    border-bottom-color: var(--dui-clr-white-l-2);
}
.dui.dui-border-t-white-l-2{
    --dui-border-t-clr: var(--dui-clr-white-l-2);
    border-top-color: var(--dui-clr-white-l-2);
}
.dui.dui-border-r-white-l-2{
    --dui-border-r-clr: var(--dui-clr-white-l-2);
    border-right-color: var(--dui-clr-white-l-2);
}
.dui.dui-border-b-white-l-2{
    --dui-border-b-clr: var(--dui-clr-white-l-2);
    border-bottom-color: var(--dui-clr-white-l-2);
}
.dui.dui-border-l-white-l-2{
    --dui-border-l-clr: var(--dui-clr-white-l-2);
    border-left-color: var(--dui-clr-white-l-2);
}
.dui.dui-divide-white-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-white-l-2);
    border-color: var(--dui-clr-white-l-2);
}
.dui.dui-outline-white-l-2{
    --dui-outline-clr: var(--dui-clr-white-l-2);
    outline-color: var(--dui-clr-white-l-2);
}
.dui.dui-fg-white-l-1 {
    --dui-fg-clr: var(--dui-clr-white-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white-l-1);
}
.dui.dui-bg-white-l-1 {
    --dui-bg-clr: var(--dui-clr-white-l-1);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white-l-1);
}
.dui.dui-accent-white-l-1 {
    --dui-accent-clr: var(--dui-clr-white-l-1);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-white-l-1);
}
.dui.dui-shadow-white-l-1 {
    --dui-shadow-clr: var(--dui-clr-white-l-1);
}
.dui.dui-text-decoration-white-l-1{
    --dui-text-decoration-clr: var(--dui-clr-white-l-1);
    text-decoration-color: var(--dui-clr-white-l-1);
}
.dui.dui-border-white-l-1{
    --dui-border-clr: var(--dui-clr-white-l-1);
    border-color: var(--dui-clr-white-l-1);
}
.dui.dui-border-x-white-l-1{
    --dui-border-x-clr: var(--dui-clr-white-l-1);
    border-left-color: var(--dui-clr-white-l-1);
    border-right-color: var(--dui-clr-white-l-1);
}
.dui.dui-border-y-white-l-1{
    --dui-border-y-clr: var(--dui-clr-white-l-1);
    border-top-color: var(--dui-clr-white-l-1);
    border-bottom-color: var(--dui-clr-white-l-1);
}
.dui.dui-border-t-white-l-1{
    --dui-border-t-clr: var(--dui-clr-white-l-1);
    border-top-color: var(--dui-clr-white-l-1);
}
.dui.dui-border-r-white-l-1{
    --dui-border-r-clr: var(--dui-clr-white-l-1);
    border-right-color: var(--dui-clr-white-l-1);
}
.dui.dui-border-b-white-l-1{
    --dui-border-b-clr: var(--dui-clr-white-l-1);
    border-bottom-color: var(--dui-clr-white-l-1);
}
.dui.dui-border-l-white-l-1{
    --dui-border-l-clr: var(--dui-clr-white-l-1);
    border-left-color: var(--dui-clr-white-l-1);
}
.dui.dui-divide-white-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-white-l-1);
    border-color: var(--dui-clr-white-l-1);
}
.dui.dui-outline-white-l-1{
    --dui-outline-clr: var(--dui-clr-white-l-1);
    outline-color: var(--dui-clr-white-l-1);
}
.dui.dui-fg-white {
    --dui-fg-clr: var(--dui-clr-white);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white);
}
.dui.dui-accent-white {
    --dui-accent-clr: var(--dui-clr-white);
    --dui-accent-text-color: var(--dui-color-5);
    accent-color: var(--dui-clr-white);
}
.dui.dui-text-decoration-white{
    --dui-text-decoration-clr: var(--dui-clr-white);
    text-decoration-color: var(--dui-clr-white);
}
.dui.dui-border-x-white{
    --dui-border-x-clr: var(--dui-clr-white);
    border-left-color: var(--dui-clr-white);
    border-right-color: var(--dui-clr-white);
}
.dui.dui-border-r-white{
    --dui-border-r-clr: var(--dui-clr-white);
    border-right-color: var(--dui-clr-white);
}
.dui.dui-border-l-white{
    --dui-border-l-clr: var(--dui-clr-white);
    border-left-color: var(--dui-clr-white);
}
.dui.dui-divide-white > * + *{
    --dui-border-clr: var(--dui-clr-white);
    border-color: var(--dui-clr-white);
}
.dui.dui-outline-white{
    --dui-outline-clr: var(--dui-clr-white);
    outline-color: var(--dui-clr-white);
}
.dui.dui-fg-white-d-1 {
    --dui-fg-clr: var(--dui-clr-white-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white-d-1);
}
.dui.dui-bg-white-d-1 {
    --dui-bg-clr: var(--dui-clr-white-d-1);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white-d-1);
}
.dui.dui-accent-white-d-1 {
    --dui-accent-clr: var(--dui-clr-white-d-1);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-white-d-1);
}
.dui.dui-shadow-white-d-1 {
    --dui-shadow-clr: var(--dui-clr-white-d-1);
}
.dui.dui-text-decoration-white-d-1{
    --dui-text-decoration-clr: var(--dui-clr-white-d-1);
    text-decoration-color: var(--dui-clr-white-d-1);
}
.dui.dui-border-white-d-1{
    --dui-border-clr: var(--dui-clr-white-d-1);
    border-color: var(--dui-clr-white-d-1);
}
.dui.dui-border-x-white-d-1{
    --dui-border-x-clr: var(--dui-clr-white-d-1);
    border-left-color: var(--dui-clr-white-d-1);
    border-right-color: var(--dui-clr-white-d-1);
}
.dui.dui-border-y-white-d-1{
    --dui-border-y-clr: var(--dui-clr-white-d-1);
    border-top-color: var(--dui-clr-white-d-1);
    border-bottom-color: var(--dui-clr-white-d-1);
}
.dui.dui-border-t-white-d-1{
    --dui-border-t-clr: var(--dui-clr-white-d-1);
    border-top-color: var(--dui-clr-white-d-1);
}
.dui.dui-border-r-white-d-1{
    --dui-border-r-clr: var(--dui-clr-white-d-1);
    border-right-color: var(--dui-clr-white-d-1);
}
.dui.dui-border-b-white-d-1{
    --dui-border-b-clr: var(--dui-clr-white-d-1);
    border-bottom-color: var(--dui-clr-white-d-1);
}
.dui.dui-border-l-white-d-1{
    --dui-border-l-clr: var(--dui-clr-white-d-1);
    border-left-color: var(--dui-clr-white-d-1);
}
.dui.dui-divide-white-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-white-d-1);
    border-color: var(--dui-clr-white-d-1);
}
.dui.dui-outline-white-d-1{
    --dui-outline-clr: var(--dui-clr-white-d-1);
    outline-color: var(--dui-clr-white-d-1);
}
.dui.dui-fg-white-d-2 {
    --dui-fg-clr: var(--dui-clr-white-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white-d-2);
}
.dui.dui-bg-white-d-2 {
    --dui-bg-clr: var(--dui-clr-white-d-2);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white-d-2);
}
.dui.dui-accent-white-d-2 {
    --dui-accent-clr: var(--dui-clr-white-d-2);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-white-d-2);
}
.dui.dui-shadow-white-d-2 {
    --dui-shadow-clr: var(--dui-clr-white-d-2);
}
.dui.dui-text-decoration-white-d-2{
    --dui-text-decoration-clr: var(--dui-clr-white-d-2);
    text-decoration-color: var(--dui-clr-white-d-2);
}
.dui.dui-border-white-d-2{
    --dui-border-clr: var(--dui-clr-white-d-2);
    border-color: var(--dui-clr-white-d-2);
}
.dui.dui-border-x-white-d-2{
    --dui-border-x-clr: var(--dui-clr-white-d-2);
    border-left-color: var(--dui-clr-white-d-2);
    border-right-color: var(--dui-clr-white-d-2);
}
.dui.dui-border-y-white-d-2{
    --dui-border-y-clr: var(--dui-clr-white-d-2);
    border-top-color: var(--dui-clr-white-d-2);
    border-bottom-color: var(--dui-clr-white-d-2);
}
.dui.dui-border-t-white-d-2{
    --dui-border-t-clr: var(--dui-clr-white-d-2);
    border-top-color: var(--dui-clr-white-d-2);
}
.dui.dui-border-r-white-d-2{
    --dui-border-r-clr: var(--dui-clr-white-d-2);
    border-right-color: var(--dui-clr-white-d-2);
}
.dui.dui-border-b-white-d-2{
    --dui-border-b-clr: var(--dui-clr-white-d-2);
    border-bottom-color: var(--dui-clr-white-d-2);
}
.dui.dui-border-l-white-d-2{
    --dui-border-l-clr: var(--dui-clr-white-d-2);
    border-left-color: var(--dui-clr-white-d-2);
}
.dui.dui-divide-white-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-white-d-2);
    border-color: var(--dui-clr-white-d-2);
}
.dui.dui-outline-white-d-2{
    --dui-outline-clr: var(--dui-clr-white-d-2);
    outline-color: var(--dui-clr-white-d-2);
}
.dui.dui-fg-white-d-3 {
    --dui-fg-clr: var(--dui-clr-white-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white-d-3);
}
.dui.dui-bg-white-d-3 {
    --dui-bg-clr: var(--dui-clr-white-d-3);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white-d-3);
}
.dui.dui-accent-white-d-3 {
    --dui-accent-clr: var(--dui-clr-white-d-3);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-white-d-3);
}
.dui.dui-shadow-white-d-3 {
    --dui-shadow-clr: var(--dui-clr-white-d-3);
}
.dui.dui-text-decoration-white-d-3{
    --dui-text-decoration-clr: var(--dui-clr-white-d-3);
    text-decoration-color: var(--dui-clr-white-d-3);
}
.dui.dui-border-white-d-3{
    --dui-border-clr: var(--dui-clr-white-d-3);
    border-color: var(--dui-clr-white-d-3);
}
.dui.dui-border-x-white-d-3{
    --dui-border-x-clr: var(--dui-clr-white-d-3);
    border-left-color: var(--dui-clr-white-d-3);
    border-right-color: var(--dui-clr-white-d-3);
}
.dui.dui-border-y-white-d-3{
    --dui-border-y-clr: var(--dui-clr-white-d-3);
    border-top-color: var(--dui-clr-white-d-3);
    border-bottom-color: var(--dui-clr-white-d-3);
}
.dui.dui-border-t-white-d-3{
    --dui-border-t-clr: var(--dui-clr-white-d-3);
    border-top-color: var(--dui-clr-white-d-3);
}
.dui.dui-border-r-white-d-3{
    --dui-border-r-clr: var(--dui-clr-white-d-3);
    border-right-color: var(--dui-clr-white-d-3);
}
.dui.dui-border-b-white-d-3{
    --dui-border-b-clr: var(--dui-clr-white-d-3);
    border-bottom-color: var(--dui-clr-white-d-3);
}
.dui.dui-border-l-white-d-3{
    --dui-border-l-clr: var(--dui-clr-white-d-3);
    border-left-color: var(--dui-clr-white-d-3);
}
.dui.dui-divide-white-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-white-d-3);
    border-color: var(--dui-clr-white-d-3);
}
.dui.dui-outline-white-d-3{
    --dui-outline-clr: var(--dui-clr-white-d-3);
    outline-color: var(--dui-clr-white-d-3);
}
.dui.dui-fg-white-d-4 {
    --dui-fg-clr: var(--dui-clr-white-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-white-d-4);
}
.dui.dui-bg-white-d-4 {
    --dui-bg-clr: var(--dui-clr-white-d-4);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white-d-4);
}
.dui.dui-accent-white-d-4 {
    --dui-accent-clr: var(--dui-clr-white-d-4);
    --dui-accent-text-color: var(--dui-clr-black);
    accent-color: var(--dui-clr-white-d-4);
}
.dui.dui-shadow-white-d-4 {
    --dui-shadow-clr: var(--dui-clr-white-d-4);
}
.dui.dui-text-decoration-white-d-4{
    --dui-text-decoration-clr: var(--dui-clr-white-d-4);
    text-decoration-color: var(--dui-clr-white-d-4);
}
.dui.dui-border-white-d-4{
    --dui-border-clr: var(--dui-clr-white-d-4);
    border-color: var(--dui-clr-white-d-4);
}
.dui.dui-border-x-white-d-4{
    --dui-border-x-clr: var(--dui-clr-white-d-4);
    border-left-color: var(--dui-clr-white-d-4);
    border-right-color: var(--dui-clr-white-d-4);
}
.dui.dui-border-y-white-d-4{
    --dui-border-y-clr: var(--dui-clr-white-d-4);
    border-top-color: var(--dui-clr-white-d-4);
    border-bottom-color: var(--dui-clr-white-d-4);
}
.dui.dui-border-t-white-d-4{
    --dui-border-t-clr: var(--dui-clr-white-d-4);
    border-top-color: var(--dui-clr-white-d-4);
}
.dui.dui-border-r-white-d-4{
    --dui-border-r-clr: var(--dui-clr-white-d-4);
    border-right-color: var(--dui-clr-white-d-4);
}
.dui.dui-border-b-white-d-4{
    --dui-border-b-clr: var(--dui-clr-white-d-4);
    border-bottom-color: var(--dui-clr-white-d-4);
}
.dui.dui-border-l-white-d-4{
    --dui-border-l-clr: var(--dui-clr-white-d-4);
    border-left-color: var(--dui-clr-white-d-4);
}
.dui.dui-divide-white-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-white-d-4);
    border-color: var(--dui-clr-white-d-4);
}
.dui.dui-outline-white-d-4{
    --dui-outline-clr: var(--dui-clr-white-d-4);
    outline-color: var(--dui-clr-white-d-4);
}
.dui.dui-fg-black-l-5 {
    --dui-fg-clr: var(--dui-clr-black-l-5);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black-l-5);
}
.dui.dui-bg-black-l-5 {
    --dui-bg-clr: var(--dui-clr-black-l-5);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black-l-5);
}
.dui.dui-accent-black-l-5 {
    --dui-accent-clr: var(--dui-clr-black-l-5);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-black-l-5);
}
.dui.dui-shadow-black-l-5 {
    --dui-shadow-clr: var(--dui-clr-black-l-5);
}
.dui.dui-text-decoration-black-l-5{
    --dui-text-decoration-clr: var(--dui-clr-black-l-5);
    text-decoration-color: var(--dui-clr-black-l-5);
}
.dui.dui-border-black-l-5{
    --dui-border-clr: var(--dui-clr-black-l-5);
    border-color: var(--dui-clr-black-l-5);
}
.dui.dui-border-x-black-l-5{
    --dui-border-x-clr: var(--dui-clr-black-l-5);
    border-left-color: var(--dui-clr-black-l-5);
    border-right-color: var(--dui-clr-black-l-5);
}
.dui.dui-border-y-black-l-5{
    --dui-border-y-clr: var(--dui-clr-black-l-5);
    border-top-color: var(--dui-clr-black-l-5);
    border-bottom-color: var(--dui-clr-black-l-5);
}
.dui.dui-border-t-black-l-5{
    --dui-border-t-clr: var(--dui-clr-black-l-5);
    border-top-color: var(--dui-clr-black-l-5);
}
.dui.dui-border-r-black-l-5{
    --dui-border-r-clr: var(--dui-clr-black-l-5);
    border-right-color: var(--dui-clr-black-l-5);
}
.dui.dui-border-b-black-l-5{
    --dui-border-b-clr: var(--dui-clr-black-l-5);
    border-bottom-color: var(--dui-clr-black-l-5);
}
.dui.dui-border-l-black-l-5{
    --dui-border-l-clr: var(--dui-clr-black-l-5);
    border-left-color: var(--dui-clr-black-l-5);
}
.dui.dui-divide-black-l-5 > * + *{
    --dui-border-clr: var(--dui-clr-black-l-5);
    border-color: var(--dui-clr-black-l-5);
}
.dui.dui-outline-black-l-5{
    --dui-outline-clr: var(--dui-clr-black-l-5);
    outline-color: var(--dui-clr-black-l-5);
}
.dui.dui-fg-black-l-4 {
    --dui-fg-clr: var(--dui-clr-black-l-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black-l-4);
}
.dui.dui-bg-black-l-4 {
    --dui-bg-clr: var(--dui-clr-black-l-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black-l-4);
}
.dui.dui-accent-black-l-4 {
    --dui-accent-clr: var(--dui-clr-black-l-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-black-l-4);
}
.dui.dui-shadow-black-l-4 {
    --dui-shadow-clr: var(--dui-clr-black-l-4);
}
.dui.dui-text-decoration-black-l-4{
    --dui-text-decoration-clr: var(--dui-clr-black-l-4);
    text-decoration-color: var(--dui-clr-black-l-4);
}
.dui.dui-border-black-l-4{
    --dui-border-clr: var(--dui-clr-black-l-4);
    border-color: var(--dui-clr-black-l-4);
}
.dui.dui-border-x-black-l-4{
    --dui-border-x-clr: var(--dui-clr-black-l-4);
    border-left-color: var(--dui-clr-black-l-4);
    border-right-color: var(--dui-clr-black-l-4);
}
.dui.dui-border-y-black-l-4{
    --dui-border-y-clr: var(--dui-clr-black-l-4);
    border-top-color: var(--dui-clr-black-l-4);
    border-bottom-color: var(--dui-clr-black-l-4);
}
.dui.dui-border-t-black-l-4{
    --dui-border-t-clr: var(--dui-clr-black-l-4);
    border-top-color: var(--dui-clr-black-l-4);
}
.dui.dui-border-r-black-l-4{
    --dui-border-r-clr: var(--dui-clr-black-l-4);
    border-right-color: var(--dui-clr-black-l-4);
}
.dui.dui-border-b-black-l-4{
    --dui-border-b-clr: var(--dui-clr-black-l-4);
    border-bottom-color: var(--dui-clr-black-l-4);
}
.dui.dui-border-l-black-l-4{
    --dui-border-l-clr: var(--dui-clr-black-l-4);
    border-left-color: var(--dui-clr-black-l-4);
}
.dui.dui-divide-black-l-4 > * + *{
    --dui-border-clr: var(--dui-clr-black-l-4);
    border-color: var(--dui-clr-black-l-4);
}
.dui.dui-outline-black-l-4{
    --dui-outline-clr: var(--dui-clr-black-l-4);
    outline-color: var(--dui-clr-black-l-4);
}
.dui.dui-fg-black-l-3 {
    --dui-fg-clr: var(--dui-clr-black-l-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black-l-3);
}
.dui.dui-bg-black-l-3 {
    --dui-bg-clr: var(--dui-clr-black-l-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black-l-3);
}
.dui.dui-accent-black-l-3 {
    --dui-accent-clr: var(--dui-clr-black-l-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-black-l-3);
}
.dui.dui-shadow-black-l-3 {
    --dui-shadow-clr: var(--dui-clr-black-l-3);
}
.dui.dui-text-decoration-black-l-3{
    --dui-text-decoration-clr: var(--dui-clr-black-l-3);
    text-decoration-color: var(--dui-clr-black-l-3);
}
.dui.dui-border-black-l-3{
    --dui-border-clr: var(--dui-clr-black-l-3);
    border-color: var(--dui-clr-black-l-3);
}
.dui.dui-border-x-black-l-3{
    --dui-border-x-clr: var(--dui-clr-black-l-3);
    border-left-color: var(--dui-clr-black-l-3);
    border-right-color: var(--dui-clr-black-l-3);
}
.dui.dui-border-y-black-l-3{
    --dui-border-y-clr: var(--dui-clr-black-l-3);
    border-top-color: var(--dui-clr-black-l-3);
    border-bottom-color: var(--dui-clr-black-l-3);
}
.dui.dui-border-t-black-l-3{
    --dui-border-t-clr: var(--dui-clr-black-l-3);
    border-top-color: var(--dui-clr-black-l-3);
}
.dui.dui-border-r-black-l-3{
    --dui-border-r-clr: var(--dui-clr-black-l-3);
    border-right-color: var(--dui-clr-black-l-3);
}
.dui.dui-border-b-black-l-3{
    --dui-border-b-clr: var(--dui-clr-black-l-3);
    border-bottom-color: var(--dui-clr-black-l-3);
}
.dui.dui-border-l-black-l-3{
    --dui-border-l-clr: var(--dui-clr-black-l-3);
    border-left-color: var(--dui-clr-black-l-3);
}
.dui.dui-divide-black-l-3 > * + *{
    --dui-border-clr: var(--dui-clr-black-l-3);
    border-color: var(--dui-clr-black-l-3);
}
.dui.dui-outline-black-l-3{
    --dui-outline-clr: var(--dui-clr-black-l-3);
    outline-color: var(--dui-clr-black-l-3);
}
.dui.dui-fg-black-l-2 {
    --dui-fg-clr: var(--dui-clr-black-l-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black-l-2);
}
.dui.dui-bg-black-l-2 {
    --dui-bg-clr: var(--dui-clr-black-l-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black-l-2);
}
.dui.dui-accent-black-l-2 {
    --dui-accent-clr: var(--dui-clr-black-l-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-black-l-2);
}
.dui.dui-shadow-black-l-2 {
    --dui-shadow-clr: var(--dui-clr-black-l-2);
}
.dui.dui-text-decoration-black-l-2{
    --dui-text-decoration-clr: var(--dui-clr-black-l-2);
    text-decoration-color: var(--dui-clr-black-l-2);
}
.dui.dui-border-black-l-2{
    --dui-border-clr: var(--dui-clr-black-l-2);
    border-color: var(--dui-clr-black-l-2);
}
.dui.dui-border-x-black-l-2{
    --dui-border-x-clr: var(--dui-clr-black-l-2);
    border-left-color: var(--dui-clr-black-l-2);
    border-right-color: var(--dui-clr-black-l-2);
}
.dui.dui-border-y-black-l-2{
    --dui-border-y-clr: var(--dui-clr-black-l-2);
    border-top-color: var(--dui-clr-black-l-2);
    border-bottom-color: var(--dui-clr-black-l-2);
}
.dui.dui-border-t-black-l-2{
    --dui-border-t-clr: var(--dui-clr-black-l-2);
    border-top-color: var(--dui-clr-black-l-2);
}
.dui.dui-border-r-black-l-2{
    --dui-border-r-clr: var(--dui-clr-black-l-2);
    border-right-color: var(--dui-clr-black-l-2);
}
.dui.dui-border-b-black-l-2{
    --dui-border-b-clr: var(--dui-clr-black-l-2);
    border-bottom-color: var(--dui-clr-black-l-2);
}
.dui.dui-border-l-black-l-2{
    --dui-border-l-clr: var(--dui-clr-black-l-2);
    border-left-color: var(--dui-clr-black-l-2);
}
.dui.dui-divide-black-l-2 > * + *{
    --dui-border-clr: var(--dui-clr-black-l-2);
    border-color: var(--dui-clr-black-l-2);
}
.dui.dui-outline-black-l-2{
    --dui-outline-clr: var(--dui-clr-black-l-2);
    outline-color: var(--dui-clr-black-l-2);
}
.dui.dui-fg-black-l-1 {
    --dui-fg-clr: var(--dui-clr-black-l-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black-l-1);
}
.dui.dui-bg-black-l-1 {
    --dui-bg-clr: var(--dui-clr-black-l-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black-l-1);
}
.dui.dui-accent-black-l-1 {
    --dui-accent-clr: var(--dui-clr-black-l-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-black-l-1);
}
.dui.dui-shadow-black-l-1 {
    --dui-shadow-clr: var(--dui-clr-black-l-1);
}
.dui.dui-text-decoration-black-l-1{
    --dui-text-decoration-clr: var(--dui-clr-black-l-1);
    text-decoration-color: var(--dui-clr-black-l-1);
}
.dui.dui-border-black-l-1{
    --dui-border-clr: var(--dui-clr-black-l-1);
    border-color: var(--dui-clr-black-l-1);
}
.dui.dui-border-x-black-l-1{
    --dui-border-x-clr: var(--dui-clr-black-l-1);
    border-left-color: var(--dui-clr-black-l-1);
    border-right-color: var(--dui-clr-black-l-1);
}
.dui.dui-border-y-black-l-1{
    --dui-border-y-clr: var(--dui-clr-black-l-1);
    border-top-color: var(--dui-clr-black-l-1);
    border-bottom-color: var(--dui-clr-black-l-1);
}
.dui.dui-border-t-black-l-1{
    --dui-border-t-clr: var(--dui-clr-black-l-1);
    border-top-color: var(--dui-clr-black-l-1);
}
.dui.dui-border-r-black-l-1{
    --dui-border-r-clr: var(--dui-clr-black-l-1);
    border-right-color: var(--dui-clr-black-l-1);
}
.dui.dui-border-b-black-l-1{
    --dui-border-b-clr: var(--dui-clr-black-l-1);
    border-bottom-color: var(--dui-clr-black-l-1);
}
.dui.dui-border-l-black-l-1{
    --dui-border-l-clr: var(--dui-clr-black-l-1);
    border-left-color: var(--dui-clr-black-l-1);
}
.dui.dui-divide-black-l-1 > * + *{
    --dui-border-clr: var(--dui-clr-black-l-1);
    border-color: var(--dui-clr-black-l-1);
}
.dui.dui-outline-black-l-1{
    --dui-outline-clr: var(--dui-clr-black-l-1);
    outline-color: var(--dui-clr-black-l-1);
}
.dui.dui-fg-black {
    --dui-fg-clr: var(--dui-clr-black);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black);
}
.dui.dui-accent-black {
    --dui-accent-clr: var(--dui-clr-black);
    --dui-accent-text-color: var(--dui-color);
    accent-color: var(--dui-clr-black);
}
.dui.dui-shadow-black {
    --dui-shadow-clr: var(--dui-clr-black);
}
.dui.dui-border-black{
    --dui-border-clr: var(--dui-clr-black);
    border-color: var(--dui-clr-black);
}
.dui.dui-border-y-black{
    --dui-border-y-clr: var(--dui-clr-black);
    border-top-color: var(--dui-clr-black);
    border-bottom-color: var(--dui-clr-black);
}
.dui.dui-border-b-black{
    --dui-border-b-clr: var(--dui-clr-black);
    border-bottom-color: var(--dui-clr-black);
}
.dui.dui-divide-black > * + *{
    --dui-border-clr: var(--dui-clr-black);
    border-color: var(--dui-clr-black);
}

.dui.dui-fg-black-d-1 {
    --dui-fg-clr: var(--dui-clr-black-d-1);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black-d-1);
}
.dui.dui-bg-black-d-1 {
    --dui-bg-clr: var(--dui-clr-black-d-1);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black-d-1);
}
.dui.dui-accent-black-d-1 {
    --dui-accent-clr: var(--dui-clr-black-d-1);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-black-d-1);
}
.dui.dui-shadow-black-d-1 {
    --dui-shadow-clr: var(--dui-clr-black-d-1);
}
.dui.dui-text-decoration-black-d-1{
    --dui-text-decoration-clr: var(--dui-clr-black-d-1);
    text-decoration-color: var(--dui-clr-black-d-1);
}
.dui.dui-border-black-d-1{
    --dui-border-clr: var(--dui-clr-black-d-1);
    border-color: var(--dui-clr-black-d-1);
}
.dui.dui-border-x-black-d-1{
    --dui-border-x-clr: var(--dui-clr-black-d-1);
    border-left-color: var(--dui-clr-black-d-1);
    border-right-color: var(--dui-clr-black-d-1);
}
.dui.dui-border-y-black-d-1{
    --dui-border-y-clr: var(--dui-clr-black-d-1);
    border-top-color: var(--dui-clr-black-d-1);
    border-bottom-color: var(--dui-clr-black-d-1);
}
.dui.dui-border-t-black-d-1{
    --dui-border-t-clr: var(--dui-clr-black-d-1);
    border-top-color: var(--dui-clr-black-d-1);
}
.dui.dui-border-r-black-d-1{
    --dui-border-r-clr: var(--dui-clr-black-d-1);
    border-right-color: var(--dui-clr-black-d-1);
}
.dui.dui-border-b-black-d-1{
    --dui-border-b-clr: var(--dui-clr-black-d-1);
    border-bottom-color: var(--dui-clr-black-d-1);
}
.dui.dui-border-l-black-d-1{
    --dui-border-l-clr: var(--dui-clr-black-d-1);
    border-left-color: var(--dui-clr-black-d-1);
}
.dui.dui-divide-black-d-1 > * + *{
    --dui-border-clr: var(--dui-clr-black-d-1);
    border-color: var(--dui-clr-black-d-1);
}
.dui.dui-outline-black-d-1{
    --dui-outline-clr: var(--dui-clr-black-d-1);
    outline-color: var(--dui-clr-black-d-1);
}
.dui.dui-fg-black-d-2 {
    --dui-fg-clr: var(--dui-clr-black-d-2);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black-d-2);
}
.dui.dui-bg-black-d-2 {
    --dui-bg-clr: var(--dui-clr-black-d-2);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black-d-2);
}
.dui.dui-accent-black-d-2 {
    --dui-accent-clr: var(--dui-clr-black-d-2);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-black-d-2);
}
.dui.dui-shadow-black-d-2 {
    --dui-shadow-clr: var(--dui-clr-black-d-2);
}
.dui.dui-text-decoration-black-d-2{
    --dui-text-decoration-clr: var(--dui-clr-black-d-2);
    text-decoration-color: var(--dui-clr-black-d-2);
}
.dui.dui-border-black-d-2{
    --dui-border-clr: var(--dui-clr-black-d-2);
    border-color: var(--dui-clr-black-d-2);
}
.dui.dui-border-x-black-d-2{
    --dui-border-x-clr: var(--dui-clr-black-d-2);
    border-left-color: var(--dui-clr-black-d-2);
    border-right-color: var(--dui-clr-black-d-2);
}
.dui.dui-border-y-black-d-2{
    --dui-border-y-clr: var(--dui-clr-black-d-2);
    border-top-color: var(--dui-clr-black-d-2);
    border-bottom-color: var(--dui-clr-black-d-2);
}
.dui.dui-border-t-black-d-2{
    --dui-border-t-clr: var(--dui-clr-black-d-2);
    border-top-color: var(--dui-clr-black-d-2);
}
.dui.dui-border-r-black-d-2{
    --dui-border-r-clr: var(--dui-clr-black-d-2);
    border-right-color: var(--dui-clr-black-d-2);
}
.dui.dui-border-b-black-d-2{
    --dui-border-b-clr: var(--dui-clr-black-d-2);
    border-bottom-color: var(--dui-clr-black-d-2);
}
.dui.dui-border-l-black-d-2{
    --dui-border-l-clr: var(--dui-clr-black-d-2);
    border-left-color: var(--dui-clr-black-d-2);
}
.dui.dui-divide-black-d-2 > * + *{
    --dui-border-clr: var(--dui-clr-black-d-2);
    border-color: var(--dui-clr-black-d-2);
}
.dui.dui-outline-black-d-2{
    --dui-outline-clr: var(--dui-clr-black-d-2);
    outline-color: var(--dui-clr-black-d-2);
}
.dui.dui-fg-black-d-3 {
    --dui-fg-clr: var(--dui-clr-black-d-3);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black-d-3);
}
.dui.dui-bg-black-d-3 {
    --dui-bg-clr: var(--dui-clr-black-d-3);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black-d-3);
}
.dui.dui-accent-black-d-3 {
    --dui-accent-clr: var(--dui-clr-black-d-3);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-black-d-3);
}
.dui.dui-shadow-black-d-3 {
    --dui-shadow-clr: var(--dui-clr-black-d-3);
}
.dui.dui-text-decoration-black-d-3{
    --dui-text-decoration-clr: var(--dui-clr-black-d-3);
    text-decoration-color: var(--dui-clr-black-d-3);
}
.dui.dui-border-black-d-3{
    --dui-border-clr: var(--dui-clr-black-d-3);
    border-color: var(--dui-clr-black-d-3);
}
.dui.dui-border-x-black-d-3{
    --dui-border-x-clr: var(--dui-clr-black-d-3);
    border-left-color: var(--dui-clr-black-d-3);
    border-right-color: var(--dui-clr-black-d-3);
}
.dui.dui-border-y-black-d-3{
    --dui-border-y-clr: var(--dui-clr-black-d-3);
    border-top-color: var(--dui-clr-black-d-3);
    border-bottom-color: var(--dui-clr-black-d-3);
}
.dui.dui-border-t-black-d-3{
    --dui-border-t-clr: var(--dui-clr-black-d-3);
    border-top-color: var(--dui-clr-black-d-3);
}
.dui.dui-border-r-black-d-3{
    --dui-border-r-clr: var(--dui-clr-black-d-3);
    border-right-color: var(--dui-clr-black-d-3);
}
.dui.dui-border-b-black-d-3{
    --dui-border-b-clr: var(--dui-clr-black-d-3);
    border-bottom-color: var(--dui-clr-black-d-3);
}
.dui.dui-border-l-black-d-3{
    --dui-border-l-clr: var(--dui-clr-black-d-3);
    border-left-color: var(--dui-clr-black-d-3);
}
.dui.dui-divide-black-d-3 > * + *{
    --dui-border-clr: var(--dui-clr-black-d-3);
    border-color: var(--dui-clr-black-d-3);
}
.dui.dui-outline-black-d-3{
    --dui-outline-clr: var(--dui-clr-black-d-3);
    outline-color: var(--dui-clr-black-d-3);
}
.dui.dui-fg-black-d-4 {
    --dui-fg-clr: var(--dui-clr-black-d-4);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-black-d-4);
}
.dui.dui-bg-black-d-4 {
    --dui-bg-clr: var(--dui-clr-black-d-4);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black-d-4);
}
.dui.dui-accent-black-d-4 {
    --dui-accent-clr: var(--dui-clr-black-d-4);
    --dui-accent-text-color: var(--dui-clr-white);
    accent-color: var(--dui-clr-black-d-4);
}
.dui.dui-shadow-black-d-4 {
    --dui-shadow-clr: var(--dui-clr-black-d-4);
}
.dui.dui-text-decoration-black-d-4{
    --dui-text-decoration-clr: var(--dui-clr-black-d-4);
    text-decoration-color: var(--dui-clr-black-d-4);
}
.dui.dui-border-black-d-4{
    --dui-border-clr: var(--dui-clr-black-d-4);
    border-color: var(--dui-clr-black-d-4);
}
.dui.dui-border-x-black-d-4{
    --dui-border-x-clr: var(--dui-clr-black-d-4);
    border-left-color: var(--dui-clr-black-d-4);
    border-right-color: var(--dui-clr-black-d-4);
}
.dui.dui-border-y-black-d-4{
    --dui-border-y-clr: var(--dui-clr-black-d-4);
    border-top-color: var(--dui-clr-black-d-4);
    border-bottom-color: var(--dui-clr-black-d-4);
}
.dui.dui-border-t-black-d-4{
    --dui-border-t-clr: var(--dui-clr-black-d-4);
    border-top-color: var(--dui-clr-black-d-4);
}
.dui.dui-border-r-black-d-4{
    --dui-border-r-clr: var(--dui-clr-black-d-4);
    border-right-color: var(--dui-clr-black-d-4);
}
.dui.dui-border-b-black-d-4{
    --dui-border-b-clr: var(--dui-clr-black-d-4);
    border-bottom-color: var(--dui-clr-black-d-4);
}
.dui.dui-border-l-black-d-4{
    --dui-border-l-clr: var(--dui-clr-black-d-4);
    border-left-color: var(--dui-clr-black-d-4);
}
.dui.dui-divide-black-d-4 > * + *{
    --dui-border-clr: var(--dui-clr-black-d-4);
    border-color: var(--dui-clr-black-d-4);
}
.dui.dui-outline-black-d-4{
    --dui-outline-clr: var(--dui-clr-black-d-4);
    outline-color: var(--dui-clr-black-d-4);
}
.dui.dui-bg-black {
    --dui-bg-clr: var(--dui-clr-black);
    --dui-text-color: var(--dui-clr-white);
    background-color: var(--dui-clr-black);
}
.dui.dui-text-decoration-black{
    --dui-text-decoration-clr: var(--dui-clr-black);
    text-decoration-color: var(--dui-clr-black);
}
.dui.dui-border-x-black{
    --dui-border-x-clr: var(--dui-clr-black);
    border-left-color: var(--dui-clr-black);
    border-right-color: var(--dui-clr-black);
}
.dui.dui-border-t-black{
    --dui-border-t-clr: var(--dui-clr-black);
    border-top-color: var(--dui-clr-black);
}
.dui.dui-border-r-black{
    --dui-border-r-clr: var(--dui-clr-black);
    border-right-color: var(--dui-clr-black);
}
.dui.dui-border-l-black{
    --dui-border-l-clr: var(--dui-clr-black);
    border-left-color: var(--dui-clr-black);
}
.dui.dui-outline-black{
    --dui-outline-clr: var(--dui-clr-black);
    outline-color: var(--dui-clr-black);
}
.dui.dui-bg-white {
    --dui-bg-clr: var(--dui-clr-white);
    --dui-text-color: var(--dui-clr-black);
    background-color: var(--dui-clr-white);
}
.dui.dui-shadow-white {
    --dui-shadow-clr: var(--dui-clr-white);
}
.dui.dui-border-white{
    --dui-border-clr: var(--dui-clr-white);
    border-color: var(--dui-clr-white);
}
.dui.dui-border-y-white{
    --dui-border-y-clr: var(--dui-clr-white);
    border-top-color: var(--dui-clr-white);
    border-bottom-color: var(--dui-clr-white);
}
.dui.dui-border-t-white{
    --dui-border-t-clr: var(--dui-clr-white);
    border-top-color: var(--dui-clr-white);
}
.dui.dui-border-b-white{
    --dui-border-b-clr: var(--dui-clr-white);
    border-bottom-color: var(--dui-clr-white);
}
.dui.dui-fg-inherit {
    --dui-fg-clr: var(--dui-clr-inherit);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-inherit);
}
.dui.dui-bg-inherit {
    --dui-bg-clr: var(--dui-clr-inherit);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-inherit);
}
.dui.dui-accent-inherit {
    --dui-accent-clr: var(--dui-clr-inherit);
    --dui-accent-text-color: var(--dui-clr-inherit);
    accent-color: var(--dui-clr-inherit);
}
.dui.dui-shadow-inherit {
    --dui-shadow-clr: var(--dui-clr-inherit);
}
.dui.dui-text-decoration-inherit{
    --dui-text-decoration-clr: var(--dui-clr-inherit);
    text-decoration-color: var(--dui-clr-inherit);
}
.dui.dui-border-inherit{
    --dui-border-clr: var(--dui-clr-inherit);
    border-color: var(--dui-clr-inherit);
}
.dui.dui-border-x-inherit{
    --dui-border-x-clr: var(--dui-clr-inherit);
    border-left-color: var(--dui-clr-inherit);
    border-right-color: var(--dui-clr-inherit);
}
.dui.dui-border-y-inherit{
    --dui-border-y-clr: var(--dui-clr-inherit);
    border-top-color: var(--dui-clr-inherit);
    border-bottom-color: var(--dui-clr-inherit);
}
.dui.dui-border-t-inherit{
    --dui-border-t-clr: var(--dui-clr-inherit);
    border-top-color: var(--dui-clr-inherit);
}
.dui.dui-border-r-inherit{
    --dui-border-r-clr: var(--dui-clr-inherit);
    border-right-color: var(--dui-clr-inherit);
}
.dui.dui-border-b-inherit{
    --dui-border-b-clr: var(--dui-clr-inherit);
    border-bottom-color: var(--dui-clr-inherit);
}
.dui.dui-border-l-inherit{
    --dui-border-l-clr: var(--dui-clr-inherit);
    border-left-color: var(--dui-clr-inherit);
}
.dui.dui-divide-inherit > * + *{
    --dui-border-clr: var(--dui-clr-inherit);
    border-color: var(--dui-clr-inherit);
}
.dui.dui-outline-inherit{
    --dui-outline-clr: var(--dui-clr-inherit);
    outline-color: var(--dui-clr-inherit);
}
.dui.dui-fg-current {
    --dui-fg-clr: var(--dui-clr-current);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-current);
}
.dui.dui-bg-current {
    --dui-bg-clr: var(--dui-clr-current);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-current);
}
.dui.dui-accent-current {
    --dui-accent-clr: var(--dui-clr-current);
    accent-color: var(--dui-clr-current);
}
.dui.dui-shadow-current {
    --dui-shadow-clr: var(--dui-clr-current);
}
.dui.dui-text-decoration-current{
    --dui-text-decoration-clr: var(--dui-clr-current);
    text-decoration-color: var(--dui-clr-current);
}
.dui.dui-border-current{
    --dui-border-clr: var(--dui-clr-current);
    border-color: var(--dui-clr-current);
}
.dui.dui-border-x-current{
    --dui-border-x-clr: var(--dui-clr-current);
    border-left-color: var(--dui-clr-current);
    border-right-color: var(--dui-clr-current);
}
.dui.dui-border-y-current{
    --dui-border-y-clr: var(--dui-clr-current);
    border-top-color: var(--dui-clr-current);
    border-bottom-color: var(--dui-clr-current);
}
.dui.dui-border-t-current{
    --dui-border-t-clr: var(--dui-clr-current);
    border-top-color: var(--dui-clr-current);
}
.dui.dui-border-r-current{
    --dui-border-r-clr: var(--dui-clr-current);
    border-right-color: var(--dui-clr-current);
}
.dui.dui-border-b-current{
    --dui-border-b-clr: var(--dui-clr-current);
    border-bottom-color: var(--dui-clr-current);
}
.dui.dui-border-l-current{
    --dui-border-l-clr: var(--dui-clr-current);
    border-left-color: var(--dui-clr-current);
}
.dui.dui-divide-current > * + *{
    --dui-border-clr: var(--dui-clr-current);
    border-color: var(--dui-clr-current);
}
.dui.dui-outline-current{
    --dui-outline-clr: var(--dui-clr-current);
    outline-color: var(--dui-clr-current);
}
.dui.dui-fg-transparent {
    --dui-fg-clr: var(--dui-clr-transparent);
    --dui-text-color:var(--dui-fg-clr);
    color: var(--dui-clr-transparent);
}
.dui.dui-bg-transparent {
    --dui-bg-clr: var(--dui-clr-transparent);
    --dui-text-color: var(--dui-color);
    background-color: var(--dui-clr-transparent);
}
.dui.dui-accent-transparent {
    --dui-accent-clr: var(--dui-clr-transparent);
    accent-color: var(--dui-clr-transparent);
}
.dui.dui-shadow-transparent {
    --dui-shadow-clr: var(--dui-clr-transparent);
}
.dui.dui-text-decoration-transparent{
    --dui-text-decoration-clr: var(--dui-clr-transparent);
    text-decoration-color: var(--dui-clr-transparent);
}
.dui.dui-border-transparent{
    --dui-border-clr: var(--dui-clr-transparent);
    border-color: var(--dui-clr-transparent);
}
.dui.dui-border-x-transparent{
    --dui-border-x-clr: var(--dui-clr-transparent);
    border-left-color: var(--dui-clr-transparent);
    border-right-color: var(--dui-clr-transparent);
}
.dui.dui-border-y-transparent{
    --dui-border-y-clr: var(--dui-clr-transparent);
    border-top-color: var(--dui-clr-transparent);
    border-bottom-color: var(--dui-clr-transparent);
}
.dui.dui-border-t-transparent{
    --dui-border-t-clr: var(--dui-clr-transparent);
    border-top-color: var(--dui-clr-transparent);
}
.dui.dui-border-r-transparent{
    --dui-border-r-clr: var(--dui-clr-transparent);
    border-right-color: var(--dui-clr-transparent);
}
.dui.dui-border-b-transparent{
    --dui-border-b-clr: var(--dui-clr-transparent);
    border-bottom-color: var(--dui-clr-transparent);
}
.dui.dui-border-l-transparent{
    --dui-border-l-clr: var(--dui-clr-transparent);
    border-left-color: var(--dui-clr-transparent);
}
.dui.dui-divide-transparent > * + *{
    --dui-border-clr: var(--dui-clr-transparent);
    border-color: var(--dui-clr-transparent);
}
.dui.dui-outline-transparent{
    --dui-outline-clr: var(--dui-clr-transparent);
    outline-color: var(--dui-clr-transparent);
}
.dui-context-dominant-l-5 {
    --dui-context-color: var(--dui-clr-dominant-l-5);
    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-dominant-l-4 {
    --dui-context-color: var(--dui-clr-dominant-l-4);
    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-dominant-l-3 {
    --dui-context-color: var(--dui-clr-dominant-l-3);
    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-dominant-l-2 {
    --dui-context-color: var(--dui-clr-dominant-l-2);
    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-dominant-l-1 {
    --dui-context-color: var(--dui-clr-dominant-l-1);
    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-dominant {
    --dui-context-color-l-5: var(--dui-clr-dominant-l-5);
    --dui-context-color-l-4: var(--dui-clr-dominant-l-4);
    --dui-context-color-l-3: var(--dui-clr-dominant-l-3);
    --dui-context-color-l-2: var(--dui-clr-dominant-l-2);
    --dui-context-color-l-1: var(--dui-clr-dominant-l-1);
    --dui-context-color: var(--dui-clr-dominant);
    --dui-context-color-d-1: var(--dui-clr-dominant-d-1);
    --dui-context-color-d-2: var(--dui-clr-dominant-d-2);
    --dui-context-color-d-3: var(--dui-clr-dominant-d-3);
    --dui-context-color-d-4: var(--dui-clr-dominant-d-4);

    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-dominant-d-1 {
    --dui-context-color: var(--dui-clr-dominant-d-1);
    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-dominant-d-2 {
    --dui-context-color: var(--dui-clr-dominant-d-2);
    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-dominant-d-3 {
    --dui-context-color: var(--dui-clr-dominant-d-3);
    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-dominant-d-4 {
    --dui-context-color: var(--dui-clr-dominant-d-4);
    --dui-context-fg-color: var(--dui-dominant-fg-clr);
}
.dui-context-accent-l-5 {
    --dui-context-color: var(--dui-clr-accent-l-5);
    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-accent-l-4 {
    --dui-context-color: var(--dui-clr-accent-l-4);
    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-accent-l-3 {
    --dui-context-color: var(--dui-clr-accent-l-3);
    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-accent-l-2 {
    --dui-context-color: var(--dui-clr-accent-l-2);
    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-accent-l-1 {
    --dui-context-color: var(--dui-clr-accent-l-1);
    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-accent {
    --dui-context-color-l-5: var(--dui-clr-accent-l-5);
    --dui-context-color-l-4: var(--dui-clr-accent-l-4);
    --dui-context-color-l-3: var(--dui-clr-accent-l-3);
    --dui-context-color-l-2: var(--dui-clr-accent-l-2);
    --dui-context-color-l-1: var(--dui-clr-accent-l-1);
    --dui-context-color: var(--dui-clr-accent);
    --dui-context-color-d-1: var(--dui-clr-accent-d-1);
    --dui-context-color-d-2: var(--dui-clr-accent-d-2);
    --dui-context-color-d-3: var(--dui-clr-accent-d-3);
    --dui-context-color-d-4: var(--dui-clr-accent-d-4);

    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-accent-d-1 {
    --dui-context-color: var(--dui-clr-accent-d-1);
    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-accent-d-2 {
    --dui-context-color: var(--dui-clr-accent-d-2);
    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-accent-d-3 {
    --dui-context-color: var(--dui-clr-accent-d-3);
    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-accent-d-4 {
    --dui-context-color: var(--dui-clr-accent-d-4);
    --dui-context-fg-color: var(--dui-accent-fg-clr);
}
.dui-context-primary-l-5 {
    --dui-context-color: var(--dui-clr-primary-l-5);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-primary-l-4 {
    --dui-context-color: var(--dui-clr-primary-l-4);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-primary-l-3 {
    --dui-context-color: var(--dui-clr-primary-l-3);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-primary-l-2 {
    --dui-context-color: var(--dui-clr-primary-l-2);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-primary-l-1 {
    --dui-context-color: var(--dui-clr-primary-l-1);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-primary {
    --dui-context-color-l-5: var(--dui-clr-primary-l-5);
    --dui-context-color-l-4: var(--dui-clr-primary-l-4);
    --dui-context-color-l-3: var(--dui-clr-primary-l-3);
    --dui-context-color-l-2: var(--dui-clr-primary-l-2);
    --dui-context-color-l-1: var(--dui-clr-primary-l-1);
    --dui-context-color: var(--dui-clr-primary);
    --dui-context-color-d-1: var(--dui-clr-primary-d-1);
    --dui-context-color-d-2: var(--dui-clr-primary-d-2);
    --dui-context-color-d-3: var(--dui-clr-primary-d-3);
    --dui-context-color-d-4: var(--dui-clr-primary-d-4);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-primary-d-1 {
    --dui-context-color: var(--dui-clr-primary-d-1);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-primary-d-2 {
    --dui-context-color: var(--dui-clr-primary-d-2);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-primary-d-3 {
    --dui-context-color: var(--dui-clr-primary-d-3);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-primary-d-4 {
    --dui-context-color: var(--dui-clr-primary-d-4);
    --dui-context-fg-color: var(--dui-primary-fg-clr);
}
.dui-context-secondary-l-5 {
    --dui-context-color: var(--dui-clr-secondary-l-5);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-secondary-l-4 {
    --dui-context-color: var(--dui-clr-secondary-l-4);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-secondary-l-3 {
    --dui-context-color: var(--dui-clr-secondary-l-3);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-secondary-l-2 {
    --dui-context-color: var(--dui-clr-secondary-l-2);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-secondary-l-1 {
    --dui-context-color: var(--dui-clr-secondary-l-1);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-secondary {
    --dui-context-color-l-5: var(--dui-clr-secondary-l-5);
    --dui-context-color-l-4: var(--dui-clr-secondary-l-4);
    --dui-context-color-l-3: var(--dui-clr-secondary-l-3);
    --dui-context-color-l-2: var(--dui-clr-secondary-l-2);
    --dui-context-color-l-1: var(--dui-clr-secondary-l-1);
    --dui-context-color: var(--dui-clr-secondary);
    --dui-context-color-d-1: var(--dui-clr-secondary-d-1);
    --dui-context-color-d-2: var(--dui-clr-secondary-d-2);
    --dui-context-color-d-3: var(--dui-clr-secondary-d-3);
    --dui-context-color-d-4: var(--dui-clr-secondary-d-4);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-secondary-d-1 {
    --dui-context-color: var(--dui-clr-secondary-d-1);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-secondary-d-2 {
    --dui-context-color: var(--dui-clr-secondary-d-2);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-secondary-d-3 {
    --dui-context-color: var(--dui-clr-secondary-d-3);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-secondary-d-4 {
    --dui-context-color: var(--dui-clr-secondary-d-4);
    --dui-context-fg-color: var(--dui-secondary-fg-clr);
}
.dui-context-success-l-5 {
    --dui-context-color: var(--dui-clr-success-l-5);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-success-l-4 {
    --dui-context-color: var(--dui-clr-success-l-4);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-success-l-3 {
    --dui-context-color: var(--dui-clr-success-l-3);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-success-l-2 {
    --dui-context-color: var(--dui-clr-success-l-2);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-success-l-1 {
    --dui-context-color: var(--dui-clr-success-l-1);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-success {
    --dui-context-color-l-5: var(--dui-clr-success-l-5);
    --dui-context-color-l-4: var(--dui-clr-success-l-4);
    --dui-context-color-l-3: var(--dui-clr-success-l-3);
    --dui-context-color-l-2: var(--dui-clr-success-l-2);
    --dui-context-color-l-1: var(--dui-clr-success-l-1);
    --dui-context-color: var(--dui-clr-success);
    --dui-context-color-d-1: var(--dui-clr-success-d-1);
    --dui-context-color-d-2: var(--dui-clr-success-d-2);
    --dui-context-color-d-3: var(--dui-clr-success-d-3);
    --dui-context-color-d-4: var(--dui-clr-success-d-4);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-success-d-1 {
    --dui-context-color: var(--dui-clr-success-d-1);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-success-d-2 {
    --dui-context-color: var(--dui-clr-success-d-2);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-success-d-3 {
    --dui-context-color: var(--dui-clr-success-d-3);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-success-d-4 {
    --dui-context-color: var(--dui-clr-success-d-4);
    --dui-context-fg-color: var(--dui-success-fg-clr);
}
.dui-context-warning-l-5 {
    --dui-context-color: var(--dui-clr-warning-l-5);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-warning-l-4 {
    --dui-context-color: var(--dui-clr-warning-l-4);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-warning-l-3 {
    --dui-context-color: var(--dui-clr-warning-l-3);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-warning-l-2 {
    --dui-context-color: var(--dui-clr-warning-l-2);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-warning-l-1 {
    --dui-context-color: var(--dui-clr-warning-l-1);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-warning {
    --dui-context-color-l-5: var(--dui-clr-warning-l-5);
    --dui-context-color-l-4: var(--dui-clr-warning-l-4);
    --dui-context-color-l-3: var(--dui-clr-warning-l-3);
    --dui-context-color-l-2: var(--dui-clr-warning-l-2);
    --dui-context-color-l-1: var(--dui-clr-warning-l-1);
    --dui-context-color: var(--dui-clr-warning);
    --dui-context-color-d-1: var(--dui-clr-warning-d-1);
    --dui-context-color-d-2: var(--dui-clr-warning-d-2);
    --dui-context-color-d-3: var(--dui-clr-warning-d-3);
    --dui-context-color-d-4: var(--dui-clr-warning-d-4);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-warning-d-1 {
    --dui-context-color: var(--dui-clr-warning-d-1);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-warning-d-2 {
    --dui-context-color: var(--dui-clr-warning-d-2);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-warning-d-3 {
    --dui-context-color: var(--dui-clr-warning-d-3);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-warning-d-4 {
    --dui-context-color: var(--dui-clr-warning-d-4);
    --dui-context-fg-color: var(--dui-warning-fg-clr);
}
.dui-context-info-l-5 {
    --dui-context-color: var(--dui-clr-info-l-5);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-info-l-4 {
    --dui-context-color: var(--dui-clr-info-l-4);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-info-l-3 {
    --dui-context-color: var(--dui-clr-info-l-3);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-info-l-2 {
    --dui-context-color: var(--dui-clr-info-l-2);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-info-l-1 {
    --dui-context-color: var(--dui-clr-info-l-1);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-info {
    --dui-context-color-l-5: var(--dui-clr-info-l-5);
    --dui-context-color-l-4: var(--dui-clr-info-l-4);
    --dui-context-color-l-3: var(--dui-clr-info-l-3);
    --dui-context-color-l-2: var(--dui-clr-info-l-2);
    --dui-context-color-l-1: var(--dui-clr-info-l-1);
    --dui-context-color: var(--dui-clr-info);
    --dui-context-color-d-1: var(--dui-clr-info-d-1);
    --dui-context-color-d-2: var(--dui-clr-info-d-2);
    --dui-context-color-d-3: var(--dui-clr-info-d-3);
    --dui-context-color-d-4: var(--dui-clr-info-d-4);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-info-d-1 {
    --dui-context-color: var(--dui-clr-info-d-1);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-info-d-2 {
    --dui-context-color: var(--dui-clr-info-d-2);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-info-d-3 {
    --dui-context-color: var(--dui-clr-info-d-3);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-info-d-4 {
    --dui-context-color: var(--dui-clr-info-d-4);
    --dui-context-fg-color: var(--dui-info-fg-clr);
}
.dui-context-error-l-5 {
    --dui-context-color: var(--dui-clr-error-l-5);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-error-l-4 {
    --dui-context-color: var(--dui-clr-error-l-4);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-error-l-3 {
    --dui-context-color: var(--dui-clr-error-l-3);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-error-l-2 {
    --dui-context-color: var(--dui-clr-error-l-2);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-error-l-1 {
    --dui-context-color: var(--dui-clr-error-l-1);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-error {
    --dui-context-color-l-5: var(--dui-clr-error-l-5);
    --dui-context-color-l-4: var(--dui-clr-error-l-4);
    --dui-context-color-l-3: var(--dui-clr-error-l-3);
    --dui-context-color-l-2: var(--dui-clr-error-l-2);
    --dui-context-color-l-1: var(--dui-clr-error-l-1);
    --dui-context-color: var(--dui-clr-error);
    --dui-context-color-d-1: var(--dui-clr-error-d-1);
    --dui-context-color-d-2: var(--dui-clr-error-d-2);
    --dui-context-color-d-3: var(--dui-clr-error-d-3);
    --dui-context-color-d-4: var(--dui-clr-error-d-4);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-error-d-1 {
    --dui-context-color: var(--dui-clr-error-d-1);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-error-d-2 {
    --dui-context-color: var(--dui-clr-error-d-2);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-error-d-3 {
    --dui-context-color: var(--dui-clr-error-d-3);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-error-d-4 {
    --dui-context-color: var(--dui-clr-error-d-4);
    --dui-context-fg-color: var(--dui-error-fg-clr);
}
.dui-context-red-l-5 {
    --dui-context-color: var(--dui-clr-red-l-5);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-red-l-4 {
    --dui-context-color: var(--dui-clr-red-l-4);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-red-l-3 {
    --dui-context-color: var(--dui-clr-red-l-3);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-red-l-2 {
    --dui-context-color: var(--dui-clr-red-l-2);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-red-l-1 {
    --dui-context-color: var(--dui-clr-red-l-1);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-red {
    --dui-context-color-l-5: var(--dui-clr-red-l-5);
    --dui-context-color-l-4: var(--dui-clr-red-l-4);
    --dui-context-color-l-3: var(--dui-clr-red-l-3);
    --dui-context-color-l-2: var(--dui-clr-red-l-2);
    --dui-context-color-l-1: var(--dui-clr-red-l-1);
    --dui-context-color: var(--dui-clr-red);
    --dui-context-color-d-1: var(--dui-clr-red-d-1);
    --dui-context-color-d-2: var(--dui-clr-red-d-2);
    --dui-context-color-d-3: var(--dui-clr-red-d-3);
    --dui-context-color-d-4: var(--dui-clr-red-d-4);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-red-d-1 {
    --dui-context-color: var(--dui-clr-red-d-1);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-red-d-2 {
    --dui-context-color: var(--dui-clr-red-d-2);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-red-d-3 {
    --dui-context-color: var(--dui-clr-red-d-3);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-red-d-4 {
    --dui-context-color: var(--dui-clr-red-d-4);
    --dui-context-fg-color: var(--dui-red-fg-clr);
}
.dui-context-pink-l-5 {
    --dui-context-color: var(--dui-clr-pink-l-5);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-pink-l-4 {
    --dui-context-color: var(--dui-clr-pink-l-4);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-pink-l-3 {
    --dui-context-color: var(--dui-clr-pink-l-3);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-pink-l-2 {
    --dui-context-color: var(--dui-clr-pink-l-2);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-pink-l-1 {
    --dui-context-color: var(--dui-clr-pink-l-1);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-pink {
    --dui-context-color-l-5: var(--dui-clr-pink-l-5);
    --dui-context-color-l-4: var(--dui-clr-pink-l-4);
    --dui-context-color-l-3: var(--dui-clr-pink-l-3);
    --dui-context-color-l-2: var(--dui-clr-pink-l-2);
    --dui-context-color-l-1: var(--dui-clr-pink-l-1);
    --dui-context-color: var(--dui-clr-pink);
    --dui-context-color-d-1: var(--dui-clr-pink-d-1);
    --dui-context-color-d-2: var(--dui-clr-pink-d-2);
    --dui-context-color-d-3: var(--dui-clr-pink-d-3);
    --dui-context-color-d-4: var(--dui-clr-pink-d-4);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-pink-d-1 {
    --dui-context-color: var(--dui-clr-pink-d-1);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-pink-d-2 {
    --dui-context-color: var(--dui-clr-pink-d-2);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-pink-d-3 {
    --dui-context-color: var(--dui-clr-pink-d-3);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-pink-d-4 {
    --dui-context-color: var(--dui-clr-pink-d-4);
    --dui-context-fg-color: var(--dui-pink-fg-clr);
}
.dui-context-purple-l-5 {
    --dui-context-color: var(--dui-clr-purple-l-5);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-purple-l-4 {
    --dui-context-color: var(--dui-clr-purple-l-4);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-purple-l-3 {
    --dui-context-color: var(--dui-clr-purple-l-3);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-purple-l-2 {
    --dui-context-color: var(--dui-clr-purple-l-2);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-purple-l-1 {
    --dui-context-color: var(--dui-clr-purple-l-1);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-purple {
    --dui-context-color-l-5: var(--dui-clr-purple-l-5);
    --dui-context-color-l-4: var(--dui-clr-purple-l-4);
    --dui-context-color-l-3: var(--dui-clr-purple-l-3);
    --dui-context-color-l-2: var(--dui-clr-purple-l-2);
    --dui-context-color-l-1: var(--dui-clr-purple-l-1);
    --dui-context-color: var(--dui-clr-purple);
    --dui-context-color-d-1: var(--dui-clr-purple-d-1);
    --dui-context-color-d-2: var(--dui-clr-purple-d-2);
    --dui-context-color-d-3: var(--dui-clr-purple-d-3);
    --dui-context-color-d-4: var(--dui-clr-purple-d-4);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-purple-d-1 {
    --dui-context-color: var(--dui-clr-purple-d-1);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-purple-d-2 {
    --dui-context-color: var(--dui-clr-purple-d-2);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-purple-d-3 {
    --dui-context-color: var(--dui-clr-purple-d-3);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-purple-d-4 {
    --dui-context-color: var(--dui-clr-purple-d-4);
    --dui-context-fg-color: var(--dui-purple-fg-clr);
}
.dui-context-deep-purple-l-5 {
    --dui-context-color: var(--dui-clr-deep-purple-l-5);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-deep-purple-l-4 {
    --dui-context-color: var(--dui-clr-deep-purple-l-4);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-deep-purple-l-3 {
    --dui-context-color: var(--dui-clr-deep-purple-l-3);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-deep-purple-l-2 {
    --dui-context-color: var(--dui-clr-deep-purple-l-2);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-deep-purple-l-1 {
    --dui-context-color: var(--dui-clr-deep-purple-l-1);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-deep-purple {
    --dui-context-color-l-5: var(--dui-clr-deep-purple-l-5);
    --dui-context-color-l-4: var(--dui-clr-deep-purple-l-4);
    --dui-context-color-l-3: var(--dui-clr-deep-purple-l-3);
    --dui-context-color-l-2: var(--dui-clr-deep-purple-l-2);
    --dui-context-color-l-1: var(--dui-clr-deep-purple-l-1);
    --dui-context-color: var(--dui-clr-deep-purple);
    --dui-context-color-d-1: var(--dui-clr-deep-purple-d-1);
    --dui-context-color-d-2: var(--dui-clr-deep-purple-d-2);
    --dui-context-color-d-3: var(--dui-clr-deep-purple-d-3);
    --dui-context-color-d-4: var(--dui-clr-deep-purple-d-4);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-deep-purple-d-1 {
    --dui-context-color: var(--dui-clr-deep-purple-d-1);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-deep-purple-d-2 {
    --dui-context-color: var(--dui-clr-deep-purple-d-2);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-deep-purple-d-3 {
    --dui-context-color: var(--dui-clr-deep-purple-d-3);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-deep-purple-d-4 {
    --dui-context-color: var(--dui-clr-deep-purple-d-4);
    --dui-context-fg-color: var(--dui-deep-purple-fg-clr);
}
.dui-context-indigo-l-5 {
    --dui-context-color: var(--dui-clr-indigo-l-5);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-indigo-l-4 {
    --dui-context-color: var(--dui-clr-indigo-l-4);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-indigo-l-3 {
    --dui-context-color: var(--dui-clr-indigo-l-3);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-indigo-l-2 {
    --dui-context-color: var(--dui-clr-indigo-l-2);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-indigo-l-1 {
    --dui-context-color: var(--dui-clr-indigo-l-1);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-indigo {
    --dui-context-color-l-5: var(--dui-clr-indigo-l-5);
    --dui-context-color-l-4: var(--dui-clr-indigo-l-4);
    --dui-context-color-l-3: var(--dui-clr-indigo-l-3);
    --dui-context-color-l-2: var(--dui-clr-indigo-l-2);
    --dui-context-color-l-1: var(--dui-clr-indigo-l-1);
    --dui-context-color: var(--dui-clr-indigo);
    --dui-context-color-d-1: var(--dui-clr-indigo-d-1);
    --dui-context-color-d-2: var(--dui-clr-indigo-d-2);
    --dui-context-color-d-3: var(--dui-clr-indigo-d-3);
    --dui-context-color-d-4: var(--dui-clr-indigo-d-4);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-indigo-d-1 {
    --dui-context-color: var(--dui-clr-indigo-d-1);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-indigo-d-2 {
    --dui-context-color: var(--dui-clr-indigo-d-2);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-indigo-d-3 {
    --dui-context-color: var(--dui-clr-indigo-d-3);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-indigo-d-4 {
    --dui-context-color: var(--dui-clr-indigo-d-4);
    --dui-context-fg-color: var(--dui-indigo-fg-clr);
}
.dui-context-blue-l-5 {
    --dui-context-color: var(--dui-clr-blue-l-5);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-blue-l-4 {
    --dui-context-color: var(--dui-clr-blue-l-4);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-blue-l-3 {
    --dui-context-color: var(--dui-clr-blue-l-3);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-blue-l-2 {
    --dui-context-color: var(--dui-clr-blue-l-2);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-blue-l-1 {
    --dui-context-color: var(--dui-clr-blue-l-1);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-blue {
    --dui-context-color-l-5: var(--dui-clr-blue-l-5);
    --dui-context-color-l-4: var(--dui-clr-blue-l-4);
    --dui-context-color-l-3: var(--dui-clr-blue-l-3);
    --dui-context-color-l-2: var(--dui-clr-blue-l-2);
    --dui-context-color-l-1: var(--dui-clr-blue-l-1);
    --dui-context-color: var(--dui-clr-blue);
    --dui-context-color-d-1: var(--dui-clr-blue-d-1);
    --dui-context-color-d-2: var(--dui-clr-blue-d-2);
    --dui-context-color-d-3: var(--dui-clr-blue-d-3);
    --dui-context-color-d-4: var(--dui-clr-blue-d-4);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-blue-d-1 {
    --dui-context-color: var(--dui-clr-blue-d-1);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-blue-d-2 {
    --dui-context-color: var(--dui-clr-blue-d-2);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-blue-d-3 {
    --dui-context-color: var(--dui-clr-blue-d-3);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-blue-d-4 {
    --dui-context-color: var(--dui-clr-blue-d-4);
    --dui-context-fg-color: var(--dui-blue-fg-clr);
}
.dui-context-light-blue-l-5 {
    --dui-context-color: var(--dui-clr-light-blue-l-5);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-light-blue-l-4 {
    --dui-context-color: var(--dui-clr-light-blue-l-4);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-light-blue-l-3 {
    --dui-context-color: var(--dui-clr-light-blue-l-3);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-light-blue-l-2 {
    --dui-context-color: var(--dui-clr-light-blue-l-2);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-light-blue-l-1 {
    --dui-context-color: var(--dui-clr-light-blue-l-1);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-light-blue {
    --dui-context-color-l-5: var(--dui-clr-light-blue-l-5);
    --dui-context-color-l-4: var(--dui-clr-light-blue-l-4);
    --dui-context-color-l-3: var(--dui-clr-light-blue-l-3);
    --dui-context-color-l-2: var(--dui-clr-light-blue-l-2);
    --dui-context-color-l-1: var(--dui-clr-light-blue-l-1);
    --dui-context-color: var(--dui-clr-light-blue);
    --dui-context-color-d-1: var(--dui-clr-light-blue-d-1);
    --dui-context-color-d-2: var(--dui-clr-light-blue-d-2);
    --dui-context-color-d-3: var(--dui-clr-light-blue-d-3);
    --dui-context-color-d-4: var(--dui-clr-light-blue-d-4);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-light-blue-d-1 {
    --dui-context-color: var(--dui-clr-light-blue-d-1);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-light-blue-d-2 {
    --dui-context-color: var(--dui-clr-light-blue-d-2);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-light-blue-d-3 {
    --dui-context-color: var(--dui-clr-light-blue-d-3);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-light-blue-d-4 {
    --dui-context-color: var(--dui-clr-light-blue-d-4);
    --dui-context-fg-color: var(--dui-light-blue-fg-clr);
}
.dui-context-cyan-l-5 {
    --dui-context-color: var(--dui-clr-cyan-l-5);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-cyan-l-4 {
    --dui-context-color: var(--dui-clr-cyan-l-4);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-cyan-l-3 {
    --dui-context-color: var(--dui-clr-cyan-l-3);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-cyan-l-2 {
    --dui-context-color: var(--dui-clr-cyan-l-2);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-cyan-l-1 {
    --dui-context-color: var(--dui-clr-cyan-l-1);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-cyan {
    --dui-context-color-l-5: var(--dui-clr-cyan-l-5);
    --dui-context-color-l-4: var(--dui-clr-cyan-l-4);
    --dui-context-color-l-3: var(--dui-clr-cyan-l-3);
    --dui-context-color-l-2: var(--dui-clr-cyan-l-2);
    --dui-context-color-l-1: var(--dui-clr-cyan-l-1);
    --dui-context-color: var(--dui-clr-cyan);
    --dui-context-color-d-1: var(--dui-clr-cyan-d-1);
    --dui-context-color-d-2: var(--dui-clr-cyan-d-2);
    --dui-context-color-d-3: var(--dui-clr-cyan-d-3);
    --dui-context-color-d-4: var(--dui-clr-cyan-d-4);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-cyan-d-1 {
    --dui-context-color: var(--dui-clr-cyan-d-1);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-cyan-d-2 {
    --dui-context-color: var(--dui-clr-cyan-d-2);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-cyan-d-3 {
    --dui-context-color: var(--dui-clr-cyan-d-3);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-cyan-d-4 {
    --dui-context-color: var(--dui-clr-cyan-d-4);
    --dui-context-fg-color: var(--dui-cyan-fg-clr);
}
.dui-context-teal-l-5 {
    --dui-context-color: var(--dui-clr-teal-l-5);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-teal-l-4 {
    --dui-context-color: var(--dui-clr-teal-l-4);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-teal-l-3 {
    --dui-context-color: var(--dui-clr-teal-l-3);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-teal-l-2 {
    --dui-context-color: var(--dui-clr-teal-l-2);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-teal-l-1 {
    --dui-context-color: var(--dui-clr-teal-l-1);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-teal {
    --dui-context-color-l-5: var(--dui-clr-teal-l-5);
    --dui-context-color-l-4: var(--dui-clr-teal-l-4);
    --dui-context-color-l-3: var(--dui-clr-teal-l-3);
    --dui-context-color-l-2: var(--dui-clr-teal-l-2);
    --dui-context-color-l-1: var(--dui-clr-teal-l-1);
    --dui-context-color: var(--dui-clr-teal);
    --dui-context-color-d-1: var(--dui-clr-teal-d-1);
    --dui-context-color-d-2: var(--dui-clr-teal-d-2);
    --dui-context-color-d-3: var(--dui-clr-teal-d-3);
    --dui-context-color-d-4: var(--dui-clr-teal-d-4);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-teal-d-1 {
    --dui-context-color: var(--dui-clr-teal-d-1);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-teal-d-2 {
    --dui-context-color: var(--dui-clr-teal-d-2);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-teal-d-3 {
    --dui-context-color: var(--dui-clr-teal-d-3);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-teal-d-4 {
    --dui-context-color: var(--dui-clr-teal-d-4);
    --dui-context-fg-color: var(--dui-teal-fg-clr);
}
.dui-context-green-l-5 {
    --dui-context-color: var(--dui-clr-green-l-5);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-green-l-4 {
    --dui-context-color: var(--dui-clr-green-l-4);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-green-l-3 {
    --dui-context-color: var(--dui-clr-green-l-3);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-green-l-2 {
    --dui-context-color: var(--dui-clr-green-l-2);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-green-l-1 {
    --dui-context-color: var(--dui-clr-green-l-1);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-green {
    --dui-context-color-l-5: var(--dui-clr-green-l-5);
    --dui-context-color-l-4: var(--dui-clr-green-l-4);
    --dui-context-color-l-3: var(--dui-clr-green-l-3);
    --dui-context-color-l-2: var(--dui-clr-green-l-2);
    --dui-context-color-l-1: var(--dui-clr-green-l-1);
    --dui-context-color: var(--dui-clr-green);
    --dui-context-color-d-1: var(--dui-clr-green-d-1);
    --dui-context-color-d-2: var(--dui-clr-green-d-2);
    --dui-context-color-d-3: var(--dui-clr-green-d-3);
    --dui-context-color-d-4: var(--dui-clr-green-d-4);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-green-d-1 {
    --dui-context-color: var(--dui-clr-green-d-1);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-green-d-2 {
    --dui-context-color: var(--dui-clr-green-d-2);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-green-d-3 {
    --dui-context-color: var(--dui-clr-green-d-3);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-green-d-4 {
    --dui-context-color: var(--dui-clr-green-d-4);
    --dui-context-fg-color: var(--dui-green-fg-clr);
}
.dui-context-light-green-l-5 {
    --dui-context-color: var(--dui-clr-light-green-l-5);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-light-green-l-4 {
    --dui-context-color: var(--dui-clr-light-green-l-4);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-light-green-l-3 {
    --dui-context-color: var(--dui-clr-light-green-l-3);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-light-green-l-2 {
    --dui-context-color: var(--dui-clr-light-green-l-2);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-light-green-l-1 {
    --dui-context-color: var(--dui-clr-light-green-l-1);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-light-green {
    --dui-context-color-l-5: var(--dui-clr-light-green-l-5);
    --dui-context-color-l-4: var(--dui-clr-light-green-l-4);
    --dui-context-color-l-3: var(--dui-clr-light-green-l-3);
    --dui-context-color-l-2: var(--dui-clr-light-green-l-2);
    --dui-context-color-l-1: var(--dui-clr-light-green-l-1);
    --dui-context-color: var(--dui-clr-light-green);
    --dui-context-color-d-1: var(--dui-clr-light-green-d-1);
    --dui-context-color-d-2: var(--dui-clr-light-green-d-2);
    --dui-context-color-d-3: var(--dui-clr-light-green-d-3);
    --dui-context-color-d-4: var(--dui-clr-light-green-d-4);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-light-green-d-1 {
    --dui-context-color: var(--dui-clr-light-green-d-1);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-light-green-d-2 {
    --dui-context-color: var(--dui-clr-light-green-d-2);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-light-green-d-3 {
    --dui-context-color: var(--dui-clr-light-green-d-3);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-light-green-d-4 {
    --dui-context-color: var(--dui-clr-light-green-d-4);
    --dui-context-fg-color: var(--dui-light-green-fg-clr);
}
.dui-context-lime-l-5 {
    --dui-context-color: var(--dui-clr-lime-l-5);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-lime-l-4 {
    --dui-context-color: var(--dui-clr-lime-l-4);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-lime-l-3 {
    --dui-context-color: var(--dui-clr-lime-l-3);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-lime-l-2 {
    --dui-context-color: var(--dui-clr-lime-l-2);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-lime-l-1 {
    --dui-context-color: var(--dui-clr-lime-l-1);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-lime {
    --dui-context-color-l-5: var(--dui-clr-lime-l-5);
    --dui-context-color-l-4: var(--dui-clr-lime-l-4);
    --dui-context-color-l-3: var(--dui-clr-lime-l-3);
    --dui-context-color-l-2: var(--dui-clr-lime-l-2);
    --dui-context-color-l-1: var(--dui-clr-lime-l-1);
    --dui-context-color: var(--dui-clr-lime);
    --dui-context-color-d-1: var(--dui-clr-lime-d-1);
    --dui-context-color-d-2: var(--dui-clr-lime-d-2);
    --dui-context-color-d-3: var(--dui-clr-lime-d-3);
    --dui-context-color-d-4: var(--dui-clr-lime-d-4);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-lime-d-1 {
    --dui-context-color: var(--dui-clr-lime-d-1);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-lime-d-2 {
    --dui-context-color: var(--dui-clr-lime-d-2);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-lime-d-3 {
    --dui-context-color: var(--dui-clr-lime-d-3);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-lime-d-4 {
    --dui-context-color: var(--dui-clr-lime-d-4);
    --dui-context-fg-color: var(--dui-lime-fg-clr);
}
.dui-context-yellow-l-5 {
    --dui-context-color: var(--dui-clr-yellow-l-5);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-yellow-l-4 {
    --dui-context-color: var(--dui-clr-yellow-l-4);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-yellow-l-3 {
    --dui-context-color: var(--dui-clr-yellow-l-3);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-yellow-l-2 {
    --dui-context-color: var(--dui-clr-yellow-l-2);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-yellow-l-1 {
    --dui-context-color: var(--dui-clr-yellow-l-1);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-yellow {
    --dui-context-color-l-5: var(--dui-clr-yellow-l-5);
    --dui-context-color-l-4: var(--dui-clr-yellow-l-4);
    --dui-context-color-l-3: var(--dui-clr-yellow-l-3);
    --dui-context-color-l-2: var(--dui-clr-yellow-l-2);
    --dui-context-color-l-1: var(--dui-clr-yellow-l-1);
    --dui-context-color: var(--dui-clr-yellow);
    --dui-context-color-d-1: var(--dui-clr-yellow-d-1);
    --dui-context-color-d-2: var(--dui-clr-yellow-d-2);
    --dui-context-color-d-3: var(--dui-clr-yellow-d-3);
    --dui-context-color-d-4: var(--dui-clr-yellow-d-4);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-yellow-d-1 {
    --dui-context-color: var(--dui-clr-yellow-d-1);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-yellow-d-2 {
    --dui-context-color: var(--dui-clr-yellow-d-2);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-yellow-d-3 {
    --dui-context-color: var(--dui-clr-yellow-d-3);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-yellow-d-4 {
    --dui-context-color: var(--dui-clr-yellow-d-4);
    --dui-context-fg-color: var(--dui-yellow-fg-clr);
}
.dui-context-amber-l-5 {
    --dui-context-color: var(--dui-clr-amber-l-5);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-amber-l-4 {
    --dui-context-color: var(--dui-clr-amber-l-4);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-amber-l-3 {
    --dui-context-color: var(--dui-clr-amber-l-3);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-amber-l-2 {
    --dui-context-color: var(--dui-clr-amber-l-2);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-amber-l-1 {
    --dui-context-color: var(--dui-clr-amber-l-1);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-amber {
    --dui-context-color-l-5: var(--dui-clr-amber-l-5);
    --dui-context-color-l-4: var(--dui-clr-amber-l-4);
    --dui-context-color-l-3: var(--dui-clr-amber-l-3);
    --dui-context-color-l-2: var(--dui-clr-amber-l-2);
    --dui-context-color-l-1: var(--dui-clr-amber-l-1);
    --dui-context-color: var(--dui-clr-amber);
    --dui-context-color-d-1: var(--dui-clr-amber-d-1);
    --dui-context-color-d-2: var(--dui-clr-amber-d-2);
    --dui-context-color-d-3: var(--dui-clr-amber-d-3);
    --dui-context-color-d-4: var(--dui-clr-amber-d-4);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-amber-d-1 {
    --dui-context-color: var(--dui-clr-amber-d-1);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-amber-d-2 {
    --dui-context-color: var(--dui-clr-amber-d-2);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-amber-d-3 {
    --dui-context-color: var(--dui-clr-amber-d-3);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-amber-d-4 {
    --dui-context-color: var(--dui-clr-amber-d-4);
    --dui-context-fg-color: var(--dui-amber-fg-clr);
}
.dui-context-orange-l-5 {
    --dui-context-color: var(--dui-clr-orange-l-5);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-orange-l-4 {
    --dui-context-color: var(--dui-clr-orange-l-4);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-orange-l-3 {
    --dui-context-color: var(--dui-clr-orange-l-3);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-orange-l-2 {
    --dui-context-color: var(--dui-clr-orange-l-2);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-orange-l-1 {
    --dui-context-color: var(--dui-clr-orange-l-1);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-orange {
    --dui-context-color-l-5: var(--dui-clr-orange-l-5);
    --dui-context-color-l-4: var(--dui-clr-orange-l-4);
    --dui-context-color-l-3: var(--dui-clr-orange-l-3);
    --dui-context-color-l-2: var(--dui-clr-orange-l-2);
    --dui-context-color-l-1: var(--dui-clr-orange-l-1);
    --dui-context-color: var(--dui-clr-orange);
    --dui-context-color-d-1: var(--dui-clr-orange-d-1);
    --dui-context-color-d-2: var(--dui-clr-orange-d-2);
    --dui-context-color-d-3: var(--dui-clr-orange-d-3);
    --dui-context-color-d-4: var(--dui-clr-orange-d-4);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-orange-d-1 {
    --dui-context-color: var(--dui-clr-orange-d-1);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-orange-d-2 {
    --dui-context-color: var(--dui-clr-orange-d-2);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-orange-d-3 {
    --dui-context-color: var(--dui-clr-orange-d-3);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-orange-d-4 {
    --dui-context-color: var(--dui-clr-orange-d-4);
    --dui-context-fg-color: var(--dui-orange-fg-clr);
}
.dui-context-deep-orange-l-5 {
    --dui-context-color: var(--dui-clr-deep-orange-l-5);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-deep-orange-l-4 {
    --dui-context-color: var(--dui-clr-deep-orange-l-4);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-deep-orange-l-3 {
    --dui-context-color: var(--dui-clr-deep-orange-l-3);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-deep-orange-l-2 {
    --dui-context-color: var(--dui-clr-deep-orange-l-2);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-deep-orange-l-1 {
    --dui-context-color: var(--dui-clr-deep-orange-l-1);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-deep-orange {
    --dui-context-color-l-5: var(--dui-clr-deep-orange-l-5);
    --dui-context-color-l-4: var(--dui-clr-deep-orange-l-4);
    --dui-context-color-l-3: var(--dui-clr-deep-orange-l-3);
    --dui-context-color-l-2: var(--dui-clr-deep-orange-l-2);
    --dui-context-color-l-1: var(--dui-clr-deep-orange-l-1);
    --dui-context-color: var(--dui-clr-deep-orange);
    --dui-context-color-d-1: var(--dui-clr-deep-orange-d-1);
    --dui-context-color-d-2: var(--dui-clr-deep-orange-d-2);
    --dui-context-color-d-3: var(--dui-clr-deep-orange-d-3);
    --dui-context-color-d-4: var(--dui-clr-deep-orange-d-4);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-deep-orange-d-1 {
    --dui-context-color: var(--dui-clr-deep-orange-d-1);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-deep-orange-d-2 {
    --dui-context-color: var(--dui-clr-deep-orange-d-2);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-deep-orange-d-3 {
    --dui-context-color: var(--dui-clr-deep-orange-d-3);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-deep-orange-d-4 {
    --dui-context-color: var(--dui-clr-deep-orange-d-4);
    --dui-context-fg-color: var(--dui-deep-orange-fg-clr);
}
.dui-context-brown-l-5 {
    --dui-context-color: var(--dui-clr-brown-l-5);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-brown-l-4 {
    --dui-context-color: var(--dui-clr-brown-l-4);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-brown-l-3 {
    --dui-context-color: var(--dui-clr-brown-l-3);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-brown-l-2 {
    --dui-context-color: var(--dui-clr-brown-l-2);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-brown-l-1 {
    --dui-context-color: var(--dui-clr-brown-l-1);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-brown {
    --dui-context-color-l-5: var(--dui-clr-brown-l-5);
    --dui-context-color-l-4: var(--dui-clr-brown-l-4);
    --dui-context-color-l-3: var(--dui-clr-brown-l-3);
    --dui-context-color-l-2: var(--dui-clr-brown-l-2);
    --dui-context-color-l-1: var(--dui-clr-brown-l-1);
    --dui-context-color: var(--dui-clr-brown);
    --dui-context-color-d-1: var(--dui-clr-brown-d-1);
    --dui-context-color-d-2: var(--dui-clr-brown-d-2);
    --dui-context-color-d-3: var(--dui-clr-brown-d-3);
    --dui-context-color-d-4: var(--dui-clr-brown-d-4);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-brown-d-1 {
    --dui-context-color: var(--dui-clr-brown-d-1);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-brown-d-2 {
    --dui-context-color: var(--dui-clr-brown-d-2);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-brown-d-3 {
    --dui-context-color: var(--dui-clr-brown-d-3);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-brown-d-4 {
    --dui-context-color: var(--dui-clr-brown-d-4);
    --dui-context-fg-color: var(--dui-brown-fg-clr);
}
.dui-context-grey-l-5 {
    --dui-context-color: var(--dui-clr-grey-l-5);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-grey-l-4 {
    --dui-context-color: var(--dui-clr-grey-l-4);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-grey-l-3 {
    --dui-context-color: var(--dui-clr-grey-l-3);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-grey-l-2 {
    --dui-context-color: var(--dui-clr-grey-l-2);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-grey-l-1 {
    --dui-context-color: var(--dui-clr-grey-l-1);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-grey {
    --dui-context-color-l-5: var(--dui-clr-grey-l-5);
    --dui-context-color-l-4: var(--dui-clr-grey-l-4);
    --dui-context-color-l-3: var(--dui-clr-grey-l-3);
    --dui-context-color-l-2: var(--dui-clr-grey-l-2);
    --dui-context-color-l-1: var(--dui-clr-grey-l-1);
    --dui-context-color: var(--dui-clr-grey);
    --dui-context-color-d-1: var(--dui-clr-grey-d-1);
    --dui-context-color-d-2: var(--dui-clr-grey-d-2);
    --dui-context-color-d-3: var(--dui-clr-grey-d-3);
    --dui-context-color-d-4: var(--dui-clr-grey-d-4);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-grey-d-1 {
    --dui-context-color: var(--dui-clr-grey-d-1);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-grey-d-2 {
    --dui-context-color: var(--dui-clr-grey-d-2);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-grey-d-3 {
    --dui-context-color: var(--dui-clr-grey-d-3);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-grey-d-4 {
    --dui-context-color: var(--dui-clr-grey-d-4);
    --dui-context-fg-color: var(--dui-grey-fg-clr);
}
.dui-context-blue-grey-l-5 {
    --dui-context-color: var(--dui-clr-blue-grey-l-5);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-blue-grey-l-4 {
    --dui-context-color: var(--dui-clr-blue-grey-l-4);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-blue-grey-l-3 {
    --dui-context-color: var(--dui-clr-blue-grey-l-3);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-blue-grey-l-2 {
    --dui-context-color: var(--dui-clr-blue-grey-l-2);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-blue-grey-l-1 {
    --dui-context-color: var(--dui-clr-blue-grey-l-1);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-blue-grey {
    --dui-context-color-l-5: var(--dui-clr-blue-grey-l-5);
    --dui-context-color-l-4: var(--dui-clr-blue-grey-l-4);
    --dui-context-color-l-3: var(--dui-clr-blue-grey-l-3);
    --dui-context-color-l-2: var(--dui-clr-blue-grey-l-2);
    --dui-context-color-l-1: var(--dui-clr-blue-grey-l-1);
    --dui-context-color: var(--dui-clr-blue-grey);
    --dui-context-color-d-1: var(--dui-clr-blue-grey-d-1);
    --dui-context-color-d-2: var(--dui-clr-blue-grey-d-2);
    --dui-context-color-d-3: var(--dui-clr-blue-grey-d-3);
    --dui-context-color-d-4: var(--dui-clr-blue-grey-d-4);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-blue-grey-d-1 {
    --dui-context-color: var(--dui-clr-blue-grey-d-1);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-blue-grey-d-2 {
    --dui-context-color: var(--dui-clr-blue-grey-d-2);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-blue-grey-d-3 {
    --dui-context-color: var(--dui-clr-blue-grey-d-3);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-blue-grey-d-4 {
    --dui-context-color: var(--dui-clr-blue-grey-d-4);
    --dui-context-fg-color: var(--dui-blue-grey-fg-clr);
}
.dui-context-white-l-5 {
    --dui-context-color: var(--dui-clr-white-l-5);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-white-l-4 {
    --dui-context-color: var(--dui-clr-white-l-4);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-white-l-3 {
    --dui-context-color: var(--dui-clr-white-l-3);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-white-l-2 {
    --dui-context-color: var(--dui-clr-white-l-2);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-white-l-1 {
    --dui-context-color: var(--dui-clr-white-l-1);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-white {
    --dui-context-color-l-5: var(--dui-clr-white-l-5);
    --dui-context-color-l-4: var(--dui-clr-white-l-4);
    --dui-context-color-l-3: var(--dui-clr-white-l-3);
    --dui-context-color-l-2: var(--dui-clr-white-l-2);
    --dui-context-color-l-1: var(--dui-clr-white-l-1);
    --dui-context-color: var(--dui-clr-white);
    --dui-context-color-d-1: var(--dui-clr-white-d-1);
    --dui-context-color-d-2: var(--dui-clr-white-d-2);
    --dui-context-color-d-3: var(--dui-clr-white-d-3);
    --dui-context-color-d-4: var(--dui-clr-white-d-4);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-white-d-1 {
    --dui-context-color: var(--dui-clr-white-d-1);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-white-d-2 {
    --dui-context-color: var(--dui-clr-white-d-2);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-white-d-3 {
    --dui-context-color: var(--dui-clr-white-d-3);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-white-d-4 {
    --dui-context-color: var(--dui-clr-white-d-4);
    --dui-context-fg-color: var(--dui-white-fg-clr);
}
.dui-context-black-l-5 {
    --dui-context-color: var(--dui-clr-black-l-5);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui-context-black-l-4 {
    --dui-context-color: var(--dui-clr-black-l-4);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui-context-black-l-3 {
    --dui-context-color: var(--dui-clr-black-l-3);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui-context-black-l-2 {
    --dui-context-color: var(--dui-clr-black-l-2);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui-context-black-l-1 {
    --dui-context-color: var(--dui-clr-black-l-1);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui-context-black {
    --dui-context-color-l-5: var(--dui-clr-black-l-5);
    --dui-context-color-l-4: var(--dui-clr-black-l-4);
    --dui-context-color-l-3: var(--dui-clr-black-l-3);
    --dui-context-color-l-2: var(--dui-clr-black-l-2);
    --dui-context-color-l-1: var(--dui-clr-black-l-1);
    --dui-context-color: var(--dui-clr-black);
    --dui-context-color-d-1: var(--dui-clr-black-d-1);
    --dui-context-color-d-2: var(--dui-clr-black-d-2);
    --dui-context-color-d-3: var(--dui-clr-black-d-3);
    --dui-context-color-d-4: var(--dui-clr-black-d-4);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui-context-black-d-1 {
    --dui-context-color: var(--dui-clr-black-d-1);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui-context-black-d-2 {
    --dui-context-color: var(--dui-clr-black-d-2);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui-context-black-d-3 {
    --dui-context-color: var(--dui-clr-black-d-3);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui-context-black-d-4 {
    --dui-context-color: var(--dui-clr-black-d-4);
    --dui-context-fg-color: var(--dui-black-fg-clr);
}
.dui.dui-context {
    background-color: var(--dui-context-color);
    color: var(--dui-context-fg-color);
}
.dui.dui-bg-context {
    background-color: var(--dui-context-color);
}
.dui.dui-fg-context {
    color: var(--dui-context-color);
}
.dui.dui-fg-context-color {
    color: var(--dui-context-fg-color);
}
.dui.dui-border-context {
    border-color: var(--dui-context-color);
}
.dui.dui-border-l-context {
    border-left-color: var(--dui-context-color);
}
.dui.dui-border-r-context {
    border-right-color: var(--dui-context-color);
}
.dui.dui-border-t-context {
    border-top-color: var(--dui-context-color);
}
.dui.dui-border-b-context {
    border-bottom-color: var(--dui-context-color);
}
.dui.dui-border-x-context {
    border-left-color: var(--dui-context-color);
    border-right-color: var(--dui-context-color);
}
.dui.dui-border-y-context {
    border-top-color: var(--dui-context-color);
    border-bottom-color: var(--dui-context-color);
}.dui-datatable {
    border-spacing: 0;
    border-collapse: separate;
    font-size: var(--dui-datattable-font-size);
    background-color: var(--dui-bg, inherit);
    text-size-adjust: 100%
}

.dui-datatable-responsive {
    min-height: .01%;
    overflow-x: auto;
    background-color: inherit;
}

.dui-datatable-fixed .dui-datatable {
    display: block;
    overflow-x: auto;
    max-width: 100%;
}

.dui-datatable-thead {
    background-color: var(--dui-bg, var(--dui-clr-dominant));
}

.dui-datatable-thead .dui-datatable-row{
    background-color: var(--dui-bg, var(--dui-clr-dominant));
}

.dui-datatable-tfoot {
    position: sticky;
    bottom: 0;
    background-color: var(--dui-datatable-tfoot-bg-color);
}

.dui-datatable-tfoot .dui-datatable-row:first-child .dui-datatable-td {
    border-top: 1px solid var(--dui-accent-l-4);
}

.dui-datatable-fixed .dui-datatable-thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.dui-datatable-hover tbody .dui-datatable-row:not(.dui-datatable-row-editable):hover,
.dui-datatable-hover tbody .dui-datatable-row:nth-child(odd):not(.dui-datatable-row-editable):hover,
.dui-datatable-hover tbody .dui-datatable-row:nth-child(even):not(.dui-datatable-row-editable):hover {
    background-color: var(--dui-datatable-row-hover-bg-color);
}

.dui-datatable-responsive:not(.dui-datatable-striped) tbody .dui-datatable-row {
    background-color:var(--dui-bg-clr, var(--dui-bg, var(--dui-clr-dominant)));
}

.dui-datatable-responsive:not(.dui-datatable-striped) tbody .dui-datatable-row.dui-datatable-row-selected{
    background-color: var(--dui-datatable-even-bg-color);
}

.dui-datatable-striped tbody .dui-datatable-row:nth-child(even) {
    background-color: var(--dui-datatable-even-bg-color);
}

.dui-datatable-striped tbody .dui-datatable-row:nth-child(odd) {
    background-color: var(--dui-datatable-odd-bg-color);
}

.dui-datatable-width-full {
    width: 100%;
    max-width: 100%;
}

.dui-datatable-row:not(:last-child) {
    border-bottom: 1px solid var(--dui-datatable-border-color);
}

.dui-datatable-thead .dui-datatable-th {
    border-bottom: 1px solid var(--dui-datatable-border-color);
}

.dui-datatable-bordered .dui-datatable:not(:first-child) {
    border-top: 1px solid var(--dui-datatable-border-color);
}

.dui-datatable-bordered {
    border: 1px solid var(--dui-datatable-border-color);
}

.dui-datatable-bordered.dui-datatable-fixed .dui-datatable-th,
.dui-datatable-bordered.dui-datatable-fixed .dui-datatable-td,
.dui-datatable-bordered .dui-datatable-th:not(:last-child),
.dui-datatable-bordered .dui-datatable-td:not(:last-child) {
    border-right: 1px solid var(--dui-datatable-border-color);
}

.dui-datatable-bordered .dui-datatable-thead .dui-column-group {
    border-right: 1px solid var(--dui-datatable-border-color);
}

.dui-datatable-bordered.dui-datatable-fixed .dui-datatable-row:not(:last-child) .dui-datatable-th,
.dui-datatable-bordered.dui-datatable-fixed .dui-datatable-row:not(:last-child) .dui-datatable-td,
.dui-datatable-bordered .dui-datatable-row:not(:last-child) .dui-datatable-th,
.dui-datatable-bordered .dui-datatable-row:not(:last-child) .dui-datatable-td {
    border-bottom: 1px solid var(--dui-datatable-border-color);
}

.dui-datatable-th,
.dui-datatable-td {
    padding: var(--dui-spc-2);
    line-height: var(--dui-spc-4);
    background-color: inherit;
}

.dui-datatable-condensed .dui-datatable-td {
    padding: var(--dui-datattable-cell-padding);
    line-height: var(--dui-datattable-cell-line-height);
}

.dui-datatable-th:hover {
    background-color: var(--dui-datatable-header-hover-bg-color);
}

.dui-datatable-row-marker .dui-datatable-row .dui-datatable-td:first-child,
.dui-datatable-row-marker .dui-datatable-row .dui-datatable-th:first-child {
    border-left-width: var(--dui-spc-1);
    border-left-style: solid;
    border-left-color: var(--dui-context-color, transparent);
}

.dui-nav-bar.dui-datatable-nav-bar {
    padding: var(--dui-datattable-navbar-padding);
    margin: var(--dui-datattable-navbar-margin);
}

.dui-datatable-row-selected.dui-datatable-row.dui-odd,
.dui-datatable-row-selected.dui-datatable-row.dui-even {
    --dui-datatable-even-bg-color: var(--dui-datatable-row-stripped-selected-bg-color);
    --dui-datatable-odd-bg-color: var(--dui-datatable-row-stripped-selected-bg-color);
}

.dui-datatable-responsive:not(.dui-datatable-striped) tbody .dui-datatable-row-selected.dui-datatable-row {
    --dui-datatable-even-bg-color: var(--dui-datatable-row-selected-bg-color);
    --dui-datatable-odd-bg-color: var(--dui-datatable-row-selected-bg-color);
}

.dui-datatable-th-body {
    display: flex;
    width: 100%;
    text-align: inherit;
    align-items: center;
}

.dui-datatable-th-title {
    flex-grow: 1;
    text-align: inherit;
    order: 60;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dui-datatable-th-menu-icon {
    order: var(--dui-order-last);
}

.dui-datatable-th-body .dui-postfix-addon {
    order: 80;
}

.dui-datatable-th-body .dui-prefix-addon {
    order: 40;
}

.dui-datatable-utility-elements {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4px;
}

.dui-datatable-utility-element {
    align-self: center;
}

.dui-datatable-search-box {
    background-color: var(--dui-accent-l-5);
    border-radius: var(--dui-spc-1_5);
    width: var(--dui-spc-72);
}

.dui-datatable-details-td {
    max-width: 200px;
    border-bottom: 1px solid var(--dui-datatable-border-color);
}

.dui-datatable-responsive:not(.dui-datatable-bordered) .dui-datatable-details-td {
    border-top: 1px solid var(--dui-datatable-border-color);
}

.dui-datatable-row-editable .dui-form-field {
    margin-bottom: 0;
}

.dui-column-resizer {
    width: 3px;
    min-height: 20px;
    cursor: col-resize;
    height: 100%;
    background-color: var(--dui-datatable-column-resizer-color);
    order: var(--dui-order-last-4);
    margin-left: 5px;
    border-radius: 2px;
    flex-shrink: 0;
}

.dui-row-dnd-grab {
    cursor: grab;
}
.dui-datatable-row.dui-datatable-drop-row:not(.dui-hidden) {
    display: block;
    border: none;
    width: 100%;
}

.dui-datatable-drop-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px dashed var(--dui-accent-l-4);
    min-height: 50px;
    padding: 8px;
    margin-top: 4px;
}

.dui-datatable-column-utility {
    white-space: nowrap;
}

.dui-datatable-sticky-header {
    position: relative;
    overflow-y: auto;
    max-height: 100%;
}

.dui-datatable-sticky-header .dui-datatable-thead {
    position: sticky;
    top: 0;
    z-index: 1;
}.dui.dui-image-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.dui.dui-opacity-0 {
    opacity: var(--dui-opacity-0);
}

.dui.dui-opacity-5 {
    opacity: var(--dui-opacity-5);
}

.dui.dui-opacity-10 {
    opacity: var(--dui-opacity-10);
}

.dui.dui-opacity-20 {
    opacity: var(--dui-opacity-20);
}

.dui.dui-opacity-25 {
    opacity: var(--dui-opacity-25);
}

.dui.dui-opacity-30 {
    opacity: var(--dui-opacity-30);
}

.dui.dui-opacity-40 {
    opacity: var(--dui-opacity-40);
}

.dui.dui-opacity-50 {
    opacity: var(--dui-opacity-50);
}

.dui.dui-opacity-60 {
    opacity: var(--dui-opacity-60);
}

.dui.dui-opacity-70 {
    opacity: var(--dui-opacity-70);
}

.dui.dui-opacity-75 {
    opacity: var(--dui-opacity-75);
}

.dui.dui-opacity-80 {
    opacity: var(--dui-opacity-80);
}

.dui.dui-opacity-90 {
    opacity: var(--dui-opacity-90);
}

.dui.dui-opacity-95 {
    opacity: var(--dui-opacity-95);
}

.dui.dui-opacity-100 {
    opacity: var(--dui-opacity-100);
}

.dui.dui-block {
    display: block;
}

.dui.dui-block-full {
    display: block;
    width: 100%;
}

.dui.dui-inline-block {
    display: inline-block;
}

.dui.dui-inline {
    display: inline;
}

.dui.dui-flex {
    display: flex;
}

.dui.dui-inline-flex {
    display: inline-flex;
}

.dui.dui-table {
    display: table;
}

.dui.dui-inline-table {
    display: inline-table;
}

.dui.dui-table-caption {
    display: table-caption;
}

.dui.dui-table-cell {
    display: table-cell;
}

.dui.dui-table-column {
    display: table-column;
}

.dui.dui-table-column-group {
    display: table-column-group;
}

.dui.dui-table-footer-group {
    display: table-footer-group;
}

.dui.dui-table-header-group {
    display: table-header-group;
}

.dui.dui-table-row-group {
    display: table-row-group;
}

.dui.dui-table-row {
    display: table-row;
}

.dui.dui-flow-root {
    display: flow-root;
}

.dui.dui-grid {
    display: grid;
}

.dui.dui-inline-grid {
    display: inline-grid;
}

.dui.dui-contents {
    display: contents;
}

.dui.dui-list-item {
    display: list-item;
}

.dui.dui-hidden,
.dui.dui-block.dui-hidden,
.dui.dui-block-full.dui-hidden,
.dui.dui-inline-block.dui-hidden,
.dui.dui-inline.dui-hidden,
.dui.dui-flex.dui-hidden,
.dui.dui-inline-flex.dui-hidden,
.dui.dui-table.dui-hidden,
.dui.dui-inline-table.dui-hidden,
.dui.dui-table-caption.dui-hidden,
.dui.dui-table-cell.dui-hidden,
.dui.dui-table-column.dui-hidden,
.dui.dui-table-column-group.dui-hidden,
.dui.dui-table-footer-group.dui-hidden,
.dui.dui-table-header-group.dui-hidden,
.dui.dui-table-row-group.dui-hidden,
.dui.dui-table-row.dui-hidden,
.dui.dui-flow-root.dui-hidden,
.dui.dui-grid.dui-hidden,
.dui.dui-inline-grid.dui-hidden,
.dui.dui-contents.dui-hidden,
.dui.dui-list-item.dui-hidden {
    display: none;
}

.dui.dui-float-right {
    float: right;
}

.dui.dui-float-left {
    float: left;
}

.dui.dui-float-none {
    float: none;
}

.dui.dui-clear-left {
    clear: left;
}

.dui.dui-clear-right {
    clear: right;
}

.dui.dui-clear-both {
    clear: both;
}

.dui.dui-clear-none {
    clear: none;
}

.dui.dui-isolate {
    isolation: isolate;
}

.dui.dui-isolation-auto {
    isolation: auto;
}

.dui.dui-object-contain {
    object-fit: contain;
}

.dui.dui-object-cover {
    object-fit: cover;
}

.dui.dui-object-fill {
    object-fit: fill;
}

.dui.dui-object-none {
    object-fit: none;
}

.dui.dui-object-scale-down {
    object-fit: scale-down;
}

.dui.dui-object-bottom {
    object-position: bottom;
}

.dui.dui-object-center {
    object-position: center;
}

.dui.dui-object-left {
    object-position: left;
}

.dui.dui-object-left-bottom {
    object-position: left bottom;
}

.dui.dui-object-left-top {
    object-position: left top;
}

.dui.dui-object-right {
    object-position: right;
}

.dui.dui-object-right-bottom {
    object-position: right bottom;
}

.dui.dui-object-right-top {
    object-position: right top;
}

.dui.dui-object-top {
    object-position: top;
}

.dui.dui-overflow-auto {
    overflow: auto;
}

.dui.dui-overflow-hidden {
    overflow: hidden;
}

.dui.dui-overflow-clip {
    overflow: clip;
}

.dui.dui-overflow-visible {
    overflow: visible;
}

.dui.dui-overflow-scroll {
    overflow: scroll;
}

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

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

.dui.dui-overflow-x-hidden {
    overflow-x: hidden;
}

.dui.dui-overflow-y-hidden {
    overflow-y: hidden;
}

.dui.dui-overflow-x-clip {
    overflow-x: clip;
}

.dui.dui-overflow-y-clip {
    overflow-y: clip;
}

.dui.dui-overflow-x-visible {
    overflow-x: visible;
}

.dui.dui-overflow-y-visible {
    overflow-y: visible;
}

.dui.dui-overflow-x-scroll {
    overflow-x: scroll;
}

.dui.dui-overflow-y-scroll {
    overflow-y: scroll;
}

.dui.dui-overscroll-auto {
    overscroll-behavior: auto;
}

.dui.dui-overscroll-contain {
    overscroll-behavior: contain;
}

.dui.dui-overscroll-none {
    overscroll-behavior: none;
}

.dui.dui-overscroll-y-auto {
    overscroll-behavior-y: auto;
}

.dui.dui-overscroll-y-contain {
    overscroll-behavior-y: contain;
}

.dui.dui-overscroll-y-none {
    overscroll-behavior-y: none;
}

.dui.dui-overscroll-x-auto {
    overscroll-behavior-x: auto;
}

.dui.dui-overscroll-x-contain {
    overscroll-behavior-x: contain;
}

.dui.dui-overscroll-x-none {
    overscroll-behavior-x: none;
}

.dui.dui-static {
    position: static;
}

.dui.dui-fixed {
    position: fixed;
}

.dui.dui-absolute {
    position: absolute;
}

.dui.dui-relative {
    position: relative;
}

.dui.dui-sticky {
    position: sticky;
}

.dui.dui-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dui.dui-inset-x-0 {
    left: 0;
    right: 0;
}

.dui.dui-inset-y-0 {
    top: 0;
    bottom: 0;
}

.dui.dui-top-0 {
    top: 0;
}

.dui.dui-right-0 {
    right: 0;
}

.dui.dui-bottom-0 {
    bottom: 0;
}

.dui.dui-left-0 {
    left: 0;
}

.dui.dui-inset-px {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
}

.dui.dui-inset-x-px {
    left: 1px;
    right: 1px;
}

.dui.dui-inset-y-px {
    top: 1px;
    bottom: 1px;
}

.dui.dui-top-px {
    top: 1px;
}

.dui.dui-right-px {
    right: 1px;
}

.dui.dui-bottom-px {
    bottom: 1px;
}

.dui.dui-left-px {
    left: 1px;
}

.dui.dui-inset-0\.5 {
    top: 0.125rem;
    right: 0.125rem;
    bottom: 0.125rem;
    left: 0.125rem;
}

.dui.dui-inset-x-0\.5 {
    left: 0.125rem;
    right: 0.125rem;
}

.dui.dui-inset-y-0\.5 {
    top: 0.125rem;
    bottom: 0.125rem;
}

.dui.dui-top-0\.5 {
    top: 0.125rem;
}

.dui.dui-right-0\.5 {
    right: 0.125rem;
}

.dui.dui-bottom-0\.5 {
    bottom: 0.125rem;
}

.dui.dui-left-0\.5 {
    left: 0.125rem;
}

.dui.dui-inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
}

.dui.dui-inset-x-1 {
    left: 0.25rem;
    right: 0.25rem;
}

.dui.dui-inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
}

.dui.dui-top-1 {
    top: 0.25rem;
}

.dui.dui-right-1 {
    right: 0.25rem;
}

.dui.dui-bottom-1 {
    bottom: 0.25rem;
}

.dui.dui-left-1 {
    left: 0.25rem;
}

.dui.dui-inset-1\.5 {
    top: 0.375rem;
    right: 0.375rem;
    bottom: 0.375rem;
    left: 0.375rem;
}

.dui.dui-inset-x-1\.5 {
    left: 0.375rem;
    right: 0.375rem;
}

.dui.dui-inset-y-1\.5 {
    top: 0.375rem;
    bottom: 0.375rem;
}

.dui.dui-top-1\.5 {
    top: 0.375rem;
}

.dui.dui-right-1\.5 {
    right: 0.375rem;
}

.dui.dui-bottom-1\.5 {
    bottom: 0.375rem;
}

.dui.dui-left-1\.5 {
    left: 0.375rem;
}

.dui.dui-inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
}

.dui.dui-inset-x-2 {
    left: 0.5rem;
    right: 0.5rem;
}

.dui.dui-inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
}

.dui.dui-top-2 {
    top: 0.5rem;
}

.dui.dui-right-2 {
    right: 0.5rem;
}

.dui.dui-bottom-2 {
    bottom: 0.5rem;
}

.dui.dui-left-2 {
    left: 0.5rem;
}

.dui.dui-inset-2\.5 {
    top: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    left: 0.625rem;
}

.dui.dui-inset-x-2\.5 {
    left: 0.625rem;
    right: 0.625rem;
}

.dui.dui-inset-y-2\.5 {
    top: 0.625rem;
    bottom: 0.625rem;
}

.dui.dui-top-2\.5 {
    top: 0.625rem;
}

.dui.dui-right-2\.5 {
    right: 0.625rem;
}

.dui.dui-bottom-2\.5 {
    bottom: 0.625rem;
}

.dui.dui-left-2\.5 {
    left: 0.625rem;
}

.dui.dui-inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
}

.dui.dui-inset-x-3 {
    left: 0.75rem;
    right: 0.75rem;
}

.dui.dui-inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
}

.dui.dui-top-3 {
    top: 0.75rem;
}

.dui.dui-right-3 {
    right: 0.75rem;
}

.dui.dui-bottom-3 {
    bottom: 0.75rem;
}

.dui.dui-left-3 {
    left: 0.75rem;
}

.dui.dui-inset-3\.5 {
    top: 0.875rem;
    right: 0.875rem;
    bottom: 0.875rem;
    left: 0.875rem;
}

.dui.dui-inset-x-3\.5 {
    left: 0.875rem;
    right: 0.875rem;
}

.dui.dui-inset-y-3\.5 {
    top: 0.875rem;
    bottom: 0.875rem;
}

.dui.dui-top-3\.5 {
    top: 0.875rem;
}

.dui.dui-right-3\.5 {
    right: 0.875rem;
}

.dui.dui-bottom-3\.5 {
    bottom: 0.875rem;
}

.dui.dui-left-3\.5 {
    left: 0.875rem;
}

.dui.dui-inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
}

.dui.dui-inset-x-4 {
    left: 1rem;
    right: 1rem;
}

.dui.dui-inset-y-4 {
    top: 1rem;
    bottom: 1rem;
}

.dui.dui-top-4 {
    top: 1rem;
}

.dui.dui-right-4 {
    right: 1rem;
}

.dui.dui-bottom-4 {
    bottom: 1rem;
}

.dui.dui-left-4 {
    left: 1rem;
}

.dui.dui-inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
}

.dui.dui-inset-x-5 {
    left: 1.25rem;
    right: 1.25rem;
}

.dui.dui-inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
}

.dui.dui-top-5 {
    top: 1.25rem;
}

.dui.dui-right-5 {
    right: 1.25rem;
}

.dui.dui-bottom-5 {
    bottom: 1.25rem;
}

.dui.dui-left-5 {
    left: 1.25rem;
}

.dui.dui-inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
}

.dui.dui-inset-x-6 {
    left: 1.5rem;
    right: 1.5rem;
}

.dui.dui-inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
}

.dui.dui-top-6 {
    top: 1.5rem;
}

.dui.dui-right-6 {
    right: 1.5rem;
}

.dui.dui-bottom-6 {
    bottom: 1.5rem;
}

.dui.dui-left-6 {
    left: 1.5rem;
}

.dui.dui-inset-7 {
    top: 1.75rem;
    right: 1.75rem;
    bottom: 1.75rem;
    left: 1.75rem;
}

.dui.dui-inset-x-7 {
    left: 1.75rem;
    right: 1.75rem;
}

.dui.dui-inset-y-7 {
    top: 1.75rem;
    bottom: 1.75rem;
}

.dui.dui-top-7 {
    top: 1.75rem;
}

.dui.dui-right-7 {
    right: 1.75rem;
}

.dui.dui-bottom-7 {
    bottom: 1.75rem;
}

.dui.dui-left-7 {
    left: 1.75rem;
}

.dui.dui-inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
}

.dui.dui-inset-x-8 {
    left: 2rem;
    right: 2rem;
}

.dui.dui-inset-y-8 {
    top: 2rem;
    bottom: 2rem;
}

.dui.dui-top-8 {
    top: 2rem;
}

.dui.dui-right-8 {
    right: 2rem;
}

.dui.dui-bottom-8 {
    bottom: 2rem;
}

.dui.dui-left-8 {
    left: 2rem;
}

.dui.dui-inset-9 {
    top: 2.25rem;
    right: 2.25rem;
    bottom: 2.25rem;
    left: 2.25rem;
}

.dui.dui-inset-x-9 {
    left: 2.25rem;
    right: 2.25rem;
}

.dui.dui-inset-y-9 {
    top: 2.25rem;
    bottom: 2.25rem;
}

.dui.dui-top-9 {
    top: 2.25rem;
}

.dui.dui-right-9 {
    right: 2.25rem;
}

.dui.dui-bottom-9 {
    bottom: 2.25rem;
}

.dui.dui-left-9 {
    left: 2.25rem;
}

.dui.dui-inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
}

.dui.dui-inset-x-10 {
    left: 2.5rem;
    right: 2.5rem;
}

.dui.dui-inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
}

.dui.dui-top-10 {
    top: 2.5rem;
}

.dui.dui-right-10 {
    right: 2.5rem;
}

.dui.dui-bottom-10 {
    bottom: 2.5rem;
}

.dui.dui-left-10 {
    left: 2.5rem;
}

.dui.dui-inset-11 {
    top: 2.75rem;
    right: 2.75rem;
    bottom: 2.75rem;
    left: 2.75rem;
}

.dui.dui-inset-x-11 {
    left: 2.75rem;
    right: 2.75rem;
}

.dui.dui-inset-y-11 {
    top: 2.75rem;
    bottom: 2.75rem;
}

.dui.dui-top-11 {
    top: 2.75rem;
}

.dui.dui-right-11 {
    right: 2.75rem;
}

.dui.dui-bottom-11 {
    bottom: 2.75rem;
}

.dui.dui-left-11 {
    left: 2.75rem;
}

.dui.dui-inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
}

.dui.dui-inset-x-12 {
    left: 3rem;
    right: 3rem;
}

.dui.dui-inset-y-12 {
    top: 3rem;
    bottom: 3rem;
}

.dui.dui-top-12 {
    top: 3rem;
}

.dui.dui-right-12 {
    right: 3rem;
}

.dui.dui-bottom-12 {
    bottom: 3rem;
}

.dui.dui-left-12 {
    left: 3rem;
}

.dui.dui-inset-14 {
    top: 3.5rem;
    right: 3.5rem;
    bottom: 3.5rem;
    left: 3.5rem;
}

.dui.dui-inset-x-14 {
    left: 3.5rem;
    right: 3.5rem;
}

.dui.dui-inset-y-14 {
    top: 3.5rem;
    bottom: 3.5rem;
}

.dui.dui-top-14 {
    top: 3.5rem;
}

.dui.dui-right-14 {
    right: 3.5rem;
}

.dui.dui-bottom-14 {
    bottom: 3.5rem;
}

.dui.dui-left-14 {
    left: 3.5rem;
}

.dui.dui-inset-16 {
    top: 4rem;
    right: 4rem;
    bottom: 4rem;
    left: 4rem;
}

.dui.dui-inset-x-16 {
    left: 4rem;
    right: 4rem;
}

.dui.dui-inset-y-16 {
    top: 4rem;
    bottom: 4rem;
}

.dui.dui-top-16 {
    top: 4rem;
}

.dui.dui-right-16 {
    right: 4rem;
}

.dui.dui-bottom-16 {
    bottom: 4rem;
}

.dui.dui-left-16 {
    left: 4rem;
}

.dui.dui-inset-20 {
    top: 5rem;
    right: 5rem;
    bottom: 5rem;
    left: 5rem;
}

.dui.dui-inset-x-20 {
    left: 5rem;
    right: 5rem;
}

.dui.dui-inset-y-20 {
    top: 5rem;
    bottom: 5rem;
}

.dui.dui-top-20 {
    top: 5rem;
}

.dui.dui-right-20 {
    right: 5rem;
}

.dui.dui-bottom-20 {
    bottom: 5rem;
}

.dui.dui-left-20 {
    left: 5rem;
}

.dui.dui-inset-24 {
    top: 6rem;
    right: 6rem;
    bottom: 6rem;
    left: 6rem;
}

.dui.dui-inset-x-24 {
    left: 6rem;
    right: 6rem;
}

.dui.dui-inset-y-24 {
    top: 6rem;
    bottom: 6rem;
}

.dui.dui-top-24 {
    top: 6rem;
}

.dui.dui-right-24 {
    right: 6rem;
}

.dui.dui-bottom-24 {
    bottom: 6rem;
}

.dui.dui-left-24 {
    left: 6rem;
}

.dui.dui-inset-28 {
    top: 7rem;
    right: 7rem;
    bottom: 7rem;
    left: 7rem;
}

.dui.dui-inset-x-28 {
    left: 7rem;
    right: 7rem;
}

.dui.dui-inset-y-28 {
    top: 7rem;
    bottom: 7rem;
}

.dui.dui-top-28 {
    top: 7rem;
}

.dui.dui-right-28 {
    right: 7rem;
}

.dui.dui-bottom-28 {
    bottom: 7rem;
}

.dui.dui-left-28 {
    left: 7rem;
}

.dui.dui-inset-32 {
    top: 8rem;
    right: 8rem;
    bottom: 8rem;
    left: 8rem;
}

.dui.dui-inset-x-32 {
    left: 8rem;
    right: 8rem;
}

.dui.dui-inset-y-32 {
    top: 8rem;
    bottom: 8rem;
}

.dui.dui-top-32 {
    top: 8rem;
}

.dui.dui-right-32 {
    right: 8rem;
}

.dui.dui-bottom-32 {
    bottom: 8rem;
}

.dui.dui-left-32 {
    left: 8rem;
}

.dui.dui-inset-36 {
    top: 9rem;
    right: 9rem;
    bottom: 9rem;
    left: 9rem;
}

.dui.dui-inset-x-36 {
    left: 9rem;
    right: 9rem;
}

.dui.dui-inset-y-36 {
    top: 9rem;
    bottom: 9rem;
}

.dui.dui-top-36 {
    top: 9rem;
}

.dui.dui-right-36 {
    right: 9rem;
}

.dui.dui-bottom-36 {
    bottom: 9rem;
}

.dui.dui-left-36 {
    left: 9rem;
}

.dui.dui-inset-40 {
    top: 10rem;
    right: 10rem;
    bottom: 10rem;
    left: 10rem;
}

.dui.dui-inset-x-40 {
    left: 10rem;
    right: 10rem;
}

.dui.dui-inset-y-40 {
    top: 10rem;
    bottom: 10rem;
}

.dui.dui-top-40 {
    top: 10rem;
}

.dui.dui-right-40 {
    right: 10rem;
}

.dui.dui-bottom-40 {
    bottom: 10rem;
}

.dui.dui-left-40 {
    left: 10rem;
}

.dui.dui-inset-44 {
    top: 11rem;
    right: 11rem;
    bottom: 11rem;
    left: 11rem;
}

.dui.dui-inset-x-44 {
    left: 11rem;
    right: 11rem;
}

.dui.dui-inset-y-44 {
    top: 11rem;
    bottom: 11rem;
}

.dui.dui-top-44 {
    top: 11rem;
}

.dui.dui-right-44 {
    right: 11rem;
}

.dui.dui-bottom-44 {
    bottom: 11rem;
}

.dui.dui-left-44 {
    left: 11rem;
}

.dui.dui-inset-48 {
    top: 12rem;
    right: 12rem;
    bottom: 12rem;
    left: 12rem;
}

.dui.dui-inset-x-48 {
    left: 12rem;
    right: 12rem;
}

.dui.dui-inset-y-48 {
    top: 12rem;
    bottom: 12rem;
}

.dui.dui-top-48 {
    top: 12rem;
}

.dui.dui-right-48 {
    right: 12rem;
}

.dui.dui-bottom-48 {
    bottom: 12rem;
}

.dui.dui-left-48 {
    left: 12rem;
}

.dui.dui-inset-52 {
    top: 13rem;
    right: 13rem;
    bottom: 13rem;
    left: 13rem;
}

.dui.dui-inset-x-52 {
    left: 13rem;
    right: 13rem;
}

.dui.dui-inset-y-52 {
    top: 13rem;
    bottom: 13rem;
}

.dui.dui-top-52 {
    top: 13rem;
}

.dui.dui-right-52 {
    right: 13rem;
}

.dui.dui-bottom-52 {
    bottom: 13rem;
}

.dui.dui-left-52 {
    left: 13rem;
}

.dui.dui-inset-56 {
    top: 14rem;
    right: 14rem;
    bottom: 14rem;
    left: 14rem;
}

.dui.dui-inset-x-56 {
    left: 14rem;
    right: 14rem;
}

.dui.dui-inset-y-56 {
    top: 14rem;
    bottom: 14rem;
}

.dui.dui-top-56 {
    top: 14rem;
}

.dui.dui-right-56 {
    right: 14rem;
}

.dui.dui-bottom-56 {
    bottom: 14rem;
}

.dui.dui-left-56 {
    left: 14rem;
}

.dui.dui-inset-60 {
    top: 15rem;
    right: 15rem;
    bottom: 15rem;
    left: 15rem;
}

.dui.dui-inset-x-60 {
    left: 15rem;
    right: 15rem;
}

.dui.dui-inset-y-60 {
    top: 15rem;
    bottom: 15rem;
}

.dui.dui-top-60 {
    top: 15rem;
}

.dui.dui-right-60 {
    right: 15rem;
}

.dui.dui-bottom-60 {
    bottom: 15rem;
}

.dui.dui-left-60 {
    left: 15rem;
}

.dui.dui-inset-64 {
    top: 16rem;
    right: 16rem;
    bottom: 16rem;
    left: 16rem;
}

.dui.dui-inset-x-64 {
    left: 16rem;
    right: 16rem;
}

.dui.dui-inset-y-64 {
    top: 16rem;
    bottom: 16rem;
}

.dui.dui-top-64 {
    top: 16rem;
}

.dui.dui-right-64 {
    right: 16rem;
}

.dui.dui-bottom-64 {
    bottom: 16rem;
}

.dui.dui-left-64 {
    left: 16rem;
}

.dui.dui-inset-72 {
    top: 18rem;
    right: 18rem;
    bottom: 18rem;
    left: 18rem;
}

.dui.dui-inset-x-72 {
    left: 18rem;
    right: 18rem;
}

.dui.dui-inset-y-72 {
    top: 18rem;
    bottom: 18rem;
}

.dui.dui-top-72 {
    top: 18rem;
}

.dui.dui-right-72 {
    right: 18rem;
}

.dui.dui-bottom-72 {
    bottom: 18rem;
}

.dui.dui-left-72 {
    left: 18rem;
}

.dui.dui-inset-80 {
    top: 20rem;
    right: 20rem;
    bottom: 20rem;
    left: 20rem;
}

.dui.dui-inset-x-80 {
    left: 20rem;
    right: 20rem;
}

.dui.dui-inset-y-80 {
    top: 20rem;
    bottom: 20rem;
}

.dui.dui-top-80 {
    top: 20rem;
}

.dui.dui-right-80 {
    right: 20rem;
}

.dui.dui-bottom-80 {
    bottom: 20rem;
}

.dui.dui-left-80 {
    left: 20rem;
}

.dui.dui-inset-96 {
    top: 24rem;
    right: 24rem;
    bottom: 24rem;
    left: 24rem;
}

.dui.dui-inset-x-96 {
    left: 24rem;
    right: 24rem;
}

.dui.dui-inset-y-96 {
    top: 24rem;
    bottom: 24rem;
}

.dui.dui-top-96 {
    top: 24rem;
}

.dui.dui-right-96 {
    right: 24rem;
}

.dui.dui-bottom-96 {
    bottom: 24rem;
}

.dui.dui-left-96 {
    left: 24rem;
}

.dui.dui-inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}

.dui.dui-inset-1_2 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
}

.dui.dui-inset-1_3 {
    top: 33.333333%;
    right: 33.333333%;
    bottom: 33.333333%;
    left: 33.333333%;
}

.dui.dui-inset-2_3 {
    top: 66.666667%;
    right: 66.666667%;
    bottom: 66.666667%;
    left: 66.666667%;
}

.dui.dui-inset-1_4 {
    top: 25%;
    right: 25%;
    bottom: 25%;
    left: 25%;
}

.dui.dui-inset-2_4 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
}

.dui.dui-inset-3_4 {
    top: 75%;
    right: 75%;
    bottom: 75%;
    left: 75%;
}

.dui.dui-inset-full {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
}

.dui.dui-inset-x-auto {
    left: auto;
    right: auto;
}

.dui.dui-inset-x-1_2 {
    left: 50%;
    right: 50%;
}

.dui.dui-inset-x-1_3 {
    left: 33.333333%;
    right: 33.333333%;
}

.dui.dui-inset-x-2_3 {
    left: 66.666667%;
    right: 66.666667%;
}

.dui.dui-inset-x-1_4 {
    left: 25%;
    right: 25%;
}

.dui.dui-inset-x-2_4 {
    left: 50%;
    right: 50%;
}

.dui.dui-inset-x-3_4 {
    left: 75%;
    right: 75%;
}

.dui.dui-inset-x-full {
    left: 100%;
    right: 100%;
}

.dui.dui-inset-y-auto {
    top: auto;
    bottom: auto;
}

.dui.dui-inset-y-1_2 {
    top: 50%;
    bottom: 50%;
}

.dui.dui-inset-y-1_3 {
    top: 33.333333%;
    bottom: 33.333333%;
}

.dui.dui-inset-y-2_3 {
    top: 66.666667%;
    bottom: 66.666667%;
}

.dui.dui-inset-y-1_4 {
    top: 25%;
    bottom: 25%;
}

.dui.dui-inset-y-2_4 {
    top: 50%;
    bottom: 50%;
}

.dui.dui-inset-y-3_4 {
    top: 75%;
    bottom: 75%;
}

.dui.dui-inset-y-full {
    top: 100%;
    bottom: 100%;
}

.dui.dui-top-auto {
    top: auto;
}

.dui.dui-top-1_2 {
    top: 50%;
}

.dui.dui-top-1_3 {
    top: 33.333333%;
}

.dui.dui-top-2_3 {
    top: 66.666667%;
}

.dui.dui-top-1_4 {
    top: 25%;
}

.dui.dui-top-2_4 {
    top: 50%;
}

.dui.dui-top-3_4 {
    top: 75%;
}

.dui.dui-top-full {
    top: 100%;
}

.dui.dui-right-auto {
    right: auto;
}

.dui.dui-right-1_2 {
    right: 50%;
}

.dui.dui-right-1_3 {
    right: 33.333333%;
}

.dui.dui-right-2_3 {
    right: 66.666667%;
}

.dui.dui-right-1_4 {
    right: 25%;
}

.dui.dui-right-2_4 {
    right: 50%;
}

.dui.dui-right-3_4 {
    right: 75%;
}

.dui.dui-right-full {
    right: 100%;
}

.dui.dui-bottom-auto {
    bottom: auto;
}

.dui.dui-bottom-1_2 {
    bottom: 50%;
}

.dui.dui-bottom-1_3 {
    bottom: 33.333333%;
}

.dui.dui-bottom-2_3 {
    bottom: 66.666667%;
}

.dui.dui-bottom-1_4 {
    bottom: 25%;
}

.dui.dui-bottom-2_4 {
    bottom: 50%;
}

.dui.dui-bottom-3_4 {
    bottom: 75%;
}

.dui.dui-bottom-full {
    bottom: 100%;
}

.dui.dui-left-auto {
    left: auto;
}

.dui.dui-left-1_2 {
    left: 50%;
}

.dui.dui-left-1_3 {
    left: 33.333333%;
}

.dui.dui-left-2_3 {
    left: 66.666667%;
}

.dui.dui-left-1_4 {
    left: 25%;
}

.dui.dui-left-2_4 {
    left: 50%;
}

.dui.dui-left-3_4 {
    left: 75%;
}

.dui.dui-left-full {
    left: 100%;
}

.dui.dui-visible {
    visibility: visible;
}

.dui.dui-invisible {
    visibility: hidden;
}

.dui.dui-border-solid {
    border-style: solid;
}

.dui.dui-border-dashed {
    border-style: dashed;
}

.dui.dui-border-dotted {
    border-style: dotted;
}

.dui.dui-border-double {
    border-style: double;
}

.dui.dui-border-hidden {
    border-style: hidden;
}

.dui.dui-border-none {
    border-style: none;
}

.dui.dui-divide-solid > * + * {
    border-style: solid;
}

.dui.dui-divide-dashed > * + * {
    border-style: dashed;
}

.dui.dui-divide-dotted > * + * {
    border-style: dotted;
}

.dui.dui-divide-double > * + * {
    border-style: double;
}

.dui.dui-divide-none > * + * {
    border-style: none;
}

.dui.dui-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.dui.dui-outline {
    outline-style: solid;
}

.dui.dui-outline-dashed {
    outline-style: dashed;
}

.dui.dui-outline-dotted {
    outline-style: dotted;
}

.dui.dui-outline-double {
    outline-style: double;
}

.dui.dui-outline-hidden {
    outline-style: hidden;
}

.dui.dui-elevation-none {
    box-shadow: none;
}

.dui.dui-elevation-sm {
    box-shadow: var(--dui-box-shadow-sm);
}

.dui.dui-elevation {
    box-shadow: var(--dui-box-shadow);
}

.dui.dui-elevation-md {
    --dui-box-shadow-md: 0 4px 6px -1px var(--dui-shadow-clr), 0 2px 4px -2px var(--dui-shadow-clr);
    box-shadow: var(--dui-box-shadow-md);
}

.dui.dui-elevation-lg {
    box-shadow: var(--dui-box-shadow-lg);
}

.dui.dui-elevation-xl {
    box-shadow: var(--dui-box-shadow-xl);
}

.dui.dui-elevation-2xl {
    box-shadow: var(--dui-box-shadow-2xl);
}

.dui.dui-elevation-inner {
    box-shadow: var(--dui-box-shadow-inner);
}

.dui.dui-elevation-0 {
    box-shadow: var(--dui-box-shadow-0);
}

.dui.dui-elevation-1 {
    box-shadow: var(--dui-box-shadow-1);
}

.dui.dui-elevation-2 {
    box-shadow: var(--dui-box-shadow-2);
}

.dui.dui-elevation-3 {
    box-shadow: var(--dui-box-shadow-3);
}

.dui.dui-elevation-4 {
    box-shadow: var(--dui-box-shadow-4);
}

.dui.dui-elevation-5 {
    box-shadow: var(--dui-box-shadow-5);
}

.dui.dui-elevation-6 {
    box-shadow: var(--dui-box-shadow-6);
}

.dui.dui-elevation-7 {
    box-shadow: var(--dui-box-shadow-7);
}

.dui.dui-elevation-8 {
    box-shadow: var(--dui-box-shadow-8);
}

.dui.dui-elevation-9 {
    box-shadow: var(--dui-box-shadow-9);
}

.dui.dui-elevation-10 {
    box-shadow: var(--dui-box-shadow-10);
}

.dui.dui-elevation-11 {
    box-shadow: var(--dui-box-shadow-11);
}

.dui.dui-elevation-12 {
    box-shadow: var(--dui-box-shadow-12);
}

.dui.dui-elevation-13 {
    box-shadow: var(--dui-box-shadow-13);
}

.dui.dui-elevation-14 {
    box-shadow: var(--dui-box-shadow-14);
}

.dui.dui-elevation-15 {
    box-shadow: var(--dui-box-shadow-15);
}

.dui.dui-elevation-16 {
    box-shadow: var(--dui-box-shadow-16);
}

.dui.dui-elevation-17 {
    box-shadow: var(--dui-box-shadow-17);
}

.dui.dui-elevation-18 {
    box-shadow: var(--dui-box-shadow-18);
}

.dui.dui-elevation-19 {
    box-shadow: var(--dui-box-shadow-19);
}

.dui.dui-elevation-20 {
    box-shadow: var(--dui-box-shadow-20);
}

.dui.dui-elevation-21 {
    box-shadow: var(--dui-box-shadow-21);
}

.dui.dui-elevation-22 {
    box-shadow: var(--dui-box-shadow-22);
}

.dui.dui-elevation-23 {
    box-shadow: var(--dui-box-shadow-23);
}

.dui.dui-elevation-24 {
    box-shadow: var(--dui-box-shadow-24);
}

.dui.dui-cursor-auto {
    cursor: auto;
}

.dui.dui-cursor-default {
    cursor: default;
}

.dui.dui-cursor-pointer {
    cursor: pointer;
}

.dui.dui-cursor-wait {
    cursor: wait;
}

.dui.dui-cursor-text {
    cursor: text;
}

.dui.dui-cursor-move {
    cursor: move;
}

.dui.dui-cursor-help {
    cursor: help;
}

.dui.dui-cursor-not-allowed {
    cursor: not-allowed;
}

.dui.dui-cursor-none {
    cursor: none;
}

.dui.dui-cursor-context-menu {
    cursor: context-menu;
}

.dui.dui-cursor-progress {
    cursor: progress;
}

.dui.dui-cursor-cell {
    cursor: cell;
}

.dui.dui-cursor-crosshair {
    cursor: crosshair;
}

.dui.dui-cursor-vertical-text {
    cursor: vertical-text;
}

.dui.dui-cursor-alias {
    cursor: alias;
}

.dui.dui-cursor-copy {
    cursor: copy;
}

.dui.dui-cursor-no-drop {
    cursor: no-drop;
}

.dui.dui-cursor-grab {
    cursor: grab;
}

.dui.dui-cursor-grabbing {
    cursor: grabbing;
}

.dui.dui-cursor-all-scroll {
    cursor: all-scroll;
}

.dui.dui-cursor-col-resize {
    cursor: col-resize;
}

.dui.dui-cursor-row-resize {
    cursor: row-resize;
}

.dui.dui-cursor-n-resize {
    cursor: n-resize;
}

.dui.dui-cursor-e-resize {
    cursor: e-resize;
}

.dui.dui-cursor-s-resize {
    cursor: s-resize;
}

.dui.dui-cursor-w-resize {
    cursor: w-resize;
}

.dui.dui-cursor-ne-resize {
    cursor: ne-resize;
}

.dui.dui-cursor-nw-resize {
    cursor: nw-resize;
}

.dui.dui-cursor-se-resize {
    cursor: se-resize;
}

.dui.dui-cursor-sw-resize {
    cursor: sw-resize;
}

.dui.dui-cursor-ew-resize {
    cursor: ew-resize;
}

.dui.dui-cursor-ns-resize {
    cursor: ns-resize;
}

.dui.dui-cursor-nesw-resize {
    cursor: nesw-resize;
}

.dui.dui-cursor-nwse-resize {
    cursor: nwse-resize;
}

.dui.dui-cursor-zoom-in {
    cursor: zoom-in;
}

.dui.dui-cursor-zoom-out {
    cursor: zoom-out;
}

.dui.dui-transition-none {
    transition: none;
}

.dui.dui-disable-text-select {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.dui.dui-font-roboto {
    --dui-font-family: "Roboto";
}

.dui.dui-font-open-sans {
    --dui-font-family: "Open Sans";
}

.dui.dui-font-inter {
    --dui-font-family: "Inter";
}

.dui.dui-font-normal-100 {
    font: var(--dui-font-normal-100);
}

.dui.dui-font-normal-100-sm {
    font: var(--dui-font-normal-100-sm);
}

.dui.dui-font-normal-100-xsm {
    font: var(--dui-font-normal-100-xsm);
}

.dui.dui-font-normal-100-lg {
    font: var(--dui-font-normal-100-lg);
}

.dui.dui-font-normal-100-xlg {
    font: var(--dui-font-normal-100-xlg);
}

.dui.dui-font-italic-100 {
    font: var(--dui-font-italic-100);
}

.dui.dui-font-italic-100-sm {
    font: var(--dui-font-italic-100-sm);
}

.dui.dui-font-italic-100-xsm {
    font: var(--dui-font-italic-100-xsm);
}

.dui.dui-font-italic-100-lg {
    font: var(--dui-font-italic-100-lg);
}

.dui.dui-font-italic-100-xlg {
    font: var(--dui-font-italic-100-xlg);
}

.dui.dui-font-normal-300 {
    font: var(--dui-font-normal-300);
}

.dui.dui-font-normal-300-sm {
    font: var(--dui-font-normal-300-sm);
}

.dui.dui-font-normal-300-xsm {
    font: var(--dui-font-normal-300-xsm);
}

.dui.dui-font-normal-300-lg {
    font: var(--dui-font-normal-300-lg);
}

.dui.dui-font-normal-300-xlg {
    font: var(--dui-font-normal-300-xlg);
}

.dui.dui-font-italic-300 {
    font: var(--dui-font-italic-300);
}

.dui.dui-font-italic-300-sm {
    font: var(--dui-font-italic-300-sm);
}

.dui.dui-font-italic-300-xsm {
    font: var(--dui-font-italic-300-xsm);
}

.dui.dui-font-italic-300-lg {
    font: var(--dui-font-italic-300-lg);
}

.dui.dui-font-italic-300-xlg {
    font: var(--dui-font-italic-300-xlg);
}

.dui.dui-font-regular {
    font: var(--dui-font-regular);
}

.dui.dui-font-regular-sm {
    font: var(--dui-font-regular-sm);
}

.dui.dui-font-regular-xsm {
    font: var(--dui-font-regular-xsm);
}

.dui.dui-font-regular-lg {
    font: var(--dui-font-regular-lg);
}

.dui.dui-font-regular-xlg {
    font: var(--dui-font-regular-xlg);
}

.dui.dui-font-italic {
    font: var(--dui-font-italic);
}

.dui.dui-font-italic-sm {
    font: var(--dui-font-italic-sm);
}

.dui.dui-font-italic-xsm {
    font: var(--dui-font-italic-xsm);
}

.dui.dui-font-italic-lg {
    font: var(--dui-font-italic-lg);
}

.dui.dui-font-italic-xlg {
    font: var(--dui-font-italic-xlg);
}


.dui.dui-font-normal-500 {
    font: var(--dui-font-normal-500);
}

.dui.dui-font-normal-500-sm {
    font: var(--dui-font-normal-500-sm);
}

.dui.dui-font-normal-500-xsm {
    font: var(--dui-font-normal-500-xsm);
}

.dui.dui-font-normal-500-lg {
    font: var(--dui-font-normal-500-lg);
}

.dui.dui-font-normal-500-xlg {
    font: var(--dui-font-normal-500-xlg);
}

.dui.dui-font-italic-500 {
    font: var(--dui-font-italic-500);
}

.dui.dui-font-italic-500-sm {
    font: var(--dui-font-italic-500-sm);
}

.dui.dui-font-italic-500-xsm {
    font: var(--dui-font-italic-500-xsm);
}

.dui.dui-font-italic-500-lg {
    font: var(--dui-font-italic-500-lg);
}

.dui.dui-font-italic-500-xlg {
    font: var(--dui-font-italic-500-xlg);
}

.dui.dui-font-normal-600 {
    font: var(--dui-font-normal-600);
}

.dui.dui-font-normal-600-sm {
    font: var(--dui-font-normal-600-sm);
}

.dui.dui-font-normal-600-xsm {
    font: var(--dui-font-normal-600-xsm);
}

.dui.dui-font-normal-600-lg {
    font: var(--dui-font-normal-600-lg);
}

.dui.dui-font-normal-600-xlg {
    font: var(--dui-font-normal-600-xlg);
}

.dui.dui-font-italic-600 {
    font: var(--dui-font-italic-600);
}

.dui.dui-font-italic-600-sm {
    font: var(--dui-font-italic-600-sm);
}

.dui.dui-font-italic-600-xsm {
    font: var(--dui-font-italic-600-xsm);
}

.dui.dui-font-italic-600-lg {
    font: var(--dui-font-italic-600-lg);
}

.dui.dui-font-italic-600-xlg {
    font: var(--dui-font-italic-600-xlg);
}

.dui.dui-font-normal-700 {
    font: var(--dui-font-normal-700);
}

.dui.dui-font-normal-700-sm {
    font: var(--dui-font-normal-700-sm);
}

.dui.dui-font-normal-700-xsm {
    font: var(--dui-font-normal-700-xsm);
}

.dui.dui-font-normal-700-lg {
    font: var(--dui-font-normal-700-lg);
}

.dui.dui-font-normal-700-xlg {
    font: var(--dui-font-normal-700-xlg);
}

.dui.dui-font-italic-700 {
    font: var(--dui-font-italic-700);
}

.dui.dui-font-italic-700-sm {
    font: var(--dui-font-italic-700-sm);
}

.dui.dui-font-italic-700-xsm {
    font: var(--dui-font-italic-700-xsm);
}

.dui.dui-font-italic-700-lg {
    font: var(--dui-font-italic-700-lg);
}

.dui.dui-font-italic-700-xlg {
    font: var(--dui-font-italic-700-xlg);
}

.dui.dui-font-normal-800 {
    font: var(--dui-font-normal-800);
}

.dui.dui-font-normal-800-sm {
    font: var(--dui-font-normal-800-sm);
}

.dui.dui-font-normal-800-xsm {
    font: var(--dui-font-normal-800-xsm);
}

.dui.dui-font-normal-800-lg {
    font: var(--dui-font-normal-800-lg);
}

.dui.dui-font-normal-800-xlg {
    font: var(--dui-font-normal-800-xlg);
}

.dui.dui-font-italic-800 {
    font: var(--dui-font-italic-800);
}

.dui.dui-font-italic-800-sm {
    font: var(--dui-font-italic-800-sm);
}

.dui.dui-font-italic-800-xsm {
    font: var(--dui-font-italic-800-xsm);
}

.dui.dui-font-italic-800-lg {
    font: var(--dui-font-italic-800-lg);
}

.dui.dui-font-italic-800-xlg {
    font: var(--dui-font-italic-800-xlg);
}

.dui.dui-font-normal-900 {
    font: var(--dui-font-normal-900);
}

.dui.dui-font-normal-900-sm {
    font: var(--dui-font-normal-900-sm);
}

.dui.dui-font-normal-900-xsm {
    font: var(--dui-font-normal-900-xsm);
}

.dui.dui-font-normal-900-lg {
    font: var(--dui-font-normal-900-lg);
}

.dui.dui-font-normal-900-xlg {
    font: var(--dui-font-normal-900-xlg);
}

.dui.dui-font-italic-900 {
    font: var(--dui-font-italic-900);
}

.dui.dui-font-italic-900-sm {
    font: var(--dui-font-italic-900-sm);
}

.dui.dui-font-italic-900-xsm {
    font: var(--dui-font-italic-900-xsm);
}

.dui.dui-font-italic-900-lg {
    font: var(--dui-font-italic-900-lg);
}

.dui.dui-font-italic-900-xlg {
    font: var(--dui-font-italic-900-xlg);
}.dui-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--dui-empty-state-color);
}

.dui-empty-state-title {
    order: 10;
    margin: var(--dui-empty-state-title-margin);
}


.dui-empty-state-description {
    order: 20;
    margin: var(--dui-empty-state-description-margin);
}

.dui.mdi.dui-empty-state-icon {
    order: 30;
    min-height: var(--dui-empty-state-icon-size);
    min-width: var(--dui-empty-state-icon-size);
}

.dui.mdi.dui-empty-state-icon:before {
    font-size: var(--dui-empty-state-icon-size);
    min-height: var(--dui-empty-state-icon-size);
    min-width: var(--dui-empty-state-icon-size);
    line-height: var(--dui-empty-state-icon-size);
}
.dui-fields-set {
    --dui-fields-set-padding: 5px;
    --dui-fields-set-border-radius: 3px;
    --dui-fields-set-border: 1px solid var(--dui-clr-accent-l-2);

    padding: var(--dui-fields-set-padding);
    border: var(--dui-fields-set-border);
    border-radius: var(--dui-fields-set-border-radius);
}/* open-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-300italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-300italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-500italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-500italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-600italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-800italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-100.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-100italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-100italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-300italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-500italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-900.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/roboto-v30-latin-900italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* inter-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/inter-v12-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/inter-v12-latin-100.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/inter-v12-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/inter-v12-latin-200.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/inter-v12-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/inter-v12-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/inter-v12-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/inter-v12-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/inter-v12-latin-800.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/inter-v12-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('fonts/inter-v12-latin-900.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}fieldset.dui {
    border: none;
}

.dui-form-field {
    display: flex;
    justify-content: center;
    flex-direction: var(--dui-form-field-direction, column);
    align-items: var(--dui-form-field-align, flex-start);
    padding: var(--dui-form-field-padding);
    margin: var(--dui-form-field-marging);
    width: 100%;
    margin-inline: 0;
    max-inline-size: 100%;
    min-inline-size:0;
    --dui-form-field-input-whitespace: nowrap;
}

.dui-grid-col > .dui-form-field {
    min-inline-size: 100%;
}

.dui-form-field[readonly] .dui-field-input {
    background-color: inherit;
}

.dui-form-field[readonly]:not(.dui-undimmed):not(.dui-form-checkbox):not(.dui-form-switch):not(.dui-form-radio-group) .dui-field-input-wrapper {
    border: var(--dui-form-field-readonly-border);
}
.dui-form-field[readonly]:not(.dui-undimmed) .dui-field-input{
    border: var(--dui-form-field-input-readonly-border);
}
.dui-form-field[readonly]:not(.dui-undimmed):not(.dui-form-checkbox):not(.dui-form-switch):not(.dui-form-radio-group) .dui-field-input-wrapper {
    background-color: var(--dui-form-field-readonly-background);
}

.dui-form-field .waitMe_container .waitMe {
    overflow: visible;
}

.dui-form-field[readonly]:not(.dui-undimmed) .dui:not(.dui-field-error):not(.dui-field-helper) {
    color: var(--dui-form-field-readonly-color);
}

.dui-form-field[readonly]:not(.dui-undimmed) .dui-chip:not(.dui-field-error):not(.dui-field-helper) > .dui-chip-value {
    color: var(--dui-accent-fg-clr, var(--dui-text-color));
    opacity: 0.75;
}

.dui-form-field[readonly] .dui:not(.dui-field-error):not(.dui-field-helper) {
    cursor: var(--dui-form-field-readonly-cursor);
}

.dui-form-field *.dui::placeholder {
    color: var(--dui-form-field-placeholder-color);
}

.dui-form-field[disabled] *.dui::placeholder,
.dui-form-field[readonly] *.dui::placeholder {
    color: transparent;
}

.dui-form-field[disabled] .dui-field-input {
    background-color: inherit;
}

.dui-form-field[disabled] .dui-field-input,
.dui-form-field[disabled] .dui-field-input-wrapper {
    color: var(--dui-form-field-disabled-color);
}

.dui-form-field[disabled] .dui-field-input-wrapper {
    background-color: var(--dui-form-field-disabled-background);
}

.dui-form-field[disabled] *.dui {
    color: var(--dui-form-field-disabled-color);
    cursor: var(--dui-form-field-disabled-cursor);
}

.dui-form-field[disabled] .dui-field-input-wrapper {
    border: var(--dui-form-field-disabled-border);
}

.dui-form-label-float-left {
    --dui-form-field-direction: row;
    --dui-form-field-align: baseline;
}

.dui-form-label-float-top {
    --dui-form-field-direction: column;
    --dui-form-field-align: flex-start;
}

.dui-hide-label .dui-field-label,
.dui-hide-label.dui-field-label,
.dui-field-label:empty {
    display: none;
    width: auto;
    min-width: auto;
}

.dui-field-label {
    padding: var(--dui-form-field-label-padding);
    font: var(--dui-form-field-label-font);
    min-width: var(--dui-form-field-label-min-width);
    max-width: var(--dui-form-field-label-max-width);
    min-height: var(--dui-form-field-label-min-height);
    line-height: var(--dui-form-field-label-min-height);
    text-align: var(--dui-form-field-label-text-align);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    order: 10;
}

.dui-form-field .dui-prefix-addon,
.dui-form-field .dui-postfix-addon {
    margin: var(--dui-form-field-addon-margin);
}

.dui-form-field .dui-prefix-addon {
    order: 10;
}

.dui-field-prefix {
    display: flex;
    order: 20;
    font: var(--dui-form-field-prefix-font);
    line-height: var(--dui-form-field-prefix-line-height);
}

.dui-field-input {
    order: 30;
}
.dui-form-checkbox:not(.dui-hide-label) .dui-field-label:empty,
.dui-form-radio-group:not(.dui-hide-label) .dui-field-label:empty,
.dui-form-switch:not(.dui-hide-label) .dui-field-label:empty{
    display: block;
}
.dui-form-checkbox .dui-field-label,
.dui-form-radio-group .dui-field-label,
.dui-form-switch .dui-field-label{
    min-height: 28px;
}

.dui-form-radio-note {
    order: 9999;
}

.dui-field-postfix {
    order: 40;
    font: var(--dui-form-field-postfix-font);
    line-height: var(--dui-form-field-postfix-line-height);
}

.dui-form-field .dui-postfix-addon {
    order: 50;
}

.dui-field-counter {
    order: 60;
    padding: var(--dui-form-field-counter-padding);
    line-height: var(--dui-form-field-counter-line-height);
}

.dui-form-field .dui-primary-addon {
    order: 70;
}

.dui-form-field:focus-within .dui-field-input-wrapper {
    border: var(--dui-form-field-focused-border);
}

.dui-field-input-wrapper {
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    border: var(--dui-form-field-border);
    padding: var(--dui-form-field-wrapper-padding);
    align-items: center;
    border-radius: var(--dui-form-field-wrapper-radius);
    gap: var(--dui-form-field-wrapper-gap);
}

.dui-field-invalid .dui-field-input-wrapper {
    border-color: var(--dui-form-field-invalid-border-color, var(--dui-clr-red));
}

.dui-form-radio-group .dui-field-input-wrapper,
.dui-form-checkbox .dui-field-input-wrapper {
    border: 1px solid transparent;
}

.dui-field-input {
    display: flex;
    max-width: 100%;
    min-height: var(--dui-form-field-input-height);
    flex-grow: 1;
    flex-wrap: wrap;
    gap: var(--dui-form-field-values-gap, var(--dui-spc-1));
    border: var(--dui-form-field-input-border);
    font: var(--dui-form-field-input-line-font);
    line-height: var(--dui-form-field-input-line-hieght);
    overflow: var(--dui-form-input-overflow, hidden);
    white-space: var(--dui-form-field-input-whitespace);
    text-overflow: ellipsis;
    align-items: center;
    background-color: inherit;
    color: inherit;
    width: inherit;
}

.dui-form-text-area {
    --dui-form-input-overflow: auto;
    --dui-form-field-input-whitespace:unset;
}

.dui-form-text-area .dui-field-input[disabled],
.dui-form-text-area .dui-field-input[readonly] {
    white-space: pre-wrap;
}

.dui-field-input:focus {
    outline: none;
}

.dui-form-field-body {
    width: 100%;
    order:20;
}

.dui-field-messages-wrapper {
    display: flex;
    flex-direction: column;
    padding: var(--dui-form-field-messages-wrapper-padding);
}

.dui-field-helper {
    font: var(--dui-form-field-helper-font);
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    order: 10;
    padding-top: var(--dui-spc-2px);
    color: var(--dui-text-color, var(--dui-color-1));
}

.dui-field-error {
    order: 20;
    font: var(--dui-form-field-error-font);
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--dui-form-field-error-color);
}

.dui-field-required-indicator {
    padding: 0 3px 0 3px;
}

.dui-form-messages-fixed .dui-field-messages-wrapper {
    min-height: var(--dui-form-field-fixed-messages-height);
}

.dui-form-messages-fixed .dui-field-messages-wrapper:empty{
    display: flex;
}

.dui-field-messages-wrapper:empty {
    display: none;
}

textarea.dui-field-input {
    resize: var(--dui-form-field-textarea-input-resize);
    height: var(--dui-form-field-textarea-input-height);
    padding: var(--dui-form-field-textarea-input-padding);
    margin: var(--dui-form-field-textarea-input-mergin);
}

.dui-form-field-auto-resize .dui-field-input {
    overflow: hidden;
}

.dui-select-menu {
    --dui-menu-radius: var(--dui-form-field-wrapper-radius);
}

.dui-form-select .dui-field-input {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.dui.mdi.dui-form-select-clear {
    display: none;
}

.dui-form-select.dui-clearable .dui.mdi.dui-form-select-clear {
    display: block;
}

.dui.dui-form-select[disabled] .dui.mdi.dui-form-select-drop-arrow,
.dui.dui-form-select[readonly] .dui.mdi.dui-form-select-drop-arrow,
.dui.dui-form-select[disabled] .dui.mdi.dui-form-select-clear,
.dui.dui-form-select[readonly] .dui.mdi.dui-form-select-clear,
.dui.dui-form-select.dui-clearable[disabled] .dui.mdi.dui-form-select-clear,
.dui.dui-form-select.dui-clearable[readonly] .dui.mdi.dui-form-select-clear {
    display: none;
}

.dui-field-placeholder:last-child {
    display: block;
}

.dui-field-placeholder:empty,
.dui-field-placeholder {
    color: var(--dui-form-field-placeholder-color);
    display: none;
}

.dui-form-checkbox.dui-form-select-checkbox {
    margin: 0;
}

.dui-form-checkbox.dui-form-select-checkbox .dui-checkbox-label{
    padding-left: 26px;
}

.dui-form-select-checkbox .dui-field-input {
    justify-content: center;
}

.dui-form-checkbox.dui-form-select-checkbox .dui-field-label{
    display: none;
}

.dui-form-checkbox.dui-form-select-checkbox .dui-field-input-wrapper{
    padding: 0;
}

.dui-form-checkbox .dui-field-input-wrapper {
    align-items: center;
}

.dui-field-input-hidden {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: fixed;
}

.dui-checkbox-label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    align-items: center;
    gap: var(--dui-form-field-checkbox-gap);
    overflow: hidden;
    padding: var(--dui-form-field-checkbox-label-padding);
    min-height: var(--dui-form-field-checkbox-label-min-height);
}

.dui-form-checkbox .dui-field-input {
    overflow: hidden;
}

.dui-radio-label,
.dui-checkbox-label {
    font: var(--dui-form-field-sub-label-font);
}
.dui-radio-label{
    height: 24px;
}

.dui-checkbox-label span {
    line-height: var(--dui-checkbox-label-line-height);
}

.dui-form-radio:focus-within .dui-radio-label:before,
.dui-radio-label:hover:before,
.dui-form-checkbox:focus-within .dui-checkbox-label:after,
.dui-form-checkbox .dui-checkbox-label:hover:after {
    outline: var(--dui-accent, var(--dui-form-field-checkbox-outline-color)) var(--dui-form-field-checkbox-outline-style) var(--dui-form-field-checkbox-outline-width);
    outline-offset: var(--dui-form-field-checkbox-outline-offset);
}

.dui-form-checkbox .dui-checkbox-label:before {
    content: '';
    position: absolute;
    top: var(--dui-form-field-checkbox-square-top);
    left: var(--dui-form-field-checkbox-square-left);
    width: var(--dui-form-field-checkbox-square-length);
    height: var(--dui-form-field-checkbox-square-length);
    z-index: 0;
    border-top: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) transparent;
    border-left: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) transparent;
    border-right: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-bottom: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-radius: var(--dui-form-field-checkbox-square-radius);
    margin: var(--dui-form-field-checkbox-square-margin);
    transition: transform 0.2s ease-in-out,
    transform-origin 0.2s ease-in-out,
    rotate 0.2s ease-in-out,
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    top 0.2s ease-in-out,
    left 0.2s ease-in-out,
    margin 0.2s ease-in-out;
}

.dui-form-checkbox.dui-form-checkbox-filled .dui-checkbox-label:after {
    background-color: var(--dui-accent, var(--dui-form-field-checkbox-square-filled-background));
}

.dui-form-checkbox.dui-form-checkbox-filled .dui-checkbox-label:after,
.dui-form-checkbox .dui-checkbox-label:after {
    content: '';
    position: absolute;
    float: left;
    top: var(--dui-form-field-checkbox-square-top);
    left: var(--dui-form-field-checkbox-square-left);
    width: var(--dui-form-field-checkbox-square-length);
    height: var(--dui-form-field-checkbox-square-length);
    z-index: 0;
    border-top: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-left: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-right: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-bottom: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-radius: var(--dui-form-field-checkbox-square-radius);
    margin: var(--dui-form-field-checkbox-square-margin);
    transition: transform 0.2s ease-in-out,
    transform-origin 0.2s ease-in-out,
    rotate 0.2s ease-in-out,
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    top 0.2s ease-in-out,
    left 0.2s ease-in-out,
    margin 0.2s ease-in-out;
}

.dui-form-radio-group .dui-field-input-wrapper {
    flex-wrap: wrap;
}

.dui-form-radio-group:focus-within .dui-field-input-wrapper,
.dui-form-switch:focus-within .dui-field-input-wrapper,
.dui-form-field.dui-form-checkbox:focus-within .dui-field-input-wrapper {
    border: 1px solid transparent;
}

.dui-field-input-hidden:checked + .dui-field-input .dui-checkbox-label:before {
    content: '';
    position: absolute;
    width: var(--dui-form-field-checkbox-check-width);
    height: var(--dui-form-field-checkbox-check-height);
    left: var(--dui-form-field-checkbox-check-left);
    top: var(--dui-form-field-checkbox-check-top);
    border-top: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) transparent;
    border-left: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) transparent;
    border-right: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-bottom: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 100% 100%;
}

.dui-field-input-hidden:indeterminate + .dui-field-input .dui-checkbox-label:before {
    content: '';
    position: absolute;
    width: var(--dui-form-field-checkbox-indeterminate-check-width);
    height: var(--dui-form-field-checkbox-indeterminate-check-height);
    left: var(--dui-form-field-checkbox-indeterminate-check-left);
    top: var(--dui-form-field-checkbox-indeterminate-check-top);
    border-top: var(--dui-form-field-checkbox-indeterminate-check-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-left: var(--dui-form-field-checkbox-indeterminate-check-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-right: var(--dui-form-field-checkbox-indeterminate-check-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    border-bottom: var(--dui-form-field-checkbox-indeterminate-check-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-accent, var(--dui-form-field-checkbox-square-border-color));
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 100% 100%;
}

.dui-form-checkbox-filled .dui-field-input-hidden:checked + .dui-field-input .dui-checkbox-label:before {
    border-right: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-form-field-checkbox-check-filled-color);
    border-bottom: var(--dui-form-field-checkbox-square-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-form-field-checkbox-check-filled-color);
    z-index: 10;
}

.dui-form-checkbox-filled .dui-field-input-hidden:indeterminate + .dui-field-input .dui-checkbox-label:before {
    border: var(--dui-form-field-checkbox-indeterminate-check-border-width) var(--dui-form-field-checkbox-square-border-style) var(--dui-form-field-checkbox-check-filled-color);
    z-index: 10;
}

.dui-form-switch[disabled],
.dui-form-radio[disabled],
.dui-form-radio[disabled] .dui-radio-label,
.dui-form-radio-group[disabled],
.dui-form-checkbox[disabled] {
    --dui-form-field-disabled-background:none;
    --dui-form-field-disabled-border: none;
    --dui-form-field-checkbox-square-border-color: var(--dui-form-field-disabled-color);
    --dui-form-field-checkbox-square-filled-background: var(--dui-form-field-disabled-color);
    --dui-form-field-radio-circle-border-color: var(--dui-form-field-disabled-color);
    --dui-form-field-radio-circle-checked-color: var(--dui-form-field-disabled-color);
    --dui-form-field-switch-checked-track-background:var(--dui-form-field-disabled-color);
    --dui-form-field-switch-checked-thumb-background:var(--dui-form-field-disabled-color-lighter);
    --dui-form-field-switch-track-background:var(--dui-form-field-disabled-color-lighter);
    --dui-form-field-switch-thumb-background:var(--dui-form-field-disabled-color);
    --dui-accent: var(--dui-form-field-disabled-color);
    --dui-accent-l-4: var(--dui-form-field-disabled-color-lighter);
    --dui-accent-l-5: var(--dui-form-field-disabled-color-lighter);
    --dui-accent-d-1: var(--dui-form-field-disabled-color);
    --dui-accent-d-2: var(--dui-form-field-disabled-color-darker);
    pointer-events: none;
}
.dui-form-radio[disabled] .dui-radio-label{
    color: var(--dui-form-field-disabled-color);
}


.dui-form-radio {
    position: relative;
    padding-left: var(--dui-form-field-radio-lebel-padding);
}

.dui-form-radio *.dui {
    cursor: var(--dui-form-field-radio-cursor);
}

.dui-radio-label:before {
    content: '';
    position: absolute;
    left: var(--dui-form-field-radio-circle-left);
    top: var(--dui-form-field-radio-circle-top);
    margin: var(--dui-form-field-radio-circle-maring);
    width: var(--dui-form-field-radio-circle-length);
    height: var(--dui-form-field-radio-circle-length);
    z-index: 0;
    transition: transform 0.28s ease-in-out,
    transform-origin 0.28s ease-in-out,
    rotate 0.28s ease-in-out,
    width 0.28s ease-in-out,
    height 0.28s ease-in-out,
    top 0.28s ease-in-out,
    left 0.28s ease-in-out,
    margin 0.28s ease-in-out;
    border: var(--dui-form-field-radio-circle-border-width) var(--dui-form-field-radio-circle-border-style) var(--dui-accent, var(--dui-form-field-radio-circle-border-color));
    border-radius: var(--dui-form-field-radio-circle-radius);
}

.dui-field-input-hidden:checked + .dui-field-input .dui-radio-label:after {
    background-color: var(--dui-accent, var(--dui-form-field-radio-circle-checked-color));
    border: var(--dui-form-field-radio-circle-border-width) var(--dui-form-field-radio-circle-border-style) var(--dui-accent, var(--dui-form-field-radio-circle-border-color));
}

.dui-form-radio-gap .dui-field-input-hidden:checked + .dui-field-input .dui-radio-label:after {
    transform: var(--dui-form-field-radio-circle-checked-transform);
}

.dui-radio-label:after {
    content: '';
    position: absolute;
    left: var(--dui-form-field-radio-circle-left);
    top: var(--dui-form-field-radio-circle-top);
    width: var(--dui-form-field-radio-circle-length);
    height: var(--dui-form-field-radio-circle-length);
    margin: var(--dui-form-field-radio-circle-maring);
    z-index: 0;
    transition: transform 0.28s ease-in-out,
    transform-origin 0.28s ease-in-out,
    rotate 0.28s ease-in-out,
    width 0.28s ease-in-out,
    height 0.28s ease-in-out,
    top 0.28s ease-in-out,
    left 0.28s ease-in-out,
    margin 0.28s ease-in-out;;
    border-radius: var(--dui-form-field-radio-circle-radius);

}

.dui-form-radio-group-vertical {
    --dui-form-radio-group-direction: column;
}

.dui-form-radio-group .dui-field-input-wrapper {
    flex-direction: var(--dui-form-radio-group-direction, row);
    gap: var(--dui-form-radio-group-gap);
}

.dui-form-switch .dui-field-input-wrapper {
    border: none;
}

.dui-form-switch *.dui {
    cursor: var(--dui-form-field-switch-cursor);
}

.dui-form-switch .dui-field-input {
    overflow: visible;
}

.dui-switch-track {
    position: relative;
    display: inline-block;
    width: var(--dui-form-field-switch-track-width);
    height: var(--dui-form-field-switch-track-height);
    background-color: var(--dui-accent-l-4, var(--dui-form-field-switch-track-background));
    border-radius: var(--dui-form-field-switch-track-radius);
    margin: var(--dui-form-field-switch-track-margin);
    overflow: visible;
}

.dui-switch-track:before {
    position: absolute;
    display: inline-block;
    content: "";
    height: var(--dui-form-field-switch-thumb-width);
    width: var(--dui-form-field-switch-thumb-height);
    left: var(--dui-form-field-switch-thumb-left);
    bottom: var(--dui-form-field-switch-thumb-bottom);
    -webkit-transition: var(--dui-form-field-switch-focus-transition);
    transition: var(--dui-form-field-switch-focus-transition);
    z-index: 10;
    overflow: visible;
    border-radius: var(--dui-form-field-switch-thumb-radius);
    background-color: var(--dui-accent, var(--dui-form-field-switch-thumb-background));
    filter: drop-shadow(0px 0px 2px var(--dui-accent-d-1));
    /*box-shadow: var(--dui-form-field-switch-thumb-box-shadow);*/
}

.dui-field-input-hidden:checked + .dui-field-input .dui-switch-track {
    background-color: var(--dui-accent, var(--dui-form-field-switch-checked-track-background));
}

.dui-field-input-hidden:checked + .dui-field-input .dui-switch-track:before {
    background-color: var(--dui-accent-l-5, var(--dui-form-field-switch-checked-thumb-background));
    transform: var(--dui-form-field-switch-thumb-checked-transform);
    filter: drop-shadow(0px 0px 2px var(--dui-accent-d-2));
}

.dui-form-switch:focus-within .dui-switch-track:before,
.dui-switch-track:hover:before {
    /*background: var(--dui-form-field-switch-focus-background);*/
    box-shadow: var(--dui-form-field-switch-focus-box-shadow);
}

.dui-switch-off-label {
    order: 10;
    flex-grow: var(--dui-switch-off-label-grow, 0);
    text-align: var(--dui-switch-off-label-text-align, left);
    margin: var(--dui-form-field-switch-off-label-margin);
}

.dui-switch-track {
    order: 20;
}

.dui-switch-on-label {
    order: 30;
    flex-grow: var(--dui-switch-on-label-grow, 0);
    text-align: var(--dui-switch-on-label-text-align, left);
    margin: var(--dui-form-field-switch-on-label-margin);
}

.dui-switch-grow {
    --dui-switch-off-label-grow: 1;
    --dui-switch-on-label-grow: 1;
}

.dui-switch-condense-labels {
    --dui-switch-off-label-text-align: right;
    --dui-switch-on-label-text-align: left;
}

.dui-field-input.dui-form-tags-input{
    order: 25;
    overflow: visible;
}

.dui-form-field[disabled] .dui-close.dui-chip-remove,
.dui-form-field[readonly] .dui-close.dui-chip-remove{
    display: none;
}

.dui-form-field.dui-form-text-area .dui-field-input-wrapper{
    flex-wrap: wrap;
}
.dui-form-field.dui-form-text-area .dui-field-input-wrapper{
    flex-wrap: wrap;
}
.dui-form-field.dui-form-text-area .dui-field-input {
    order: 9999;
    width: 100%;
}

.dui-text-area-gap {
    flex-grow: 1;
    order: 20;
}

.dui-form-text-area-header {
    width: 100%;
}
.dui-form-text-area-header {
    display: none;
}

.dui-form-text-area-header + .dui-postfix-addon {
    display: block;
}

.dui-form-field.dui-form-text-area .dui-field-input:not([data-scroll='0']) {
    border-top: var(--dui-form-scrolled-text-area-border);
}

.dui-auto-type-input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: inherit;
    max-width: 100%;
    min-height: var(--dui-form-field-input-height);
    border: none;
    border-radius: var(--dui-form-field-wrapper-radius);
    font: var(--dui-form-field-input-line-font);
    line-height: var(--dui-form-field-input-line-hieght);
    overflow: var(--dui-form-input-overflow, hidden);
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: var(--dui-bg);
    color: inherit;
}

.dui-auto-type-input:focus{
    outline: none;
}.dui-layout-grid {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.dui-grid-content {
    grid-area: g-content;
}

.dui-grid-header {
    grid-area: g-header;
}

.dui-grid-footer {
    grid-area: g-footer;
}

.dui-grid-left {
    grid-area: g-left;
}

.dui-grid-right {
    grid-area: g-right;
}

.dui-grid-row {
    display: grid;
    gap: var(--dui-row-default-gap);
    margin: var(--dui-row-default-margin);
}

.dui-row-12 {
    grid-template-columns: repeat(12, 1fr);
}

.dui-row-16 {
    grid-template-columns: repeat(16, 1fr);
}

.dui-row-18 {
    grid-template-columns: repeat(18, 1fr);
}

.dui-row-24 {
    grid-template-columns: repeat(24, 1fr);
}

.dui-row-32 {
    grid-template-columns: repeat(32, 1fr);
}

/*x-Large screens*/
@media screen and (min-width: 1800px) {
    .dui-span-xl-1 {
        grid-column-end: span 1;
    }

    .dui-span-xl-2 {
        grid-column-end: span 2;
    }

    .dui-span-xl-3 {
        grid-column-end: span 3;
    }

    .dui-span-xl-4 {
        grid-column-end: span 4;
    }

    .dui-span-xl-5 {
        grid-column-end: span 5;
    }

    .dui-span-xl-6 {
        grid-column-end: span 6;
    }

    .dui-span-xl-7 {
        grid-column-end: span 7;
    }

    .dui-span-xl-8 {
        grid-column-end: span 8;
    }

    .dui-span-xl-9 {
        grid-column-end: span 9;
    }

    .dui-span-xl-10 {
        grid-column-end: span 10;
    }

    .dui-span-xl-11 {
        grid-column-end: span 11;
    }

    .dui-span-xl-12 {
        grid-column-end: span 12;
    }

    .dui-span-xl-13 {
        grid-column-end: span 13;
    }

    .dui-span-xl-14 {
        grid-column-end: span 14;
    }

    .dui-span-xl-15 {
        grid-column-end: span 15;
    }

    .dui-span-xl-16 {
        grid-column-end: span 16;
    }

    .dui-span-xl-17 {
        grid-column-end: span 17;
    }

    .dui-span-xl-18 {
        grid-column-end: span 18;
    }

    .dui-span-xl-19 {
        grid-column-end: span 19;
    }

    .dui-span-xl-20 {
        grid-column-end: span 20;
    }

    .dui-span-xl-21 {
        grid-column-end: span 21;
    }

    .dui-span-xl-22 {
        grid-column-end: span 22;
    }

    .dui-span-xl-23 {
        grid-column-end: span 23;
    }

    .dui-span-xl-24 {
        grid-column-end: span 24;
    }

    .dui-span-xl-25 {
        grid-column-end: span 25;
    }

    .dui-span-xl-26 {
        grid-column-end: span 26;
    }

    .dui-span-xl-27 {
        grid-column-end: span 27;
    }

    .dui-span-xl-28 {
        grid-column-end: span 28;
    }

    .dui-span-xl-29 {
        grid-column-end: span 29;
    }

    .dui-span-xl-30 {
        grid-column-end: span 30;
    }

    .dui-span-xl-31 {
        grid-column-end: span 31;
    }

    .dui-span-xl-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-xl-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-xl-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-xl-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-xl-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-xl-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-xl-none {
    }

    .dui-offset-xl-0 {
        grid-column-start: 1;
    }

    .dui-offset-xl-1 {
        grid-column-start: 2;
    }

    .dui-offset-xl-2 {
        grid-column-start: 3;
    }

    .dui-offset-xl-3 {
        grid-column-start: 4;
    }

    .dui-offset-xl-4 {
        grid-column-start: 5;
    }

    .dui-offset-xl-5 {
        grid-column-start: 6;
    }

    .dui-offset-xl-6 {
        grid-column-start: 7;
    }

    .dui-offset-xl-7 {
        grid-column-start: 8;
    }

    .dui-offset-xl-8 {
        grid-column-start: 9;
    }

    .dui-offset-xl-9 {
        grid-column-start: 10;
    }

    .dui-offset-xl-10 {
        grid-column-start: 11;
    }

    .dui-offset-xl-11 {
        grid-column-start: 12;
    }

    .dui-offset-xl-12 {
        grid-column-start: 13;
    }

    .dui-offset-xl-13 {
        grid-column-start: 14;
    }

    .dui-offset-xl-14 {
        grid-column-start: 15;
    }

    .dui-offset-xl-15 {
        grid-column-start: 16;
    }

    .dui-offset-xl-16 {
        grid-column-start: 17;
    }

    .dui-offset-xl-17 {
        grid-column-start: 18;
    }

    .dui-offset-xl-18 {
        grid-column-start: 19;
    }

    .dui-offset-xl-19 {
        grid-column-start: 20;
    }

    .dui-offset-xl-20 {
        grid-column-start: 21;
    }

    .dui-offset-xl-21 {
        grid-column-start: 22;
    }

    .dui-offset-xl-22 {
        grid-column-start: 23;
    }

    .dui-offset-xl-23 {
        grid-column-start: 24;
    }

    .dui-offset-xl-24 {
        grid-column-start: 25;
    }

    .dui-offset-xl-25 {
        grid-column-start: 26;
    }

    .dui-offset-xl-26 {
        grid-column-start: 27;
    }

    .dui-offset-xl-27 {
        grid-column-start: 28;
    }

    .dui-offset-xl-28 {
        grid-column-start: 29;
    }

    .dui-offset-xl-29 {
        grid-column-start: 30;
    }

    .dui-offset-xl-30 {
        grid-column-start: 31;
    }

    .dui-offset-xl-31 {
        grid-column-start: 32;
    }
}

/*Large screens*/
@media screen and (min-width: 1200px) and (max-width: 1800px) {
    .dui-span-l-1 {
        grid-column-end: span 1;
    }

    .dui-span-l-2 {
        grid-column-end: span 2;
    }

    .dui-span-l-3 {
        grid-column-end: span 3;
    }

    .dui-span-l-4 {
        grid-column-end: span 4;
    }

    .dui-span-l-5 {
        grid-column-end: span 5;
    }

    .dui-span-l-6 {
        grid-column-end: span 6;
    }

    .dui-span-l-7 {
        grid-column-end: span 7;
    }

    .dui-span-l-8 {
        grid-column-end: span 8;
    }

    .dui-span-l-9 {
        grid-column-end: span 9;
    }

    .dui-span-l-10 {
        grid-column-end: span 10;
    }

    .dui-span-l-11 {
        grid-column-end: span 11;
    }

    .dui-span-l-12 {
        grid-column-end: span 12;
    }

    .dui-span-l-13 {
        grid-column-end: span 13;
    }

    .dui-span-l-14 {
        grid-column-end: span 14;
    }

    .dui-span-l-15 {
        grid-column-end: span 15;
    }

    .dui-span-l-16 {
        grid-column-end: span 16;
    }

    .dui-span-l-17 {
        grid-column-end: span 17;
    }

    .dui-span-l-18 {
        grid-column-end: span 18;
    }

    .dui-span-l-19 {
        grid-column-end: span 19;
    }

    .dui-span-l-20 {
        grid-column-end: span 20;
    }

    .dui-span-l-21 {
        grid-column-end: span 21;
    }

    .dui-span-l-22 {
        grid-column-end: span 22;
    }

    .dui-span-l-23 {
        grid-column-end: span 23;
    }

    .dui-span-l-24 {
        grid-column-end: span 24;
    }

    .dui-span-l-25 {
        grid-column-end: span 25;
    }

    .dui-span-l-26 {
        grid-column-end: span 26;
    }

    .dui-span-l-27 {
        grid-column-end: span 27;
    }

    .dui-span-l-28 {
        grid-column-end: span 28;
    }

    .dui-span-l-29 {
        grid-column-end: span 29;
    }

    .dui-span-l-30 {
        grid-column-end: span 30;
    }

    .dui-span-l-31 {
        grid-column-end: span 31;
    }

    .dui-span-l-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-l-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-l-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-l-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-l-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-l-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-l-none {
    }

    .dui-offset-l-0 {
        grid-column-start: 1;
    }

    .dui-offset-l-1 {
        grid-column-start: 2;
    }

    .dui-offset-l-2 {
        grid-column-start: 3;
    }

    .dui-offset-l-3 {
        grid-column-start: 4;
    }

    .dui-offset-l-4 {
        grid-column-start: 5;
    }

    .dui-offset-l-5 {
        grid-column-start: 6;
    }

    .dui-offset-l-6 {
        grid-column-start: 7;
    }

    .dui-offset-l-7 {
        grid-column-start: 8;
    }

    .dui-offset-l-8 {
        grid-column-start: 9;
    }

    .dui-offset-l-9 {
        grid-column-start: 10;
    }

    .dui-offset-l-10 {
        grid-column-start: 11;
    }

    .dui-offset-l-11 {
        grid-column-start: 12;
    }

    .dui-offset-l-12 {
        grid-column-start: 13;
    }

    .dui-offset-l-13 {
        grid-column-start: 14;
    }

    .dui-offset-l-14 {
        grid-column-start: 15;
    }

    .dui-offset-l-15 {
        grid-column-start: 16;
    }

    .dui-offset-l-16 {
        grid-column-start: 17;
    }

    .dui-offset-l-17 {
        grid-column-start: 18;
    }

    .dui-offset-l-18 {
        grid-column-start: 19;
    }

    .dui-offset-l-19 {
        grid-column-start: 20;
    }

    .dui-offset-l-20 {
        grid-column-start: 21;
    }

    .dui-offset-l-21 {
        grid-column-start: 22;
    }

    .dui-offset-l-22 {
        grid-column-start: 23;
    }

    .dui-offset-l-23 {
        grid-column-start: 24;
    }

    .dui-offset-l-24 {
        grid-column-start: 25;
    }

    .dui-offset-l-25 {
        grid-column-start: 26;
    }

    .dui-offset-l-26 {
        grid-column-start: 27;
    }

    .dui-offset-l-27 {
        grid-column-start: 28;
    }

    .dui-offset-l-28 {
        grid-column-start: 29;
    }

    .dui-offset-l-29 {
        grid-column-start: 30;
    }

    .dui-offset-l-30 {
        grid-column-start: 31;
    }

    .dui-offset-l-31 {
        grid-column-start: 32;
    }
}

/*Medium screens*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .dui-span-m-1 {
        grid-column-end: span 1;
    }

    .dui-span-m-2 {
        grid-column-end: span 2;
    }

    .dui-span-m-3 {
        grid-column-end: span 3;
    }

    .dui-span-m-4 {
        grid-column-end: span 4;
    }

    .dui-span-m-5 {
        grid-column-end: span 5;
    }

    .dui-span-m-6 {
        grid-column-end: span 6;
    }

    .dui-span-m-7 {
        grid-column-end: span 7;
    }

    .dui-span-m-8 {
        grid-column-end: span 8;
    }

    .dui-span-m-9 {
        grid-column-end: span 9;
    }

    .dui-span-m-10 {
        grid-column-end: span 10;
    }

    .dui-span-m-11 {
        grid-column-end: span 11;
    }

    .dui-span-m-12 {
        grid-column-end: span 12;
    }

    .dui-span-m-13 {
        grid-column-end: span 13;
    }

    .dui-span-m-14 {
        grid-column-end: span 14;
    }

    .dui-span-m-15 {
        grid-column-end: span 15;
    }

    .dui-span-m-16 {
        grid-column-end: span 16;
    }

    .dui-span-m-17 {
        grid-column-end: span 17;
    }

    .dui-span-m-18 {
        grid-column-end: span 18;
    }

    .dui-span-m-19 {
        grid-column-end: span 19;
    }

    .dui-span-m-20 {
        grid-column-end: span 20;
    }

    .dui-span-m-21 {
        grid-column-end: span 21;
    }

    .dui-span-m-22 {
        grid-column-end: span 22;
    }

    .dui-span-m-23 {
        grid-column-end: span 23;
    }

    .dui-span-m-24 {
        grid-column-end: span 24;
    }

    .dui-span-m-25 {
        grid-column-end: span 25;
    }

    .dui-span-m-26 {
        grid-column-end: span 26;
    }

    .dui-span-m-27 {
        grid-column-end: span 27;
    }

    .dui-span-m-28 {
        grid-column-end: span 28;
    }

    .dui-span-m-29 {
        grid-column-end: span 29;
    }

    .dui-span-m-30 {
        grid-column-end: span 30;
    }

    .dui-span-m-31 {
        grid-column-end: span 31;
    }

    .dui-span-m-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-m-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-m-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-m-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-m-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-m-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-m-none {
    }

    .dui-offset-m-0 {
        grid-column-start: 1;
    }

    .dui-offset-m-1 {
        grid-column-start: 2;
    }

    .dui-offset-m-2 {
        grid-column-start: 3;
    }

    .dui-offset-m-3 {
        grid-column-start: 4;
    }

    .dui-offset-m-4 {
        grid-column-start: 5;
    }

    .dui-offset-m-5 {
        grid-column-start: 6;
    }

    .dui-offset-m-6 {
        grid-column-start: 7;
    }

    .dui-offset-m-7 {
        grid-column-start: 8;
    }

    .dui-offset-m-8 {
        grid-column-start: 9;
    }

    .dui-offset-m-9 {
        grid-column-start: 10;
    }

    .dui-offset-m-10 {
        grid-column-start: 11;
    }

    .dui-offset-m-11 {
        grid-column-start: 12;
    }

    .dui-offset-m-12 {
        grid-column-start: 13;
    }

    .dui-offset-m-13 {
        grid-column-start: 14;
    }

    .dui-offset-m-14 {
        grid-column-start: 15;
    }

    .dui-offset-m-15 {
        grid-column-start: 16;
    }

    .dui-offset-m-16 {
        grid-column-start: 17;
    }

    .dui-offset-m-17 {
        grid-column-start: 18;
    }

    .dui-offset-m-18 {
        grid-column-start: 19;
    }

    .dui-offset-m-19 {
        grid-column-start: 20;
    }

    .dui-offset-m-20 {
        grid-column-start: 21;
    }

    .dui-offset-m-21 {
        grid-column-start: 22;
    }

    .dui-offset-m-22 {
        grid-column-start: 23;
    }

    .dui-offset-m-23 {
        grid-column-start: 24;
    }

    .dui-offset-m-24 {
        grid-column-start: 25;
    }

    .dui-offset-m-25 {
        grid-column-start: 26;
    }

    .dui-offset-m-26 {
        grid-column-start: 27;
    }

    .dui-offset-m-27 {
        grid-column-start: 28;
    }

    .dui-offset-m-28 {
        grid-column-start: 29;
    }

    .dui-offset-m-29 {
        grid-column-start: 30;
    }

    .dui-offset-m-30 {
        grid-column-start: 31;
    }

    .dui-offset-m-31 {
        grid-column-start: 32;
    }
}

/*Small screens*/
@media screen and (min-width: 768px) and (max-width: 992px) {
    .dui-span-s-1 {
        grid-column-end: span 1;
    }

    .dui-span-s-2 {
        grid-column-end: span 2;
    }

    .dui-span-s-3 {
        grid-column-end: span 3;
    }

    .dui-span-s-4 {
        grid-column-end: span 4;
    }

    .dui-span-s-5 {
        grid-column-end: span 5;
    }

    .dui-span-s-6 {
        grid-column-end: span 6;
    }

    .dui-span-s-7 {
        grid-column-end: span 7;
    }

    .dui-span-s-8 {
        grid-column-end: span 8;
    }

    .dui-span-s-9 {
        grid-column-end: span 9;
    }

    .dui-span-s-10 {
        grid-column-end: span 10;
    }

    .dui-span-s-11 {
        grid-column-end: span 11;
    }

    .dui-span-s-12 {
        grid-column-end: span 12;
    }

    .dui-span-s-13 {
        grid-column-end: span 13;
    }

    .dui-span-s-14 {
        grid-column-end: span 14;
    }

    .dui-span-s-15 {
        grid-column-end: span 15;
    }

    .dui-span-s-16 {
        grid-column-end: span 16;
    }

    .dui-span-s-17 {
        grid-column-end: span 17;
    }

    .dui-span-s-18 {
        grid-column-end: span 18;
    }

    .dui-span-s-19 {
        grid-column-end: span 19;
    }

    .dui-span-s-20 {
        grid-column-end: span 20;
    }

    .dui-span-s-21 {
        grid-column-end: span 21;
    }

    .dui-span-s-22 {
        grid-column-end: span 22;
    }

    .dui-span-s-23 {
        grid-column-end: span 23;
    }

    .dui-span-s-24 {
        grid-column-end: span 24;
    }

    .dui-span-s-25 {
        grid-column-end: span 25;
    }

    .dui-span-s-26 {
        grid-column-end: span 26;
    }

    .dui-span-s-27 {
        grid-column-end: span 27;
    }

    .dui-span-s-28 {
        grid-column-end: span 28;
    }

    .dui-span-s-29 {
        grid-column-end: span 29;
    }

    .dui-span-s-30 {
        grid-column-end: span 30;
    }

    .dui-span-s-31 {
        grid-column-end: span 31;
    }

    .dui-span-s-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-s-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-s-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-s-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-s-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-s-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-s-none {
    }

    .dui-offset-s-0 {
        grid-column-start: 1;
    }

    .dui-offset-s-1 {
        grid-column-start: 2;
    }

    .dui-offset-s-2 {
        grid-column-start: 3;
    }

    .dui-offset-s-3 {
        grid-column-start: 4;
    }

    .dui-offset-s-4 {
        grid-column-start: 5;
    }

    .dui-offset-s-5 {
        grid-column-start: 6;
    }

    .dui-offset-s-6 {
        grid-column-start: 7;
    }

    .dui-offset-s-7 {
        grid-column-start: 8;
    }

    .dui-offset-s-8 {
        grid-column-start: 9;
    }

    .dui-offset-s-9 {
        grid-column-start: 10;
    }

    .dui-offset-s-10 {
        grid-column-start: 11;
    }

    .dui-offset-s-11 {
        grid-column-start: 12;
    }

    .dui-offset-s-12 {
        grid-column-start: 13;
    }

    .dui-offset-s-13 {
        grid-column-start: 14;
    }

    .dui-offset-s-14 {
        grid-column-start: 15;
    }

    .dui-offset-s-15 {
        grid-column-start: 16;
    }

    .dui-offset-s-16 {
        grid-column-start: 17;
    }

    .dui-offset-s-17 {
        grid-column-start: 18;
    }

    .dui-offset-s-18 {
        grid-column-start: 19;
    }

    .dui-offset-s-19 {
        grid-column-start: 20;
    }

    .dui-offset-s-20 {
        grid-column-start: 21;
    }

    .dui-offset-s-21 {
        grid-column-start: 22;
    }

    .dui-offset-s-22 {
        grid-column-start: 23;
    }

    .dui-offset-s-23 {
        grid-column-start: 24;
    }

    .dui-offset-s-24 {
        grid-column-start: 25;
    }

    .dui-offset-s-25 {
        grid-column-start: 26;
    }

    .dui-offset-s-26 {
        grid-column-start: 27;
    }

    .dui-offset-s-27 {
        grid-column-start: 28;
    }

    .dui-offset-s-28 {
        grid-column-start: 29;
    }

    .dui-offset-s-29 {
        grid-column-start: 30;
    }

    .dui-offset-s-30 {
        grid-column-start: 31;
    }

    .dui-offset-s-31 {
        grid-column-start: 32;
    }
}

/*x-Small screens*/
@media screen and (max-width: 768px) {
    .dui-span-xs-1 {
        grid-column-end: span 1;
    }

    .dui-span-xs-2 {
        grid-column-end: span 2;
    }

    .dui-span-xs-3 {
        grid-column-end: span 3;
    }

    .dui-span-xs-4 {
        grid-column-end: span 4;
    }

    .dui-span-xs-5 {
        grid-column-end: span 5;
    }

    .dui-span-xs-6 {
        grid-column-end: span 6;
    }

    .dui-span-xs-7 {
        grid-column-end: span 7;
    }

    .dui-span-xs-8 {
        grid-column-end: span 8;
    }

    .dui-span-xs-9 {
        grid-column-end: span 9;
    }

    .dui-span-xs-10 {
        grid-column-end: span 10;
    }

    .dui-span-xs-11 {
        grid-column-end: span 11;
    }

    .dui-span-xs-12 {
        grid-column-end: span 12;
    }

    .dui-span-xs-13 {
        grid-column-end: span 13;
    }

    .dui-span-xs-14 {
        grid-column-end: span 14;
    }

    .dui-span-xs-15 {
        grid-column-end: span 15;
    }

    .dui-span-xs-16 {
        grid-column-end: span 16;
    }

    .dui-span-xs-17 {
        grid-column-end: span 17;
    }

    .dui-span-xs-18 {
        grid-column-end: span 18;
    }

    .dui-span-xs-19 {
        grid-column-end: span 19;
    }

    .dui-span-xs-20 {
        grid-column-end: span 20;
    }

    .dui-span-xs-21 {
        grid-column-end: span 21;
    }

    .dui-span-xs-22 {
        grid-column-end: span 22;
    }

    .dui-span-xs-23 {
        grid-column-end: span 23;
    }

    .dui-span-xs-24 {
        grid-column-end: span 24;
    }

    .dui-span-xs-25 {
        grid-column-end: span 25;
    }

    .dui-span-xs-26 {
        grid-column-end: span 26;
    }

    .dui-span-xs-27 {
        grid-column-end: span 27;
    }

    .dui-span-xs-28 {
        grid-column-end: span 28;
    }

    .dui-span-xs-29 {
        grid-column-end: span 29;
    }

    .dui-span-xs-30 {
        grid-column-end: span 30;
    }

    .dui-span-xs-31 {
        grid-column-end: span 31;
    }

    .dui-span-xs-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-xs-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-xs-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-xs-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-xs-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-xs-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-xs-none {
    }

    .dui-offset-xs-0 {
        grid-column-start: 1;
    }

    .dui-offset-xs-1 {
        grid-column-start: 2;
    }

    .dui-offset-xs-2 {
        grid-column-start: 3;
    }

    .dui-offset-xs-3 {
        grid-column-start: 4;
    }

    .dui-offset-xs-4 {
        grid-column-start: 5;
    }

    .dui-offset-xs-5 {
        grid-column-start: 6;
    }

    .dui-offset-xs-6 {
        grid-column-start: 7;
    }

    .dui-offset-xs-7 {
        grid-column-start: 8;
    }

    .dui-offset-xs-8 {
        grid-column-start: 9;
    }

    .dui-offset-xs-9 {
        grid-column-start: 10;
    }

    .dui-offset-xs-10 {
        grid-column-start: 11;
    }

    .dui-offset-xs-11 {
        grid-column-start: 12;
    }

    .dui-offset-xs-12 {
        grid-column-start: 13;
    }

    .dui-offset-xs-13 {
        grid-column-start: 14;
    }

    .dui-offset-xs-14 {
        grid-column-start: 15;
    }

    .dui-offset-xs-15 {
        grid-column-start: 16;
    }

    .dui-offset-xs-16 {
        grid-column-start: 17;
    }

    .dui-offset-xs-17 {
        grid-column-start: 18;
    }

    .dui-offset-xs-18 {
        grid-column-start: 19;
    }

    .dui-offset-xs-19 {
        grid-column-start: 20;
    }

    .dui-offset-xs-20 {
        grid-column-start: 21;
    }

    .dui-offset-xs-21 {
        grid-column-start: 22;
    }

    .dui-offset-xs-22 {
        grid-column-start: 23;
    }

    .dui-offset-xs-23 {
        grid-column-start: 24;
    }

    .dui-offset-xs-24 {
        grid-column-start: 25;
    }

    .dui-offset-xs-25 {
        grid-column-start: 26;
    }

    .dui-offset-xs-26 {
        grid-column-start: 27;
    }

    .dui-offset-xs-27 {
        grid-column-start: 28;
    }

    .dui-offset-xs-28 {
        grid-column-start: 29;
    }

    .dui-offset-xs-29 {
        grid-column-start: 30;
    }

    .dui-offset-xs-30 {
        grid-column-start: 31;
    }

    .dui-offset-xs-31 {
        grid-column-start: 32;
    }
}

.dui-grid-col {
    min-inline-size: unset;
    min-height: 1px;
    max-width: 100%;
    display: block;
    flex-direction: column;
}.dui.mdi,
.dui.mdi-set {
    --dui-icon-size: var(--dui-font-size, var(--dui-default-icon-size));
}

.dui.mdi {
    display: inline-block;
    vertical-align: middle;
    line-height: initial;
}

.dui.mdi.dui-hidden {
    display:none;
}

.dui.dui-clickable {
    cursor: var(--dui-clickable-cursor);
    border-radius: var(--dui-spc-9999px);
    overflow: visible;
}

.dui.dui-clickable:focus,
.dui.dui-clickable:focus-visible,
.dui.dui-clickable:hover {
    transition: var(--dui-clickable-transition);
    background: rgb(0 0 0 / 8%);
    transform-origin: 50% 50%;
    transform: var(--dui-clickable-transform);
    box-shadow: var(--dui-clickable-box-shadow);
    outline: none;
}

*.dui[disabled] .dui.mdi.dui-clickable:hover {
    background: none;
    box-shadow: none;
}

.dui.mdi .dui-mdi-text{
    float: right;
}
.dui.mdi .dui-mdi-text,
.dui.mdi + .dui-mdi-text{
    vertical-align: middle;
}
.dui.mdi{
    min-width: calc(var(--dui-icon-size) + 4px);
    max-width: calc(var(--dui-icon-size) + 4px);
    max-height: calc(var(--dui-icon-size) + 4px);
    min-height: calc(var(--dui-icon-size) + 4px);
    line-height: calc(var(--dui-icon-size) + 4px);
    text-align: center;
}
.dui.mdi:before {
    font-size: var(--dui-icon-size);
}
.dui.mdi .dui-mdi-text,
.dui.mdi + .dui-mdi-text {
    display: inline-block;
    line-height: calc(var(--dui-icon-size) + 4px);
}

.dui-labeled-icon {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    align-items: center;
    gap: var(--dui-spc-1);
}.dui-info-block {
    --dui-nav-bar-padding: 0;
    display: flex;
    flex-direction: column;
}

.dui-info-block-header {
    order: var(--dui-order-10);
}

.dui-info-block-body {
    flex-grow: 1;
    order: var(--dui-order-20);
    padding: var(--dui-spc-2);
}

.dui-info-block-footer {
    order: var(--dui-order-30);
}
.dui-info-box {
    height: auto;
    display: flex;
    flex-direction: var(--dui-infobox-direction);
    cursor: default;
    background-color: var(--dui-info-background-color);
    position: relative;
    overflow: hidden;
    margin: var(--dui-info-margin);
    color: var(--dui-text-color, var(--dui-info-color));
    box-shadow: var(--dui-infobox-box-shadow);
}

.dui-info-box.dui-info-flipped {
    min-height: var(--dui-info-flipped-height);
    --dui-infobox-direction: row-reverse;
}

.dui-info-icon {
    display: inline-block;
    text-align: center;
    min-width: var(--dui-info-icon-size);
    width: var(--dui-info-icon-size);
    color: var(--dui-info-icon-color);
    background-color: var(--dui-bg, var(--dui-info-icon-background));
}


.dui-info-icon i.dui {
    min-width: var(--dui-info-icon-size);
    min-height: var(--dui-info-icon-size);
}

.dui-info-icon i.dui.mdi,
.dui-info-icon i.dui.mdi:before {
    font-size: var(--dui-info-icon-font-size);
    min-width: var(--dui-info-icon-size);
    line-height: var(--dui-info-icon-size);
}

.dui-info-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column-reverse;
    padding: var(--dui-info-content-padding);
    align-items: var(--dui-info-align, end);
}

.dui-info-title {
    order: 10;
    font-size: var(--dui-info-title-font-size);
    margin: var(--dui-info-title-margin);
}

.dui-info-value {
    order: 20;
    font: var(--dui-info-value-font);
    margin: var(--dui-info-value-margin);
}

.dui-info-flipped {
    --dui-info-align: start;
}

.dui-info-flipped .dui-info-content {
    padding: var(--dui-info-flipped-content-padding);
}

.dui-info-hover-zoom .dui-info-icon {
    overflow: hidden;
}

.dui-info-hover-zoom .dui-info-icon i.dui,
.dui-info-hover-zoom .dui-info-icon i.dui.mdi:before {
    transition: all var(--dui-info-hover-duration) ease;
}

.dui-info-hover-zoom:hover .dui-info-icon i.dui,
.dui-info-hover-zooms:hover .dui-info-icon i.dui.mdi:before {
    opacity: 0.4;
    transform: rotate(var(--dui-info-hover-rotation)) scale(var(--dui-info-hover-scale));
}

.dui-info-hover-expand:not(.dui-info-flipped):after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 70px;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all var(--dui-info-expand-duration);
    -o-transition: all var(--dui-info-expand-duration);
    -webkit-transition: all var(--dui-info-expand-duration);
    transition: all var(--dui-info-expand-duration);
}

.dui-info-flipped.dui-info-hover-expand:hover:after,
.dui-info-hover-expand:hover:after {
    width: 100%;
}

.dui-info-flipped.dui-info-hover-zoom .dui-info-icon i.dui,
.dui-info-flipped.dui-info-hover-zoom .dui-info-icon i.dui.mdi:before {
    transition: all var(--dui-info-hover-duration) ease;
}

.dui-info-flipped.dui-info-hover-expand:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    right: 70px;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    transition: all var(--dui-info-expand-duration);
}.dui-label {
    display: inline;
    font: var(--dui-label-font);
    padding: var(--dui-label-padding);
    margin: var(--dui-label-margin);
    line-height: var(--dui-label-line-height);
    color: var(--dui-text-color);
    text-align: var(--dui-label-text-align);
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--dui-label-border-radius);
    border: var(--dui-label-border);
}

a.dui-label:hover,
a.dui-label:focus {
    text-decoration: var(--dui-label-link-text-decoration);
    cursor:  var(--dui-label-link-cursor);
}

.dui-label:empty {
    display: none;
}.dui-list-group {
    padding: var(--dui-list-group-padding);
    margin-bottom: var(--dui-list-group-margin);

}

.dui-list-group-bordered {
    border: var(--dui-list-group-border);
    border-radius: var(--dui-list-group-radius);
}

.dui-list-group-item {
    position: relative;
    display: block;
    outline: var(--dui-list-group-item-outline);
    cursor: var(--dui-list-group-item-cursor);
    padding: var(--dui-list-group-item-padding);
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;

}


.dui-list-group-item:hover {
    background: var(--dui-list-group-item-hover-background, var(--dui-accent-l-5));
    color: var(--dui-list-group-item-hover-color);
}

.dui-list-group-item.dui-selected:hover {
    background: var(--dui-list-group-item-hover-background, var(--dui-accent-l-4));
    color: var(--dui-list-group-item-hover-color);
}

.dui-list-group-item.dui-selected {
    background: var(--dui-list-group-item-selected-background, var(--dui-accent));
    color: var(--dui-list-group-item-selected-color);
}

.dui-list-group .dui-list-group-item:first-child {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}

.dui-list-group .dui-list-group-item:last-child {
    margin-bottom: -1px;
}

.dui-list-group .dui-list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.dui-list-group .dui-list-group-item:first-child,
.dui-list-group-item + .dui-list-group-item {
    border-width: var(--dui-list-group-item-border-width);
    border-style: var(--dui-list-group-item-border-style);
    border-color: var(--dui-list-group-item-border-color);
}

.dui-list-group:disabled .dui-list-group-item,
.dui-list-group-item:disabled {
    cursor: var(--dui-list-group-item-disabled-cursor);
}.dui-loader {
    color: var(--dui-laoder-color);
}

.dui .waitMe_container .waitMe *{
    color: var(--dui-color);
}

.dui-loader-dark {
    background-color: var(--dui-loader-dark-color);
}

.dui-loader-darker {
    background-color: var(--dui-loader-darker-color);
}

.dui-loader-darkest {
    background-color: var(--dui-loader-darkest-color);
}

.dui-loader-border-dark {
    border-color: var(--dui-loader-dark-color);
}

.dui-loader-border-darker {
    border-color: var(--dui-loader-darker-color);
}

.dui-loader-border-darkest {
    border-color: var(--dui-loader-darkest-color);
}

.dui-field-input-wrapper .waitMe_container {
    --dui-loader-background:none;
}

.dui-field-input-wrapper .waitMe_container .waitMe .waitMe_content {
    top: auto;
}.dui-media {
    margin: var(--dui-media-margin);
    overflow: hidden;
    display: flex;
    width: 100%;
    flex-shrink: 0;
}

.dui-media-body {
    color: var(--dui-media-body-color);
    font: var(--dui-media-body-font);
}

.dui-media-heading {
    font: var(--dui-media-heading-font);
    color: var(--dui-media-heading-color);
}

.dui-media-body {
    order: 20;
    width: 100%;
    overflow: hidden;
    display: flex;
}

.dui-media-object {
    padding: var(--dui-media-object-padding);
}

.dui-media-left {
    order: 10;
}
.dui-media-right {
    float: right;
}

.dui-media-object,
.dui-media-body {
    display: table-cell;
    vertical-align: top;
}

.dui-media-middle {
    vertical-align: middle;
}

.dui-media-bottom {
    vertical-align: bottom;
}

.dui-media-heading {
    margin: var(--dui-media-heading-maring);
}.dui-menu {
    background-color: var(--dui-clr-dominant);
    overflow: visible;
    max-height: calc(100vh);
    max-width: calc(100vw);
    display: inline-flex;
    flex-direction: column;
    border: var(--dui-menu-border);
    color: var(--dui-menu-color);
    border-radius: var(--dui-menu-radius);
}

.dui-menu .dui-nav-bar {
    height: var(--dui-menu-header-height);
    border-width: var(--dui-menu-header-border-width);
    border-style: var(--dui-menu-header-border-style);
    border-color: var(--dui-menu-header-border-color);
    padding: var(--dui-menu-header-padding);
}

.dui-menu-item[disabled],
.dui-menu-item[disabled] *.dui,
.dui-menu[disabled] *.dui {
    color: var(--dui-menu-disabled-color);
    cursor: var(--dui-menu-disabled-cursor);
}

.dui-menu .dui-nav-bar:empty {
    display: none;
}

.dui-menu-back {
    order: 10;
}

.dui-menu-icon {
    order: 20;
}

.dui-menu-title {
    order: 30;
    flex-grow: 1;
}

.dui-menu-utility {
    order: 999999;
}

.dui-menu-search {
    order: 20;
    padding: var(--dui-menu-search-box-padding);
    border-width: var(--dui-menu-search-bar-border-width);
    border-style: var(--dui-menu-search-bar-border-style);
    border-color: var(--dui-menu-search-bar-border-color);
}

.dui-menu-search:empty {
    display: none;
}

.dui-menu .dui-menu-search-box {
    background-color: var(--dui-quick-search-bg-color);
    border-radius: var(--dui-spc-1);
    border: none;
}

.dui-menu-subheader {
    order: 30;
    padding: var(--dui-menu-subheader-padding);
    border-width: var(--dui-menu-subheader-border-width);
    border-style: var(--dui-menu-subheader-border-style);
    border-color: var(--dui-menu-subheader-border-color);
}

.dui-menu-subheader:empty {
    display: none;
}

.dui-menu-body {
    order: 40;
    flex-grow: 1;
    border-radius: inherit;
}

.dui-menu-item {
    cursor: pointer;
    text-align: left;
    padding: var(--dui-menu-item-padding);
    font-style: normal;
    position: relative;
}

.dui-menu-item:focus:not(.dui-hover-disabled),
.dui-menu-item:focus-within:not(.dui-hover-disabled),
.dui-menu-item:hover:not(.dui-hover-disabled) {
    outline: none;
    background-color: var(--dui-menu-item-hover-bg-color);
    color: var(--dui-menu-item-hover-color);
}

.dui-menu-item:hover:before {
    content: var(--dui-menu-hover-before-content);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid var(--dui-accent);
    width: 0;
    height: 0;
    left: 0;
    position: absolute;
    top: calc(50% - 6px);
}

.dui-menu-item.dui-menu-item-selected:focus:not(.dui-hover-disabled),
.dui-menu-item.dui-menu-item-selected:focus-within:not(.dui-hover-disabled) {
    outline: none;
    background-color: var(--dui-menu-item-selected-hover-bg-color);
    color: var(--dui-menu-item-selected-hover-color);
}

.dui-menu-item-anchor:focus {
    outline: none;
}

.dui-menu-item-anchor {
    display: flex;
    align-items: start;
    gap: var(--dui-menu-item-anchor-gap);
    text-decoration: none;
    flex-wrap: nowrap;
    flex-basis: 24px;
}

.dui-menu-item-icon {
    order: 10;
    min-width: var(--dui-menu-item-icon-min-height);
}

.dui-menu-item-utility {
    order: 30;
}

.dui-menu-indicator {
    order: 99999998;
    min-width: var(--dui-menu-item-icon-min-height);
}

.dui-menu-drop {
    position: absolute;
    width: fit-content;
    box-shadow: var(--dui-box-shadow);
    min-width: max(var(--dui-spc-40), var(--dui-menu-drop-min-width));
}

.dui-menu-drop.dui-context-menu {
    --dui-menu-drop-min-width: fit-content;
    min-width: fit-content;
    max-width: fit-content;
}

.dui-menu-drop .dui-menu-items-list {
    max-height: calc(100vh - 50vh);
    overflow-y: auto;
    overflow-x: hidden;
}

.dui-menu-no-results {
    color: var(--dui-menu-no-result-color);
    display: list-item;
    background: var(--dui-menu-no-result-background);
    padding: var(--dui-menu-no-result-padding);
    text-align: var(--dui-menu-no-result-text-align);
    min-height: var(--dui-menu-item-icon-min-height);
}

.dui-menu-create-missing {
    color: var(--dui-menu-create-missing-color);
    background-color: var(--dui-menu-create-missing-background);
    padding: var(--dui-menu-create-missing-padding);
    margin: var(--dui-menu-create-missing-margin);
    border-radius: var(--dui-menu-create-missing-radius);
    text-align: var(--dui-menu-create-missing-text-align);
    display: block;
}

.dui-menu-create-missing:focus {
    background-color: var(--dui-menu-create-missing-focus-background);
    outline: none;
}

.dui-menu-items-list {
    list-style: none;
    padding: var(--dui-menu-items-list-padding);
    margin: var(--dui-menu-items-list-margin);
    border-radius: inherit;
}

.dui-menu-separator {
    display: block;
    margin: var(--dui-spc-2) 0;
    height: 1px;
    width: 100%;
    border-bottom: var(--dui-menu-border);
}

.dui-menu-item-selected {
    background-color: var(--dui-menu-item-selected-bg-color);
    color: var(--dui-menu-item-selected-color);
}

.dui.dui-menu-append-target {
    overflow: visible;
    position: relative;
}

.dui-menu-item-prefix {
    min-width: 24px;
    order: 20;
    color: var(--dui-menu-item-color, var(--dui-accent));
}

.dui-menu-item-body {
    display: flex;
    flex-direction: column;
    order: 30;
    flex-grow: 1;
    max-width: calc(100% - 32px);
}

.dui-menu-item-postfix:empty {
    display: none;
}

.dui-menu-item-postfix {
    order: 40;
    color: var(--dui-menu-item-color, var(--dui-accent));
}

.dui-menu-item-nested-indicator {
    order: 999999999;
    min-width: 24px;
}

.dui-menu-item-content:empty {
    display: none;
}

.dui-menu-item-content {
    padding-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--dui-color);
}

.dui-menu-item-hint:empty {
    display: none;
}

.dui-menu-item-hint {
    order: 99999999;
    min-width: 100%;
    padding: var(--dui-menu-item-hint-padding);
    flex-grow: 1;
    margin: var(--dui-menu-item-hint-margin);
    color: var(--dui-menu-item-hint-color);
    font: var(--dui-menu-item-hint-font);
    position: relative;
    top: 5px;
}

a.dui-menu-group-header:focus,
a.dui-menu-group-header {
    text-decoration: none;
    outline: none;
    display: flex;
}

a.dui-menu-group-header .dui-menu-item-nested-indicator:empty,
a.dui-menu-group-header .dui-menu-item-postfix:empty,
a.dui-menu-group-header .dui-menu-item-prefix:empty {
    display: none;
}

a.dui-menu-group-header .dui-menu-item-body {
    max-width: calc(100%);
}

a.dui-menu-group-header .dui-menu-item-prefix:empty {
    display: none;
}

.dui-menu-group-header-nav {
    border: none;
    --dui-menu-header-border-width: 0;
}

.dui-menu-items-list .li:last-child {
    border-bottom-right-radius: var(--dui-menu-radius);
    border-bottom-left-radius: var(--dui-menu-radius);
}

.dui-menu-footer {
    order: 50;
}.dui-dialog-box {
    background-color: rgba(128, 128, 128, 0.0);
    border-radius: var(--dui-dialog-border-radius);
    position: absolute;
    max-width: 100vw;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    top: 0;
    pointer-events: none;
}

.dui-dialog {
    background-color: var(--dui-clr-dominant);
    box-shadow: var(--dui-dialog-box-shadow);
    border-radius: var(--dui-dialog-border-radius);
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-height: var(--dui-dialog-default-height);
    width: var(--dui-dialog-default-width);
    top: var(--dui-dialog-default-top);
    transform: translateY(var(--dui-dialog-default-top-translate));
    display: flex;
    flex-direction: column;
    overflow: clip;
    transition: all 0.5s;
    max-height: 100vh;
    max-height: 100dvh;
    pointer-events: auto;
}

.dui-dialog.dui-w-xs{
    width: var(--dui-dialog-xsamll-width);
}

.dui-dialog.dui-h-xs{
    min-height: var(--dui-dialog-xsmall-height);
}

.dui-dialog.dui-w-sm{
    width: var(--dui-dialog-samll-width);
}

.dui-dialog.dui-h-sm{
    min-height: var(--dui-dialog-small-height);
}

.dui-dialog.dui-w-md{
    width: var(--dui-dialog-medium-width);
}

.dui-dialog.dui-h-md{
    min-height: var(--dui-dialog-medium-height);
}

.dui-dialog.dui-w-lg{
    width: var(--dui-dialog-large-width);
}

.dui-dialog.dui-h-lg{
    min-height: var(--dui-dialog-large-height);
}

.dui-dialog.dui-w-xl{
    width: var(--dui-dialog-xlarge-width);
}

.dui-dialog.dui-h-xl{
    min-height: var(--dui-dialog-xlarge-height);
}

.dui-dialog.dui-w-full{
    width: var(--dui-dialog-full-width);
}

.dui-dialog.dui-h-full{
    min-height: var(--dui-dialog-full-height);
}

/* --------- side sheet --------------------  */
.dui-dialog.dui-side-sheet,
.dui-dialog.dui-side-sheet.dui-h-xs,
.dui-dialog.dui-side-sheet.dui-h-sm,
.dui-dialog.dui-side-sheet.dui-h-md,
.dui-dialog.dui-side-sheet.dui-h-lg,
.dui-dialog.dui-side-sheet.dui-h-xl {
    min-height: 100%;
    top: 0;
    transform: translateY(0) !important;
    border-radius: 0;
}

.dui-dialog.dui-left-sheet{
    margin-left: 0;
}

.dui-dialog.dui-right-sheet{
    margin-right: 0;
}

/* --------------- Top bottom sheet ---------------- */

.dui-dialog.dui-horizontal-sheet,
.dui-dialog.dui-horizontal-sheet.dui-w-xs,
.dui-dialog.dui-horizontal-sheet.dui-w-sm,
.dui-dialog.dui-horizontal-sheet.dui-w-dm,
.dui-dialog.dui-horizontal-sheet.dui-w-lg,
.dui-dialog.dui-horizontal-sheet.dui-w-xl {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
}

.dui-dialog.dui-top-sheet{
    top: 0;
    transform: translateY(0) !important;
}

.dui-dialog.dui-bottom-sheet{
    top: 100%;
    transform: translateY(calc(-100%)) !important;
}

.dui-dialog-header {
    cursor: var(--dui-dialog-title-cursor);
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    border-width: var(--dui-dialog-title-border-width);
    border-style: var(--dui-dialog-title-border-style);
    border-color: var(--dui-dialog-title-border-color);
    font: var(--dui-dialog-title-font);
    color: var(--dui-text-color);
    order: 10;
    gap: var(--dui-dialog-header-gap);
}

.dui-dialog-content-header,
.dui-dialog-header {
    margin: var(--dui-dialog-title-margin);
    padding: var(--dui-dialog-title-padding);
    display: flex;
    align-items: center;
}

.dui-dialog-content-header {
    order: 1;
    font: var(--dui-dialog-header-font);
}

.dui-dialog-icon {
    order: 1;
}
.dui-dialog-header *.dui {
    margin: var(--dui-dialog-title-items-margin);
}
.dui-dialog-title {
    flex-grow: 1;
    order: 2;
}
.dui-dialog-utility{
    order: 999999;
}

.dui-dialog-content {
    order: 20;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
}

.dui-dialog-body {
    order: 2;
    padding: var(--dui-dialog-body-padding);
    flex-grow: 1;
    overflow-y: auto;
}

.dui-dialog-footer {
    order: 3;
    border-width: var(--dui-dialog-footer-border-width);
    border-style: var(--dui-dialog-footer-border-style);
    border-color: var(--dui-dialog-footer-border-color);
    padding: var(--dui-dialog-footer-padding);
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.dui-dialog-header:empty,
.dui-dialog-content:empty,
.dui-dialog-content-header:empty,
.dui-dialog-footer:empty{
    display: none;
}

.dui-dialog-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    transition: none;
}

.dui-dialog-nav {
    height: var(--dui-dialog-nave-height);
    padding: 0px;
}

.dui-dialog.dui-window.dui-no-transition {
    transition: none;
}

.dui-dialog.dui-window {
    position: absolute;
    left: 0;
    top: 0;
    transform: none;
    transition: width 0.5s, height 0.5s;
    margin: 0;
}

.dui-dialog.dui-window.dui-maximized {
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}.dui-nav-bar {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--dui-nav-bar-gap);
    background-color: inherit;
    color: inherit;
    padding: var(--dui-nav-bar-padding);
    border-radius: inherit;
    position: relative;
    border-width: 0;
}

.dui-nav-bar .dui-prefix-addon {
    column-width: auto;
    margin: var(--dui-nav-bar-addon-margin);
    order: 10;
}
.dui-nav-title {
    margin: var(--dui-nav-bar-title-margin);
    order: 20;
    text-indent: var(--dui-nav-bar-title-indent);
}

.dui-nav-body {
    margin: var(--dui-nav-bar-body-margin);
    order: 30;
    flex-grow: 1;
    text-indent: var(--dui-nav-bar-body-indent);
}

.dui-nav-bar .dui-postfix-addon {
    margin: var(--dui-nav-bar-utility-margin);
    order: 40;
}

.dui-nav-description {
    display: block;
    font: var(--dui-nav-bar-description-font);
    margin: var(--dui-nav-bar-description-margin);
    color: var(--dui-text-color, var(--dui-nav-bar-description-color));
    line-height: var(--dui-nav-bar-description-line-height);
}.dui-notification-wrapper {
    position: fixed;
    width: 100%;
    height:0;
    overflow: visible;
    background: none;
    text-align: center;
    z-index: 9999999;
    display: flex;
    padding: 0 var(--dui-ntfy-left-right-space);
    pointer-events: none;
}

.dui-notification{
    display: flex;
    position: absolute;
    align-items: center;
    height: max-content;
    padding: var(--dui-ntfy-padding);
    margin: var(--dui-ntfy-margin);
    border-radius: var(--dui-ntfy-border-radius);
    border: var(--dui-ntfy-border);
    color: var(--dui-ntfy-color);
    background-color: var(--dui-bg-d-2, var(--dui-ntfy-background));
    font: var(--dui-ntfy-font);
    box-shadow: var(--dui-ntfy-box-shadow);
    line-height: var(--dui-ntfy-line-height);
    z-index: 9999999;
    pointer-events: auto;
    transition: all 0.2s;
}
.dui-notification .dui-close{
    order: 9999;
    margin:var(--dui-ntfy-close-icon-margin);
}
.dui-notification-filler{
    order: 9990;
    flex-grow: 1;
}

.dui-ntf-top-middle .dui-notification,
.dui-ntf-top-right .dui-notification,
.dui-ntf-top-left .dui-notification{
    margin-top: var(--dui-ntfy-top-bottom-space);
}

.dui-notification-wrapper.dui-ntf-top-left {
    top: 0;
    justify-content: start;
}

.dui-notification-wrapper.dui-ntf-top-middle {
    top: 0;
    justify-content: center;
}

.dui-notification-wrapper.dui-ntf-top-right {
    top: 0;
    justify-content: end;
}

.dui-ntf-top-middle .dui-notification,
.dui-ntf-top-right .dui-notification,
.dui-ntf-top-left .dui-notification {
    top: var(--dui-ntf-position-offset, 0);
}

.dui-ntf-bottom-middle .dui-notification,
.dui-ntf-bottom-right .dui-notification,
.dui-ntf-bottom-left .dui-notification {
    margin-bottom: var(--dui-ntfy-top-bottom-space);
    bottom: var(--dui-ntf-position-offset, 0);
}
.dui-notification-wrapper.dui-ntf-bottom-left {
    top: 100vh;
    justify-content: start;
}

.dui-notification-wrapper.dui-ntf-bottom-middle {
    top: 100vh;
    justify-content: center;
}

.dui-notification-wrapper.dui-ntf-bottom-right {
    top: 100vh;
    justify-content: end;
}.dui-pager {
    user-select: none;
}

.dui-pager[disabled] {
    color: var(--dui-pager-disabled-color);
}

.dui-pager-list {
    display: inline-block;
    padding: var(--dui-pager-list-padding);
    margin: var(--dui-pager-list-margin);
}

.dui-pager-item {
    display: inline;
}

.dui-page-link{
    font:var(--dui-pager-page-link-font);
    text-align: center;
    display: inline-block;
    width: var(--dui-pager-page-link-size);
    height: var(--dui-pager-page-link-size);
    border-radius: var(--dui-pager-page-link-border-radius);
    line-height: var(--dui-pager-page-link-size);
    cursor: var(--dui-pager-page-link-cursor);
    text-decoration: var(--dui-pagination-link-text-decoration);
}

.dui-page-icon {
    margin-top: -3px;
}

.dui-page-link.dui-active {
    color: var(--dui-pager-active-page-color);
    background-color: var(--dui-pager-page-link-active-background, var(--dui-accent));
}

.dui-page-link.dui-active:focus {
    color: var(--dui-pager-active-focus-page-color);
}

.dui-page-link.dui-active:hover {
    color: var(--dui-pager-active-hover-page-color);
}

.dui-pager-item {
    margin: var(--dui-pager-item-margin);
}

.dui-sm .dui-page-link {
    font: var(--dui-pager-page-link-font-small);
    line-height: var(--dui-pager-page-link-size);
}

.dui-lg .dui-page-link  {
    font: var(--dui-pager-page-link-font-large);
    line-height: var(--dui-pager-page-link-size);
}
.dui-lg .dui-page-icon {
    min-width: var(--dui-pager-page-link-size);
    min-height: var(--dui-pager-page-link-size);
    line-height: var(--dui-pager-page-link-size);
}

.dui-navigator-nav[disabled],
.dui-page-link[disabled],
.dui-page-link[disabled]:hover:not(.dui-pagination-select),
.dui-page-link[disabled]:focus:not(.dui-pagination-select) {
    color: var(--dui-pager-page-link-disabled-color);
    cursor: var(--dui-pager-page-link-disabled-cursor);
    pointer-events: none;
}

.dui-pager[disabled],
.dui-pager[disabled] .dui-page-link {
    cursor: not-allowed;
}

.dui-page-count {
    border-radius: var(--dui-pager-page-count-radius);
    margin: var(--dui-pager-page-count-margin);
    line-height: var(--dui-pager-page-link-size);
    min-width: var(--dui-pager-page-count-min-width);
}

.dui-page-count:hover,
.dui-page-count:focus{
    cursor: default;
}

.dui-pager .dui-page-count {
    margin: var(--dui-pager-page-count-margin);
    line-height: var(--dui-pager-page-link-size);
}

.dui-navigator {
    padding: var(--dui-navigator-padding);
    margin: var(--dui-navigator-margin);
    text-align: var(--dui-navigator-text-align);
    list-style: none;
    width: var(--dui-navigator-width);
}

.dui-navigator-nav {
    display: inline-block;
    padding: var(--dui-navigator-nav-padding);
    min-width: var(--dui-navigator-nav-min-width);
    cursor: pointer;
    text-decoration: var(--dui-pagination-link-text-decoration);
}


.dui-navigator-nav:hover,
.dui-navigator-nav:focus {
    border-radius: var(--dui-pager-page-count-radius);
    background-color: var(--dui-pager-page-link-active-hover-background, var(--dui-bg-d-1));
}

.dui-navigator-next {
    float: var(--dui-navigator-nav-next-float);
}

.dui-navigator-previous {
    float: var(--dui-navigator-nav-prev-float);
}
.dui-pagination-select {
    min-width: 120px;
}

.dui-page-link.dui-pagination-select {
    border-radius: 0px;
}
.dui-page-link .dui-form-select {
    min-width: 120px;
}.dui-popover {
    position: absolute;
    border-color: var(--dui-clr-white);
    box-shadow: var(--dui-box-shadow-4);
    background-color: var(--dui-bg, var(--dui-clr-dominant));
}

.dui-popover-header {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.dui-popover-wrapper {
    position: relative;
    border-color: inherit;
    border-radius: inherit;
}

.dui-popover-arrow {
    content: " ";
    border-width: var(--dui-popover-arrow-size);
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    overflow: visible;
    filter: drop-shadow(0px 0px 0px var(--dui-shadow-clr));
    border-color: var(--dui-accent, inherit);
}

/*----------------------- BOTTOM --------------------*/
.dui-popover.dui-dd-bottom-middle:not(.dui-dd-middle-screen),
.dui-popover.dui-dd-bottom-left:not(.dui-dd-middle-screen),
.dui-popover.dui-dd-bottom-right:not(.dui-dd-middle-screen) {
    transform: translateY(var(--dui-popover-position-offset));
}

.dui-dd-bottom-middle .dui-popover-wrapper .dui-popover-arrow,
.dui-dd-bottom-left .dui-popover-wrapper .dui-popover-arrow,
.dui-dd-bottom-right .dui-popover-wrapper .dui-popover-arrow {
    top: 0;
    transform: translate(-50%, -100%);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

.dui-dd-bottom-middle .dui-popover-wrapper .dui-popover-arrow {
    left: calc(50% + var(--dui-menu-drop-pin-offset, 0));
}

.dui-dd-bottom-left .dui-popover-wrapper .dui-popover-arrow {
    right: 0;
}

.dui-dd-bottom-right .dui-popover-wrapper .dui-popover-arrow {
    left: 0;
    transform: translate(2px, -100%);
}

/*----------------- TOP ------------------------------*/

.dui-popover.dui-dd-top-middle:not(.dui-dd-middle-screen),
.dui-popover.dui-dd-top-left:not(.dui-dd-middle-screen),
.dui-popover.dui-dd-top-right:not(.dui-dd-middle-screen) {
    transform: translateY(calc(var(--dui-popover-position-offset) * -1));
}

.dui-dd-top-middle .dui-popover-wrapper .dui-popover-arrow,
.dui-dd-top-left .dui-popover-wrapper .dui-popover-arrow,
.dui-dd-top-right .dui-popover-wrapper .dui-popover-arrow {
    bottom: 0;
    transform: translate(-50%, 100%);
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.dui-dd-top-middle .dui-popover-wrapper .dui-popover-arrow {
    left: calc(50% + var(--dui-menu-drop-pin-offset, 0));
}

.dui-dd-top-left .dui-popover-wrapper .dui-popover-arrow {
    right: 0;
}

.dui-dd-top-right .dui-popover-wrapper .dui-popover-arrow {
    left: 0;
    transform: translate(2px, 100%);
}

/*------------------------- LEFT ----------------------------------------*/

.dui-popover.dui-dd-left-middle:not(.dui-dd-middle-screen),
.dui-popover.dui-dd-left-up:not(.dui-dd-middle-screen),
.dui-popover.dui-dd-left-down:not(.dui-dd-middle-screen) {
    transform: translateX(calc(var(--dui-popover-position-offset) * -1));
}

.dui-dd-left-middle .dui-popover-wrapper .dui-popover-arrow,
.dui-dd-left-up .dui-popover-wrapper .dui-popover-arrow,
.dui-dd-left-down .dui-popover-wrapper .dui-popover-arrow {
    right: 0;
    transform: translate(100%, 50%);
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

.dui-dd-left-middle .dui-popover-wrapper .dui-popover-arrow {
    top: calc(50% - var(--dui-dd-position-delta, 0));
}

.dui-dd-left-up .dui-popover-wrapper .dui-popover-arrow {
    top: var(--dui-dd-position-delta);
}

.dui-dd-left-down .dui-popover-wrapper .dui-popover-arrow {
    top: var(--dui-dd-position-delta);
}

/*------------------------- LEFT ----------------------------------------*/

.dui-popover.dui-dd-right-middle:not(.dui-dd-middle-screen),
.dui-popover.dui-dd-right-up:not(.dui-dd-middle-screen),
.dui-popover.dui-dd-right-down:not(.dui-dd-middle-screen) {
    transform: translateX(calc(var(--dui-popover-position-offset)));
}

.dui-dd-right-middle .dui-popover-wrapper .dui-popover-arrow,
.dui-dd-right-up .dui-popover-wrapper .dui-popover-arrow,
.dui-dd-right-down .dui-popover-wrapper .dui-popover-arrow {
    left: 0;
    transform: translate(-100%, 50%);
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.dui-dd-right-middle .dui-popover-wrapper .dui-popover-arrow {
    top: calc(50% - var(--dui-dd-position-delta, 0));
}

.dui-dd-right-up .dui-popover-wrapper .dui-popover-arrow {
    top: var(--dui-dd-position-delta);
}

.dui-dd-right-down .dui-popover-wrapper .dui-popover-arrow {
    top: var(--dui-dd-position-delta);
}

/*--------------- MIDDLE SCREEN ---------------*/

.dui-popover.dui-dd-best-mouse-fit,
.dui-popover.dui-dd-middle-screen {
    transform: none;
}

.dui-dd-best-mouse-fit .dui-popover-wrapper .dui-popover-arrow,
.dui-dd-middle-screen .dui-popover-wrapper .dui-popover-arrow {
    display: none;
}

.dui-tooltip {
    background-color: var(--dui-tooltip-default-background);
    color: var(--dui-tooltip-default-color);
}

.dui-tooltip .dui-popover-wrapper {
    padding: var(--dui-toolip-padding);
}

.dui-tooltip .dui-popover-arrow {
    border-color: var(--dui-tooltip-default-background);
    border-width: var(--dui-tooltip-arrow-size);
}

.dui-popup-dialog {
    top: 5%;
    max-width: calc(100vw);
    margin: 0 5%;
}

.dui-popup-dialog .dui-popover-arrow {
    display: none;
}.dui-preloader {
    display: inline-block;
    position: relative;
    width: var(--dui-preloader-size);
    height: var(--dui-preloader-size);
    animation: container-rotate 1568ms linear infinite;
}

.dui-preloader.dui-xl {
    width: var(--dui-preloader-size-xlg);
    height: var(--dui-preloader-size-xlg);
}

.dui-preloader.dui-lg {
    width: var(--dui-preloader-size-lg);
    height: var(--dui-preloader-size-lg);
}

.dui-preloader.dui-md {
    width: var(--dui-preloader-size-md);
    height: var(--dui-preloader-size-md);
}

.dui-preloader.dui-sm {
    width: var(--dui-preloader-size-sm);
    height: var(--dui-preloader-size-sm);
}

.dui-preloader.dui-xs {
    width: var(--dui-preloader-size-xsm);
    height: var(--dui-preloader-size-xsm);
}

.dui-pl-spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    border-color: var(--dui-fg, var(--dui-preloader-color));
    opacity: 1;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.dui-pl-circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.dui-pl-circle-left,
.dui-pl-circle-right {
    width: 200%;
    height: 100%;
    border-width: var(--dui-preloader-thinckness);
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.dui-pl-circle-left {
    left: 0;
    border-right-color: transparent;
    transform: rotate(129deg);
    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.dui-pl-circle-right {
    left: -100%;
    border-left-color: transparent;
    transform: rotate(-129deg);
    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.dui-pl-right {
    float: right;
}
@-webkit-keyframes dui-progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@-o-keyframes dui-progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes dui-progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.dui-progress {
    height: var(--dui-progress-hight);
    margin: var(--dui-progress-margin);
    overflow: hidden;
    background-color: var(--dui-progress-background);
    border-radius: var(--dui-progress-radius);
    box-shadow: var(--dui-progress-box-shadow);
}

.dui-progress-bar {
    line-height: var(--dui-progress-bar-line-hight);
    box-shadow: var(--dui-progress-bar-box-shadow);
    float: var(--dui-progress-bar-float);
    width: 0;
    height: 100%;
    font: var(--dui-progress-bar-font);
    line-height: var(--dui-progress-bar-line-hight);
    color: var(--dui-progress-bar-color);
    text-align: var(--dui-progress-bar-text-align);
    transition: width 500ms ease;
    background-color: var(--dui-accent);
}

.dui-progress-bar:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}

.dui-progress-bar:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

.dui-progress-bar.dui-active {
    animation: dui-progress-bar-stripes 2s linear infinite;
}.dui-rich-text {
    display: flex;
    flex-direction: column;
    background-color: var(--dui-clr-dominant-d-2);
    border-radius: var(--dui-spc-1_5);
    padding: var(--dui-spc-2);
}

.dui-rich-text-editable {
    padding: var(--dui-spc-2);
    background-color: var(--dui-clr-dominant);
    border-radius: var(--dui-spc-1_5);
    height: var(--dui-spc-full);
    width: 100%;
    outline-width: var(--dui-spc-0);
    flex-grow: 1;
}

.dui-rich-text-toolbars {
    display: flex;
    flex-wrap: wrap;
    gap: var(--dui-spc-1);
    padding: 0 0 var(--dui-spc-2) 0;
}@media screen and (max-width: 1800px) {
    .dui.dui-hide-on-large-and-down,
    .dui.dui-hide-on-large-and-down.dui-block,
    .dui.dui-hide-on-large-and-down.dui-block-full,
    .dui.dui-hide-on-large-and-down.dui-inline-block,
    .dui.dui-hide-on-large-and-down.dui-inline,
    .dui.dui-hide-on-large-and-down.dui-flex,
    .dui.dui-hide-on-large-and-down.dui-inline-flex,
    .dui.dui-hide-on-large-and-down.dui-table,
    .dui.dui-hide-on-large-and-down.dui-inline-table,
    .dui.dui-hide-on-large-and-down.dui-table-caption,
    .dui.dui-hide-on-large-and-down.dui-table-cell,
    .dui.dui-hide-on-large-and-down.dui-table-column,
    .dui.dui-hide-on-large-and-down.dui-table-column-group,
    .dui.dui-hide-on-large-and-down.dui-table-footer-group,
    .dui.dui-hide-on-large-and-down.dui-table-header-group,
    .dui.dui-hide-on-large-and-down.dui-table-row-group,
    .dui.dui-hide-on-large-and-down.dui-table-row,
    .dui.dui-hide-on-large-and-down.dui-flow-root,
    .dui.dui-hide-on-large-and-down.dui-grid,
    .dui.dui-hide-on-large-and-down.dui-inline-grid,
    .dui.dui-hide-on-large-and-down.dui-contents,
    .dui.dui-hide-on-large-and-down.dui-list-item,
    .dui.dui-hide-on-large-and-down.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-large-and-down {
        display: block;
    }

    .dui.dui-show-on-large-and-down.dui-block {
        display: block;
    }

    .dui.dui-show-on-large-and-down.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-large-and-down.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-large-and-down.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-large-and-down.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-large-and-down.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-large-and-down.dui-table {
        display: table;
    }

    .dui.dui-show-on-large-and-down.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-large-and-down.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-large-and-down.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-large-and-down.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-large-and-down.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-large-and-down.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-large-and-down.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-large-and-down.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-large-and-down.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-large-and-down.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-large-and-down.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-large-and-down.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-large-and-down.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-large-and-down.dui-list-item {
        display: list-item;
    }
}@media screen and (min-width: 1200px) {

    .dui.dui-hide-on-large-and-up,
    .dui.dui-hide-on-large-and-up.dui-block,
    .dui.dui-hide-on-large-and-up.dui-block-full,
    .dui.dui-hide-on-large-and-up.dui-inline-block,
    .dui.dui-hide-on-large-and-up.dui-inline,
    .dui.dui-hide-on-large-and-up.dui-flex,
    .dui.dui-hide-on-large-and-up.dui-inline-flex,
    .dui.dui-hide-on-large-and-up.dui-table,
    .dui.dui-hide-on-large-and-up.dui-inline-table,
    .dui.dui-hide-on-large-and-up.dui-table-caption,
    .dui.dui-hide-on-large-and-up.dui-table-cell,
    .dui.dui-hide-on-large-and-up.dui-table-column,
    .dui.dui-hide-on-large-and-up.dui-table-column-group,
    .dui.dui-hide-on-large-and-up.dui-table-footer-group,
    .dui.dui-hide-on-large-and-up.dui-table-header-group,
    .dui.dui-hide-on-large-and-up.dui-table-row-group,
    .dui.dui-hide-on-large-and-up.dui-table-row,
    .dui.dui-hide-on-large-and-up.dui-flow-root,
    .dui.dui-hide-on-large-and-up.dui-grid,
    .dui.dui-hide-on-large-and-up.dui-inline-grid,
    .dui.dui-hide-on-large-and-up.dui-contents,
    .dui.dui-hide-on-large-and-up.dui-list-item,
    .dui.dui-hide-on-large-and-up.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-large-and-up {
        display: block;
    }

    .dui.dui-show-on-large-and-up.dui-block {
        display: block;
    }

    .dui.dui-show-on-large-and-up.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-large-and-up.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-large-and-up.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-large-and-up.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-large-and-up.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-large-and-up.dui-table {
        display: table;
    }

    .dui.dui-show-on-large-and-up.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-large-and-up.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-large-and-up.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-large-and-up.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-large-and-up.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-large-and-up.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-large-and-up.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-large-and-up.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-large-and-up.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-large-and-up.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-large-and-up.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-large-and-up.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-large-and-up.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-large-and-up.dui-list-item {
        display: list-item;
    }
}@media screen and (min-width: 1200px) and (max-width: 1800px) {

    .dui-span-l-1 {
        grid-column-end: span 1;
    }

    .dui-span-l-2 {
        grid-column-end: span 2;
    }

    .dui-span-l-3 {
        grid-column-end: span 3;
    }

    .dui-span-l-4 {
        grid-column-end: span 4;
    }

    .dui-span-l-5 {
        grid-column-end: span 5;
    }

    .dui-span-l-6 {
        grid-column-end: span 6;
    }

    .dui-span-l-7 {
        grid-column-end: span 7;
    }

    .dui-span-l-8 {
        grid-column-end: span 8;
    }

    .dui-span-l-9 {
        grid-column-end: span 9;
    }

    .dui-span-l-10 {
        grid-column-end: span 10;
    }

    .dui-span-l-11 {
        grid-column-end: span 11;
    }

    .dui-span-l-12 {
        grid-column-end: span 12;
    }

    .dui-span-l-13 {
        grid-column-end: span 13;
    }

    .dui-span-l-14 {
        grid-column-end: span 14;
    }

    .dui-span-l-15 {
        grid-column-end: span 15;
    }

    .dui-span-l-16 {
        grid-column-end: span 16;
    }

    .dui-span-l-17 {
        grid-column-end: span 17;
    }

    .dui-span-l-18 {
        grid-column-end: span 18;
    }

    .dui-span-l-19 {
        grid-column-end: span 19;
    }

    .dui-span-l-20 {
        grid-column-end: span 20;
    }

    .dui-span-l-21 {
        grid-column-end: span 21;
    }

    .dui-span-l-22 {
        grid-column-end: span 22;
    }

    .dui-span-l-23 {
        grid-column-end: span 23;
    }

    .dui-span-l-24 {
        grid-column-end: span 24;
    }

    .dui-span-l-25 {
        grid-column-end: span 25;
    }

    .dui-span-l-26 {
        grid-column-end: span 26;
    }

    .dui-span-l-27 {
        grid-column-end: span 27;
    }

    .dui-span-l-28 {
        grid-column-end: span 28;
    }

    .dui-span-l-29 {
        grid-column-end: span 29;
    }

    .dui-span-l-30 {
        grid-column-end: span 30;
    }

    .dui-span-l-31 {
        grid-column-end: span 31;
    }

    .dui-span-l-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-l-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-l-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-l-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-l-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-l-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-l-none {
    }

    .dui-offset-l-0 {
        grid-column-start: 1;
    }

    .dui-offset-l-1 {
        grid-column-start: 2;
    }

    .dui-offset-l-2 {
        grid-column-start: 3;
    }

    .dui-offset-l-3 {
        grid-column-start: 4;
    }

    .dui-offset-l-4 {
        grid-column-start: 5;
    }

    .dui-offset-l-5 {
        grid-column-start: 6;
    }

    .dui-offset-l-6 {
        grid-column-start: 7;
    }

    .dui-offset-l-7 {
        grid-column-start: 8;
    }

    .dui-offset-l-8 {
        grid-column-start: 9;
    }

    .dui-offset-l-9 {
        grid-column-start: 10;
    }

    .dui-offset-l-10 {
        grid-column-start: 11;
    }

    .dui-offset-l-11 {
        grid-column-start: 12;
    }

    .dui-offset-l-12 {
        grid-column-start: 13;
    }

    .dui-offset-l-13 {
        grid-column-start: 14;
    }

    .dui-offset-l-14 {
        grid-column-start: 15;
    }

    .dui-offset-l-15 {
        grid-column-start: 16;
    }

    .dui-offset-l-16 {
        grid-column-start: 17;
    }

    .dui-offset-l-17 {
        grid-column-start: 18;
    }

    .dui-offset-l-18 {
        grid-column-start: 19;
    }

    .dui-offset-l-19 {
        grid-column-start: 20;
    }

    .dui-offset-l-20 {
        grid-column-start: 21;
    }

    .dui-offset-l-21 {
        grid-column-start: 22;
    }

    .dui-offset-l-22 {
        grid-column-start: 23;
    }

    .dui-offset-l-23 {
        grid-column-start: 24;
    }

    .dui-offset-l-24 {
        grid-column-start: 25;
    }

    .dui-offset-l-25 {
        grid-column-start: 26;
    }

    .dui-offset-l-26 {
        grid-column-start: 27;
    }

    .dui-offset-l-27 {
        grid-column-start: 28;
    }

    .dui-offset-l-28 {
        grid-column-start: 29;
    }

    .dui-offset-l-29 {
        grid-column-start: 30;
    }

    .dui-offset-l-30 {
        grid-column-start: 31;
    }

    .dui-offset-l-31 {
        grid-column-start: 32;
    }

    .dui.dui-hide-on-large-only,
    .dui.dui-hide-on-large-only.dui-block,
    .dui.dui-hide-on-large-only.dui-block-full,
    .dui.dui-hide-on-large-only.dui-inline-block,
    .dui.dui-hide-on-large-only.dui-inline,
    .dui.dui-hide-on-large-only.dui-flex,
    .dui.dui-hide-on-large-only.dui-inline-flex,
    .dui.dui-hide-on-large-only.dui-table,
    .dui.dui-hide-on-large-only.dui-inline-table,
    .dui.dui-hide-on-large-only.dui-table-caption,
    .dui.dui-hide-on-large-only.dui-table-cell,
    .dui.dui-hide-on-large-only.dui-table-column,
    .dui.dui-hide-on-large-only.dui-table-column-group,
    .dui.dui-hide-on-large-only.dui-table-footer-group,
    .dui.dui-hide-on-large-only.dui-table-header-group,
    .dui.dui-hide-on-large-only.dui-table-row-group,
    .dui.dui-hide-on-large-only.dui-table-row,
    .dui.dui-hide-on-large-only.dui-flow-root,
    .dui.dui-hide-on-large-only.dui-grid,
    .dui.dui-hide-on-large-only.dui-inline-grid,
    .dui.dui-hide-on-large-only.dui-contents,
    .dui.dui-hide-on-large-only.dui-list-item,
    .dui.dui-hide-on-large-only.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-large-only {
        display: block;
    }

    .dui.dui-show-on-large-only.dui-block {
        display: block;
    }

    .dui.dui-show-on-large-only.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-large-only.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-large-only.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-large-only.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-large-only.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-large-only.dui-table {
        display: table;
    }

    .dui.dui-show-on-large-only.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-large-only.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-large-only.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-large-only.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-large-only.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-large-only.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-large-only.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-large-only.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-large-only.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-large-only.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-large-only.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-large-only.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-large-only.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-large-only.dui-list-item {
        display: list-item;
    }
}@media screen and (max-width: 1200px) {

    .dui.dui-hide-on-medium-and-down,
    .dui.dui-hide-on-medium-and-down.dui-block,
    .dui.dui-hide-on-medium-and-down.dui-block-full,
    .dui.dui-hide-on-medium-and-down.dui-inline-block,
    .dui.dui-hide-on-medium-and-down.dui-inline,
    .dui.dui-hide-on-medium-and-down.dui-flex,
    .dui.dui-hide-on-medium-and-down.dui-inline-flex,
    .dui.dui-hide-on-medium-and-down.dui-table,
    .dui.dui-hide-on-medium-and-down.dui-inline-table,
    .dui.dui-hide-on-medium-and-down.dui-table-caption,
    .dui.dui-hide-on-medium-and-down.dui-table-cell,
    .dui.dui-hide-on-medium-and-down.dui-table-column,
    .dui.dui-hide-on-medium-and-down.dui-table-column-group,
    .dui.dui-hide-on-medium-and-down.dui-table-footer-group,
    .dui.dui-hide-on-medium-and-down.dui-table-header-group,
    .dui.dui-hide-on-medium-and-down.dui-table-row-group,
    .dui.dui-hide-on-medium-and-down.dui-table-row,
    .dui.dui-hide-on-medium-and-down.dui-flow-root,
    .dui.dui-hide-on-medium-and-down.dui-grid,
    .dui.dui-hide-on-medium-and-down.dui-inline-grid,
    .dui.dui-hide-on-medium-and-down.dui-contents,
    .dui.dui-hide-on-medium-and-down.dui-list-item,
    .dui.dui-hide-on-medium-and-down.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-medium-and-down {
        display: block;
    }

    .dui.dui-show-on-medium-and-down.dui-block {
        display: block;
    }

    .dui.dui-show-on-medium-and-down.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-medium-and-down.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-medium-and-down.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-medium-and-down.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-medium-and-down.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-medium-and-down.dui-table {
        display: table;
    }

    .dui.dui-show-on-medium-and-down.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-medium-and-down.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-medium-and-down.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-medium-and-down.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-medium-and-down.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-medium-and-down.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-medium-and-down.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-medium-and-down.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-medium-and-down.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-medium-and-down.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-medium-and-down.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-medium-and-down.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-medium-and-down.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-medium-and-down.dui-list-item {
        display: list-item;
    }
}@media screen and (min-width: 992px) {
    .dui-shrink-content {
        --dui-layout-shrink-content: 1;
    }
    .dui-left-drawer-span-up.dui-shrink-content {
        --dui-layout-shrink-header: 1;
    }
    .dui-left-drawer-span-down.dui-shrink-content {
        --dui-layout-shrink-footer: 1;
    }

    .dui.dui-hide-on-medium-and-up,
    .dui.dui-hide-on-medium-and-up.dui-block,
    .dui.dui-hide-on-medium-and-up.dui-block-full,
    .dui.dui-hide-on-medium-and-up.dui-inline-block,
    .dui.dui-hide-on-medium-and-up.dui-inline,
    .dui.dui-hide-on-medium-and-up.dui-flex,
    .dui.dui-hide-on-medium-and-up.dui-inline-flex,
    .dui.dui-hide-on-medium-and-up.dui-table,
    .dui.dui-hide-on-medium-and-up.dui-inline-table,
    .dui.dui-hide-on-medium-and-up.dui-table-caption,
    .dui.dui-hide-on-medium-and-up.dui-table-cell,
    .dui.dui-hide-on-medium-and-up.dui-table-column,
    .dui.dui-hide-on-medium-and-up.dui-table-column-group,
    .dui.dui-hide-on-medium-and-up.dui-table-footer-group,
    .dui.dui-hide-on-medium-and-up.dui-table-header-group,
    .dui.dui-hide-on-medium-and-up.dui-table-row-group,
    .dui.dui-hide-on-medium-and-up.dui-table-row,
    .dui.dui-hide-on-medium-and-up.dui-flow-root,
    .dui.dui-hide-on-medium-and-up.dui-grid,
    .dui.dui-hide-on-medium-and-up.dui-inline-grid,
    .dui.dui-hide-on-medium-and-up.dui-contents,
    .dui.dui-hide-on-medium-and-up.dui-list-item,
    .dui.dui-hide-on-medium-and-up.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-medium-and-up {
        display: block;
    }

    .dui.dui-show-on-medium-and-up.dui-block {
        display: block;
    }

    .dui.dui-show-on-medium-and-up.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-medium-and-up.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-medium-and-up.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-medium-and-up.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-medium-and-up.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-medium-and-up.dui-table {
        display: table;
    }

    .dui.dui-show-on-medium-and-up.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-medium-and-up.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-medium-and-up.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-medium-and-up.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-medium-and-up.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-medium-and-up.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-medium-and-up.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-medium-and-up.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-medium-and-up.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-medium-and-up.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-medium-and-up.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-medium-and-up.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-medium-and-up.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-medium-and-up.dui-list-item {
        display: list-item;
    }
}@media screen and (min-width: 992px) and (max-width: 1200px){

    .dui-span-m-1 {
        grid-column-end: span 1;
    }

    .dui-span-m-2 {
        grid-column-end: span 2;
    }

    .dui-span-m-3 {
        grid-column-end: span 3;
    }

    .dui-span-m-4 {
        grid-column-end: span 4;
    }

    .dui-span-m-5 {
        grid-column-end: span 5;
    }

    .dui-span-m-6 {
        grid-column-end: span 6;
    }

    .dui-span-m-7 {
        grid-column-end: span 7;
    }

    .dui-span-m-8 {
        grid-column-end: span 8;
    }

    .dui-span-m-9 {
        grid-column-end: span 9;
    }

    .dui-span-m-10 {
        grid-column-end: span 10;
    }

    .dui-span-m-11 {
        grid-column-end: span 11;
    }

    .dui-span-m-12 {
        grid-column-end: span 12;
    }

    .dui-span-m-13 {
        grid-column-end: span 13;
    }

    .dui-span-m-14 {
        grid-column-end: span 14;
    }

    .dui-span-m-15 {
        grid-column-end: span 15;
    }

    .dui-span-m-16 {
        grid-column-end: span 16;
    }

    .dui-span-m-17 {
        grid-column-end: span 17;
    }

    .dui-span-m-18 {
        grid-column-end: span 18;
    }

    .dui-span-m-19 {
        grid-column-end: span 19;
    }

    .dui-span-m-20 {
        grid-column-end: span 20;
    }

    .dui-span-m-21 {
        grid-column-end: span 21;
    }

    .dui-span-m-22 {
        grid-column-end: span 22;
    }

    .dui-span-m-23 {
        grid-column-end: span 23;
    }

    .dui-span-m-24 {
        grid-column-end: span 24;
    }

    .dui-span-m-25 {
        grid-column-end: span 25;
    }

    .dui-span-m-26 {
        grid-column-end: span 26;
    }

    .dui-span-m-27 {
        grid-column-end: span 27;
    }

    .dui-span-m-28 {
        grid-column-end: span 28;
    }

    .dui-span-m-29 {
        grid-column-end: span 29;
    }

    .dui-span-m-30 {
        grid-column-end: span 30;
    }

    .dui-span-m-31 {
        grid-column-end: span 31;
    }

    .dui-span-m-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-m-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-m-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-m-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-m-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-m-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-m-none {
    }

    .dui-offset-m-0 {
        grid-column-start: 1;
    }

    .dui-offset-m-1 {
        grid-column-start: 2;
    }

    .dui-offset-m-2 {
        grid-column-start: 3;
    }

    .dui-offset-m-3 {
        grid-column-start: 4;
    }

    .dui-offset-m-4 {
        grid-column-start: 5;
    }

    .dui-offset-m-5 {
        grid-column-start: 6;
    }

    .dui-offset-m-6 {
        grid-column-start: 7;
    }

    .dui-offset-m-7 {
        grid-column-start: 8;
    }

    .dui-offset-m-8 {
        grid-column-start: 9;
    }

    .dui-offset-m-9 {
        grid-column-start: 10;
    }

    .dui-offset-m-10 {
        grid-column-start: 11;
    }

    .dui-offset-m-11 {
        grid-column-start: 12;
    }

    .dui-offset-m-12 {
        grid-column-start: 13;
    }

    .dui-offset-m-13 {
        grid-column-start: 14;
    }

    .dui-offset-m-14 {
        grid-column-start: 15;
    }

    .dui-offset-m-15 {
        grid-column-start: 16;
    }

    .dui-offset-m-16 {
        grid-column-start: 17;
    }

    .dui-offset-m-17 {
        grid-column-start: 18;
    }

    .dui-offset-m-18 {
        grid-column-start: 19;
    }

    .dui-offset-m-19 {
        grid-column-start: 20;
    }

    .dui-offset-m-20 {
        grid-column-start: 21;
    }

    .dui-offset-m-21 {
        grid-column-start: 22;
    }

    .dui-offset-m-22 {
        grid-column-start: 23;
    }

    .dui-offset-m-23 {
        grid-column-start: 24;
    }

    .dui-offset-m-24 {
        grid-column-start: 25;
    }

    .dui-offset-m-25 {
        grid-column-start: 26;
    }

    .dui-offset-m-26 {
        grid-column-start: 27;
    }

    .dui-offset-m-27 {
        grid-column-start: 28;
    }

    .dui-offset-m-28 {
        grid-column-start: 29;
    }

    .dui-offset-m-29 {
        grid-column-start: 30;
    }

    .dui-offset-m-30 {
        grid-column-start: 31;
    }

    .dui-offset-m-31 {
        grid-column-start: 32;
    }

    .dui.dui-hide-on-medium-only,
    .dui.dui-hide-on-medium-only.dui-block,
    .dui.dui-hide-on-medium-only.dui-block-full,
    .dui.dui-hide-on-medium-only.dui-inline-block,
    .dui.dui-hide-on-medium-only.dui-inline,
    .dui.dui-hide-on-medium-only.dui-flex,
    .dui.dui-hide-on-medium-only.dui-inline-flex,
    .dui.dui-hide-on-medium-only.dui-table,
    .dui.dui-hide-on-medium-only.dui-inline-table,
    .dui.dui-hide-on-medium-only.dui-table-caption,
    .dui.dui-hide-on-medium-only.dui-table-cell,
    .dui.dui-hide-on-medium-only.dui-table-column,
    .dui.dui-hide-on-medium-only.dui-table-column-group,
    .dui.dui-hide-on-medium-only.dui-table-footer-group,
    .dui.dui-hide-on-medium-only.dui-table-header-group,
    .dui.dui-hide-on-medium-only.dui-table-row-group,
    .dui.dui-hide-on-medium-only.dui-table-row,
    .dui.dui-hide-on-medium-only.dui-flow-root,
    .dui.dui-hide-on-medium-only.dui-grid,
    .dui.dui-hide-on-medium-only.dui-inline-grid,
    .dui.dui-hide-on-medium-only.dui-contents,
    .dui.dui-hide-on-medium-only.dui-list-item,
    .dui.dui-hide-on-medium-only.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-medium-only {
        display: block;
    }

    .dui.dui-show-on-medium-only.dui-block {
        display: block;
    }

    .dui.dui-show-on-medium-only.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-medium-only.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-medium-only.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-medium-only.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-medium-only.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-medium-only.dui-table {
        display: table;
    }

    .dui.dui-show-on-medium-only.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-medium-only.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-medium-only.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-medium-only.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-medium-only.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-medium-only.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-medium-only.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-medium-only.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-medium-only.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-medium-only.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-medium-only.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-medium-only.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-medium-only.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-medium-only.dui-list-item {
        display: list-item;
    }
}@media screen and (max-width: 992px) {

    .dui.dui-flex.dui-flex-responsive-reverse,
    .dui.dui-flex.dui-flex-responsive {
        flex-direction: column;
    }

    .dui.dui-flex-row.dui-flex-responsive-reverse,
    .dui.dui-flex-row.dui-flex-responsive {
        flex-direction: column;
    }

    .dui.dui-flex-column.dui-flex-responsive-reverse {
        flex-direction: row;
    }

    .dui-stepper-track.dui-horizontal {
        --dui-stepper-track-direction: column;
        --dui-stepper-track-justify-content: center;
        --dui-step-tracker-direction: row;
        width: auto;
    }
    .dui-horizontal .dui-tracker-chain {
        width: auto;
        align-self: stretch;
    }

    .dui-horizontal > .dui-stepper-track > .dui-step-track:last-child .dui-tracker-line:after,
    .dui-stepper-track.dui-horizontal > .dui-step-track:last-child .dui-tracker-line:after {
        width: var(--dui-spc-4);
        height: var(--dui-spc-4);
        border-radius: 9999px;
        left: calc(var(--dui-spc-1) * -1);
        bottom: calc(var(--dui-spc-1) * -1);
        top: auto;
    }

    .dui-horizontal .dui-tracker-line {
        height: auto;
        width: var(--dui-spc-2);
    }

    .dui-horizontal .dui-tracker-line:before {
        width: var(--dui-spc-2);
        height: var(--dui-spc-1);
        top: calc(var(--dui-spc-1) * -1);
        left: 0;
    }

    .dui-horizontal .dui-tracker-line:after {
        width: var(--dui-spc-2);
        background-color: var(--dui-accent-clr);
        height: var(--dui-spc-1);
        bottom: calc(var(--dui-spc-1) * -1);
        left: 0;
        right: auto;
        top: auto;
    }

    .dui-stepper.dui-horizontal {
        --dui-stepper-direction: column;
    }

    .dui.dui-hide-on-small-and-down,
    .dui.dui-hide-on-small-and-down.dui-block,
    .dui.dui-hide-on-small-and-down.dui-block-full,
    .dui.dui-hide-on-small-and-down.dui-inline-block,
    .dui.dui-hide-on-small-and-down.dui-inline,
    .dui.dui-hide-on-small-and-down.dui-flex,
    .dui.dui-hide-on-small-and-down.dui-inline-flex,
    .dui.dui-hide-on-small-and-down.dui-table,
    .dui.dui-hide-on-small-and-down.dui-inline-table,
    .dui.dui-hide-on-small-and-down.dui-table-caption,
    .dui.dui-hide-on-small-and-down.dui-table-cell,
    .dui.dui-hide-on-small-and-down.dui-table-column,
    .dui.dui-hide-on-small-and-down.dui-table-column-group,
    .dui.dui-hide-on-small-and-down.dui-table-footer-group,
    .dui.dui-hide-on-small-and-down.dui-table-header-group,
    .dui.dui-hide-on-small-and-down.dui-table-row-group,
    .dui.dui-hide-on-small-and-down.dui-table-row,
    .dui.dui-hide-on-small-and-down.dui-flow-root,
    .dui.dui-hide-on-small-and-down.dui-grid,
    .dui.dui-hide-on-small-and-down.dui-inline-grid,
    .dui.dui-hide-on-small-and-down.dui-contents,
    .dui.dui-hide-on-small-and-down.dui-list-item,
    .dui.dui-hide-on-small-and-down.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-small-and-down {
        display: block;
    }

    .dui.dui-show-on-small-and-down.dui-block {
        display: block;
    }

    .dui.dui-show-on-small-and-down.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-small-and-down.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-small-and-down.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-small-and-down.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-small-and-down.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-small-and-down.dui-table {
        display: table;
    }

    .dui.dui-show-on-small-and-down.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-small-and-down.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-small-and-down.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-small-and-down.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-small-and-down.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-small-and-down.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-small-and-down.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-small-and-down.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-small-and-down.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-small-and-down.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-small-and-down.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-small-and-down.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-small-and-down.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-small-and-down.dui-list-item {
        display: list-item;
    }

}@media screen and (min-width: 768px){
    .dui.dui-hide-on-small-and-up,
    .dui.dui-hide-on-small-and-up.dui-block,
    .dui.dui-hide-on-small-and-up.dui-block-full,
    .dui.dui-hide-on-small-and-up.dui-inline-block,
    .dui.dui-hide-on-small-and-up.dui-inline,
    .dui.dui-hide-on-small-and-up.dui-flex,
    .dui.dui-hide-on-small-and-up.dui-inline-flex,
    .dui.dui-hide-on-small-and-up.dui-table,
    .dui.dui-hide-on-small-and-up.dui-inline-table,
    .dui.dui-hide-on-small-and-up.dui-table-caption,
    .dui.dui-hide-on-small-and-up.dui-table-cell,
    .dui.dui-hide-on-small-and-up.dui-table-column,
    .dui.dui-hide-on-small-and-up.dui-table-column-group,
    .dui.dui-hide-on-small-and-up.dui-table-footer-group,
    .dui.dui-hide-on-small-and-up.dui-table-header-group,
    .dui.dui-hide-on-small-and-up.dui-table-row-group,
    .dui.dui-hide-on-small-and-up.dui-table-row,
    .dui.dui-hide-on-small-and-up.dui-flow-root,
    .dui.dui-hide-on-small-and-up.dui-grid,
    .dui.dui-hide-on-small-and-up.dui-inline-grid,
    .dui.dui-hide-on-small-and-up.dui-contents,
    .dui.dui-hide-on-small-and-up.dui-list-item,
    .dui.dui-hide-on-small-and-up.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-small-and-up {
        display: block;
    }

    .dui.dui-show-on-small-and-up.dui-block {
        display: block;
    }

    .dui.dui-show-on-small-and-up.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-small-and-up.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-small-and-up.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-small-and-up.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-small-and-up.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-small-and-up.dui-table {
        display: table;
    }

    .dui.dui-show-on-small-and-up.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-small-and-up.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-small-and-up.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-small-and-up.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-small-and-up.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-small-and-up.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-small-and-up.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-small-and-up.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-small-and-up.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-small-and-up.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-small-and-up.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-small-and-up.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-small-and-up.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-small-and-up.dui-list-item {
        display: list-item;
    }
}@media screen and (min-width: 768px) and (max-width: 992px) {
    .dui-dialog.dui-w-xs {
        --dui-dialog-xsamll-width: 75%;
    }

    .dui-dialog.dui-h-xs {
        --dui-dialog-xsmall-height: 75%;
    }

    .dui-dialog.dui-w-sm {
        --dui-dialog-samll-width: 75%;
    }

    .dui-dialog.dui-h-sm {
        --dui-dialog-small-height: 75%;
    }

    .dui-dialog.dui-w-md {
        --dui-dialog-medium-width: 75;
    }

    .dui-dialog.dui-h-md {
        --dui-dialog-medium-height: 75%;
    }

    .dui-dialog.dui-w-lg {
        --dui-dialog-large-width: 75%;
    }

    .dui-dialog.dui-h-lg {
        --dui-dialog-large-height: 75%;
    }

    .dui-dialog.dui-w-xl {
        --dui-dialog-xlarge-width: 95%;
    }

    .dui-dialog.dui-h-xl {
        --dui-dialog-xlarge-height: 75%;
    }

    .dui-dialog.dui-w-xl {
        --dui-dialog-xlarge-width: 95%;
    }

    .dui-dialog.dui-h-xl {
        --dui-dialog-xlarge-height: 75%;
    }

    .dui-span-s-1 {
        grid-column-end: span 1;
    }

    .dui-span-s-2 {
        grid-column-end: span 2;
    }

    .dui-span-s-3 {
        grid-column-end: span 3;
    }

    .dui-span-s-4 {
        grid-column-end: span 4;
    }

    .dui-span-s-5 {
        grid-column-end: span 5;
    }

    .dui-span-s-6 {
        grid-column-end: span 6;
    }

    .dui-span-s-7 {
        grid-column-end: span 7;
    }

    .dui-span-s-8 {
        grid-column-end: span 8;
    }

    .dui-span-s-9 {
        grid-column-end: span 9;
    }

    .dui-span-s-10 {
        grid-column-end: span 10;
    }

    .dui-span-s-11 {
        grid-column-end: span 11;
    }

    .dui-span-s-12 {
        grid-column-end: span 12;
    }

    .dui-span-s-13 {
        grid-column-end: span 13;
    }

    .dui-span-s-14 {
        grid-column-end: span 14;
    }

    .dui-span-s-15 {
        grid-column-end: span 15;
    }

    .dui-span-s-16 {
        grid-column-end: span 16;
    }

    .dui-span-s-17 {
        grid-column-end: span 17;
    }

    .dui-span-s-18 {
        grid-column-end: span 18;
    }

    .dui-span-s-19 {
        grid-column-end: span 19;
    }

    .dui-span-s-20 {
        grid-column-end: span 20;
    }

    .dui-span-s-21 {
        grid-column-end: span 21;
    }

    .dui-span-s-22 {
        grid-column-end: span 22;
    }

    .dui-span-s-23 {
        grid-column-end: span 23;
    }

    .dui-span-s-24 {
        grid-column-end: span 24;
    }

    .dui-span-s-25 {
        grid-column-end: span 25;
    }

    .dui-span-s-26 {
        grid-column-end: span 26;
    }

    .dui-span-s-27 {
        grid-column-end: span 27;
    }

    .dui-span-s-28 {
        grid-column-end: span 28;
    }

    .dui-span-s-29 {
        grid-column-end: span 29;
    }

    .dui-span-s-30 {
        grid-column-end: span 30;
    }

    .dui-span-s-31 {
        grid-column-end: span 31;
    }

    .dui-span-s-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-s-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-s-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-s-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-s-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-s-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-s-none {
    }

    .dui-offset-s-0 {
        grid-column-start: 1;
    }

    .dui-offset-s-1 {
        grid-column-start: 2;
    }

    .dui-offset-s-2 {
        grid-column-start: 3;
    }

    .dui-offset-s-3 {
        grid-column-start: 4;
    }

    .dui-offset-s-4 {
        grid-column-start: 5;
    }

    .dui-offset-s-5 {
        grid-column-start: 6;
    }

    .dui-offset-s-6 {
        grid-column-start: 7;
    }

    .dui-offset-s-7 {
        grid-column-start: 8;
    }

    .dui-offset-s-8 {
        grid-column-start: 9;
    }

    .dui-offset-s-9 {
        grid-column-start: 10;
    }

    .dui-offset-s-10 {
        grid-column-start: 11;
    }

    .dui-offset-s-11 {
        grid-column-start: 12;
    }

    .dui-offset-s-12 {
        grid-column-start: 13;
    }

    .dui-offset-s-13 {
        grid-column-start: 14;
    }

    .dui-offset-s-14 {
        grid-column-start: 15;
    }

    .dui-offset-s-15 {
        grid-column-start: 16;
    }

    .dui-offset-s-16 {
        grid-column-start: 17;
    }

    .dui-offset-s-17 {
        grid-column-start: 18;
    }

    .dui-offset-s-18 {
        grid-column-start: 19;
    }

    .dui-offset-s-19 {
        grid-column-start: 20;
    }

    .dui-offset-s-20 {
        grid-column-start: 21;
    }

    .dui-offset-s-21 {
        grid-column-start: 22;
    }

    .dui-offset-s-22 {
        grid-column-start: 23;
    }

    .dui-offset-s-23 {
        grid-column-start: 24;
    }

    .dui-offset-s-24 {
        grid-column-start: 25;
    }

    .dui-offset-s-25 {
        grid-column-start: 26;
    }

    .dui-offset-s-26 {
        grid-column-start: 27;
    }

    .dui-offset-s-27 {
        grid-column-start: 28;
    }

    .dui-offset-s-28 {
        grid-column-start: 29;
    }

    .dui-offset-s-29 {
        grid-column-start: 30;
    }

    .dui-offset-s-30 {
        grid-column-start: 31;
    }

    .dui-offset-s-31 {
        grid-column-start: 32;
    }


    .dui.dui-hide-on-small,
    .dui.dui-hide-on-small.dui-block,
    .dui.dui-hide-on-small.dui-block-full,
    .dui.dui-hide-on-small.dui-inline-block,
    .dui.dui-hide-on-small.dui-inline,
    .dui.dui-hide-on-small.dui-flex,
    .dui.dui-hide-on-small.dui-inline-flex,
    .dui.dui-hide-on-small.dui-table,
    .dui.dui-hide-on-small.dui-inline-table,
    .dui.dui-hide-on-small.dui-table-caption,
    .dui.dui-hide-on-small.dui-table-cell,
    .dui.dui-hide-on-small.dui-table-column,
    .dui.dui-hide-on-small.dui-table-column-group,
    .dui.dui-hide-on-small.dui-table-footer-group,
    .dui.dui-hide-on-small.dui-table-header-group,
    .dui.dui-hide-on-small.dui-table-row-group,
    .dui.dui-hide-on-small.dui-table-row,
    .dui.dui-hide-on-small.dui-flow-root,
    .dui.dui-hide-on-small.dui-grid,
    .dui.dui-hide-on-small.dui-inline-grid,
    .dui.dui-hide-on-small.dui-contents,
    .dui.dui-hide-on-small.dui-list-item,
    .dui.dui-hide-on-small.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-small {
        display: block;
    }

    .dui.dui-show-on-small.dui-block {
        display: block;
    }

    .dui.dui-show-on-small.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-small.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-small.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-small.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-small.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-small.dui-table {
        display: table;
    }

    .dui.dui-show-on-small.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-small.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-small.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-small.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-small.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-small.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-small.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-small.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-small.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-small.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-small.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-small.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-small.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-small.dui-list-item {
        display: list-item;
    }

}@media screen and (max-width: 1800px){
    .dui.dui-hide-on-xlarge-and-down,
    .dui.dui-hide-on-xlarge-and-down.dui-block,
    .dui.dui-hide-on-xlarge-and-down.dui-block-full,
    .dui.dui-hide-on-xlarge-and-down.dui-inline-block,
    .dui.dui-hide-on-xlarge-and-down.dui-inline,
    .dui.dui-hide-on-xlarge-and-down.dui-flex,
    .dui.dui-hide-on-xlarge-and-down.dui-inline-flex,
    .dui.dui-hide-on-xlarge-and-down.dui-table,
    .dui.dui-hide-on-xlarge-and-down.dui-inline-table,
    .dui.dui-hide-on-xlarge-and-down.dui-table-caption,
    .dui.dui-hide-on-xlarge-and-down.dui-table-cell,
    .dui.dui-hide-on-xlarge-and-down.dui-table-column,
    .dui.dui-hide-on-xlarge-and-down.dui-table-column-group,
    .dui.dui-hide-on-xlarge-and-down.dui-table-footer-group,
    .dui.dui-hide-on-xlarge-and-down.dui-table-header-group,
    .dui.dui-hide-on-xlarge-and-down.dui-table-row-group,
    .dui.dui-hide-on-xlarge-and-down.dui-table-row,
    .dui.dui-hide-on-xlarge-and-down.dui-flow-root,
    .dui.dui-hide-on-xlarge-and-down.dui-grid,
    .dui.dui-hide-on-xlarge-and-down.dui-inline-grid,
    .dui.dui-hide-on-xlarge-and-down.dui-contents,
    .dui.dui-hide-on-xlarge-and-down.dui-list-item,
    .dui.dui-hide-on-xlarge-and-down.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-xlarge-and-down {
        display: block;
    }

    .dui.dui-show-on-xlarge-and-down.dui-block {
        display: block;
    }

    .dui.dui-show-on-xlarge-and-down.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-xlarge-and-down.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-xlarge-and-down.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-xlarge-and-down.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-xlarge-and-down.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-xlarge-and-down.dui-table {
        display: table;
    }

    .dui.dui-show-on-xlarge-and-down.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-xlarge-and-down.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-xlarge-and-down.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-xlarge-and-down.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-xlarge-and-down.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-xlarge-and-down.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-xlarge-and-down.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-xlarge-and-down.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-xlarge-and-down.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-xlarge-and-down.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-xlarge-and-down.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-xlarge-and-down.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-xlarge-and-down.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-xlarge-and-down.dui-list-item {
        display: list-item;
    }
}@media screen and (min-width: 1800px){

    .dui-span-xl-1 {
        grid-column-end: span 1;
    }

    .dui-span-xl-2 {
        grid-column-end: span 2;
    }

    .dui-span-xl-3 {
        grid-column-end: span 3;
    }

    .dui-span-xl-4 {
        grid-column-end: span 4;
    }

    .dui-span-xl-5 {
        grid-column-end: span 5;
    }

    .dui-span-xl-6 {
        grid-column-end: span 6;
    }

    .dui-span-xl-7 {
        grid-column-end: span 7;
    }

    .dui-span-xl-8 {
        grid-column-end: span 8;
    }

    .dui-span-xl-9 {
        grid-column-end: span 9;
    }

    .dui-span-xl-10 {
        grid-column-end: span 10;
    }

    .dui-span-xl-11 {
        grid-column-end: span 11;
    }

    .dui-span-xl-12 {
        grid-column-end: span 12;
    }

    .dui-span-xl-13 {
        grid-column-end: span 13;
    }

    .dui-span-xl-14 {
        grid-column-end: span 14;
    }

    .dui-span-xl-15 {
        grid-column-end: span 15;
    }

    .dui-span-xl-16 {
        grid-column-end: span 16;
    }

    .dui-span-xl-17 {
        grid-column-end: span 17;
    }

    .dui-span-xl-18 {
        grid-column-end: span 18;
    }

    .dui-span-xl-19 {
        grid-column-end: span 19;
    }

    .dui-span-xl-20 {
        grid-column-end: span 20;
    }

    .dui-span-xl-21 {
        grid-column-end: span 21;
    }

    .dui-span-xl-22 {
        grid-column-end: span 22;
    }

    .dui-span-xl-23 {
        grid-column-end: span 23;
    }

    .dui-span-xl-24 {
        grid-column-end: span 24;
    }

    .dui-span-xl-25 {
        grid-column-end: span 25;
    }

    .dui-span-xl-26 {
        grid-column-end: span 26;
    }

    .dui-span-xl-27 {
        grid-column-end: span 27;
    }

    .dui-span-xl-28 {
        grid-column-end: span 28;
    }

    .dui-span-xl-29 {
        grid-column-end: span 29;
    }

    .dui-span-xl-30 {
        grid-column-end: span 30;
    }

    .dui-span-xl-31 {
        grid-column-end: span 31;
    }

    .dui-span-xl-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-xl-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-xl-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-xl-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-xl-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-xl-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-xl-none {
    }

    .dui-offset-xl-0 {
        grid-column-start: 1;
    }

    .dui-offset-xl-1 {
        grid-column-start: 2;
    }

    .dui-offset-xl-2 {
        grid-column-start: 3;
    }

    .dui-offset-xl-3 {
        grid-column-start: 4;
    }

    .dui-offset-xl-4 {
        grid-column-start: 5;
    }

    .dui-offset-xl-5 {
        grid-column-start: 6;
    }

    .dui-offset-xl-6 {
        grid-column-start: 7;
    }

    .dui-offset-xl-7 {
        grid-column-start: 8;
    }

    .dui-offset-xl-8 {
        grid-column-start: 9;
    }

    .dui-offset-xl-9 {
        grid-column-start: 10;
    }

    .dui-offset-xl-10 {
        grid-column-start: 11;
    }

    .dui-offset-xl-11 {
        grid-column-start: 12;
    }

    .dui-offset-xl-12 {
        grid-column-start: 13;
    }

    .dui-offset-xl-13 {
        grid-column-start: 14;
    }

    .dui-offset-xl-14 {
        grid-column-start: 15;
    }

    .dui-offset-xl-15 {
        grid-column-start: 16;
    }

    .dui-offset-xl-16 {
        grid-column-start: 17;
    }

    .dui-offset-xl-17 {
        grid-column-start: 18;
    }

    .dui-offset-xl-18 {
        grid-column-start: 19;
    }

    .dui-offset-xl-19 {
        grid-column-start: 20;
    }

    .dui-offset-xl-20 {
        grid-column-start: 21;
    }

    .dui-offset-xl-21 {
        grid-column-start: 22;
    }

    .dui-offset-xl-22 {
        grid-column-start: 23;
    }

    .dui-offset-xl-23 {
        grid-column-start: 24;
    }

    .dui-offset-xl-24 {
        grid-column-start: 25;
    }

    .dui-offset-xl-25 {
        grid-column-start: 26;
    }

    .dui-offset-xl-26 {
        grid-column-start: 27;
    }

    .dui-offset-xl-27 {
        grid-column-start: 28;
    }

    .dui-offset-xl-28 {
        grid-column-start: 29;
    }

    .dui-offset-xl-29 {
        grid-column-start: 30;
    }

    .dui-offset-xl-30 {
        grid-column-start: 31;
    }

    .dui-offset-xl-31 {
        grid-column-start: 32;
    }

    .dui.dui-hide-on-xlarge-only,
    .dui.dui-hide-on-xlarge-and-up {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-block,
    .dui.dui-hide-on-xlarge-and-up.dui-block {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-block-full,
    .dui.dui-hide-on-xlarge-and-up.dui-block-full {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-inline-block,
    .dui.dui-hide-on-xlarge-and-up.dui-inline-block {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-inline,
    .dui.dui-hide-on-xlarge-and-up.dui-inline {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-flex,
    .dui.dui-hide-on-xlarge-and-up.dui-flex {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-inline-flex,
    .dui.dui-hide-on-xlarge-and-up.dui-inline-flex {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-table,
    .dui.dui-hide-on-xlarge-and-up.dui-table {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-inline-table,
    .dui.dui-hide-on-xlarge-and-up.dui-inline-table {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-table-caption,
    .dui.dui-hide-on-xlarge-and-up.dui-table-caption {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-table-cell,
    .dui.dui-hide-on-xlarge-and-up.dui-table-cell {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-table-column,
    .dui.dui-hide-on-xlarge-and-up.dui-table-column {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-table-column-group,
    .dui.dui-hide-on-xlarge-and-up.dui-table-column-group {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-table-footer-group,
    .dui.dui-hide-on-xlarge-and-up.dui-table-footer-group {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-table-header-group,
    .dui.dui-hide-on-xlarge-and-up.dui-table-header-group {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-table-row-group,
    .dui.dui-hide-on-xlarge-and-up.dui-table-row-group {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-table-row,
    .dui.dui-hide-on-xlarge-and-up.dui-table-row {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-flow-root,
    .dui.dui-hide-on-xlarge-and-up.dui-flow-root {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-grid,
    .dui.dui-hide-on-xlarge-and-up.dui-grid {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-inline-grid,
    .dui.dui-hide-on-xlarge-and-up.dui-inline-grid {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-contents,
    .dui.dui-hide-on-xlarge-and-up.dui-contents {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-list-item,
    .dui.dui-hide-on-xlarge-and-up.dui-list-item {
        display: none;
    }

    .dui.dui-hide-on-xlarge-only.dui-hidden,
    .dui.dui-hide-on-xlarge-and-up.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-xlarge-only,
    .dui.dui-show-on-xlarge-and-up {
        display: block;
    }

    .dui.dui-show-on-xlarge-only.dui-block,
    .dui.dui-show-on-xlarge-and-up.dui-block {
        display: block;
    }

    .dui.dui-show-on-xlarge-only.dui-block-full,
    .dui.dui-show-on-xlarge-and-up.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-xlarge-only.dui-inline-block,
    .dui.dui-show-on-xlarge-and-up.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-xlarge-only.dui-inline,
    .dui.dui-show-on-xlarge-and-up.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-xlarge-only.dui-flex,
    .dui.dui-show-on-xlarge-and-up.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-xlarge-only.dui-inline-flex,
    .dui.dui-show-on-xlarge-and-up.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-xlarge-only.dui-table,
    .dui.dui-show-on-xlarge-and-up.dui-table {
        display: table;
    }

    .dui.dui-show-on-xlarge-only.dui-inline-table,
    .dui.dui-show-on-xlarge-and-up.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-xlarge-only.dui-table-caption,
    .dui.dui-show-on-xlarge-and-up.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-xlarge-only.dui-table-cell,
    .dui.dui-show-on-xlarge-and-up.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-xlarge-only.dui-table-column,
    .dui.dui-show-on-xlarge-and-up.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-xlarge-only.dui-table-column-group,
    .dui.dui-show-on-xlarge-and-up.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-xlarge-only.dui-table-footer-group,
    .dui.dui-show-on-xlarge-and-up.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-xlarge-only.dui-table-header-group,
    .dui.dui-show-on-xlarge-and-up.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-xlarge-only.dui-table-row-group,
    .dui.dui-show-on-xlarge-and-up.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-xlarge-only.dui-table-row,
    .dui.dui-show-on-xlarge-and-up.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-xlarge-only.dui-flow-root,
    .dui.dui-show-on-xlarge-and-up.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-xlarge-only.dui-grid,
    .dui.dui-show-on-xlarge-and-up.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-xlarge-only.dui-inline-grid,
    .dui.dui-show-on-xlarge-and-up.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-xlarge-only.dui-contents,
    .dui.dui-show-on-xlarge-and-up.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-xlarge-only.dui-list-item,
    .dui.dui-show-on-xlarge-and-up.dui-list-item {
        display: list-item;
    }
}@media screen and (max-width: 768px){
    .dui-layout {
        --dui-left-drawer-width: calc(var(--dui-drawer-small-screens-width));
        --dui-right-drawer-width: calc(var(--dui-drawer-small-screens-width));
    }

    .dui-left-drawer{

    }

    .dui-layout-left-drawer-md {
        --dui-left-drawer-width: var(--dui-drawer-small-screens-width);
    }

    .dui-layout-left-drawer-lg {
        --dui-left-drawer-width: var(--dui-drawer-small-screens-width);
    }

    .dui-layout-left-drawer-xlg {
        --dui-left-drawer-width: var(--dui-drawer-small-screens-width);
    }

    .dui-layout-right-drawer-md {
        --dui-right-drawer-width: var(--dui-drawer-small-screens-width);
    }

    .dui-layout-right-drawer-lg {
        --dui-right-drawer-width: var(--dui-drawer-small-screens-width);
    }

    .dui-layout-right-drawer-xlg {
        --dui-right-drawer-width: var(--dui-drawer-small-screens-width);
    }

    .dui-dialog.dui-w-xs{
        --dui-dialog-xsamll-width: 95%;
    }

    .dui-dialog.dui-h-xs{
        --dui-dialog-xsmall-and-down-height: 95%;
    }

    .dui-dialog.dui-w-sm{
        --dui-dialog-samll-width: 95%;
    }

    .dui-dialog.dui-h-sm{
        --dui-dialog-small-height: 95%;
    }

    .dui-dialog.dui-w-md{
        --dui-dialog-medium-width: 95%;
    }

    .dui-dialog.dui-h-md{
        --dui-dialog-medium-height: 95%;
    }

    .dui-dialog.dui-w-lg{
        --dui-dialog-large-width: 95%;
    }

    .dui-dialog.dui-h-lg{
        --dui-dialog-large-height: 95%;
    }

    .dui-dialog.dui-w-xl{
        --dui-dialog-xlarge-width: 95%;
    }

    .dui-dialog.dui-h-xl{
        --dui-dialog-xlarge-height: 95%;
    }

    .dui.dui-hide-on-xsmall-and-down,
    .dui.dui-hide-on-xsmall-and-down.dui-block,
    .dui.dui-hide-on-xsmall-and-down.dui-block-full,
    .dui.dui-hide-on-xsmall-and-down.dui-inline-block,
    .dui.dui-hide-on-xsmall-and-down.dui-inline,
    .dui.dui-hide-on-xsmall-and-down.dui-flex,
    .dui.dui-hide-on-xsmall-and-down.dui-inline-flex,
    .dui.dui-hide-on-xsmall-and-down.dui-table,
    .dui.dui-hide-on-xsmall-and-down.dui-inline-table,
    .dui.dui-hide-on-xsmall-and-down.dui-table-caption,
    .dui.dui-hide-on-xsmall-and-down.dui-table-cell,
    .dui.dui-hide-on-xsmall-and-down.dui-table-column,
    .dui.dui-hide-on-xsmall-and-down.dui-table-column-group,
    .dui.dui-hide-on-xsmall-and-down.dui-table-footer-group,
    .dui.dui-hide-on-xsmall-and-down.dui-table-header-group,
    .dui.dui-hide-on-xsmall-and-down.dui-table-row-group,
    .dui.dui-hide-on-xsmall-and-down.dui-table-row,
    .dui.dui-hide-on-xsmall-and-down.dui-flow-root,
    .dui.dui-hide-on-xsmall-and-down.dui-grid,
    .dui.dui-hide-on-xsmall-and-down.dui-inline-grid,
    .dui.dui-hide-on-xsmall-and-down.dui-contents,
    .dui.dui-hide-on-xsmall-and-down.dui-list-item,
    .dui.dui-hide-on-xsmall-and-down.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-xsmall-and-down {
        display: block;
    }

    .dui.dui-show-on-xsmall-and-down.dui-block {
        display: block;
    }

    .dui.dui-show-on-xsmall-and-down.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-xsmall-and-down.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-xsmall-and-down.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-xsmall-and-down.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-xsmall-and-down.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-xsmall-and-down.dui-table {
        display: table;
    }

    .dui.dui-show-on-xsmall-and-down.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-xsmall-and-down.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-xsmall-and-down.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-xsmall-and-down.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-xsmall-and-down.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-xsmall-and-down.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-xsmall-and-down.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-xsmall-and-down.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-xsmall-and-down.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-xsmall-and-down.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-xsmall-and-down.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-xsmall-and-down.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-xsmall-and-down.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-xsmall-and-down.dui-list-item {
        display: list-item;
    }
}@media screen and (min-width: 0px){
    .dui.dui-hide-on-xsmall-and-up,
    .dui.dui-hide-on-xsmall-and-up.dui-block,
    .dui.dui-hide-on-xsmall-and-up.dui-block-full,
    .dui.dui-hide-on-xsmall-and-up.dui-inline-block,
    .dui.dui-hide-on-xsmall-and-up.dui-inline,
    .dui.dui-hide-on-xsmall-and-up.dui-flex,
    .dui.dui-hide-on-xsmall-and-up.dui-inline-flex,
    .dui.dui-hide-on-xsmall-and-up.dui-table,
    .dui.dui-hide-on-xsmall-and-up.dui-inline-table,
    .dui.dui-hide-on-xsmall-and-up.dui-table-caption,
    .dui.dui-hide-on-xsmall-and-up.dui-table-cell,
    .dui.dui-hide-on-xsmall-and-up.dui-table-column,
    .dui.dui-hide-on-xsmall-and-up.dui-table-column-group,
    .dui.dui-hide-on-xsmall-and-up.dui-table-footer-group,
    .dui.dui-hide-on-xsmall-and-up.dui-table-header-group,
    .dui.dui-hide-on-xsmall-and-up.dui-table-row-group,
    .dui.dui-hide-on-xsmall-and-up.dui-table-row,
    .dui.dui-hide-on-xsmall-and-up.dui-flow-root,
    .dui.dui-hide-on-xsmall-and-up.dui-grid,
    .dui.dui-hide-on-xsmall-and-up.dui-inline-grid,
    .dui.dui-hide-on-xsmall-and-up.dui-contents,
    .dui.dui-hide-on-xsmall-and-up.dui-list-item,
    .dui.dui-hide-on-xsmall-and-up.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-xsmall-and-up {
        display: block;
    }

    .dui.dui-show-on-xsmall-and-up.dui-block {
        display: block;
    }

    .dui.dui-show-on-xsmall-and-up.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-xsmall-and-up.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-xsmall-and-up.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-xsmall-and-up.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-xsmall-and-up.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-xsmall-and-up.dui-table {
        display: table;
    }

    .dui.dui-show-on-xsmall-and-up.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-xsmall-and-up.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-xsmall-and-up.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-xsmall-and-up.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-xsmall-and-up.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-xsmall-and-up.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-xsmall-and-up.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-xsmall-and-up.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-xsmall-and-up.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-xsmall-and-up.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-xsmall-and-up.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-xsmall-and-up.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-xsmall-and-up.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-xsmall-and-up.dui-list-item {
        display: list-item;
    }
}@media screen and (max-width: 768px) {

    .dui-span-xs-1 {
        grid-column-end: span 1;
    }

    .dui-span-xs-2 {
        grid-column-end: span 2;
    }

    .dui-span-xs-3 {
        grid-column-end: span 3;
    }

    .dui-span-xs-4 {
        grid-column-end: span 4;
    }

    .dui-span-xs-5 {
        grid-column-end: span 5;
    }

    .dui-span-xs-6 {
        grid-column-end: span 6;
    }

    .dui-span-xs-7 {
        grid-column-end: span 7;
    }

    .dui-span-xs-8 {
        grid-column-end: span 8;
    }

    .dui-span-xs-9 {
        grid-column-end: span 9;
    }

    .dui-span-xs-10 {
        grid-column-end: span 10;
    }

    .dui-span-xs-11 {
        grid-column-end: span 11;
    }

    .dui-span-xs-12 {
        grid-column-end: span 12;
    }

    .dui-span-xs-13 {
        grid-column-end: span 13;
    }

    .dui-span-xs-14 {
        grid-column-end: span 14;
    }

    .dui-span-xs-15 {
        grid-column-end: span 15;
    }

    .dui-span-xs-16 {
        grid-column-end: span 16;
    }

    .dui-span-xs-17 {
        grid-column-end: span 17;
    }

    .dui-span-xs-18 {
        grid-column-end: span 18;
    }

    .dui-span-xs-19 {
        grid-column-end: span 19;
    }

    .dui-span-xs-20 {
        grid-column-end: span 20;
    }

    .dui-span-xs-21 {
        grid-column-end: span 21;
    }

    .dui-span-xs-22 {
        grid-column-end: span 22;
    }

    .dui-span-xs-23 {
        grid-column-end: span 23;
    }

    .dui-span-xs-24 {
        grid-column-end: span 24;
    }

    .dui-span-xs-25 {
        grid-column-end: span 25;
    }

    .dui-span-xs-26 {
        grid-column-end: span 26;
    }

    .dui-span-xs-27 {
        grid-column-end: span 27;
    }

    .dui-span-xs-28 {
        grid-column-end: span 28;
    }

    .dui-span-xs-29 {
        grid-column-end: span 29;
    }

    .dui-span-xs-30 {
        grid-column-end: span 30;
    }

    .dui-span-xs-31 {
        grid-column-end: span 31;
    }

    .dui-span-xs-32 {
        grid-column-end: span 32;
    }

    .dui-row-12 .dui-span-xs-full {
        grid-column-end: span 12;
    }

    .dui-row-16 .dui-span-xs-full {
        grid-column-end: span 16;
    }

    .dui-row-18 .dui-span-xs-full {
        grid-column-end: span 18;
    }

    .dui-row-24 .dui-span-xs-full {
        grid-column-end: span 24;
    }

    .dui-row-32 .dui-span-xs-full {
        grid-column-end: span 32;
    }

    /*offset*/
    .dui-offset-xs-none {
    }

    .dui-offset-xs-0 {
        grid-column-start: 1;
    }

    .dui-offset-xs-1 {
        grid-column-start: 2;
    }

    .dui-offset-xs-2 {
        grid-column-start: 3;
    }

    .dui-offset-xs-3 {
        grid-column-start: 4;
    }

    .dui-offset-xs-4 {
        grid-column-start: 5;
    }

    .dui-offset-xs-5 {
        grid-column-start: 6;
    }

    .dui-offset-xs-6 {
        grid-column-start: 7;
    }

    .dui-offset-xs-7 {
        grid-column-start: 8;
    }

    .dui-offset-xs-8 {
        grid-column-start: 9;
    }

    .dui-offset-xs-9 {
        grid-column-start: 10;
    }

    .dui-offset-xs-10 {
        grid-column-start: 11;
    }

    .dui-offset-xs-11 {
        grid-column-start: 12;
    }

    .dui-offset-xs-12 {
        grid-column-start: 13;
    }

    .dui-offset-xs-13 {
        grid-column-start: 14;
    }

    .dui-offset-xs-14 {
        grid-column-start: 15;
    }

    .dui-offset-xs-15 {
        grid-column-start: 16;
    }

    .dui-offset-xs-16 {
        grid-column-start: 17;
    }

    .dui-offset-xs-17 {
        grid-column-start: 18;
    }

    .dui-offset-xs-18 {
        grid-column-start: 19;
    }

    .dui-offset-xs-19 {
        grid-column-start: 20;
    }

    .dui-offset-xs-20 {
        grid-column-start: 21;
    }

    .dui-offset-xs-21 {
        grid-column-start: 22;
    }

    .dui-offset-xs-22 {
        grid-column-start: 23;
    }

    .dui-offset-xs-23 {
        grid-column-start: 24;
    }

    .dui-offset-xs-24 {
        grid-column-start: 25;
    }

    .dui-offset-xs-25 {
        grid-column-start: 26;
    }

    .dui-offset-xs-26 {
        grid-column-start: 27;
    }

    .dui-offset-xs-27 {
        grid-column-start: 28;
    }

    .dui-offset-xs-28 {
        grid-column-start: 29;
    }

    .dui-offset-xs-29 {
        grid-column-start: 30;
    }

    .dui-offset-xs-30 {
        grid-column-start: 31;
    }

    .dui-offset-xs-31 {
        grid-column-start: 32;
    }

    .dui.dui-hide-on-xsmall,
    .dui.dui-hide-on-xsmall.dui-block,
    .dui.dui-hide-on-xsmall.dui-block-full,
    .dui.dui-hide-on-xsmall.dui-inline-block,
    .dui.dui-hide-on-xsmall.dui-inline,
    .dui.dui-hide-on-xsmall.dui-flex,
    .dui.dui-hide-on-xsmall.dui-inline-flex,
    .dui.dui-hide-on-xsmall.dui-table,
    .dui.dui-hide-on-xsmall.dui-inline-table,
    .dui.dui-hide-on-xsmall.dui-table-caption,
    .dui.dui-hide-on-xsmall.dui-table-cell,
    .dui.dui-hide-on-xsmall.dui-table-column,
    .dui.dui-hide-on-xsmall.dui-table-column-group,
    .dui.dui-hide-on-xsmall.dui-table-footer-group,
    .dui.dui-hide-on-xsmall.dui-table-header-group,
    .dui.dui-hide-on-xsmall.dui-table-row-group,
    .dui.dui-hide-on-xsmall.dui-table-row,
    .dui.dui-hide-on-xsmall.dui-flow-root,
    .dui.dui-hide-on-xsmall.dui-grid,
    .dui.dui-hide-on-xsmall.dui-inline-grid,
    .dui.dui-hide-on-xsmall.dui-contents,
    .dui.dui-hide-on-xsmall.dui-list-item,
    .dui.dui-hide-on-xsmall.dui-hidden {
        display: none;
    }

    /* -------------------------------- */
    .dui.dui-show-on-xsmall {
        display: block;
    }

    .dui.dui-show-on-xsmall.dui-block {
        display: block;
    }

    .dui.dui-show-on-xsmall.dui-block-full {
        display: block;
        width: 100%;
    }

    .dui.dui-show-on-xsmall.dui-inline-block {
        display: inline-block;
    }

    .dui.dui-show-on-xsmall.dui-inline {
        display: inline;
    }

    .dui.dui-show-on-xsmall.dui-flex {
        display: flex;
    }

    .dui.dui-show-on-xsmall.dui-inline-flex {
        display: inline-flex;
    }

    .dui.dui-show-on-xsmall.dui-table {
        display: table;
    }

    .dui.dui-show-on-xsmall.dui-inline-table {
        display: inline-table;
    }

    .dui.dui-show-on-xsmall.dui-table-caption {
        display: table-caption;
    }

    .dui.dui-show-on-xsmall.dui-table-cell {
        display: table-cell;
    }

    .dui.dui-show-on-xsmall.dui-table-column {
        display: table-column;
    }

    .dui.dui-show-on-xsmall.dui-table-column-group {
        display: table-column-group;
    }

    .dui.dui-show-on-xsmall.dui-table-footer-group {
        display: table-footer-group;
    }

    .dui.dui-show-on-xsmall.dui-table-header-group {
        display: table-header-group;
    }

    .dui.dui-show-on-xsmall.dui-table-row-group {
        display: table-row-group;
    }

    .dui.dui-show-on-xsmall.dui-table-row {
        display: table-row;
    }

    .dui.dui-show-on-xsmall.dui-flow-root {
        display: flow-root;
    }

    .dui.dui-show-on-xsmall.dui-grid {
        display: grid;
    }

    .dui.dui-show-on-xsmall.dui-inline-grid {
        display: inline-grid;
    }

    .dui.dui-show-on-xsmall.dui-contents {
        display: contents;
    }

    .dui.dui-show-on-xsmall.dui-list-item {
        display: list-item;
    }
}.dui-quick-search {
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    gap: 4px;
    background-color: var(--dui-quick-search-background-color);
    color : var(--dui-quick-search-color);
    border-radius: var(--dui-quick-search-radius);
    --dui-form-field-readonly-border:none;
    --dui-form-field-border:none;
    --dui-form-field-focused-border:none
}

.dui-search-bar {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--dui-search-bar-background-color, inherit);
    color : var(--dui-search-bar-color, inherit);
    border-radius: var(--dui-quick-search-radius);
    --dui-form-field-readonly-border:none;
    --dui-form-field-border:none;
    --dui-form-field-focused-border:none;
    z-index: 1;
}

.dui-search-bar-container {
    display: flex;
    height: 100%;
    padding: 0 20px 0 20px;
    align-items: center;
    justify-content: space-around;
    gap: var(--dui-quick-search-gap);
}
.dui-search-bar-container input {
    text-indent: 5px;
    border: none;
    background-color: transparent;
    color: inherit;
}
.dui-search-bar-container input::placeholder{
    color: inherit;
}

.dui-search-bar-container input:focus {
    outline: none;
}
.dui-slider {
    display: flex;
    align-items: center;
    gap: var(--dui-slider-gap);
    margin: var(--dui-slider-margin);
    position: relative;
}

.dui-slider .dui_prefix {
    order: 10;
}

.dui-slider-input {
    order: 20;
    flex-grow: 1;
}

.dui-slider .dui-postfix-addon {
    order: 30;
}
.dui-slider-input {
    height: var(--dui-slider-height);
    -webkit-appearance: none;
    margin: var(--dui-slider-input-margin);
    width: 100%;
    background-color: transparent;
}
.dui-slider-input:focus {
    outline: none;
}

.dui-slider-input::-webkit-slider-runnable-track {
    width: 100%;
    height: var(--dui-slider-track-height);
    cursor: var(--dui-slider-cursor);
    background-color: var(--dui-slider-track-background, var(--dui-accent-l-4));
    border-radius: var(--dui-slider-track-radius);
    box-shadow: var(--dui-slider-track-box-shadow);
    border: var(--dui-slider-track-border);
}

.dui-slider-input:focus::-webkit-slider-runnable-track {
    background-color: var(--dui-slider-track-focus-background, var(--dui-accent-l-3));
}

.dui-slider-input::-moz-range-track {
    width: 100%;
    height: var(--dui-slider-track-height);
    cursor: var(--dui-slider-cursor);
    box-shadow: var(--dui-slider-track-box-shadow);
    background: var(--dui-slider-track-background, var(--dui-accent-l-4));
    border-radius: var(--dui-slider-track-radius);
    border: var(--dui-slider-track-border);
}

.dui-slider-input::-ms-track {
    width: 100%;
    height: var(--dui-slider-track-height);
    cursor: var(--dui-slider-cursor);
    background-color: var(--dui-slider-track-background, var(--dui-accent-l-4));
    border: var(--dui-slider-track-border);
    border-radius: var(--dui-slider-track-radius);
    box-shadow: var(--dui-slider-track-box-shadow);
}


.dui-slider-input::-webkit-slider-thumb {
    border: var(--dui-slider-thumb-border);
    height: var(--dui-slider-thumb-height);
    width: var(--dui-slider-thumb-width);
    border-radius: var(--dui-slider-thumb-radius);
    background-color: var(--dui-slider-thumb-background, var(--dui-accent-l-1));
    cursor: var(--dui-slider-cursor);
    -webkit-appearance: none;
    margin: var(--dui-slider-thumb-margin);
}

.dui-slider-input::-moz-range-thumb {
    box-shadow: var(--dui-slider-thumb-box-shadow);
    border: var(--dui-slider-thumb-border);
    height: var(--dui-slider-thumb-height);
    width: var(--dui-slider-thumb-width);
    border-radius: var(--dui-slider-thumb-radius);
    background-color: var(--dui-slider-thumb-background, var(--dui-accent-l-1));
    cursor: var(--dui-slider-cursor);
}

.dui-slider-input::-ms-thumb {
    box-shadow: var(--dui-slider-thumb-box-shadow);
    border: var(--dui-slider-thumb-border);
    height: var(--dui-slider-thumb-height);
    width: var(--dui-slider-thumb-width);
    border-radius: var(--dui-slider-thumb-radius);
    background-color: var(--dui-slider-thumb-background, var(--dui-accent-l-1));
    cursor: var(--dui-slider-cursor);
}

.dui-slider-input::-ms-fill-lower {
    background-color: var(--dui-slider-track-background, var(--dui-accent-l-4));
    border: var(--dui-slider-track-border);
    border-radius: var(--dui-slider-track-radius);
    box-shadow: var(--dui-slider-track-box-shadow);
}

.dui-slider-input::-ms-fill-upper {
    background-color: var(--dui-slider-track-background, var(--dui-accent-l-4));
    border: var(--dui-slider-track-border);
    border-radius: var(--dui-slider-track-radius);
    box-shadow: var(--dui-slider-track-box-shadow);
}

.dui-slider-input:focus::-ms-fill-lower {
    background-color: var(--dui-slider-track-background, var(--dui-accent-l-4));
}

.dui-slider-input:focus::-ms-fill-upper {
    background-color: var(--dui-slider-track-background, var(--dui-accent-l-4));
}

.dui-slider-thumb {
    background-color: var(--dui-slider-thumb-background, var(--dui-accent-l-1));
    position: absolute;
    border: var(--dui-slider-thumb-border);
    height: var(--dui-slider-thumb-value-height);
    top: var(--dui-slider-thumb-value-top);
    margin: var(--dui-slider-thumb-value-margin);
    -webkit-transition: var(--dui-slider-thumb-transition);
    transition: var(--dui-slider-thumb-transition);
    transition-property: var(--dui-slider-thumb-property);
    transform-origin: var(--dui-slider-thumb-transform-origin);
    transform: var(--dui-slider-thumb-transform);
    border-radius: var(--dui-slider-thumb-value-radius);
    width: var(--dui-slider-thumb-value-width);
}

.dui-slider-value {
    display: block;
    text-align: center;
    color: var(--dui-slider-thumb-value-color);
    padding: var(--dui-slider-thumb-value-padding);
    font: var(--dui-font-regular-sm);
}

.dui-slider.dui-slider-thumb-rounded {
    --dui-slider-thumb-transform: translate(-9px, 9px) rotate(-45deg);
    --dui-slider-thumb-transform-origin: 50% 50%;
    --dui-slider-thumb-value-transform: rotate(45deg);

    --dui-slider-thumb-value-padding: 5px 0 0 0;
    --dui-slider-thumb-text-indent: 6px;
    --dui-slider-thumb-value-height: 30px;
    --dui-slider-thumb-radius: 25px;
    --dui-slider-thumb-value-radius: 50% 50% 50% 0;
}

.dui-slider.dui-slider-thumb-flat {
    --dui-slider-thumb-transform: translate(-4px, 9px);
    --dui-slider-thumb-transform-origin: 50% 50%;
    --dui-slider-thumb-value-transform: none;

    --dui-slider-thumb-value-padding: var(--dui-spc-1);
    --dui-slider-thumb-text-indent: 0;
    --dui-slider-thumb-value-height: auto;
    --dui-slider-thumb-radius: 25px;
    --dui-slider-thumb-value-radius: 2px;
}

.dui-slider.dui-slider-thumb-rounded .dui-slider-value {
    transform: var(--dui-slider-thumb-value-transform);
    text-indent: var(--dui-slider-thumb-text-indent);
    width: var(--dui-slider-thumb-value-width);
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dui-slider.dui-slider-thumb-flat .dui-slider-thumb:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 16px solid var(--dui-slider-thumb-background, var(--dui-accent-l-1));
    clear: both;
}

.dui-slider.dui-slider-thumb-flat .dui-slider-thumb {
    width: fit-content;
    text-align: center;
    line-height: 100%;
    min-width: 24px;
}

.dui-slider.dui-slider-thumb-flat .dui-slider-value {
    transform: var(--dui-slider-thumb-value-transform);
    text-indent: var(--dui-slider-thumb-text-indent);
}
.dui {
    box-sizing: var(--dui-box-sizing);
}

.dui.dui-m-auto {
    margin: auto;
}

.dui.dui-m-l-auto {
    margin-left: auto;
}

.dui.dui-m-r-auto {
    margin-right: auto;
}

.dui.dui-m-b-auto {
    margin-bottom: auto;
}

.dui.dui-m-t-auto {
    margin-top: auto;
}

.dui.dui-m-x-auto {
    margin-right: auto;
    margin-left: auto;
}

.dui.dui-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.dui.dui-p-0 {
    padding: var(--dui-spc-0);
}

.dui.dui-p-x-0 {
    padding-left: var(--dui-spc-0);
    padding-right: var(--dui-spc-0);
}

.dui.dui-p-y-0 {
    padding-top: var(--dui-spc-0);
    padding-bottom: var(--dui-spc-0);
}

.dui.dui-p-t-0 {
    padding-top: var(--dui-spc-0);
}

.dui.dui-p-r-0 {
    padding-right: var(--dui-spc-0);
}

.dui.dui-p-b-0 {
    padding-bottom: var(--dui-spc-0);
}

.dui.dui-p-l-0 {
    padding-left: var(--dui-spc-0);
}

.dui.dui-m-0 {
    margin: var(--dui-spc-0);
}

.dui.dui-m-x-0 {
    margin-left: var(--dui-spc-0);
    margin-right: var(--dui-spc-0);
}

.dui.dui-m-y-0 {
    margin-top: var(--dui-spc-0);
    margin-bottom: var(--dui-spc-0);
}

.dui.dui-m-t-0 {
    margin-top: var(--dui-spc-0);
}

.dui.dui-m-r-0 {
    margin-right: var(--dui-spc-0);
}

.dui.dui-m-b-0 {
    margin-bottom: var(--dui-spc-0);
}

.dui.dui-m-l-0 {
    margin-left: var(--dui-spc-0);
}

.dui.dui-space-x-0 > * + * {
    margin-left: var(--dui-spc-0);
}

.dui.dui-space-y-0 > * + * {
    margin-top: var(--dui-spc-0);
}

.dui.dui-w-0 {
    width: var(--dui-spc-0);
}

.dui.dui-max-w-0 {
    max-width: var(--dui-spc-0);
}

.dui.dui-min-w-0 {
    min-width: var(--dui-spc-0);
}

.dui.dui-h-0 {
    height: var(--dui-spc-0);
}

.dui.dui-max-h-0 {
    max-height: var(--dui-spc-0);
}

.dui.dui-min-h-0 {
    min-height: var(--dui-spc-0);
}

.dui.dui-gap-0 {
    gap: var(--dui-spc-0);
}

.dui.dui-gap-x-0 {
    column-gap: var(--dui-spc-0);
}

.dui.dui-gap-y-0 {
    row-gap: var(--dui-spc-0);
}

.dui.dui-inset-0 {
    inset: var(--dui-spc-0);
}

.dui.dui-inset-x-0 {
    left: var(--dui-spc-0);
    right: var(--dui-spc-0);
}

.dui.dui-inset-y-0 {
    top: var(--dui-spc-0);
    bottom: var(--dui-spc-0);
}

.dui.dui-top-0 {
    top: var(--dui-spc-0);
}

.dui.dui-right-0 {
    right: var(--dui-spc-0);
}

.dui.dui-bottom-0 {
    bottom: var(--dui-spc-0);
}

.dui.dui-left-0 {
    left: var(--dui-spc-0);
}

.dui.dui-txt-indnt-0 {
    text-indent: var(--dui-spc-0);
}

.dui.dui-basis-0 {
    flex-basis: var(--dui-spc-0);
}

.dui.dui-p-px {
    padding: var(--dui-spc-px);
}

.dui.dui-p-x-px {
    padding-left: var(--dui-spc-px);
    padding-right: var(--dui-spc-px);
}

.dui.dui-p-y-px {
    padding-top: var(--dui-spc-px);
    padding-bottom: var(--dui-spc-px);
}

.dui.dui-p-t-px {
    padding-top: var(--dui-spc-px);
}

.dui.dui-p-r-px {
    padding-right: var(--dui-spc-px);
}

.dui.dui-p-b-px {
    padding-bottom: var(--dui-spc-px);
}

.dui.dui-p-l-px {
    padding-left: var(--dui-spc-px);
}

.dui.dui-m-px {
    margin: var(--dui-spc-px);
}

.dui.dui-m-x-px {
    margin-left: var(--dui-spc-px);
    margin-right: var(--dui-spc-px);
}

.dui.dui-m-y-px {
    margin-top: var(--dui-spc-px);
    margin-bottom: var(--dui-spc-px);
}

.dui.dui-m-t-px {
    margin-top: var(--dui-spc-px);
}

.dui.dui-m-r-px {
    margin-right: var(--dui-spc-px);
}

.dui.dui-m-b-px {
    margin-bottom: var(--dui-spc-px);
}

.dui.dui-m-l-px {
    margin-left: var(--dui-spc-px);
}

.dui.dui-space-x-px > * + * {
    margin-left: var(--dui-spc-px);
}

.dui.dui-space-y-px > * + * {
    margin-top: var(--dui-spc-px);
}

.dui.dui-w-px {
    width: var(--dui-spc-px);
}

.dui.dui-max-w-px {
    max-width: var(--dui-spc-px);
}

.dui.dui-min-w-px {
    min-width: var(--dui-spc-px);
}

.dui.dui-h-px {
    height: var(--dui-spc-px);
}

.dui.dui-max-h-px {
    max-height: var(--dui-spc-px);
}

.dui.dui-min-h-px {
    min-height: var(--dui-spc-px);
}

.dui.dui-gap-px {
    gap: var(--dui-spc-px);
}

.dui.dui-gap-x-px {
    column-gap: var(--dui-spc-px);
}

.dui.dui-gap-y-px {
    row-gap: var(--dui-spc-px);
}

.dui.dui-inset-px {
    inset: var(--dui-spc-px);
}

.dui.dui-inset-x-px {
    left: var(--dui-spc-px);
    right: var(--dui-spc-px);
}

.dui.dui-inset-y-px {
    top: var(--dui-spc-px);
    bottom: var(--dui-spc-px);
}

.dui.dui-top-px {
    top: var(--dui-spc-px);
}

.dui.dui-right-px {
    right: var(--dui-spc-px);
}

.dui.dui-bottom-px {
    bottom: var(--dui-spc-px);
}

.dui.dui-left-px {
    left: var(--dui-spc-px);
}

.dui.dui-txt-indnt-px {
    text-indent: var(--dui-spc-px);
}

.dui.dui-basis-px {
    flex-basis: var(--dui-spc-px);
}

.dui.dui-p-2px {
    padding: var(--dui-spc-2px);
}

.dui.dui-p-x-2px {
    padding-left: var(--dui-spc-2px);
    padding-right: var(--dui-spc-2px);
}

.dui.dui-p-y-2px {
    padding-top: var(--dui-spc-2px);
    padding-bottom: var(--dui-spc-2px);
}

.dui.dui-p-t-2px {
    padding-top: var(--dui-spc-2px);
}

.dui.dui-p-r-2px {
    padding-right: var(--dui-spc-2px);
}

.dui.dui-p-b-2px {
    padding-bottom: var(--dui-spc-2px);
}

.dui.dui-p-l-2px {
    padding-left: var(--dui-spc-2px);
}

.dui.dui-m-2px {
    margin: var(--dui-spc-2px);
}

.dui.dui-m-x-2px {
    margin-left: var(--dui-spc-2px);
    margin-right: var(--dui-spc-2px);
}

.dui.dui-m-y-2px {
    margin-top: var(--dui-spc-2px);
    margin-bottom: var(--dui-spc-2px);
}

.dui.dui-m-t-2px {
    margin-top: var(--dui-spc-2px);
}

.dui.dui-m-r-2px {
    margin-right: var(--dui-spc-2px);
}

.dui.dui-m-b-2px {
    margin-bottom: var(--dui-spc-2px);
}

.dui.dui-m-l-2px {
    margin-left: var(--dui-spc-2px);
}

.dui.dui-space-x-2px > * + * {
    margin-left: var(--dui-spc-2px);
}

.dui.dui-space-y-2px > * + * {
    margin-top: var(--dui-spc-2px);
}

.dui.dui-w-2px {
    width: var(--dui-spc-2px);
}

.dui.dui-max-w-2px {
    max-width: var(--dui-spc-2px);
}

.dui.dui-min-w-2px {
    min-width: var(--dui-spc-2px);
}

.dui.dui-h-2px {
    height: var(--dui-spc-2px);
}

.dui.dui-max-h-2px {
    max-height: var(--dui-spc-2px);
}

.dui.dui-min-h-2px {
    min-height: var(--dui-spc-2px);
}

.dui.dui-gap-2px {
    gap: var(--dui-spc-2px);
}

.dui.dui-gap-x-2px {
    column-gap: var(--dui-spc-2px);
}

.dui.dui-gap-y-2px {
    row-gap: var(--dui-spc-2px);
}

.dui.dui-inset-2px {
    inset: var(--dui-spc-2px);
}

.dui.dui-inset-x-2px {
    left: var(--dui-spc-2px);
    right: var(--dui-spc-2px);
}

.dui.dui-inset-y-2px {
    top: var(--dui-spc-2px);
    bottom: var(--dui-spc-2px);
}

.dui.dui-top-2px {
    top: var(--dui-spc-2px);
}

.dui.dui-right-2px {
    right: var(--dui-spc-2px);
}

.dui.dui-bottom-2px {
    bottom: var(--dui-spc-2px);
}

.dui.dui-left-2px {
    left: var(--dui-spc-2px);
}

.dui.dui-txt-indnt-2px {
    text-indent: var(--dui-spc-2px);
}

.dui.dui-basis-2px {
    flex-basis: var(--dui-spc-2px);
}

.dui.dui-p-4px {
    padding: var(--dui-spc-4px);
}

.dui.dui-p-x-4px {
    padding-left: var(--dui-spc-4px);
    padding-right: var(--dui-spc-4px);
}

.dui.dui-p-y-4px {
    padding-top: var(--dui-spc-4px);
    padding-bottom: var(--dui-spc-4px);
}

.dui.dui-p-t-4px {
    padding-top: var(--dui-spc-4px);
}

.dui.dui-p-r-4px {
    padding-right: var(--dui-spc-4px);
}

.dui.dui-p-b-4px {
    padding-bottom: var(--dui-spc-4px);
}

.dui.dui-p-l-4px {
    padding-left: var(--dui-spc-4px);
}

.dui.dui-m-4px {
    margin: var(--dui-spc-4px);
}

.dui.dui-m-x-4px {
    margin-left: var(--dui-spc-4px);
    margin-right: var(--dui-spc-4px);
}

.dui.dui-m-y-4px {
    margin-top: var(--dui-spc-4px);
    margin-bottom: var(--dui-spc-4px);
}

.dui.dui-m-t-4px {
    margin-top: var(--dui-spc-4px);
}

.dui.dui-m-r-4px {
    margin-right: var(--dui-spc-4px);
}

.dui.dui-m-b-4px {
    margin-bottom: var(--dui-spc-4px);
}

.dui.dui-m-l-4px {
    margin-left: var(--dui-spc-4px);
}

.dui.dui-space-x-4px > * + * {
    margin-left: var(--dui-spc-4px);
}

.dui.dui-space-y-4px > * + * {
    margin-top: var(--dui-spc-4px);
}

.dui.dui-w-4px {
    width: var(--dui-spc-4px);
}

.dui.dui-max-w-4px {
    max-width: var(--dui-spc-4px);
}

.dui.dui-min-w-4px {
    min-width: var(--dui-spc-4px);
}

.dui.dui-h-4px {
    height: var(--dui-spc-4px);
}

.dui.dui-max-h-4px {
    max-height: var(--dui-spc-4px);
}

.dui.dui-min-h-4px {
    min-height: var(--dui-spc-4px);
}

.dui.dui-gap-4px {
    gap: var(--dui-spc-4px);
}

.dui.dui-gap-x-4px {
    column-gap: var(--dui-spc-4px);
}

.dui.dui-gap-y-4px {
    row-gap: var(--dui-spc-4px);
}

.dui.dui-inset-4px {
    inset: var(--dui-spc-4px);
}

.dui.dui-inset-x-4px {
    left: var(--dui-spc-4px);
    right: var(--dui-spc-4px);
}

.dui.dui-inset-y-4px {
    top: var(--dui-spc-4px);
    bottom: var(--dui-spc-4px);
}

.dui.dui-top-4px {
    top: var(--dui-spc-4px);
}

.dui.dui-right-4px {
    right: var(--dui-spc-4px);
}

.dui.dui-bottom-4px {
    bottom: var(--dui-spc-4px);
}

.dui.dui-left-4px {
    left: var(--dui-spc-4px);
}

.dui.dui-txt-indnt-4px {
    text-indent: var(--dui-spc-4px);
}

.dui.dui-basis-4px {
    flex-basis: var(--dui-spc-4px);
}

.dui.dui-p-8px {
    padding: var(--dui-spc-8px);
}

.dui.dui-p-x-8px {
    padding-left: var(--dui-spc-8px);
    padding-right: var(--dui-spc-8px);
}

.dui.dui-p-y-8px {
    padding-top: var(--dui-spc-8px);
    padding-bottom: var(--dui-spc-8px);
}

.dui.dui-p-t-8px {
    padding-top: var(--dui-spc-8px);
}

.dui.dui-p-r-8px {
    padding-right: var(--dui-spc-8px);
}

.dui.dui-p-b-8px {
    padding-bottom: var(--dui-spc-8px);
}

.dui.dui-p-l-8px {
    padding-left: var(--dui-spc-8px);
}

.dui.dui-m-8px {
    margin: var(--dui-spc-8px);
}

.dui.dui-m-x-8px {
    margin-left: var(--dui-spc-8px);
    margin-right: var(--dui-spc-8px);
}

.dui.dui-m-y-8px {
    margin-top: var(--dui-spc-8px);
    margin-bottom: var(--dui-spc-8px);
}

.dui.dui-m-t-8px {
    margin-top: var(--dui-spc-8px);
}

.dui.dui-m-r-8px {
    margin-right: var(--dui-spc-8px);
}

.dui.dui-m-b-8px {
    margin-bottom: var(--dui-spc-8px);
}

.dui.dui-m-l-8px {
    margin-left: var(--dui-spc-8px);
}

.dui.dui-space-x-8px > * + * {
    margin-left: var(--dui-spc-8px);
}

.dui.dui-space-y-8px > * + * {
    margin-top: var(--dui-spc-8px);
}

.dui.dui-w-8px {
    width: var(--dui-spc-8px);
}

.dui.dui-max-w-8px {
    max-width: var(--dui-spc-8px);
}

.dui.dui-min-w-8px {
    min-width: var(--dui-spc-8px);
}

.dui.dui-h-8px {
    height: var(--dui-spc-8px);
}

.dui.dui-max-h-8px {
    max-height: var(--dui-spc-8px);
}

.dui.dui-min-h-8px {
    min-height: var(--dui-spc-8px);
}

.dui.dui-gap-8px {
    gap: var(--dui-spc-8px);
}

.dui.dui-gap-x-8px {
    column-gap: var(--dui-spc-8px);
}

.dui.dui-gap-y-8px {
    row-gap: var(--dui-spc-8px);
}

.dui.dui-inset-8px {
    inset: var(--dui-spc-8px);
}

.dui.dui-inset-x-8px {
    left: var(--dui-spc-8px);
    right: var(--dui-spc-8px);
}

.dui.dui-inset-y-8px {
    top: var(--dui-spc-8px);
    bottom: var(--dui-spc-8px);
}

.dui.dui-top-8px {
    top: var(--dui-spc-8px);
}

.dui.dui-right-8px {
    right: var(--dui-spc-8px);
}

.dui.dui-bottom-8px {
    bottom: var(--dui-spc-8px);
}

.dui.dui-left-8px {
    left: var(--dui-spc-8px);
}

.dui.dui-txt-indnt-8px {
    text-indent: var(--dui-spc-8px);
}

.dui.dui-basis-8px {
    flex-basis: var(--dui-spc-8px);
}

.dui.dui-p-0_5 {
    padding: var(--dui-spc-0_5);
}

.dui.dui-p-x-0_5 {
    padding-left: var(--dui-spc-0_5);
    padding-right: var(--dui-spc-0_5);
}

.dui.dui-p-y-0_5 {
    padding-top: var(--dui-spc-0_5);
    padding-bottom: var(--dui-spc-0_5);
}

.dui.dui-p-t-0_5 {
    padding-top: var(--dui-spc-0_5);
}

.dui.dui-p-r-0_5 {
    padding-right: var(--dui-spc-0_5);
}

.dui.dui-p-b-0_5 {
    padding-bottom: var(--dui-spc-0_5);
}

.dui.dui-p-l-0_5 {
    padding-left: var(--dui-spc-0_5);
}

.dui.dui-m-0_5 {
    margin: var(--dui-spc-0_5);
}

.dui.dui-m-x-0_5 {
    margin-left: var(--dui-spc-0_5);
    margin-right: var(--dui-spc-0_5);
}

.dui.dui-m-y-0_5 {
    margin-top: var(--dui-spc-0_5);
    margin-bottom: var(--dui-spc-0_5);
}

.dui.dui-m-t-0_5 {
    margin-top: var(--dui-spc-0_5);
}

.dui.dui-m-r-0_5 {
    margin-right: var(--dui-spc-0_5);
}

.dui.dui-m-b-0_5 {
    margin-bottom: var(--dui-spc-0_5);
}

.dui.dui-m-l-0_5 {
    margin-left: var(--dui-spc-0_5);
}

.dui.dui-space-x-0_5 > * + * {
    margin-left: var(--dui-spc-0_5);
}

.dui.dui-space-y-0_5 > * + * {
    margin-top: var(--dui-spc-0_5);
}

.dui.dui-w-0_5 {
    width: var(--dui-spc-0_5);
}

.dui.dui-max-w-0_5 {
    max-width: var(--dui-spc-0_5);
}

.dui.dui-min-w-0_5 {
    min-width: var(--dui-spc-0_5);
}

.dui.dui-h-auto {
    height: auto;
}

.dui.dui-h-0_5 {
    height: var(--dui-spc-0_5);
}

.dui.dui-max-h-0_5 {
    max-height: var(--dui-spc-0_5);
}

.dui.dui-min-h-0_5 {
    min-height: var(--dui-spc-0_5);
}

.dui.dui-gap-0_5 {
    gap: var(--dui-spc-0_5);
}

.dui.dui-gap-x-0_5 {
    column-gap: var(--dui-spc-0_5);
}

.dui.dui-gap-y-0_5 {
    row-gap: var(--dui-spc-0_5);
}

.dui.dui-inset-0_5 {
    inset: var(--dui-spc-0_5);
}

.dui.dui-inset-x-0_5 {
    left: var(--dui-spc-0_5);
    right: var(--dui-spc-0_5);
}

.dui.dui-inset-y-0_5 {
    top: var(--dui-spc-0_5);
    bottom: var(--dui-spc-0_5);
}

.dui.dui-top-0_5 {
    top: var(--dui-spc-0_5);
}

.dui.dui-right-0_5 {
    right: var(--dui-spc-0_5);
}

.dui.dui-bottom-0_5 {
    bottom: var(--dui-spc-0_5);
}

.dui.dui-left-0_5 {
    left: var(--dui-spc-0_5);
}

.dui.dui-txt-indnt-0_5 {
    text-indent: var(--dui-spc-0_5);
}

.dui.dui-basis-0_5 {
    flex-basis: var(--dui-spc-0_5);
}

.dui.dui-p-1 {
    padding: var(--dui-spc-1);
}

.dui.dui-p-x-1 {
    padding-left: var(--dui-spc-1);
    padding-right: var(--dui-spc-1);
}

.dui.dui-p-y-1 {
    padding-top: var(--dui-spc-1);
    padding-bottom: var(--dui-spc-1);
}

.dui.dui-p-t-1 {
    padding-top: var(--dui-spc-1);
}

.dui.dui-p-r-1 {
    padding-right: var(--dui-spc-1);
}

.dui.dui-p-b-1 {
    padding-bottom: var(--dui-spc-1);
}

.dui.dui-p-l-1 {
    padding-left: var(--dui-spc-1);
}

.dui.dui-m-1 {
    margin: var(--dui-spc-1);
}

.dui.dui-m-x-1 {
    margin-left: var(--dui-spc-1);
    margin-right: var(--dui-spc-1);
}

.dui.dui-m-y-1 {
    margin-top: var(--dui-spc-1);
    margin-bottom: var(--dui-spc-1);
}

.dui.dui-m-t-1 {
    margin-top: var(--dui-spc-1);
}

.dui.dui-m-r-1 {
    margin-right: var(--dui-spc-1);
}

.dui.dui-m-b-1 {
    margin-bottom: var(--dui-spc-1);
}

.dui.dui-m-l-1 {
    margin-left: var(--dui-spc-1);
}

.dui.dui-space-x-1 > * + * {
    margin-left: var(--dui-spc-1);
}

.dui.dui-space-y-1 > * + * {
    margin-top: var(--dui-spc-1);
}

.dui.dui-w-1 {
    width: var(--dui-spc-1);
}

.dui.dui-max-w-1 {
    max-width: var(--dui-spc-1);
}

.dui.dui-min-w-1 {
    min-width: var(--dui-spc-1);
}

.dui.dui-h-1 {
    height: var(--dui-spc-1);
}

.dui.dui-max-h-1 {
    max-height: var(--dui-spc-1);
}

.dui.dui-min-h-1 {
    min-height: var(--dui-spc-1);
}

.dui.dui-gap-1 {
    gap: var(--dui-spc-1);
}

.dui.dui-gap-x-1 {
    column-gap: var(--dui-spc-1);
}

.dui.dui-gap-y-1 {
    row-gap: var(--dui-spc-1);
}

.dui.dui-inset-1 {
    inset: var(--dui-spc-1);
}

.dui.dui-inset-x-1 {
    left: var(--dui-spc-1);
    right: var(--dui-spc-1);
}

.dui.dui-inset-y-1 {
    top: var(--dui-spc-1);
    bottom: var(--dui-spc-1);
}

.dui.dui-top-1 {
    top: var(--dui-spc-1);
}

.dui.dui-right-1 {
    right: var(--dui-spc-1);
}

.dui.dui-bottom-1 {
    bottom: var(--dui-spc-1);
}

.dui.dui-left-1 {
    left: var(--dui-spc-1);
}

.dui.dui-txt-indnt-1 {
    text-indent: var(--dui-spc-1);
}

.dui.dui-basis-1 {
    flex-basis: var(--dui-spc-1);
}

.dui.dui-p-1_5 {
    padding: var(--dui-spc-1_5);
}

.dui.dui-p-x-1_5 {
    padding-left: var(--dui-spc-1_5);
    padding-right: var(--dui-spc-1_5);
}

.dui.dui-p-y-1_5 {
    padding-top: var(--dui-spc-1_5);
    padding-bottom: var(--dui-spc-1_5);
}

.dui.dui-p-t-1_5 {
    padding-top: var(--dui-spc-1_5);
}

.dui.dui-p-r-1_5 {
    padding-right: var(--dui-spc-1_5);
}

.dui.dui-p-b-1_5 {
    padding-bottom: var(--dui-spc-1_5);
}

.dui.dui-p-l-1_5 {
    padding-left: var(--dui-spc-1_5);
}

.dui.dui-m-1_5 {
    margin: var(--dui-spc-1_5);
}

.dui.dui-m-x-1_5 {
    margin-left: var(--dui-spc-1_5);
    margin-right: var(--dui-spc-1_5);
}

.dui.dui-m-y-1_5 {
    margin-top: var(--dui-spc-1_5);
    margin-bottom: var(--dui-spc-1_5);
}

.dui.dui-m-t-1_5 {
    margin-top: var(--dui-spc-1_5);
}

.dui.dui-m-r-1_5 {
    margin-right: var(--dui-spc-1_5);
}

.dui.dui-m-b-1_5 {
    margin-bottom: var(--dui-spc-1_5);
}

.dui.dui-m-l-1_5 {
    margin-left: var(--dui-spc-1_5);
}

.dui.dui-space-x-1_5 > * + * {
    margin-left: var(--dui-spc-1_5);
}

.dui.dui-space-y-1_5 > * + * {
    margin-top: var(--dui-spc-1_5);
}

.dui.dui-w-1_5 {
    width: var(--dui-spc-1_5);
}

.dui.dui-max-w-1_5 {
    max-width: var(--dui-spc-1_5);
}

.dui.dui-min-w-1_5 {
    min-width: var(--dui-spc-1_5);
}

.dui.dui-h-1_5 {
    height: var(--dui-spc-1_5);
}

.dui.dui-max-h-1_5 {
    max-height: var(--dui-spc-1_5);
}

.dui.dui-min-h-1_5 {
    min-height: var(--dui-spc-1_5);
}

.dui.dui-gap-1_5 {
    gap: var(--dui-spc-1_5);
}

.dui.dui-gap-x-1_5 {
    column-gap: var(--dui-spc-1_5);
}

.dui.dui-gap-y-1_5 {
    row-gap: var(--dui-spc-1_5);
}

.dui.dui-inset-1_5 {
    inset: var(--dui-spc-1_5);
}

.dui.dui-inset-x-1_5 {
    left: var(--dui-spc-1_5);
    right: var(--dui-spc-1_5);
}

.dui.dui-inset-y-1_5 {
    top: var(--dui-spc-1_5);
    bottom: var(--dui-spc-1_5);
}

.dui.dui-top-1_5 {
    top: var(--dui-spc-1_5);
}

.dui.dui-right-1_5 {
    right: var(--dui-spc-1_5);
}

.dui.dui-bottom-1_5 {
    bottom: var(--dui-spc-1_5);
}

.dui.dui-left-1_5 {
    left: var(--dui-spc-1_5);
}

.dui.dui-txt-indnt-1_5 {
    text-indent: var(--dui-spc-1_5);
}

.dui.dui-basis-1_5 {
    flex-basis: var(--dui-spc-1_5);
}

.dui.dui-p-2 {
    padding: var(--dui-spc-2);
}

.dui.dui-p-x-2 {
    padding-left: var(--dui-spc-2);
    padding-right: var(--dui-spc-2);
}

.dui.dui-p-y-2 {
    padding-top: var(--dui-spc-2);
    padding-bottom: var(--dui-spc-2);
}

.dui.dui-p-t-2 {
    padding-top: var(--dui-spc-2);
}

.dui.dui-p-r-2 {
    padding-right: var(--dui-spc-2);
}

.dui.dui-p-b-2 {
    padding-bottom: var(--dui-spc-2);
}

.dui.dui-p-l-2 {
    padding-left: var(--dui-spc-2);
}

.dui.dui-m-2 {
    margin: var(--dui-spc-2);
}

.dui.dui-m-x-2 {
    margin-left: var(--dui-spc-2);
    margin-right: var(--dui-spc-2);
}

.dui.dui-m-y-2 {
    margin-top: var(--dui-spc-2);
    margin-bottom: var(--dui-spc-2);
}

.dui.dui-m-t-2 {
    margin-top: var(--dui-spc-2);
}

.dui.dui-m-r-2 {
    margin-right: var(--dui-spc-2);
}

.dui.dui-m-b-2 {
    margin-bottom: var(--dui-spc-2);
}

.dui.dui-m-l-2 {
    margin-left: var(--dui-spc-2);
}

.dui.dui-space-x-2 > * + * {
    margin-left: var(--dui-spc-2);
}

.dui.dui-space-y-2 > * + * {
    margin-top: var(--dui-spc-2);
}

.dui.dui-w-2 {
    width: var(--dui-spc-2);
}

.dui.dui-max-w-2 {
    max-width: var(--dui-spc-2);
}

.dui.dui-min-w-2 {
    min-width: var(--dui-spc-2);
}

.dui.dui-h-2 {
    height: var(--dui-spc-2);
}

.dui.dui-max-h-2 {
    max-height: var(--dui-spc-2);
}

.dui.dui-min-h-2 {
    min-height: var(--dui-spc-2);
}

.dui.dui-gap-2 {
    gap: var(--dui-spc-2);
}

.dui.dui-gap-x-2 {
    column-gap: var(--dui-spc-2);
}

.dui.dui-gap-y-2 {
    row-gap: var(--dui-spc-2);
}

.dui.dui-inset-2 {
    inset: var(--dui-spc-2);
}

.dui.dui-inset-x-2 {
    left: var(--dui-spc-2);
    right: var(--dui-spc-2);
}

.dui.dui-inset-y-2 {
    top: var(--dui-spc-2);
    bottom: var(--dui-spc-2);
}

.dui.dui-top-2 {
    top: var(--dui-spc-2);
}

.dui.dui-right-2 {
    right: var(--dui-spc-2);
}

.dui.dui-bottom-2 {
    bottom: var(--dui-spc-2);
}

.dui.dui-left-2 {
    left: var(--dui-spc-2);
}

.dui.dui-txt-indnt-2 {
    text-indent: var(--dui-spc-2);
}

.dui.dui-basis-2 {
    flex-basis: var(--dui-spc-2);
}

.dui.dui-p-2_5 {
    padding: var(--dui-spc-2_5);
}

.dui.dui-p-x-2_5 {
    padding-left: var(--dui-spc-2_5);
    padding-right: var(--dui-spc-2_5);
}

.dui.dui-p-y-2_5 {
    padding-top: var(--dui-spc-2_5);
    padding-bottom: var(--dui-spc-2_5);
}

.dui.dui-p-t-2_5 {
    padding-top: var(--dui-spc-2_5);
}

.dui.dui-p-r-2_5 {
    padding-right: var(--dui-spc-2_5);
}

.dui.dui-p-b-2_5 {
    padding-bottom: var(--dui-spc-2_5);
}

.dui.dui-p-l-2_5 {
    padding-left: var(--dui-spc-2_5);
}

.dui.dui-m-2_5 {
    margin: var(--dui-spc-2_5);
}

.dui.dui-m-x-2_5 {
    margin-left: var(--dui-spc-2_5);
    margin-right: var(--dui-spc-2_5);
}

.dui.dui-m-y-2_5 {
    margin-top: var(--dui-spc-2_5);
    margin-bottom: var(--dui-spc-2_5);
}

.dui.dui-m-t-2_5 {
    margin-top: var(--dui-spc-2_5);
}

.dui.dui-m-r-2_5 {
    margin-right: var(--dui-spc-2_5);
}

.dui.dui-m-b-2_5 {
    margin-bottom: var(--dui-spc-2_5);
}

.dui.dui-m-l-2_5 {
    margin-left: var(--dui-spc-2_5);
}

.dui.dui-space-x-2_5 > * + * {
    margin-left: var(--dui-spc-2_5);
}

.dui.dui-space-y-2_5 > * + * {
    margin-top: var(--dui-spc-2_5);
}

.dui.dui-w-2_5 {
    width: var(--dui-spc-2_5);
}

.dui.dui-max-w-2_5 {
    max-width: var(--dui-spc-2_5);
}

.dui.dui-min-w-2_5 {
    min-width: var(--dui-spc-2_5);
}

.dui.dui-h-2_5 {
    height: var(--dui-spc-2_5);
}

.dui.dui-max-h-2_5 {
    max-height: var(--dui-spc-2_5);
}

.dui.dui-min-h-2_5 {
    min-height: var(--dui-spc-2_5);
}

.dui.dui-gap-2_5 {
    gap: var(--dui-spc-2_5);
}

.dui.dui-gap-x-2_5 {
    column-gap: var(--dui-spc-2_5);
}

.dui.dui-gap-y-2_5 {
    row-gap: var(--dui-spc-2_5);
}

.dui.dui-inset-2_5 {
    inset: var(--dui-spc-2_5);
}

.dui.dui-inset-x-2_5 {
    left: var(--dui-spc-2_5);
    right: var(--dui-spc-2_5);
}

.dui.dui-inset-y-2_5 {
    top: var(--dui-spc-2_5);
    bottom: var(--dui-spc-2_5);
}

.dui.dui-top-2_5 {
    top: var(--dui-spc-2_5);
}

.dui.dui-right-2_5 {
    right: var(--dui-spc-2_5);
}

.dui.dui-bottom-2_5 {
    bottom: var(--dui-spc-2_5);
}

.dui.dui-left-2_5 {
    left: var(--dui-spc-2_5);
}

.dui.dui-txt-indnt-2_5 {
    text-indent: var(--dui-spc-2_5);
}

.dui.dui-basis-2_5 {
    flex-basis: var(--dui-spc-2_5);
}

.dui.dui-p-3 {
    padding: var(--dui-spc-3);
}

.dui.dui-p-x-3 {
    padding-left: var(--dui-spc-3);
    padding-right: var(--dui-spc-3);
}

.dui.dui-p-y-3 {
    padding-top: var(--dui-spc-3);
    padding-bottom: var(--dui-spc-3);
}

.dui.dui-p-t-3 {
    padding-top: var(--dui-spc-3);
}

.dui.dui-p-r-3 {
    padding-right: var(--dui-spc-3);
}

.dui.dui-p-b-3 {
    padding-bottom: var(--dui-spc-3);
}

.dui.dui-p-l-3 {
    padding-left: var(--dui-spc-3);
}

.dui.dui-m-3 {
    margin: var(--dui-spc-3);
}

.dui.dui-m-x-3 {
    margin-left: var(--dui-spc-3);
    margin-right: var(--dui-spc-3);
}

.dui.dui-m-y-3 {
    margin-top: var(--dui-spc-3);
    margin-bottom: var(--dui-spc-3);
}

.dui.dui-m-t-3 {
    margin-top: var(--dui-spc-3);
}

.dui.dui-m-r-3 {
    margin-right: var(--dui-spc-3);
}

.dui.dui-m-b-3 {
    margin-bottom: var(--dui-spc-3);
}

.dui.dui-m-l-3 {
    margin-left: var(--dui-spc-3);
}

.dui.dui-space-x-3 > * + * {
    margin-left: var(--dui-spc-3);
}

.dui.dui-space-y-3 > * + * {
    margin-top: var(--dui-spc-3);
}

.dui.dui-w-3 {
    width: var(--dui-spc-3);
}

.dui.dui-max-w-3 {
    max-width: var(--dui-spc-3);
}

.dui.dui-min-w-3 {
    min-width: var(--dui-spc-3);
}

.dui.dui-h-3 {
    height: var(--dui-spc-3);
}

.dui.dui-max-h-3 {
    max-height: var(--dui-spc-3);
}

.dui.dui-min-h-3 {
    min-height: var(--dui-spc-3);
}

.dui.dui-gap-3 {
    gap: var(--dui-spc-3);
}

.dui.dui-gap-x-3 {
    column-gap: var(--dui-spc-3);
}

.dui.dui-gap-y-3 {
    row-gap: var(--dui-spc-3);
}

.dui.dui-inset-3 {
    inset: var(--dui-spc-3);
}

.dui.dui-inset-x-3 {
    left: var(--dui-spc-3);
    right: var(--dui-spc-3);
}

.dui.dui-inset-y-3 {
    top: var(--dui-spc-3);
    bottom: var(--dui-spc-3);
}

.dui.dui-top-3 {
    top: var(--dui-spc-3);
}

.dui.dui-right-3 {
    right: var(--dui-spc-3);
}

.dui.dui-bottom-3 {
    bottom: var(--dui-spc-3);
}

.dui.dui-left-3 {
    left: var(--dui-spc-3);
}

.dui.dui-txt-indnt-3 {
    text-indent: var(--dui-spc-3);
}

.dui.dui-basis-3 {
    flex-basis: var(--dui-spc-3);
}

.dui.dui-p-3_5 {
    padding: var(--dui-spc-3_5);
}

.dui.dui-p-x-3_5 {
    padding-left: var(--dui-spc-3_5);
    padding-right: var(--dui-spc-3_5);
}

.dui.dui-p-y-3_5 {
    padding-top: var(--dui-spc-3_5);
    padding-bottom: var(--dui-spc-3_5);
}

.dui.dui-p-t-3_5 {
    padding-top: var(--dui-spc-3_5);
}

.dui.dui-p-r-3_5 {
    padding-right: var(--dui-spc-3_5);
}

.dui.dui-p-b-3_5 {
    padding-bottom: var(--dui-spc-3_5);
}

.dui.dui-p-l-3_5 {
    padding-left: var(--dui-spc-3_5);
}

.dui.dui-m-3_5 {
    margin: var(--dui-spc-3_5);
}

.dui.dui-m-x-3_5 {
    margin-left: var(--dui-spc-3_5);
    margin-right: var(--dui-spc-3_5);
}

.dui.dui-m-y-3_5 {
    margin-top: var(--dui-spc-3_5);
    margin-bottom: var(--dui-spc-3_5);
}

.dui.dui-m-t-3_5 {
    margin-top: var(--dui-spc-3_5);
}

.dui.dui-m-r-3_5 {
    margin-right: var(--dui-spc-3_5);
}

.dui.dui-m-b-3_5 {
    margin-bottom: var(--dui-spc-3_5);
}

.dui.dui-m-l-3_5 {
    margin-left: var(--dui-spc-3_5);
}

.dui.dui-space-x-3_5 > * + * {
    margin-left: var(--dui-spc-3_5);
}

.dui.dui-space-y-3_5 > * + * {
    margin-top: var(--dui-spc-3_5);
}

.dui.dui-w-3_5 {
    width: var(--dui-spc-3_5);
}

.dui.dui-max-w-3_5 {
    max-width: var(--dui-spc-3_5);
}

.dui.dui-min-w-3_5 {
    min-width: var(--dui-spc-3_5);
}

.dui.dui-h-3_5 {
    height: var(--dui-spc-3_5);
}

.dui.dui-max-h-3_5 {
    max-height: var(--dui-spc-3_5);
}

.dui.dui-min-h-3_5 {
    min-height: var(--dui-spc-3_5);
}

.dui.dui-gap-3_5 {
    gap: var(--dui-spc-3_5);
}

.dui.dui-gap-x-3_5 {
    column-gap: var(--dui-spc-3_5);
}

.dui.dui-gap-y-3_5 {
    row-gap: var(--dui-spc-3_5);
}

.dui.dui-inset-3_5 {
    inset: var(--dui-spc-3_5);
}

.dui.dui-inset-x-3_5 {
    left: var(--dui-spc-3_5);
    right: var(--dui-spc-3_5);
}

.dui.dui-inset-y-3_5 {
    top: var(--dui-spc-3_5);
    bottom: var(--dui-spc-3_5);
}

.dui.dui-top-3_5 {
    top: var(--dui-spc-3_5);
}

.dui.dui-right-3_5 {
    right: var(--dui-spc-3_5);
}

.dui.dui-bottom-3_5 {
    bottom: var(--dui-spc-3_5);
}

.dui.dui-left-3_5 {
    left: var(--dui-spc-3_5);
}

.dui.dui-txt-indnt-3_5 {
    text-indent: var(--dui-spc-3_5);
}

.dui.dui-basis-3_5 {
    flex-basis: var(--dui-spc-3_5);
}

.dui.dui-p-4 {
    padding: var(--dui-spc-4);
}

.dui.dui-p-x-4 {
    padding-left: var(--dui-spc-4);
    padding-right: var(--dui-spc-4);
}

.dui.dui-p-y-4 {
    padding-top: var(--dui-spc-4);
    padding-bottom: var(--dui-spc-4);
}

.dui.dui-p-t-4 {
    padding-top: var(--dui-spc-4);
}

.dui.dui-p-r-4 {
    padding-right: var(--dui-spc-4);
}

.dui.dui-p-b-4 {
    padding-bottom: var(--dui-spc-4);
}

.dui.dui-p-l-4 {
    padding-left: var(--dui-spc-4);
}

.dui.dui-m-4 {
    margin: var(--dui-spc-4);
}

.dui.dui-m-x-4 {
    margin-left: var(--dui-spc-4);
    margin-right: var(--dui-spc-4);
}

.dui.dui-m-y-4 {
    margin-top: var(--dui-spc-4);
    margin-bottom: var(--dui-spc-4);
}

.dui.dui-m-t-4 {
    margin-top: var(--dui-spc-4);
}

.dui.dui-m-r-4 {
    margin-right: var(--dui-spc-4);
}

.dui.dui-m-b-4 {
    margin-bottom: var(--dui-spc-4);
}

.dui.dui-m-l-4 {
    margin-left: var(--dui-spc-4);
}

.dui.dui-space-x-4 > * + * {
    margin-left: var(--dui-spc-4);
}

.dui.dui-space-y-4 > * + * {
    margin-top: var(--dui-spc-4);
}

.dui.dui-w-4 {
    width: var(--dui-spc-4);
}

.dui.dui-max-w-4 {
    max-width: var(--dui-spc-4);
}

.dui.dui-min-w-4 {
    min-width: var(--dui-spc-4);
}

.dui.dui-h-4 {
    height: var(--dui-spc-4);
}

.dui.dui-max-h-4 {
    max-height: var(--dui-spc-4);
}

.dui.dui-min-h-4 {
    min-height: var(--dui-spc-4);
}

.dui.dui-gap-4 {
    gap: var(--dui-spc-4);
}

.dui.dui-gap-x-4 {
    column-gap: var(--dui-spc-4);
}

.dui.dui-gap-y-4 {
    row-gap: var(--dui-spc-4);
}

.dui.dui-inset-4 {
    inset: var(--dui-spc-4);
}

.dui.dui-inset-x-4 {
    left: var(--dui-spc-4);
    right: var(--dui-spc-4);
}

.dui.dui-inset-y-4 {
    top: var(--dui-spc-4);
    bottom: var(--dui-spc-4);
}

.dui.dui-top-4 {
    top: var(--dui-spc-4);
}

.dui.dui-right-4 {
    right: var(--dui-spc-4);
}

.dui.dui-bottom-4 {
    bottom: var(--dui-spc-4);
}

.dui.dui-left-4 {
    left: var(--dui-spc-4);
}

.dui.dui-txt-indnt-4 {
    text-indent: var(--dui-spc-4);
}

.dui.dui-basis-4 {
    flex-basis: var(--dui-spc-4);
}

.dui.dui-p-5 {
    padding: var(--dui-spc-5);
}

.dui.dui-p-x-5 {
    padding-left: var(--dui-spc-5);
    padding-right: var(--dui-spc-5);
}

.dui.dui-p-y-5 {
    padding-top: var(--dui-spc-5);
    padding-bottom: var(--dui-spc-5);
}

.dui.dui-p-t-5 {
    padding-top: var(--dui-spc-5);
}

.dui.dui-p-r-5 {
    padding-right: var(--dui-spc-5);
}

.dui.dui-p-b-5 {
    padding-bottom: var(--dui-spc-5);
}

.dui.dui-p-l-5 {
    padding-left: var(--dui-spc-5);
}

.dui.dui-m-5 {
    margin: var(--dui-spc-5);
}

.dui.dui-m-x-5 {
    margin-left: var(--dui-spc-5);
    margin-right: var(--dui-spc-5);
}

.dui.dui-m-y-5 {
    margin-top: var(--dui-spc-5);
    margin-bottom: var(--dui-spc-5);
}

.dui.dui-m-t-5 {
    margin-top: var(--dui-spc-5);
}

.dui.dui-m-r-5 {
    margin-right: var(--dui-spc-5);
}

.dui.dui-m-b-5 {
    margin-bottom: var(--dui-spc-5);
}

.dui.dui-m-l-5 {
    margin-left: var(--dui-spc-5);
}

.dui.dui-space-x-5 > * + * {
    margin-left: var(--dui-spc-5);
}

.dui.dui-space-y-5 > * + * {
    margin-top: var(--dui-spc-5);
}

.dui.dui-w-5 {
    width: var(--dui-spc-5);
}

.dui.dui-max-w-5 {
    max-width: var(--dui-spc-5);
}

.dui.dui-min-w-5 {
    min-width: var(--dui-spc-5);
}

.dui.dui-h-5 {
    height: var(--dui-spc-5);
}

.dui.dui-max-h-5 {
    max-height: var(--dui-spc-5);
}

.dui.dui-min-h-5 {
    min-height: var(--dui-spc-5);
}

.dui.dui-gap-5 {
    gap: var(--dui-spc-5);
}

.dui.dui-gap-x-5 {
    column-gap: var(--dui-spc-5);
}

.dui.dui-gap-y-5 {
    row-gap: var(--dui-spc-5);
}

.dui.dui-inset-5 {
    inset: var(--dui-spc-5);
}

.dui.dui-inset-x-5 {
    left: var(--dui-spc-5);
    right: var(--dui-spc-5);
}

.dui.dui-inset-y-5 {
    top: var(--dui-spc-5);
    bottom: var(--dui-spc-5);
}

.dui.dui-top-5 {
    top: var(--dui-spc-5);
}

.dui.dui-right-5 {
    right: var(--dui-spc-5);
}

.dui.dui-bottom-5 {
    bottom: var(--dui-spc-5);
}

.dui.dui-left-5 {
    left: var(--dui-spc-5);
}

.dui.dui-txt-indnt-5 {
    text-indent: var(--dui-spc-5);
}

.dui.dui-basis-5 {
    flex-basis: var(--dui-spc-5);
}

.dui.dui-p-6 {
    padding: var(--dui-spc-6);
}

.dui.dui-p-x-6 {
    padding-left: var(--dui-spc-6);
    padding-right: var(--dui-spc-6);
}

.dui.dui-p-y-6 {
    padding-top: var(--dui-spc-6);
    padding-bottom: var(--dui-spc-6);
}

.dui.dui-p-t-6 {
    padding-top: var(--dui-spc-6);
}

.dui.dui-p-r-6 {
    padding-right: var(--dui-spc-6);
}

.dui.dui-p-b-6 {
    padding-bottom: var(--dui-spc-6);
}

.dui.dui-p-l-6 {
    padding-left: var(--dui-spc-6);
}

.dui.dui-m-6 {
    margin: var(--dui-spc-6);
}

.dui.dui-m-x-6 {
    margin-left: var(--dui-spc-6);
    margin-right: var(--dui-spc-6);
}

.dui.dui-m-y-6 {
    margin-top: var(--dui-spc-6);
    margin-bottom: var(--dui-spc-6);
}

.dui.dui-m-t-6 {
    margin-top: var(--dui-spc-6);
}

.dui.dui-m-r-6 {
    margin-right: var(--dui-spc-6);
}

.dui.dui-m-b-6 {
    margin-bottom: var(--dui-spc-6);
}

.dui.dui-m-l-6 {
    margin-left: var(--dui-spc-6);
}

.dui.dui-space-x-6 > * + * {
    margin-left: var(--dui-spc-6);
}

.dui.dui-space-y-6 > * + * {
    margin-top: var(--dui-spc-6);
}

.dui.dui-w-6 {
    width: var(--dui-spc-6);
}

.dui.dui-max-w-6 {
    max-width: var(--dui-spc-6);
}

.dui.dui-min-w-6 {
    min-width: var(--dui-spc-6);
}

.dui.dui-h-6 {
    height: var(--dui-spc-6);
}

.dui.dui-max-h-6 {
    max-height: var(--dui-spc-6);
}

.dui.dui-min-h-6 {
    min-height: var(--dui-spc-6);
}

.dui.dui-gap-6 {
    gap: var(--dui-spc-6);
}

.dui.dui-gap-x-6 {
    column-gap: var(--dui-spc-6);
}

.dui.dui-gap-y-6 {
    row-gap: var(--dui-spc-6);
}

.dui.dui-inset-6 {
    inset: var(--dui-spc-6);
}

.dui.dui-inset-x-6 {
    left: var(--dui-spc-6);
    right: var(--dui-spc-6);
}

.dui.dui-inset-y-6 {
    top: var(--dui-spc-6);
    bottom: var(--dui-spc-6);
}

.dui.dui-top-6 {
    top: var(--dui-spc-6);
}

.dui.dui-right-6 {
    right: var(--dui-spc-6);
}

.dui.dui-bottom-6 {
    bottom: var(--dui-spc-6);
}

.dui.dui-left-6 {
    left: var(--dui-spc-6);
}

.dui.dui-txt-indnt-6 {
    text-indent: var(--dui-spc-6);
}

.dui.dui-basis-6 {
    flex-basis: var(--dui-spc-6);
}

.dui.dui-p-7 {
    padding: var(--dui-spc-7);
}

.dui.dui-p-x-7 {
    padding-left: var(--dui-spc-7);
    padding-right: var(--dui-spc-7);
}

.dui.dui-p-y-7 {
    padding-top: var(--dui-spc-7);
    padding-bottom: var(--dui-spc-7);
}

.dui.dui-p-t-7 {
    padding-top: var(--dui-spc-7);
}

.dui.dui-p-r-7 {
    padding-right: var(--dui-spc-7);
}

.dui.dui-p-b-7 {
    padding-bottom: var(--dui-spc-7);
}

.dui.dui-p-l-7 {
    padding-left: var(--dui-spc-7);
}

.dui.dui-m-7 {
    margin: var(--dui-spc-7);
}

.dui.dui-m-x-7 {
    margin-left: var(--dui-spc-7);
    margin-right: var(--dui-spc-7);
}

.dui.dui-m-y-7 {
    margin-top: var(--dui-spc-7);
    margin-bottom: var(--dui-spc-7);
}

.dui.dui-m-t-7 {
    margin-top: var(--dui-spc-7);
}

.dui.dui-m-r-7 {
    margin-right: var(--dui-spc-7);
}

.dui.dui-m-b-7 {
    margin-bottom: var(--dui-spc-7);
}

.dui.dui-m-l-7 {
    margin-left: var(--dui-spc-7);
}

.dui.dui-space-x-7 > * + * {
    margin-left: var(--dui-spc-7);
}

.dui.dui-space-y-7 > * + * {
    margin-top: var(--dui-spc-7);
}

.dui.dui-w-7 {
    width: var(--dui-spc-7);
}

.dui.dui-max-w-7 {
    max-width: var(--dui-spc-7);
}

.dui.dui-min-w-7 {
    min-width: var(--dui-spc-7);
}

.dui.dui-h-7 {
    height: var(--dui-spc-7);
}

.dui.dui-max-h-7 {
    max-height: var(--dui-spc-7);
}

.dui.dui-min-h-7 {
    min-height: var(--dui-spc-7);
}

.dui.dui-gap-7 {
    gap: var(--dui-spc-7);
}

.dui.dui-gap-x-7 {
    column-gap: var(--dui-spc-7);
}

.dui.dui-gap-y-7 {
    row-gap: var(--dui-spc-7);
}

.dui.dui-inset-7 {
    inset: var(--dui-spc-7);
}

.dui.dui-inset-x-7 {
    left: var(--dui-spc-7);
    right: var(--dui-spc-7);
}

.dui.dui-inset-y-7 {
    top: var(--dui-spc-7);
    bottom: var(--dui-spc-7);
}

.dui.dui-top-7 {
    top: var(--dui-spc-7);
}

.dui.dui-right-7 {
    right: var(--dui-spc-7);
}

.dui.dui-bottom-7 {
    bottom: var(--dui-spc-7);
}

.dui.dui-left-7 {
    left: var(--dui-spc-7);
}

.dui.dui-txt-indnt-7 {
    text-indent: var(--dui-spc-7);
}

.dui.dui-basis-7 {
    flex-basis: var(--dui-spc-7);
}

.dui.dui-p-8 {
    padding: var(--dui-spc-8);
}

.dui.dui-p-x-8 {
    padding-left: var(--dui-spc-8);
    padding-right: var(--dui-spc-8);
}

.dui.dui-p-y-8 {
    padding-top: var(--dui-spc-8);
    padding-bottom: var(--dui-spc-8);
}

.dui.dui-p-t-8 {
    padding-top: var(--dui-spc-8);
}

.dui.dui-p-r-8 {
    padding-right: var(--dui-spc-8);
}

.dui.dui-p-b-8 {
    padding-bottom: var(--dui-spc-8);
}

.dui.dui-p-l-8 {
    padding-left: var(--dui-spc-8);
}

.dui.dui-m-8 {
    margin: var(--dui-spc-8);
}

.dui.dui-m-x-8 {
    margin-left: var(--dui-spc-8);
    margin-right: var(--dui-spc-8);
}

.dui.dui-m-y-8 {
    margin-top: var(--dui-spc-8);
    margin-bottom: var(--dui-spc-8);
}

.dui.dui-m-t-8 {
    margin-top: var(--dui-spc-8);
}

.dui.dui-m-r-8 {
    margin-right: var(--dui-spc-8);
}

.dui.dui-m-b-8 {
    margin-bottom: var(--dui-spc-8);
}

.dui.dui-m-l-8 {
    margin-left: var(--dui-spc-8);
}

.dui.dui-space-x-8 > * + * {
    margin-left: var(--dui-spc-8);
}

.dui.dui-space-y-8 > * + * {
    margin-top: var(--dui-spc-8);
}

.dui.dui-w-8 {
    width: var(--dui-spc-8);
}

.dui.dui-max-w-8 {
    max-width: var(--dui-spc-8);
}

.dui.dui-min-w-8 {
    min-width: var(--dui-spc-8);
}

.dui.dui-h-8 {
    height: var(--dui-spc-8);
}

.dui.dui-max-h-8 {
    max-height: var(--dui-spc-8);
}

.dui.dui-min-h-8 {
    min-height: var(--dui-spc-8);
}

.dui.dui-gap-8 {
    gap: var(--dui-spc-8);
}

.dui.dui-gap-x-8 {
    column-gap: var(--dui-spc-8);
}

.dui.dui-gap-y-8 {
    row-gap: var(--dui-spc-8);
}

.dui.dui-inset-8 {
    inset: var(--dui-spc-8);
}

.dui.dui-inset-x-8 {
    left: var(--dui-spc-8);
    right: var(--dui-spc-8);
}

.dui.dui-inset-y-8 {
    top: var(--dui-spc-8);
    bottom: var(--dui-spc-8);
}

.dui.dui-top-8 {
    top: var(--dui-spc-8);
}

.dui.dui-right-8 {
    right: var(--dui-spc-8);
}

.dui.dui-bottom-8 {
    bottom: var(--dui-spc-8);
}

.dui.dui-left-8 {
    left: var(--dui-spc-8);
}

.dui.dui-txt-indnt-8 {
    text-indent: var(--dui-spc-8);
}

.dui.dui-basis-8 {
    flex-basis: var(--dui-spc-8);
}

.dui.dui-p-9 {
    padding: var(--dui-spc-9);
}

.dui.dui-p-x-9 {
    padding-left: var(--dui-spc-9);
    padding-right: var(--dui-spc-9);
}

.dui.dui-p-y-9 {
    padding-top: var(--dui-spc-9);
    padding-bottom: var(--dui-spc-9);
}

.dui.dui-p-t-9 {
    padding-top: var(--dui-spc-9);
}

.dui.dui-p-r-9 {
    padding-right: var(--dui-spc-9);
}

.dui.dui-p-b-9 {
    padding-bottom: var(--dui-spc-9);
}

.dui.dui-p-l-9 {
    padding-left: var(--dui-spc-9);
}

.dui.dui-m-9 {
    margin: var(--dui-spc-9);
}

.dui.dui-m-x-9 {
    margin-left: var(--dui-spc-9);
    margin-right: var(--dui-spc-9);
}

.dui.dui-m-y-9 {
    margin-top: var(--dui-spc-9);
    margin-bottom: var(--dui-spc-9);
}

.dui.dui-m-t-9 {
    margin-top: var(--dui-spc-9);
}

.dui.dui-m-r-9 {
    margin-right: var(--dui-spc-9);
}

.dui.dui-m-b-9 {
    margin-bottom: var(--dui-spc-9);
}

.dui.dui-m-l-9 {
    margin-left: var(--dui-spc-9);
}

.dui.dui-space-x-9 > * + * {
    margin-left: var(--dui-spc-9);
}

.dui.dui-space-y-9 > * + * {
    margin-top: var(--dui-spc-9);
}

.dui.dui-w-9 {
    width: var(--dui-spc-9);
}

.dui.dui-max-w-9 {
    max-width: var(--dui-spc-9);
}

.dui.dui-min-w-9 {
    min-width: var(--dui-spc-9);
}

.dui.dui-h-9 {
    height: var(--dui-spc-9);
}

.dui.dui-max-h-9 {
    max-height: var(--dui-spc-9);
}

.dui.dui-min-h-9 {
    min-height: var(--dui-spc-9);
}

.dui.dui-gap-9 {
    gap: var(--dui-spc-9);
}

.dui.dui-gap-x-9 {
    column-gap: var(--dui-spc-9);
}

.dui.dui-gap-y-9 {
    row-gap: var(--dui-spc-9);
}

.dui.dui-inset-9 {
    inset: var(--dui-spc-9);
}

.dui.dui-inset-x-9 {
    left: var(--dui-spc-9);
    right: var(--dui-spc-9);
}

.dui.dui-inset-y-9 {
    top: var(--dui-spc-9);
    bottom: var(--dui-spc-9);
}

.dui.dui-top-9 {
    top: var(--dui-spc-9);
}

.dui.dui-right-9 {
    right: var(--dui-spc-9);
}

.dui.dui-bottom-9 {
    bottom: var(--dui-spc-9);
}

.dui.dui-left-9 {
    left: var(--dui-spc-9);
}

.dui.dui-txt-indnt-9 {
    text-indent: var(--dui-spc-9);
}

.dui.dui-basis-9 {
    flex-basis: var(--dui-spc-9);
}

.dui.dui-p-10 {
    padding: var(--dui-spc-10);
}

.dui.dui-p-x-10 {
    padding-left: var(--dui-spc-10);
    padding-right: var(--dui-spc-10);
}

.dui.dui-p-y-10 {
    padding-top: var(--dui-spc-10);
    padding-bottom: var(--dui-spc-10);
}

.dui.dui-p-t-10 {
    padding-top: var(--dui-spc-10);
}

.dui.dui-p-r-10 {
    padding-right: var(--dui-spc-10);
}

.dui.dui-p-b-10 {
    padding-bottom: var(--dui-spc-10);
}

.dui.dui-p-l-10 {
    padding-left: var(--dui-spc-10);
}

.dui.dui-m-10 {
    margin: var(--dui-spc-10);
}

.dui.dui-m-x-10 {
    margin-left: var(--dui-spc-10);
    margin-right: var(--dui-spc-10);
}

.dui.dui-m-y-10 {
    margin-top: var(--dui-spc-10);
    margin-bottom: var(--dui-spc-10);
}

.dui.dui-m-t-10 {
    margin-top: var(--dui-spc-10);
}

.dui.dui-m-r-10 {
    margin-right: var(--dui-spc-10);
}

.dui.dui-m-b-10 {
    margin-bottom: var(--dui-spc-10);
}

.dui.dui-m-l-10 {
    margin-left: var(--dui-spc-10);
}

.dui.dui-space-x-10 > * + * {
    margin-left: var(--dui-spc-10);
}

.dui.dui-space-y-10 > * + * {
    margin-top: var(--dui-spc-10);
}

.dui.dui-w-10 {
    width: var(--dui-spc-10);
}

.dui.dui-max-w-10 {
    max-width: var(--dui-spc-10);
}

.dui.dui-min-w-10 {
    min-width: var(--dui-spc-10);
}

.dui.dui-h-10 {
    height: var(--dui-spc-10);
}

.dui.dui-max-h-10 {
    max-height: var(--dui-spc-10);
}

.dui.dui-min-h-10 {
    min-height: var(--dui-spc-10);
}

.dui.dui-gap-10 {
    gap: var(--dui-spc-10);
}

.dui.dui-gap-x-10 {
    column-gap: var(--dui-spc-10);
}

.dui.dui-gap-y-10 {
    row-gap: var(--dui-spc-10);
}

.dui.dui-inset-10 {
    inset: var(--dui-spc-10);
}

.dui.dui-inset-x-10 {
    left: var(--dui-spc-10);
    right: var(--dui-spc-10);
}

.dui.dui-inset-y-10 {
    top: var(--dui-spc-10);
    bottom: var(--dui-spc-10);
}

.dui.dui-top-10 {
    top: var(--dui-spc-10);
}

.dui.dui-right-10 {
    right: var(--dui-spc-10);
}

.dui.dui-bottom-10 {
    bottom: var(--dui-spc-10);
}

.dui.dui-left-10 {
    left: var(--dui-spc-10);
}

.dui.dui-txt-indnt-10 {
    text-indent: var(--dui-spc-10);
}

.dui.dui-basis-10 {
    flex-basis: var(--dui-spc-10);
}

.dui.dui-p-11 {
    padding: var(--dui-spc-11);
}

.dui.dui-p-x-11 {
    padding-left: var(--dui-spc-11);
    padding-right: var(--dui-spc-11);
}

.dui.dui-p-y-11 {
    padding-top: var(--dui-spc-11);
    padding-bottom: var(--dui-spc-11);
}

.dui.dui-p-t-11 {
    padding-top: var(--dui-spc-11);
}

.dui.dui-p-r-11 {
    padding-right: var(--dui-spc-11);
}

.dui.dui-p-b-11 {
    padding-bottom: var(--dui-spc-11);
}

.dui.dui-p-l-11 {
    padding-left: var(--dui-spc-11);
}

.dui.dui-m-11 {
    margin: var(--dui-spc-11);
}

.dui.dui-m-x-11 {
    margin-left: var(--dui-spc-11);
    margin-right: var(--dui-spc-11);
}

.dui.dui-m-y-11 {
    margin-top: var(--dui-spc-11);
    margin-bottom: var(--dui-spc-11);
}

.dui.dui-m-t-11 {
    margin-top: var(--dui-spc-11);
}

.dui.dui-m-r-11 {
    margin-right: var(--dui-spc-11);
}

.dui.dui-m-b-11 {
    margin-bottom: var(--dui-spc-11);
}

.dui.dui-m-l-11 {
    margin-left: var(--dui-spc-11);
}

.dui.dui-space-x-11 > * + * {
    margin-left: var(--dui-spc-11);
}

.dui.dui-space-y-11 > * + * {
    margin-top: var(--dui-spc-11);
}

.dui.dui-w-11 {
    width: var(--dui-spc-11);
}

.dui.dui-max-w-11 {
    max-width: var(--dui-spc-11);
}

.dui.dui-min-w-11 {
    min-width: var(--dui-spc-11);
}

.dui.dui-h-11 {
    height: var(--dui-spc-11);
}

.dui.dui-max-h-11 {
    max-height: var(--dui-spc-11);
}

.dui.dui-min-h-11 {
    min-height: var(--dui-spc-11);
}

.dui.dui-gap-11 {
    gap: var(--dui-spc-11);
}

.dui.dui-gap-x-11 {
    column-gap: var(--dui-spc-11);
}

.dui.dui-gap-y-11 {
    row-gap: var(--dui-spc-11);
}

.dui.dui-inset-11 {
    inset: var(--dui-spc-11);
}

.dui.dui-inset-x-11 {
    left: var(--dui-spc-11);
    right: var(--dui-spc-11);
}

.dui.dui-inset-y-11 {
    top: var(--dui-spc-11);
    bottom: var(--dui-spc-11);
}

.dui.dui-top-11 {
    top: var(--dui-spc-11);
}

.dui.dui-right-11 {
    right: var(--dui-spc-11);
}

.dui.dui-bottom-11 {
    bottom: var(--dui-spc-11);
}

.dui.dui-left-11 {
    left: var(--dui-spc-11);
}

.dui.dui-txt-indnt-11 {
    text-indent: var(--dui-spc-11);
}

.dui.dui-basis-11 {
    flex-basis: var(--dui-spc-11);
}

.dui.dui-p-12 {
    padding: var(--dui-spc-12);
}

.dui.dui-p-x-12 {
    padding-left: var(--dui-spc-12);
    padding-right: var(--dui-spc-12);
}

.dui.dui-p-y-12 {
    padding-top: var(--dui-spc-12);
    padding-bottom: var(--dui-spc-12);
}

.dui.dui-p-t-12 {
    padding-top: var(--dui-spc-12);
}

.dui.dui-p-r-12 {
    padding-right: var(--dui-spc-12);
}

.dui.dui-p-b-12 {
    padding-bottom: var(--dui-spc-12);
}

.dui.dui-p-l-12 {
    padding-left: var(--dui-spc-12);
}

.dui.dui-m-12 {
    margin: var(--dui-spc-12);
}

.dui.dui-m-x-12 {
    margin-left: var(--dui-spc-12);
    margin-right: var(--dui-spc-12);
}

.dui.dui-m-y-12 {
    margin-top: var(--dui-spc-12);
    margin-bottom: var(--dui-spc-12);
}

.dui.dui-m-t-12 {
    margin-top: var(--dui-spc-12);
}

.dui.dui-m-r-12 {
    margin-right: var(--dui-spc-12);
}

.dui.dui-m-b-12 {
    margin-bottom: var(--dui-spc-12);
}

.dui.dui-m-l-12 {
    margin-left: var(--dui-spc-12);
}

.dui.dui-space-x-12 > * + * {
    margin-left: var(--dui-spc-12);
}

.dui.dui-space-y-12 > * + * {
    margin-top: var(--dui-spc-12);
}

.dui.dui-w-12 {
    width: var(--dui-spc-12);
}

.dui.dui-max-w-12 {
    max-width: var(--dui-spc-12);
}

.dui.dui-min-w-12 {
    min-width: var(--dui-spc-12);
}

.dui.dui-h-12 {
    height: var(--dui-spc-12);
}

.dui.dui-max-h-12 {
    max-height: var(--dui-spc-12);
}

.dui.dui-min-h-12 {
    min-height: var(--dui-spc-12);
}

.dui.dui-gap-12 {
    gap: var(--dui-spc-12);
}

.dui.dui-gap-x-12 {
    column-gap: var(--dui-spc-12);
}

.dui.dui-gap-y-12 {
    row-gap: var(--dui-spc-12);
}

.dui.dui-inset-12 {
    inset: var(--dui-spc-12);
}

.dui.dui-inset-x-12 {
    left: var(--dui-spc-12);
    right: var(--dui-spc-12);
}

.dui.dui-inset-y-12 {
    top: var(--dui-spc-12);
    bottom: var(--dui-spc-12);
}

.dui.dui-top-12 {
    top: var(--dui-spc-12);
}

.dui.dui-right-12 {
    right: var(--dui-spc-12);
}

.dui.dui-bottom-12 {
    bottom: var(--dui-spc-12);
}

.dui.dui-left-12 {
    left: var(--dui-spc-12);
}

.dui.dui-txt-indnt-12 {
    text-indent: var(--dui-spc-12);
}

.dui.dui-basis-12 {
    flex-basis: var(--dui-spc-12);
}

.dui.dui-p-14 {
    padding: var(--dui-spc-14);
}

.dui.dui-p-x-14 {
    padding-left: var(--dui-spc-14);
    padding-right: var(--dui-spc-14);
}

.dui.dui-p-y-14 {
    padding-top: var(--dui-spc-14);
    padding-bottom: var(--dui-spc-14);
}

.dui.dui-p-t-14 {
    padding-top: var(--dui-spc-14);
}

.dui.dui-p-r-14 {
    padding-right: var(--dui-spc-14);
}

.dui.dui-p-b-14 {
    padding-bottom: var(--dui-spc-14);
}

.dui.dui-p-l-14 {
    padding-left: var(--dui-spc-14);
}

.dui.dui-m-14 {
    margin: var(--dui-spc-14);
}

.dui.dui-m-x-14 {
    margin-left: var(--dui-spc-14);
    margin-right: var(--dui-spc-14);
}

.dui.dui-m-y-14 {
    margin-top: var(--dui-spc-14);
    margin-bottom: var(--dui-spc-14);
}

.dui.dui-m-t-14 {
    margin-top: var(--dui-spc-14);
}

.dui.dui-m-r-14 {
    margin-right: var(--dui-spc-14);
}

.dui.dui-m-b-14 {
    margin-bottom: var(--dui-spc-14);
}

.dui.dui-m-l-14 {
    margin-left: var(--dui-spc-14);
}

.dui.dui-space-x-14 > * + * {
    margin-left: var(--dui-spc-14);
}

.dui.dui-space-y-14 > * + * {
    margin-top: var(--dui-spc-14);
}

.dui.dui-w-14 {
    width: var(--dui-spc-14);
}

.dui.dui-max-w-14 {
    max-width: var(--dui-spc-14);
}

.dui.dui-min-w-14 {
    min-width: var(--dui-spc-14);
}

.dui.dui-h-14 {
    height: var(--dui-spc-14);
}

.dui.dui-max-h-14 {
    max-height: var(--dui-spc-14);
}

.dui.dui-min-h-14 {
    min-height: var(--dui-spc-14);
}

.dui.dui-gap-14 {
    gap: var(--dui-spc-14);
}

.dui.dui-gap-x-14 {
    column-gap: var(--dui-spc-14);
}

.dui.dui-gap-y-14 {
    row-gap: var(--dui-spc-14);
}

.dui.dui-inset-14 {
    inset: var(--dui-spc-14);
}

.dui.dui-inset-x-14 {
    left: var(--dui-spc-14);
    right: var(--dui-spc-14);
}

.dui.dui-inset-y-14 {
    top: var(--dui-spc-14);
    bottom: var(--dui-spc-14);
}

.dui.dui-top-14 {
    top: var(--dui-spc-14);
}

.dui.dui-right-14 {
    right: var(--dui-spc-14);
}

.dui.dui-bottom-14 {
    bottom: var(--dui-spc-14);
}

.dui.dui-left-14 {
    left: var(--dui-spc-14);
}

.dui.dui-txt-indnt-14 {
    text-indent: var(--dui-spc-14);
}

.dui.dui-basis-14 {
    flex-basis: var(--dui-spc-14);
}

.dui.dui-p-16 {
    padding: var(--dui-spc-16);
}

.dui.dui-p-x-16 {
    padding-left: var(--dui-spc-16);
    padding-right: var(--dui-spc-16);
}

.dui.dui-p-y-16 {
    padding-top: var(--dui-spc-16);
    padding-bottom: var(--dui-spc-16);
}

.dui.dui-p-t-16 {
    padding-top: var(--dui-spc-16);
}

.dui.dui-p-r-16 {
    padding-right: var(--dui-spc-16);
}

.dui.dui-p-b-16 {
    padding-bottom: var(--dui-spc-16);
}

.dui.dui-p-l-16 {
    padding-left: var(--dui-spc-16);
}

.dui.dui-m-16 {
    margin: var(--dui-spc-16);
}

.dui.dui-m-x-16 {
    margin-left: var(--dui-spc-16);
    margin-right: var(--dui-spc-16);
}

.dui.dui-m-y-16 {
    margin-top: var(--dui-spc-16);
    margin-bottom: var(--dui-spc-16);
}

.dui.dui-m-t-16 {
    margin-top: var(--dui-spc-16);
}

.dui.dui-m-r-16 {
    margin-right: var(--dui-spc-16);
}

.dui.dui-m-b-16 {
    margin-bottom: var(--dui-spc-16);
}

.dui.dui-m-l-16 {
    margin-left: var(--dui-spc-16);
}

.dui.dui-space-x-16 > * + * {
    margin-left: var(--dui-spc-16);
}

.dui.dui-space-y-16 > * + * {
    margin-top: var(--dui-spc-16);
}

.dui.dui-w-16 {
    width: var(--dui-spc-16);
}

.dui.dui-max-w-16 {
    max-width: var(--dui-spc-16);
}

.dui.dui-min-w-16 {
    min-width: var(--dui-spc-16);
}

.dui.dui-h-16 {
    height: var(--dui-spc-16);
}

.dui.dui-max-h-16 {
    max-height: var(--dui-spc-16);
}

.dui.dui-min-h-16 {
    min-height: var(--dui-spc-16);
}

.dui.dui-gap-16 {
    gap: var(--dui-spc-16);
}

.dui.dui-gap-x-16 {
    column-gap: var(--dui-spc-16);
}

.dui.dui-gap-y-16 {
    row-gap: var(--dui-spc-16);
}

.dui.dui-inset-16 {
    inset: var(--dui-spc-16);
}

.dui.dui-inset-x-16 {
    left: var(--dui-spc-16);
    right: var(--dui-spc-16);
}

.dui.dui-inset-y-16 {
    top: var(--dui-spc-16);
    bottom: var(--dui-spc-16);
}

.dui.dui-top-16 {
    top: var(--dui-spc-16);
}

.dui.dui-right-16 {
    right: var(--dui-spc-16);
}

.dui.dui-bottom-16 {
    bottom: var(--dui-spc-16);
}

.dui.dui-left-16 {
    left: var(--dui-spc-16);
}

.dui.dui-txt-indnt-16 {
    text-indent: var(--dui-spc-16);
}

.dui.dui-basis-16 {
    flex-basis: var(--dui-spc-16);
}

.dui.dui-p-20 {
    padding: var(--dui-spc-20);
}

.dui.dui-p-x-20 {
    padding-left: var(--dui-spc-20);
    padding-right: var(--dui-spc-20);
}

.dui.dui-p-y-20 {
    padding-top: var(--dui-spc-20);
    padding-bottom: var(--dui-spc-20);
}

.dui.dui-p-t-20 {
    padding-top: var(--dui-spc-20);
}

.dui.dui-p-r-20 {
    padding-right: var(--dui-spc-20);
}

.dui.dui-p-b-20 {
    padding-bottom: var(--dui-spc-20);
}

.dui.dui-p-l-20 {
    padding-left: var(--dui-spc-20);
}

.dui.dui-m-20 {
    margin: var(--dui-spc-20);
}

.dui.dui-m-x-20 {
    margin-left: var(--dui-spc-20);
    margin-right: var(--dui-spc-20);
}

.dui.dui-m-y-20 {
    margin-top: var(--dui-spc-20);
    margin-bottom: var(--dui-spc-20);
}

.dui.dui-m-t-20 {
    margin-top: var(--dui-spc-20);
}

.dui.dui-m-r-20 {
    margin-right: var(--dui-spc-20);
}

.dui.dui-m-b-20 {
    margin-bottom: var(--dui-spc-20);
}

.dui.dui-m-l-20 {
    margin-left: var(--dui-spc-20);
}

.dui.dui-space-x-20 > * + * {
    margin-left: var(--dui-spc-20);
}

.dui.dui-space-y-20 > * + * {
    margin-top: var(--dui-spc-20);
}

.dui.dui-w-20 {
    width: var(--dui-spc-20);
}

.dui.dui-max-w-20 {
    max-width: var(--dui-spc-20);
}

.dui.dui-min-w-20 {
    min-width: var(--dui-spc-20);
}

.dui.dui-h-20 {
    height: var(--dui-spc-20);
}

.dui.dui-max-h-20 {
    max-height: var(--dui-spc-20);
}

.dui.dui-min-h-20 {
    min-height: var(--dui-spc-20);
}

.dui.dui-gap-20 {
    gap: var(--dui-spc-20);
}

.dui.dui-gap-x-20 {
    column-gap: var(--dui-spc-20);
}

.dui.dui-gap-y-20 {
    row-gap: var(--dui-spc-20);
}

.dui.dui-inset-20 {
    inset: var(--dui-spc-20);
}

.dui.dui-inset-x-20 {
    left: var(--dui-spc-20);
    right: var(--dui-spc-20);
}

.dui.dui-inset-y-20 {
    top: var(--dui-spc-20);
    bottom: var(--dui-spc-20);
}

.dui.dui-top-20 {
    top: var(--dui-spc-20);
}

.dui.dui-right-20 {
    right: var(--dui-spc-20);
}

.dui.dui-bottom-20 {
    bottom: var(--dui-spc-20);
}

.dui.dui-left-20 {
    left: var(--dui-spc-20);
}

.dui.dui-txt-indnt-20 {
    text-indent: var(--dui-spc-20);
}

.dui.dui-basis-20 {
    flex-basis: var(--dui-spc-20);
}

.dui.dui-p-24 {
    padding: var(--dui-spc-24);
}

.dui.dui-p-x-24 {
    padding-left: var(--dui-spc-24);
    padding-right: var(--dui-spc-24);
}

.dui.dui-p-y-24 {
    padding-top: var(--dui-spc-24);
    padding-bottom: var(--dui-spc-24);
}

.dui.dui-p-t-24 {
    padding-top: var(--dui-spc-24);
}

.dui.dui-p-r-24 {
    padding-right: var(--dui-spc-24);
}

.dui.dui-p-b-24 {
    padding-bottom: var(--dui-spc-24);
}

.dui.dui-p-l-24 {
    padding-left: var(--dui-spc-24);
}

.dui.dui-m-24 {
    margin: var(--dui-spc-24);
}

.dui.dui-m-x-24 {
    margin-left: var(--dui-spc-24);
    margin-right: var(--dui-spc-24);
}

.dui.dui-m-y-24 {
    margin-top: var(--dui-spc-24);
    margin-bottom: var(--dui-spc-24);
}

.dui.dui-m-t-24 {
    margin-top: var(--dui-spc-24);
}

.dui.dui-m-r-24 {
    margin-right: var(--dui-spc-24);
}

.dui.dui-m-b-24 {
    margin-bottom: var(--dui-spc-24);
}

.dui.dui-m-l-24 {
    margin-left: var(--dui-spc-24);
}

.dui.dui-space-x-24 > * + * {
    margin-left: var(--dui-spc-24);
}

.dui.dui-space-y-24 > * + * {
    margin-top: var(--dui-spc-24);
}

.dui.dui-w-24 {
    width: var(--dui-spc-24);
}

.dui.dui-max-w-24 {
    max-width: var(--dui-spc-24);
}

.dui.dui-min-w-24 {
    min-width: var(--dui-spc-24);
}

.dui.dui-h-24 {
    height: var(--dui-spc-24);
}

.dui.dui-max-h-24 {
    max-height: var(--dui-spc-24);
}

.dui.dui-min-h-24 {
    min-height: var(--dui-spc-24);
}

.dui.dui-gap-24 {
    gap: var(--dui-spc-24);
}

.dui.dui-gap-x-24 {
    column-gap: var(--dui-spc-24);
}

.dui.dui-gap-y-24 {
    row-gap: var(--dui-spc-24);
}

.dui.dui-inset-24 {
    inset: var(--dui-spc-24);
}

.dui.dui-inset-x-24 {
    left: var(--dui-spc-24);
    right: var(--dui-spc-24);
}

.dui.dui-inset-y-24 {
    top: var(--dui-spc-24);
    bottom: var(--dui-spc-24);
}

.dui.dui-top-24 {
    top: var(--dui-spc-24);
}

.dui.dui-right-24 {
    right: var(--dui-spc-24);
}

.dui.dui-bottom-24 {
    bottom: var(--dui-spc-24);
}

.dui.dui-left-24 {
    left: var(--dui-spc-24);
}

.dui.dui-txt-indnt-24 {
    text-indent: var(--dui-spc-24);
}

.dui.dui-basis-24 {
    flex-basis: var(--dui-spc-24);
}

.dui.dui-p-28 {
    padding: var(--dui-spc-28);
}

.dui.dui-p-x-28 {
    padding-left: var(--dui-spc-28);
    padding-right: var(--dui-spc-28);
}

.dui.dui-p-y-28 {
    padding-top: var(--dui-spc-28);
    padding-bottom: var(--dui-spc-28);
}

.dui.dui-p-t-28 {
    padding-top: var(--dui-spc-28);
}

.dui.dui-p-r-28 {
    padding-right: var(--dui-spc-28);
}

.dui.dui-p-b-28 {
    padding-bottom: var(--dui-spc-28);
}

.dui.dui-p-l-28 {
    padding-left: var(--dui-spc-28);
}

.dui.dui-m-28 {
    margin: var(--dui-spc-28);
}

.dui.dui-m-x-28 {
    margin-left: var(--dui-spc-28);
    margin-right: var(--dui-spc-28);
}

.dui.dui-m-y-28 {
    margin-top: var(--dui-spc-28);
    margin-bottom: var(--dui-spc-28);
}

.dui.dui-m-t-28 {
    margin-top: var(--dui-spc-28);
}

.dui.dui-m-r-28 {
    margin-right: var(--dui-spc-28);
}

.dui.dui-m-b-28 {
    margin-bottom: var(--dui-spc-28);
}

.dui.dui-m-l-28 {
    margin-left: var(--dui-spc-28);
}

.dui.dui-space-x-28 > * + * {
    margin-left: var(--dui-spc-28);
}

.dui.dui-space-y-28 > * + * {
    margin-top: var(--dui-spc-28);
}

.dui.dui-w-28 {
    width: var(--dui-spc-28);
}

.dui.dui-max-w-28 {
    max-width: var(--dui-spc-28);
}

.dui.dui-min-w-28 {
    min-width: var(--dui-spc-28);
}

.dui.dui-h-28 {
    height: var(--dui-spc-28);
}

.dui.dui-max-h-28 {
    max-height: var(--dui-spc-28);
}

.dui.dui-min-h-28 {
    min-height: var(--dui-spc-28);
}

.dui.dui-gap-28 {
    gap: var(--dui-spc-28);
}

.dui.dui-gap-x-28 {
    column-gap: var(--dui-spc-28);
}

.dui.dui-gap-y-28 {
    row-gap: var(--dui-spc-28);
}

.dui.dui-inset-28 {
    inset: var(--dui-spc-28);
}

.dui.dui-inset-x-28 {
    left: var(--dui-spc-28);
    right: var(--dui-spc-28);
}

.dui.dui-inset-y-28 {
    top: var(--dui-spc-28);
    bottom: var(--dui-spc-28);
}

.dui.dui-top-28 {
    top: var(--dui-spc-28);
}

.dui.dui-right-28 {
    right: var(--dui-spc-28);
}

.dui.dui-bottom-28 {
    bottom: var(--dui-spc-28);
}

.dui.dui-left-28 {
    left: var(--dui-spc-28);
}

.dui.dui-txt-indnt-28 {
    text-indent: var(--dui-spc-28);
}

.dui.dui-basis-28 {
    flex-basis: var(--dui-spc-28);
}

.dui.dui-p-32 {
    padding: var(--dui-spc-32);
}

.dui.dui-p-x-32 {
    padding-left: var(--dui-spc-32);
    padding-right: var(--dui-spc-32);
}

.dui.dui-p-y-32 {
    padding-top: var(--dui-spc-32);
    padding-bottom: var(--dui-spc-32);
}

.dui.dui-p-t-32 {
    padding-top: var(--dui-spc-32);
}

.dui.dui-p-r-32 {
    padding-right: var(--dui-spc-32);
}

.dui.dui-p-b-32 {
    padding-bottom: var(--dui-spc-32);
}

.dui.dui-p-l-32 {
    padding-left: var(--dui-spc-32);
}

.dui.dui-m-32 {
    margin: var(--dui-spc-32);
}

.dui.dui-m-x-32 {
    margin-left: var(--dui-spc-32);
    margin-right: var(--dui-spc-32);
}

.dui.dui-m-y-32 {
    margin-top: var(--dui-spc-32);
    margin-bottom: var(--dui-spc-32);
}

.dui.dui-m-t-32 {
    margin-top: var(--dui-spc-32);
}

.dui.dui-m-r-32 {
    margin-right: var(--dui-spc-32);
}

.dui.dui-m-b-32 {
    margin-bottom: var(--dui-spc-32);
}

.dui.dui-m-l-32 {
    margin-left: var(--dui-spc-32);
}

.dui.dui-space-x-32 > * + * {
    margin-left: var(--dui-spc-32);
}

.dui.dui-space-y-32 > * + * {
    margin-top: var(--dui-spc-32);
}

.dui.dui-w-32 {
    width: var(--dui-spc-32);
}

.dui.dui-max-w-32 {
    max-width: var(--dui-spc-32);
}

.dui.dui-min-w-32 {
    min-width: var(--dui-spc-32);
}

.dui.dui-h-32 {
    height: var(--dui-spc-32);
}

.dui.dui-max-h-32 {
    max-height: var(--dui-spc-32);
}

.dui.dui-min-h-32 {
    min-height: var(--dui-spc-32);
}

.dui.dui-gap-32 {
    gap: var(--dui-spc-32);
}

.dui.dui-gap-x-32 {
    column-gap: var(--dui-spc-32);
}

.dui.dui-gap-y-32 {
    row-gap: var(--dui-spc-32);
}

.dui.dui-inset-32 {
    inset: var(--dui-spc-32);
}

.dui.dui-inset-x-32 {
    left: var(--dui-spc-32);
    right: var(--dui-spc-32);
}

.dui.dui-inset-y-32 {
    top: var(--dui-spc-32);
    bottom: var(--dui-spc-32);
}

.dui.dui-top-32 {
    top: var(--dui-spc-32);
}

.dui.dui-right-32 {
    right: var(--dui-spc-32);
}

.dui.dui-bottom-32 {
    bottom: var(--dui-spc-32);
}

.dui.dui-left-32 {
    left: var(--dui-spc-32);
}

.dui.dui-txt-indnt-32 {
    text-indent: var(--dui-spc-32);
}

.dui.dui-basis-32 {
    flex-basis: var(--dui-spc-32);
}

.dui.dui-p-36 {
    padding: var(--dui-spc-36);
}

.dui.dui-p-x-36 {
    padding-left: var(--dui-spc-36);
    padding-right: var(--dui-spc-36);
}

.dui.dui-p-y-36 {
    padding-top: var(--dui-spc-36);
    padding-bottom: var(--dui-spc-36);
}

.dui.dui-p-t-36 {
    padding-top: var(--dui-spc-36);
}

.dui.dui-p-r-36 {
    padding-right: var(--dui-spc-36);
}

.dui.dui-p-b-36 {
    padding-bottom: var(--dui-spc-36);
}

.dui.dui-p-l-36 {
    padding-left: var(--dui-spc-36);
}

.dui.dui-m-36 {
    margin: var(--dui-spc-36);
}

.dui.dui-m-x-36 {
    margin-left: var(--dui-spc-36);
    margin-right: var(--dui-spc-36);
}

.dui.dui-m-y-36 {
    margin-top: var(--dui-spc-36);
    margin-bottom: var(--dui-spc-36);
}

.dui.dui-m-t-36 {
    margin-top: var(--dui-spc-36);
}

.dui.dui-m-r-36 {
    margin-right: var(--dui-spc-36);
}

.dui.dui-m-b-36 {
    margin-bottom: var(--dui-spc-36);
}

.dui.dui-m-l-36 {
    margin-left: var(--dui-spc-36);
}

.dui.dui-space-x-36 > * + * {
    margin-left: var(--dui-spc-36);
}

.dui.dui-space-y-36 > * + * {
    margin-top: var(--dui-spc-36);
}

.dui.dui-w-36 {
    width: var(--dui-spc-36);
}

.dui.dui-max-w-36 {
    max-width: var(--dui-spc-36);
}

.dui.dui-min-w-36 {
    min-width: var(--dui-spc-36);
}

.dui.dui-h-36 {
    height: var(--dui-spc-36);
}

.dui.dui-max-h-36 {
    max-height: var(--dui-spc-36);
}

.dui.dui-min-h-36 {
    min-height: var(--dui-spc-36);
}

.dui.dui-gap-36 {
    gap: var(--dui-spc-36);
}

.dui.dui-gap-x-36 {
    column-gap: var(--dui-spc-36);
}

.dui.dui-gap-y-36 {
    row-gap: var(--dui-spc-36);
}

.dui.dui-inset-36 {
    inset: var(--dui-spc-36);
}

.dui.dui-inset-x-36 {
    left: var(--dui-spc-36);
    right: var(--dui-spc-36);
}

.dui.dui-inset-y-36 {
    top: var(--dui-spc-36);
    bottom: var(--dui-spc-36);
}

.dui.dui-top-36 {
    top: var(--dui-spc-36);
}

.dui.dui-right-36 {
    right: var(--dui-spc-36);
}

.dui.dui-bottom-36 {
    bottom: var(--dui-spc-36);
}

.dui.dui-left-36 {
    left: var(--dui-spc-36);
}

.dui.dui-txt-indnt-36 {
    text-indent: var(--dui-spc-36);
}

.dui.dui-basis-36 {
    flex-basis: var(--dui-spc-36);
}

.dui.dui-p-40 {
    padding: var(--dui-spc-40);
}

.dui.dui-p-x-40 {
    padding-left: var(--dui-spc-40);
    padding-right: var(--dui-spc-40);
}

.dui.dui-p-y-40 {
    padding-top: var(--dui-spc-40);
    padding-bottom: var(--dui-spc-40);
}

.dui.dui-p-t-40 {
    padding-top: var(--dui-spc-40);
}

.dui.dui-p-r-40 {
    padding-right: var(--dui-spc-40);
}

.dui.dui-p-b-40 {
    padding-bottom: var(--dui-spc-40);
}

.dui.dui-p-l-40 {
    padding-left: var(--dui-spc-40);
}

.dui.dui-m-40 {
    margin: var(--dui-spc-40);
}

.dui.dui-m-x-40 {
    margin-left: var(--dui-spc-40);
    margin-right: var(--dui-spc-40);
}

.dui.dui-m-y-40 {
    margin-top: var(--dui-spc-40);
    margin-bottom: var(--dui-spc-40);
}

.dui.dui-m-t-40 {
    margin-top: var(--dui-spc-40);
}

.dui.dui-m-r-40 {
    margin-right: var(--dui-spc-40);
}

.dui.dui-m-b-40 {
    margin-bottom: var(--dui-spc-40);
}

.dui.dui-m-l-40 {
    margin-left: var(--dui-spc-40);
}

.dui.dui-space-x-40 > * + * {
    margin-left: var(--dui-spc-40);
}

.dui.dui-space-y-40 > * + * {
    margin-top: var(--dui-spc-40);
}

.dui.dui-w-40 {
    width: var(--dui-spc-40);
}

.dui.dui-max-w-40 {
    max-width: var(--dui-spc-40);
}

.dui.dui-min-w-40 {
    min-width: var(--dui-spc-40);
}

.dui.dui-h-40 {
    height: var(--dui-spc-40);
}

.dui.dui-max-h-40 {
    max-height: var(--dui-spc-40);
}

.dui.dui-min-h-40 {
    min-height: var(--dui-spc-40);
}

.dui.dui-gap-40 {
    gap: var(--dui-spc-40);
}

.dui.dui-gap-x-40 {
    column-gap: var(--dui-spc-40);
}

.dui.dui-gap-y-40 {
    row-gap: var(--dui-spc-40);
}

.dui.dui-inset-40 {
    inset: var(--dui-spc-40);
}

.dui.dui-inset-x-40 {
    left: var(--dui-spc-40);
    right: var(--dui-spc-40);
}

.dui.dui-inset-y-40 {
    top: var(--dui-spc-40);
    bottom: var(--dui-spc-40);
}

.dui.dui-top-40 {
    top: var(--dui-spc-40);
}

.dui.dui-right-40 {
    right: var(--dui-spc-40);
}

.dui.dui-bottom-40 {
    bottom: var(--dui-spc-40);
}

.dui.dui-left-40 {
    left: var(--dui-spc-40);
}

.dui.dui-txt-indnt-40 {
    text-indent: var(--dui-spc-40);
}

.dui.dui-basis-40 {
    flex-basis: var(--dui-spc-40);
}

.dui.dui-p-44 {
    padding: var(--dui-spc-44);
}

.dui.dui-p-x-44 {
    padding-left: var(--dui-spc-44);
    padding-right: var(--dui-spc-44);
}

.dui.dui-p-y-44 {
    padding-top: var(--dui-spc-44);
    padding-bottom: var(--dui-spc-44);
}

.dui.dui-p-t-44 {
    padding-top: var(--dui-spc-44);
}

.dui.dui-p-r-44 {
    padding-right: var(--dui-spc-44);
}

.dui.dui-p-b-44 {
    padding-bottom: var(--dui-spc-44);
}

.dui.dui-p-l-44 {
    padding-left: var(--dui-spc-44);
}

.dui.dui-m-44 {
    margin: var(--dui-spc-44);
}

.dui.dui-m-x-44 {
    margin-left: var(--dui-spc-44);
    margin-right: var(--dui-spc-44);
}

.dui.dui-m-y-44 {
    margin-top: var(--dui-spc-44);
    margin-bottom: var(--dui-spc-44);
}

.dui.dui-m-t-44 {
    margin-top: var(--dui-spc-44);
}

.dui.dui-m-r-44 {
    margin-right: var(--dui-spc-44);
}

.dui.dui-m-b-44 {
    margin-bottom: var(--dui-spc-44);
}

.dui.dui-m-l-44 {
    margin-left: var(--dui-spc-44);
}

.dui.dui-space-x-44 > * + * {
    margin-left: var(--dui-spc-44);
}

.dui.dui-space-y-44 > * + * {
    margin-top: var(--dui-spc-44);
}

.dui.dui-w-44 {
    width: var(--dui-spc-44);
}

.dui.dui-max-w-44 {
    max-width: var(--dui-spc-44);
}

.dui.dui-min-w-44 {
    min-width: var(--dui-spc-44);
}

.dui.dui-h-44 {
    height: var(--dui-spc-44);
}

.dui.dui-max-h-44 {
    max-height: var(--dui-spc-44);
}

.dui.dui-min-h-44 {
    min-height: var(--dui-spc-44);
}

.dui.dui-gap-44 {
    gap: var(--dui-spc-44);
}

.dui.dui-gap-x-44 {
    column-gap: var(--dui-spc-44);
}

.dui.dui-gap-y-44 {
    row-gap: var(--dui-spc-44);
}

.dui.dui-inset-44 {
    inset: var(--dui-spc-44);
}

.dui.dui-inset-x-44 {
    left: var(--dui-spc-44);
    right: var(--dui-spc-44);
}

.dui.dui-inset-y-44 {
    top: var(--dui-spc-44);
    bottom: var(--dui-spc-44);
}

.dui.dui-top-44 {
    top: var(--dui-spc-44);
}

.dui.dui-right-44 {
    right: var(--dui-spc-44);
}

.dui.dui-bottom-44 {
    bottom: var(--dui-spc-44);
}

.dui.dui-left-44 {
    left: var(--dui-spc-44);
}

.dui.dui-txt-indnt-44 {
    text-indent: var(--dui-spc-44);
}

.dui.dui-basis-44 {
    flex-basis: var(--dui-spc-44);
}

.dui.dui-p-48 {
    padding: var(--dui-spc-48);
}

.dui.dui-p-x-48 {
    padding-left: var(--dui-spc-48);
    padding-right: var(--dui-spc-48);
}

.dui.dui-p-y-48 {
    padding-top: var(--dui-spc-48);
    padding-bottom: var(--dui-spc-48);
}

.dui.dui-p-t-48 {
    padding-top: var(--dui-spc-48);
}

.dui.dui-p-r-48 {
    padding-right: var(--dui-spc-48);
}

.dui.dui-p-b-48 {
    padding-bottom: var(--dui-spc-48);
}

.dui.dui-p-l-48 {
    padding-left: var(--dui-spc-48);
}

.dui.dui-m-48 {
    margin: var(--dui-spc-48);
}

.dui.dui-m-x-48 {
    margin-left: var(--dui-spc-48);
    margin-right: var(--dui-spc-48);
}

.dui.dui-m-y-48 {
    margin-top: var(--dui-spc-48);
    margin-bottom: var(--dui-spc-48);
}

.dui.dui-m-t-48 {
    margin-top: var(--dui-spc-48);
}

.dui.dui-m-r-48 {
    margin-right: var(--dui-spc-48);
}

.dui.dui-m-b-48 {
    margin-bottom: var(--dui-spc-48);
}

.dui.dui-m-l-48 {
    margin-left: var(--dui-spc-48);
}

.dui.dui-space-x-48 > * + * {
    margin-left: var(--dui-spc-48);
}

.dui.dui-space-y-48 > * + * {
    margin-top: var(--dui-spc-48);
}

.dui.dui-w-48 {
    width: var(--dui-spc-48);
}

.dui.dui-max-w-48 {
    max-width: var(--dui-spc-48);
}

.dui.dui-min-w-48 {
    min-width: var(--dui-spc-48);
}

.dui.dui-h-48 {
    height: var(--dui-spc-48);
}

.dui.dui-max-h-48 {
    max-height: var(--dui-spc-48);
}

.dui.dui-min-h-48 {
    min-height: var(--dui-spc-48);
}

.dui.dui-gap-48 {
    gap: var(--dui-spc-48);
}

.dui.dui-gap-x-48 {
    column-gap: var(--dui-spc-48);
}

.dui.dui-gap-y-48 {
    row-gap: var(--dui-spc-48);
}

.dui.dui-inset-48 {
    inset: var(--dui-spc-48);
}

.dui.dui-inset-x-48 {
    left: var(--dui-spc-48);
    right: var(--dui-spc-48);
}

.dui.dui-inset-y-48 {
    top: var(--dui-spc-48);
    bottom: var(--dui-spc-48);
}

.dui.dui-top-48 {
    top: var(--dui-spc-48);
}

.dui.dui-right-48 {
    right: var(--dui-spc-48);
}

.dui.dui-bottom-48 {
    bottom: var(--dui-spc-48);
}

.dui.dui-left-48 {
    left: var(--dui-spc-48);
}

.dui.dui-txt-indnt-48 {
    text-indent: var(--dui-spc-48);
}

.dui.dui-basis-48 {
    flex-basis: var(--dui-spc-48);
}

.dui.dui-p-52 {
    padding: var(--dui-spc-52);
}

.dui.dui-p-x-52 {
    padding-left: var(--dui-spc-52);
    padding-right: var(--dui-spc-52);
}

.dui.dui-p-y-52 {
    padding-top: var(--dui-spc-52);
    padding-bottom: var(--dui-spc-52);
}

.dui.dui-p-t-52 {
    padding-top: var(--dui-spc-52);
}

.dui.dui-p-r-52 {
    padding-right: var(--dui-spc-52);
}

.dui.dui-p-b-52 {
    padding-bottom: var(--dui-spc-52);
}

.dui.dui-p-l-52 {
    padding-left: var(--dui-spc-52);
}

.dui.dui-m-52 {
    margin: var(--dui-spc-52);
}

.dui.dui-m-x-52 {
    margin-left: var(--dui-spc-52);
    margin-right: var(--dui-spc-52);
}

.dui.dui-m-y-52 {
    margin-top: var(--dui-spc-52);
    margin-bottom: var(--dui-spc-52);
}

.dui.dui-m-t-52 {
    margin-top: var(--dui-spc-52);
}

.dui.dui-m-r-52 {
    margin-right: var(--dui-spc-52);
}

.dui.dui-m-b-52 {
    margin-bottom: var(--dui-spc-52);
}

.dui.dui-m-l-52 {
    margin-left: var(--dui-spc-52);
}

.dui.dui-space-x-52 > * + * {
    margin-left: var(--dui-spc-52);
}

.dui.dui-space-y-52 > * + * {
    margin-top: var(--dui-spc-52);
}

.dui.dui-w-52 {
    width: var(--dui-spc-52);
}

.dui.dui-max-w-52 {
    max-width: var(--dui-spc-52);
}

.dui.dui-min-w-52 {
    min-width: var(--dui-spc-52);
}

.dui.dui-h-52 {
    height: var(--dui-spc-52);
}

.dui.dui-max-h-52 {
    max-height: var(--dui-spc-52);
}

.dui.dui-min-h-52 {
    min-height: var(--dui-spc-52);
}

.dui.dui-gap-52 {
    gap: var(--dui-spc-52);
}

.dui.dui-gap-x-52 {
    column-gap: var(--dui-spc-52);
}

.dui.dui-gap-y-52 {
    row-gap: var(--dui-spc-52);
}

.dui.dui-inset-52 {
    inset: var(--dui-spc-52);
}

.dui.dui-inset-x-52 {
    left: var(--dui-spc-52);
    right: var(--dui-spc-52);
}

.dui.dui-inset-y-52 {
    top: var(--dui-spc-52);
    bottom: var(--dui-spc-52);
}

.dui.dui-top-52 {
    top: var(--dui-spc-52);
}

.dui.dui-right-52 {
    right: var(--dui-spc-52);
}

.dui.dui-bottom-52 {
    bottom: var(--dui-spc-52);
}

.dui.dui-left-52 {
    left: var(--dui-spc-52);
}

.dui.dui-txt-indnt-52 {
    text-indent: var(--dui-spc-52);
}

.dui.dui-basis-52 {
    flex-basis: var(--dui-spc-52);
}

.dui.dui-p-56 {
    padding: var(--dui-spc-56);
}

.dui.dui-p-x-56 {
    padding-left: var(--dui-spc-56);
    padding-right: var(--dui-spc-56);
}

.dui.dui-p-y-56 {
    padding-top: var(--dui-spc-56);
    padding-bottom: var(--dui-spc-56);
}

.dui.dui-p-t-56 {
    padding-top: var(--dui-spc-56);
}

.dui.dui-p-r-56 {
    padding-right: var(--dui-spc-56);
}

.dui.dui-p-b-56 {
    padding-bottom: var(--dui-spc-56);
}

.dui.dui-p-l-56 {
    padding-left: var(--dui-spc-56);
}

.dui.dui-m-56 {
    margin: var(--dui-spc-56);
}

.dui.dui-m-x-56 {
    margin-left: var(--dui-spc-56);
    margin-right: var(--dui-spc-56);
}

.dui.dui-m-y-56 {
    margin-top: var(--dui-spc-56);
    margin-bottom: var(--dui-spc-56);
}

.dui.dui-m-t-56 {
    margin-top: var(--dui-spc-56);
}

.dui.dui-m-r-56 {
    margin-right: var(--dui-spc-56);
}

.dui.dui-m-b-56 {
    margin-bottom: var(--dui-spc-56);
}

.dui.dui-m-l-56 {
    margin-left: var(--dui-spc-56);
}

.dui.dui-space-x-56 > * + * {
    margin-left: var(--dui-spc-56);
}

.dui.dui-space-y-56 > * + * {
    margin-top: var(--dui-spc-56);
}

.dui.dui-w-56 {
    width: var(--dui-spc-56);
}

.dui.dui-max-w-56 {
    max-width: var(--dui-spc-56);
}

.dui.dui-min-w-56 {
    min-width: var(--dui-spc-56);
}

.dui.dui-h-56 {
    height: var(--dui-spc-56);
}

.dui.dui-max-h-56 {
    max-height: var(--dui-spc-56);
}

.dui.dui-min-h-56 {
    min-height: var(--dui-spc-56);
}

.dui.dui-gap-56 {
    gap: var(--dui-spc-56);
}

.dui.dui-gap-x-56 {
    column-gap: var(--dui-spc-56);
}

.dui.dui-gap-y-56 {
    row-gap: var(--dui-spc-56);
}

.dui.dui-inset-56 {
    inset: var(--dui-spc-56);
}

.dui.dui-inset-x-56 {
    left: var(--dui-spc-56);
    right: var(--dui-spc-56);
}

.dui.dui-inset-y-56 {
    top: var(--dui-spc-56);
    bottom: var(--dui-spc-56);
}

.dui.dui-top-56 {
    top: var(--dui-spc-56);
}

.dui.dui-right-56 {
    right: var(--dui-spc-56);
}

.dui.dui-bottom-56 {
    bottom: var(--dui-spc-56);
}

.dui.dui-left-56 {
    left: var(--dui-spc-56);
}

.dui.dui-txt-indnt-56 {
    text-indent: var(--dui-spc-56);
}

.dui.dui-basis-56 {
    flex-basis: var(--dui-spc-56);
}

.dui.dui-p-60 {
    padding: var(--dui-spc-60);
}

.dui.dui-p-x-60 {
    padding-left: var(--dui-spc-60);
    padding-right: var(--dui-spc-60);
}

.dui.dui-p-y-60 {
    padding-top: var(--dui-spc-60);
    padding-bottom: var(--dui-spc-60);
}

.dui.dui-p-t-60 {
    padding-top: var(--dui-spc-60);
}

.dui.dui-p-r-60 {
    padding-right: var(--dui-spc-60);
}

.dui.dui-p-b-60 {
    padding-bottom: var(--dui-spc-60);
}

.dui.dui-p-l-60 {
    padding-left: var(--dui-spc-60);
}

.dui.dui-m-60 {
    margin: var(--dui-spc-60);
}

.dui.dui-m-x-60 {
    margin-left: var(--dui-spc-60);
    margin-right: var(--dui-spc-60);
}

.dui.dui-m-y-60 {
    margin-top: var(--dui-spc-60);
    margin-bottom: var(--dui-spc-60);
}

.dui.dui-m-t-60 {
    margin-top: var(--dui-spc-60);
}

.dui.dui-m-r-60 {
    margin-right: var(--dui-spc-60);
}

.dui.dui-m-b-60 {
    margin-bottom: var(--dui-spc-60);
}

.dui.dui-m-l-60 {
    margin-left: var(--dui-spc-60);
}

.dui.dui-space-x-60 > * + * {
    margin-left: var(--dui-spc-60);
}

.dui.dui-space-y-60 > * + * {
    margin-top: var(--dui-spc-60);
}

.dui.dui-w-60 {
    width: var(--dui-spc-60);
}

.dui.dui-max-w-60 {
    max-width: var(--dui-spc-60);
}

.dui.dui-min-w-60 {
    min-width: var(--dui-spc-60);
}

.dui.dui-h-60 {
    height: var(--dui-spc-60);
}

.dui.dui-max-h-60 {
    max-height: var(--dui-spc-60);
}

.dui.dui-min-h-60 {
    min-height: var(--dui-spc-60);
}

.dui.dui-gap-60 {
    gap: var(--dui-spc-60);
}

.dui.dui-gap-x-60 {
    column-gap: var(--dui-spc-60);
}

.dui.dui-gap-y-60 {
    row-gap: var(--dui-spc-60);
}

.dui.dui-inset-60 {
    inset: var(--dui-spc-60);
}

.dui.dui-inset-x-60 {
    left: var(--dui-spc-60);
    right: var(--dui-spc-60);
}

.dui.dui-inset-y-60 {
    top: var(--dui-spc-60);
    bottom: var(--dui-spc-60);
}

.dui.dui-top-60 {
    top: var(--dui-spc-60);
}

.dui.dui-right-60 {
    right: var(--dui-spc-60);
}

.dui.dui-bottom-60 {
    bottom: var(--dui-spc-60);
}

.dui.dui-left-60 {
    left: var(--dui-spc-60);
}

.dui.dui-txt-indnt-60 {
    text-indent: var(--dui-spc-60);
}

.dui.dui-basis-60 {
    flex-basis: var(--dui-spc-60);
}

.dui.dui-p-64 {
    padding: var(--dui-spc-64);
}

.dui.dui-p-x-64 {
    padding-left: var(--dui-spc-64);
    padding-right: var(--dui-spc-64);
}

.dui.dui-p-y-64 {
    padding-top: var(--dui-spc-64);
    padding-bottom: var(--dui-spc-64);
}

.dui.dui-p-t-64 {
    padding-top: var(--dui-spc-64);
}

.dui.dui-p-r-64 {
    padding-right: var(--dui-spc-64);
}

.dui.dui-p-b-64 {
    padding-bottom: var(--dui-spc-64);
}

.dui.dui-p-l-64 {
    padding-left: var(--dui-spc-64);
}

.dui.dui-m-64 {
    margin: var(--dui-spc-64);
}

.dui.dui-m-x-64 {
    margin-left: var(--dui-spc-64);
    margin-right: var(--dui-spc-64);
}

.dui.dui-m-y-64 {
    margin-top: var(--dui-spc-64);
    margin-bottom: var(--dui-spc-64);
}

.dui.dui-m-t-64 {
    margin-top: var(--dui-spc-64);
}

.dui.dui-m-r-64 {
    margin-right: var(--dui-spc-64);
}

.dui.dui-m-b-64 {
    margin-bottom: var(--dui-spc-64);
}

.dui.dui-m-l-64 {
    margin-left: var(--dui-spc-64);
}

.dui.dui-space-x-64 > * + * {
    margin-left: var(--dui-spc-64);
}

.dui.dui-space-y-64 > * + * {
    margin-top: var(--dui-spc-64);
}

.dui.dui-w-64 {
    width: var(--dui-spc-64);
}

.dui.dui-max-w-64 {
    max-width: var(--dui-spc-64);
}

.dui.dui-min-w-64 {
    min-width: var(--dui-spc-64);
}

.dui.dui-h-64 {
    height: var(--dui-spc-64);
}

.dui.dui-max-h-64 {
    max-height: var(--dui-spc-64);
}

.dui.dui-min-h-64 {
    min-height: var(--dui-spc-64);
}

.dui.dui-gap-64 {
    gap: var(--dui-spc-64);
}

.dui.dui-gap-x-64 {
    column-gap: var(--dui-spc-64);
}

.dui.dui-gap-y-64 {
    row-gap: var(--dui-spc-64);
}

.dui.dui-inset-64 {
    inset: var(--dui-spc-64);
}

.dui.dui-inset-x-64 {
    left: var(--dui-spc-64);
    right: var(--dui-spc-64);
}

.dui.dui-inset-y-64 {
    top: var(--dui-spc-64);
    bottom: var(--dui-spc-64);
}

.dui.dui-top-64 {
    top: var(--dui-spc-64);
}

.dui.dui-right-64 {
    right: var(--dui-spc-64);
}

.dui.dui-bottom-64 {
    bottom: var(--dui-spc-64);
}

.dui.dui-left-64 {
    left: var(--dui-spc-64);
}

.dui.dui-txt-indnt-64 {
    text-indent: var(--dui-spc-64);
}

.dui.dui-basis-64 {
    flex-basis: var(--dui-spc-64);
}

.dui.dui-p-72 {
    padding: var(--dui-spc-72);
}

.dui.dui-p-x-72 {
    padding-left: var(--dui-spc-72);
    padding-right: var(--dui-spc-72);
}

.dui.dui-p-y-72 {
    padding-top: var(--dui-spc-72);
    padding-bottom: var(--dui-spc-72);
}

.dui.dui-p-t-72 {
    padding-top: var(--dui-spc-72);
}

.dui.dui-p-r-72 {
    padding-right: var(--dui-spc-72);
}

.dui.dui-p-b-72 {
    padding-bottom: var(--dui-spc-72);
}

.dui.dui-p-l-72 {
    padding-left: var(--dui-spc-72);
}

.dui.dui-m-72 {
    margin: var(--dui-spc-72);
}

.dui.dui-m-x-72 {
    margin-left: var(--dui-spc-72);
    margin-right: var(--dui-spc-72);
}

.dui.dui-m-y-72 {
    margin-top: var(--dui-spc-72);
    margin-bottom: var(--dui-spc-72);
}

.dui.dui-m-t-72 {
    margin-top: var(--dui-spc-72);
}

.dui.dui-m-r-72 {
    margin-right: var(--dui-spc-72);
}

.dui.dui-m-b-72 {
    margin-bottom: var(--dui-spc-72);
}

.dui.dui-m-l-72 {
    margin-left: var(--dui-spc-72);
}

.dui.dui-space-x-72 > * + * {
    margin-left: var(--dui-spc-72);
}

.dui.dui-space-y-72 > * + * {
    margin-top: var(--dui-spc-72);
}

.dui.dui-w-72 {
    width: var(--dui-spc-72);
}

.dui.dui-max-w-72 {
    max-width: var(--dui-spc-72);
}

.dui.dui-min-w-72 {
    min-width: var(--dui-spc-72);
}

.dui.dui-h-72 {
    height: var(--dui-spc-72);
}

.dui.dui-max-h-72 {
    max-height: var(--dui-spc-72);
}

.dui.dui-min-h-72 {
    min-height: var(--dui-spc-72);
}

.dui.dui-gap-72 {
    gap: var(--dui-spc-72);
}

.dui.dui-gap-x-72 {
    column-gap: var(--dui-spc-72);
}

.dui.dui-gap-y-72 {
    row-gap: var(--dui-spc-72);
}

.dui.dui-inset-72 {
    inset: var(--dui-spc-72);
}

.dui.dui-inset-x-72 {
    left: var(--dui-spc-72);
    right: var(--dui-spc-72);
}

.dui.dui-inset-y-72 {
    top: var(--dui-spc-72);
    bottom: var(--dui-spc-72);
}

.dui.dui-top-72 {
    top: var(--dui-spc-72);
}

.dui.dui-right-72 {
    right: var(--dui-spc-72);
}

.dui.dui-bottom-72 {
    bottom: var(--dui-spc-72);
}

.dui.dui-left-72 {
    left: var(--dui-spc-72);
}

.dui.dui-txt-indnt-72 {
    text-indent: var(--dui-spc-72);
}

.dui.dui-basis-72 {
    flex-basis: var(--dui-spc-72);
}

.dui.dui-p-80 {
    padding: var(--dui-spc-80);
}

.dui.dui-p-x-80 {
    padding-left: var(--dui-spc-80);
    padding-right: var(--dui-spc-80);
}

.dui.dui-p-y-80 {
    padding-top: var(--dui-spc-80);
    padding-bottom: var(--dui-spc-80);
}

.dui.dui-p-t-80 {
    padding-top: var(--dui-spc-80);
}

.dui.dui-p-r-80 {
    padding-right: var(--dui-spc-80);
}

.dui.dui-p-b-80 {
    padding-bottom: var(--dui-spc-80);
}

.dui.dui-p-l-80 {
    padding-left: var(--dui-spc-80);
}

.dui.dui-m-80 {
    margin: var(--dui-spc-80);
}

.dui.dui-m-x-80 {
    margin-left: var(--dui-spc-80);
    margin-right: var(--dui-spc-80);
}

.dui.dui-m-y-80 {
    margin-top: var(--dui-spc-80);
    margin-bottom: var(--dui-spc-80);
}

.dui.dui-m-t-80 {
    margin-top: var(--dui-spc-80);
}

.dui.dui-m-r-80 {
    margin-right: var(--dui-spc-80);
}

.dui.dui-m-b-80 {
    margin-bottom: var(--dui-spc-80);
}

.dui.dui-m-l-80 {
    margin-left: var(--dui-spc-80);
}

.dui.dui-space-x-80 > * + * {
    margin-left: var(--dui-spc-80);
}

.dui.dui-space-y-80 > * + * {
    margin-top: var(--dui-spc-80);
}

.dui.dui-w-80 {
    width: var(--dui-spc-80);
}

.dui.dui-max-w-80 {
    max-width: var(--dui-spc-80);
}

.dui.dui-min-w-80 {
    min-width: var(--dui-spc-80);
}

.dui.dui-h-80 {
    height: var(--dui-spc-80);
}

.dui.dui-max-h-80 {
    max-height: var(--dui-spc-80);
}

.dui.dui-min-h-80 {
    min-height: var(--dui-spc-80);
}

.dui.dui-gap-80 {
    gap: var(--dui-spc-80);
}

.dui.dui-gap-x-80 {
    column-gap: var(--dui-spc-80);
}

.dui.dui-gap-y-80 {
    row-gap: var(--dui-spc-80);
}

.dui.dui-inset-80 {
    inset: var(--dui-spc-80);
}

.dui.dui-inset-x-80 {
    left: var(--dui-spc-80);
    right: var(--dui-spc-80);
}

.dui.dui-inset-y-80 {
    top: var(--dui-spc-80);
    bottom: var(--dui-spc-80);
}

.dui.dui-top-80 {
    top: var(--dui-spc-80);
}

.dui.dui-right-80 {
    right: var(--dui-spc-80);
}

.dui.dui-bottom-80 {
    bottom: var(--dui-spc-80);
}

.dui.dui-left-80 {
    left: var(--dui-spc-80);
}

.dui.dui-txt-indnt-80 {
    text-indent: var(--dui-spc-80);
}

.dui.dui-basis-80 {
    flex-basis: var(--dui-spc-80);
}

.dui.dui-p-96 {
    padding: var(--dui-spc-96);
}

.dui.dui-p-x-96 {
    padding-left: var(--dui-spc-96);
    padding-right: var(--dui-spc-96);
}

.dui.dui-p-y-96 {
    padding-top: var(--dui-spc-96);
    padding-bottom: var(--dui-spc-96);
}

.dui.dui-p-t-96 {
    padding-top: var(--dui-spc-96);
}

.dui.dui-p-r-96 {
    padding-right: var(--dui-spc-96);
}

.dui.dui-p-b-96 {
    padding-bottom: var(--dui-spc-96);
}

.dui.dui-p-l-96 {
    padding-left: var(--dui-spc-96);
}

.dui.dui-m-96 {
    margin: var(--dui-spc-96);
}

.dui.dui-m-x-96 {
    margin-left: var(--dui-spc-96);
    margin-right: var(--dui-spc-96);
}

.dui.dui-m-y-96 {
    margin-top: var(--dui-spc-96);
    margin-bottom: var(--dui-spc-96);
}

.dui.dui-m-t-96 {
    margin-top: var(--dui-spc-96);
}

.dui.dui-m-r-96 {
    margin-right: var(--dui-spc-96);
}

.dui.dui-m-b-96 {
    margin-bottom: var(--dui-spc-96);
}

.dui.dui-m-l-96 {
    margin-left: var(--dui-spc-96);
}

.dui.dui-space-x-96 > * + * {
    margin-left: var(--dui-spc-96);
}

.dui.dui-space-y-96 > * + * {
    margin-top: var(--dui-spc-96);
}

.dui.dui-w-96 {
    width: var(--dui-spc-96);
}

.dui.dui-max-w-96 {
    max-width: var(--dui-spc-96);
}

.dui.dui-min-w-96 {
    min-width: var(--dui-spc-96);
}

.dui.dui-h-96 {
    height: var(--dui-spc-96);
}

.dui.dui-max-h-96 {
    max-height: var(--dui-spc-96);
}

.dui.dui-min-h-96 {
    min-height: var(--dui-spc-96);
}

.dui.dui-gap-96 {
    gap: var(--dui-spc-96);
}

.dui.dui-gap-x-96 {
    column-gap: var(--dui-spc-96);
}

.dui.dui-gap-y-96 {
    row-gap: var(--dui-spc-96);
}

.dui.dui-inset-96 {
    inset: var(--dui-spc-96);
}

.dui.dui-inset-x-96 {
    left: var(--dui-spc-96);
    right: var(--dui-spc-96);
}

.dui.dui-inset-y-96 {
    top: var(--dui-spc-96);
    bottom: var(--dui-spc-96);
}

.dui.dui-top-96 {
    top: var(--dui-spc-96);
}

.dui.dui-right-96 {
    right: var(--dui-spc-96);
}

.dui.dui-bottom-96 {
    bottom: var(--dui-spc-96);
}

.dui.dui-left-96 {
    left: var(--dui-spc-96);
}

.dui.dui-txt-indnt-96 {
    text-indent: var(--dui-spc-96);
}

.dui.dui-basis-96 {
    flex-basis: var(--dui-spc-96);
}

.dui.dui-p-1_2p {
    padding: var(--dui-spc-1_2p);
}

.dui.dui-p-x-1_2p {
    padding-left: var(--dui-spc-1_2p);
    padding-right: var(--dui-spc-1_2p);
}

.dui.dui-p-y-1_2p {
    padding-top: var(--dui-spc-1_2p);
    padding-bottom: var(--dui-spc-1_2p);
}

.dui.dui-p-t-1_2p {
    padding-top: var(--dui-spc-1_2p);
}

.dui.dui-p-r-1_2p {
    padding-right: var(--dui-spc-1_2p);
}

.dui.dui-p-b-1_2p {
    padding-bottom: var(--dui-spc-1_2p);
}

.dui.dui-p-l-1_2p {
    padding-left: var(--dui-spc-1_2p);
}

.dui.dui-m-1_2p {
    margin: var(--dui-spc-1_2p);
}

.dui.dui-m-x-1_2p {
    margin-left: var(--dui-spc-1_2p);
    margin-right: var(--dui-spc-1_2p);
}

.dui.dui-m-y-1_2p {
    margin-top: var(--dui-spc-1_2p);
    margin-bottom: var(--dui-spc-1_2p);
}

.dui.dui-m-t-1_2p {
    margin-top: var(--dui-spc-1_2p);
}

.dui.dui-m-r-1_2p {
    margin-right: var(--dui-spc-1_2p);
}

.dui.dui-m-b-1_2p {
    margin-bottom: var(--dui-spc-1_2p);
}

.dui.dui-m-l-1_2p {
    margin-left: var(--dui-spc-1_2p);
}

.dui.dui-space-x-1_2p > * + * {
    margin-left: var(--dui-spc-1_2p);
}

.dui.dui-space-y-1_2p > * + * {
    margin-top: var(--dui-spc-1_2p);
}

.dui.dui-w-1_2p {
    width: var(--dui-spc-1_2p);
}

.dui.dui-max-w-1_2p {
    max-width: var(--dui-spc-1_2p);
}

.dui.dui-min-w-1_2p {
    min-width: var(--dui-spc-1_2p);
}

.dui.dui-h-1_2p {
    height: var(--dui-spc-1_2p);
}

.dui.dui-max-h-1_2p {
    max-height: var(--dui-spc-1_2p);
}

.dui.dui-min-h-1_2p {
    min-height: var(--dui-spc-1_2p);
}

.dui.dui-gap-1_2p {
    gap: var(--dui-spc-1_2p);
}

.dui.dui-gap-x-1_2p {
    column-gap: var(--dui-spc-1_2p);
}

.dui.dui-gap-y-1_2p {
    row-gap: var(--dui-spc-1_2p);
}

.dui.dui-inset-1_2p {
    inset: var(--dui-spc-1_2p);
}

.dui.dui-inset-x-1_2p {
    left: var(--dui-spc-1_2p);
    right: var(--dui-spc-1_2p);
}

.dui.dui-inset-y-1_2p {
    top: var(--dui-spc-1_2p);
    bottom: var(--dui-spc-1_2p);
}

.dui.dui-top-1_2p {
    top: var(--dui-spc-1_2p);
}

.dui.dui-right-1_2p {
    right: var(--dui-spc-1_2p);
}

.dui.dui-bottom-1_2p {
    bottom: var(--dui-spc-1_2p);
}

.dui.dui-left-1_2p {
    left: var(--dui-spc-1_2p);
}

.dui.dui-txt-indnt-1_2p {
    text-indent: var(--dui-spc-1_2p);
}

.dui.dui-basis-1_2p {
    flex-basis: var(--dui-spc-1_2p);
}

.dui.dui-p-1_3p {
    padding: var(--dui-spc-1_3p);
}

.dui.dui-p-x-1_3p {
    padding-left: var(--dui-spc-1_3p);
    padding-right: var(--dui-spc-1_3p);
}

.dui.dui-p-y-1_3p {
    padding-top: var(--dui-spc-1_3p);
    padding-bottom: var(--dui-spc-1_3p);
}

.dui.dui-p-t-1_3p {
    padding-top: var(--dui-spc-1_3p);
}

.dui.dui-p-r-1_3p {
    padding-right: var(--dui-spc-1_3p);
}

.dui.dui-p-b-1_3p {
    padding-bottom: var(--dui-spc-1_3p);
}

.dui.dui-p-l-1_3p {
    padding-left: var(--dui-spc-1_3p);
}

.dui.dui-m-1_3p {
    margin: var(--dui-spc-1_3p);
}

.dui.dui-m-x-1_3p {
    margin-left: var(--dui-spc-1_3p);
    margin-right: var(--dui-spc-1_3p);
}

.dui.dui-m-y-1_3p {
    margin-top: var(--dui-spc-1_3p);
    margin-bottom: var(--dui-spc-1_3p);
}

.dui.dui-m-t-1_3p {
    margin-top: var(--dui-spc-1_3p);
}

.dui.dui-m-r-1_3p {
    margin-right: var(--dui-spc-1_3p);
}

.dui.dui-m-b-1_3p {
    margin-bottom: var(--dui-spc-1_3p);
}

.dui.dui-m-l-1_3p {
    margin-left: var(--dui-spc-1_3p);
}

.dui.dui-space-x-1_3p > * + * {
    margin-left: var(--dui-spc-1_3p);
}

.dui.dui-space-y-1_3p > * + * {
    margin-top: var(--dui-spc-1_3p);
}

.dui.dui-w-1_3p {
    width: var(--dui-spc-1_3p);
}

.dui.dui-max-w-1_3p {
    max-width: var(--dui-spc-1_3p);
}

.dui.dui-min-w-1_3p {
    min-width: var(--dui-spc-1_3p);
}

.dui.dui-h-1_3p {
    height: var(--dui-spc-1_3p);
}

.dui.dui-max-h-1_3p {
    max-height: var(--dui-spc-1_3p);
}

.dui.dui-min-h-1_3p {
    min-height: var(--dui-spc-1_3p);
}

.dui.dui-gap-1_3p {
    gap: var(--dui-spc-1_3p);
}

.dui.dui-gap-x-1_3p {
    column-gap: var(--dui-spc-1_3p);
}

.dui.dui-gap-y-1_3p {
    row-gap: var(--dui-spc-1_3p);
}

.dui.dui-inset-1_3p {
    inset: var(--dui-spc-1_3p);
}

.dui.dui-inset-x-1_3p {
    left: var(--dui-spc-1_3p);
    right: var(--dui-spc-1_3p);
}

.dui.dui-inset-y-1_3p {
    top: var(--dui-spc-1_3p);
    bottom: var(--dui-spc-1_3p);
}

.dui.dui-top-1_3p {
    top: var(--dui-spc-1_3p);
}

.dui.dui-right-1_3p {
    right: var(--dui-spc-1_3p);
}

.dui.dui-bottom-1_3p {
    bottom: var(--dui-spc-1_3p);
}

.dui.dui-left-1_3p {
    left: var(--dui-spc-1_3p);
}

.dui.dui-txt-indnt-1_3p {
    text-indent: var(--dui-spc-1_3p);
}

.dui.dui-basis-1_3p {
    flex-basis: var(--dui-spc-1_3p);
}

.dui.dui-p-2_3p {
    padding: var(--dui-spc-2_3p);
}

.dui.dui-p-x-2_3p {
    padding-left: var(--dui-spc-2_3p);
    padding-right: var(--dui-spc-2_3p);
}

.dui.dui-p-y-2_3p {
    padding-top: var(--dui-spc-2_3p);
    padding-bottom: var(--dui-spc-2_3p);
}

.dui.dui-p-t-2_3p {
    padding-top: var(--dui-spc-2_3p);
}

.dui.dui-p-r-2_3p {
    padding-right: var(--dui-spc-2_3p);
}

.dui.dui-p-b-2_3p {
    padding-bottom: var(--dui-spc-2_3p);
}

.dui.dui-p-l-2_3p {
    padding-left: var(--dui-spc-2_3p);
}

.dui.dui-m-2_3p {
    margin: var(--dui-spc-2_3p);
}

.dui.dui-m-x-2_3p {
    margin-left: var(--dui-spc-2_3p);
    margin-right: var(--dui-spc-2_3p);
}

.dui.dui-m-y-2_3p {
    margin-top: var(--dui-spc-2_3p);
    margin-bottom: var(--dui-spc-2_3p);
}

.dui.dui-m-t-2_3p {
    margin-top: var(--dui-spc-2_3p);
}

.dui.dui-m-r-2_3p {
    margin-right: var(--dui-spc-2_3p);
}

.dui.dui-m-b-2_3p {
    margin-bottom: var(--dui-spc-2_3p);
}

.dui.dui-m-l-2_3p {
    margin-left: var(--dui-spc-2_3p);
}

.dui.dui-space-x-2_3p > * + * {
    margin-left: var(--dui-spc-2_3p);
}

.dui.dui-space-y-2_3p > * + * {
    margin-top: var(--dui-spc-2_3p);
}

.dui.dui-w-2_3p {
    width: var(--dui-spc-2_3p);
}

.dui.dui-max-w-2_3p {
    max-width: var(--dui-spc-2_3p);
}

.dui.dui-min-w-2_3p {
    min-width: var(--dui-spc-2_3p);
}

.dui.dui-h-2_3p {
    height: var(--dui-spc-2_3p);
}

.dui.dui-max-h-2_3p {
    max-height: var(--dui-spc-2_3p);
}

.dui.dui-min-h-2_3p {
    min-height: var(--dui-spc-2_3p);
}

.dui.dui-gap-2_3p {
    gap: var(--dui-spc-2_3p);
}

.dui.dui-gap-x-2_3p {
    column-gap: var(--dui-spc-2_3p);
}

.dui.dui-gap-y-2_3p {
    row-gap: var(--dui-spc-2_3p);
}

.dui.dui-inset-2_3p {
    inset: var(--dui-spc-2_3p);
}

.dui.dui-inset-x-2_3p {
    left: var(--dui-spc-2_3p);
    right: var(--dui-spc-2_3p);
}

.dui.dui-inset-y-2_3p {
    top: var(--dui-spc-2_3p);
    bottom: var(--dui-spc-2_3p);
}

.dui.dui-top-2_3p {
    top: var(--dui-spc-2_3p);
}

.dui.dui-right-2_3p {
    right: var(--dui-spc-2_3p);
}

.dui.dui-bottom-2_3p {
    bottom: var(--dui-spc-2_3p);
}

.dui.dui-left-2_3p {
    left: var(--dui-spc-2_3p);
}

.dui.dui-txt-indnt-2_3p {
    text-indent: var(--dui-spc-2_3p);
}

.dui.dui-basis-2_3p {
    flex-basis: var(--dui-spc-2_3p);
}

.dui.dui-p-1_4p {
    padding: var(--dui-spc-1_4p);
}

.dui.dui-p-x-1_4p {
    padding-left: var(--dui-spc-1_4p);
    padding-right: var(--dui-spc-1_4p);
}

.dui.dui-p-y-1_4p {
    padding-top: var(--dui-spc-1_4p);
    padding-bottom: var(--dui-spc-1_4p);
}

.dui.dui-p-t-1_4p {
    padding-top: var(--dui-spc-1_4p);
}

.dui.dui-p-r-1_4p {
    padding-right: var(--dui-spc-1_4p);
}

.dui.dui-p-b-1_4p {
    padding-bottom: var(--dui-spc-1_4p);
}

.dui.dui-p-l-1_4p {
    padding-left: var(--dui-spc-1_4p);
}

.dui.dui-m-1_4p {
    margin: var(--dui-spc-1_4p);
}

.dui.dui-m-x-1_4p {
    margin-left: var(--dui-spc-1_4p);
    margin-right: var(--dui-spc-1_4p);
}

.dui.dui-m-y-1_4p {
    margin-top: var(--dui-spc-1_4p);
    margin-bottom: var(--dui-spc-1_4p);
}

.dui.dui-m-t-1_4p {
    margin-top: var(--dui-spc-1_4p);
}

.dui.dui-m-r-1_4p {
    margin-right: var(--dui-spc-1_4p);
}

.dui.dui-m-b-1_4p {
    margin-bottom: var(--dui-spc-1_4p);
}

.dui.dui-m-l-1_4p {
    margin-left: var(--dui-spc-1_4p);
}

.dui.dui-space-x-1_4p > * + * {
    margin-left: var(--dui-spc-1_4p);
}

.dui.dui-space-y-1_4p > * + * {
    margin-top: var(--dui-spc-1_4p);
}

.dui.dui-w-1_4p {
    width: var(--dui-spc-1_4p);
}

.dui.dui-max-w-1_4p {
    max-width: var(--dui-spc-1_4p);
}

.dui.dui-min-w-1_4p {
    min-width: var(--dui-spc-1_4p);
}

.dui.dui-h-1_4p {
    height: var(--dui-spc-1_4p);
}

.dui.dui-max-h-1_4p {
    max-height: var(--dui-spc-1_4p);
}

.dui.dui-min-h-1_4p {
    min-height: var(--dui-spc-1_4p);
}

.dui.dui-gap-1_4p {
    gap: var(--dui-spc-1_4p);
}

.dui.dui-gap-x-1_4p {
    column-gap: var(--dui-spc-1_4p);
}

.dui.dui-gap-y-1_4p {
    row-gap: var(--dui-spc-1_4p);
}

.dui.dui-inset-1_4p {
    inset: var(--dui-spc-1_4p);
}

.dui.dui-inset-x-1_4p {
    left: var(--dui-spc-1_4p);
    right: var(--dui-spc-1_4p);
}

.dui.dui-inset-y-1_4p {
    top: var(--dui-spc-1_4p);
    bottom: var(--dui-spc-1_4p);
}

.dui.dui-top-1_4p {
    top: var(--dui-spc-1_4p);
}

.dui.dui-right-1_4p {
    right: var(--dui-spc-1_4p);
}

.dui.dui-bottom-1_4p {
    bottom: var(--dui-spc-1_4p);
}

.dui.dui-left-1_4p {
    left: var(--dui-spc-1_4p);
}

.dui.dui-txt-indnt-1_4p {
    text-indent: var(--dui-spc-1_4p);
}

.dui.dui-basis-1_4p {
    flex-basis: var(--dui-spc-1_4p);
}

.dui.dui-p-3_4p {
    padding: var(--dui-spc-3_4p);
}

.dui.dui-p-x-3_4p {
    padding-left: var(--dui-spc-3_4p);
    padding-right: var(--dui-spc-3_4p);
}

.dui.dui-p-y-3_4p {
    padding-top: var(--dui-spc-3_4p);
    padding-bottom: var(--dui-spc-3_4p);
}

.dui.dui-p-t-3_4p {
    padding-top: var(--dui-spc-3_4p);
}

.dui.dui-p-r-3_4p {
    padding-right: var(--dui-spc-3_4p);
}

.dui.dui-p-b-3_4p {
    padding-bottom: var(--dui-spc-3_4p);
}

.dui.dui-p-l-3_4p {
    padding-left: var(--dui-spc-3_4p);
}

.dui.dui-m-3_4p {
    margin: var(--dui-spc-3_4p);
}

.dui.dui-m-x-3_4p {
    margin-left: var(--dui-spc-3_4p);
    margin-right: var(--dui-spc-3_4p);
}

.dui.dui-m-y-3_4p {
    margin-top: var(--dui-spc-3_4p);
    margin-bottom: var(--dui-spc-3_4p);
}

.dui.dui-m-t-3_4p {
    margin-top: var(--dui-spc-3_4p);
}

.dui.dui-m-r-3_4p {
    margin-right: var(--dui-spc-3_4p);
}

.dui.dui-m-b-3_4p {
    margin-bottom: var(--dui-spc-3_4p);
}

.dui.dui-m-l-3_4p {
    margin-left: var(--dui-spc-3_4p);
}

.dui.dui-space-x-3_4p > * + * {
    margin-left: var(--dui-spc-3_4p);
}

.dui.dui-space-y-3_4p > * + * {
    margin-top: var(--dui-spc-3_4p);
}

.dui.dui-w-3_4p {
    width: var(--dui-spc-3_4p);
}

.dui.dui-max-w-3_4p {
    max-width: var(--dui-spc-3_4p);
}

.dui.dui-min-w-3_4p {
    min-width: var(--dui-spc-3_4p);
}

.dui.dui-h-3_4p {
    height: var(--dui-spc-3_4p);
}

.dui.dui-max-h-3_4p {
    max-height: var(--dui-spc-3_4p);
}

.dui.dui-min-h-3_4p {
    min-height: var(--dui-spc-3_4p);
}

.dui.dui-gap-3_4p {
    gap: var(--dui-spc-3_4p);
}

.dui.dui-gap-x-3_4p {
    column-gap: var(--dui-spc-3_4p);
}

.dui.dui-gap-y-3_4p {
    row-gap: var(--dui-spc-3_4p);
}

.dui.dui-inset-3_4p {
    inset: var(--dui-spc-3_4p);
}

.dui.dui-inset-x-3_4p {
    left: var(--dui-spc-3_4p);
    right: var(--dui-spc-3_4p);
}

.dui.dui-inset-y-3_4p {
    top: var(--dui-spc-3_4p);
    bottom: var(--dui-spc-3_4p);
}

.dui.dui-top-3_4p {
    top: var(--dui-spc-3_4p);
}

.dui.dui-right-3_4p {
    right: var(--dui-spc-3_4p);
}

.dui.dui-bottom-3_4p {
    bottom: var(--dui-spc-3_4p);
}

.dui.dui-left-3_4p {
    left: var(--dui-spc-3_4p);
}

.dui.dui-txt-indnt-3_4p {
    text-indent: var(--dui-spc-3_4p);
}

.dui.dui-basis-3_4p {
    flex-basis: var(--dui-spc-3_4p);
}

.dui.dui-p-full {
    padding: var(--dui-spc-full);
}

.dui.dui-p-x-full {
    padding-left: var(--dui-spc-full);
    padding-right: var(--dui-spc-full);
}

.dui.dui-p-y-full {
    padding-top: var(--dui-spc-full);
    padding-bottom: var(--dui-spc-full);
}

.dui.dui-p-t-full {
    padding-top: var(--dui-spc-full);
}

.dui.dui-p-r-full {
    padding-right: var(--dui-spc-full);
}

.dui.dui-p-b-full {
    padding-bottom: var(--dui-spc-full);
}

.dui.dui-p-l-full {
    padding-left: var(--dui-spc-full);
}

.dui.dui-m-full {
    margin: var(--dui-spc-full);
}

.dui.dui-m-x-full {
    margin-left: var(--dui-spc-full);
    margin-right: var(--dui-spc-full);
}

.dui.dui-m-y-full {
    margin-top: var(--dui-spc-full);
    margin-bottom: var(--dui-spc-full);
}

.dui.dui-m-t-full {
    margin-top: var(--dui-spc-full);
}

.dui.dui-m-r-full {
    margin-right: var(--dui-spc-full);
}

.dui.dui-m-b-full {
    margin-bottom: var(--dui-spc-full);
}

.dui.dui-m-l-full {
    margin-left: var(--dui-spc-full);
}

.dui.dui-space-x-full > * + * {
    margin-left: var(--dui-spc-full);
}

.dui.dui-space-y-full > * + * {
    margin-top: var(--dui-spc-full);
}

.dui.dui-w-full {
    width: var(--dui-spc-full);
}

.dui.dui-w-inherit {
    width: inherit;
}

.dui.dui-w-auto {
    width: auto;
}

.dui.dui-max-w-full {
    max-width: var(--dui-spc-full);
}

.dui.dui-min-w-full {
    min-width: var(--dui-spc-full);
}

.dui.dui-h-full {
    height: var(--dui-spc-full);
}

.dui.dui-h-inherit {
    height: inherit;
}

.dui.dui-max-h-full {
    max-height: var(--dui-spc-full);
}

.dui.dui-min-h-full {
    min-height: var(--dui-spc-full);
}

.dui.dui-gap-full {
    gap: var(--dui-spc-full);
}

.dui.dui-gap-x-full {
    column-gap: var(--dui-spc-full);
}

.dui.dui-gap-y-full {
    row-gap: var(--dui-spc-full);
}

.dui.dui-inset-full {
    inset: var(--dui-spc-full);
}

.dui.dui-inset-x-full {
    left: var(--dui-spc-full);
    right: var(--dui-spc-full);
}

.dui.dui-inset-y-full {
    top: var(--dui-spc-full);
    bottom: var(--dui-spc-full);
}

.dui.dui-top-full {
    top: var(--dui-spc-full);
}

.dui.dui-right-full {
    right: var(--dui-spc-full);
}

.dui.dui-bottom-full {
    bottom: var(--dui-spc-full);
}

.dui.dui-left-full {
    left: var(--dui-spc-full);
}

.dui.dui-txt-indnt-full {
    text-indent: var(--dui-spc-full);
}

.dui.dui-basis-full {
    flex-basis: var(--dui-spc-full);
}

:root {
    --dui-opacity-0: 0;
    --dui-opacity-5: 0.05;
    --dui-opacity-10: 0.1;
    --dui-opacity-20: 0.2;
    --dui-opacity-25: 0.25;
    --dui-opacity-30: 0.3;
    --dui-opacity-40: 0.4;
    --dui-opacity-50: 0.5;
    --dui-opacity-60: 0.6;
    --dui-opacity-70: 0.7;
    --dui-opacity-75: 0.75;
    --dui-opacity-80: 0.8;
    --dui-opacity-90: 0.9;
    --dui-opacity-95: 0.95;
    --dui-opacity-100: 1;
}

.dui.dui-opacity-0 {
    opacity: var(--dui-opacity-0);
}

.dui.dui-opacity-5 {
    opacity: var(--dui-opacity-5);
}

.dui.dui-opacity-10 {
    opacity: var(--dui-opacity-10);
}

.dui.dui-opacity-20 {
    opacity: var(--dui-opacity-20);
}

.dui.dui-opacity-25 {
    opacity: var(--dui-opacity-25);
}

.dui.dui-opacity-30 {
    opacity: var(--dui-opacity-30);
}

.dui.dui-opacity-40 {
    opacity: var(--dui-opacity-40);
}

.dui.dui-opacity-50 {
    opacity: var(--dui-opacity-50);
}

.dui.dui-opacity-60 {
    opacity: var(--dui-opacity-60);
}

.dui.dui-opacity-70 {
    opacity: var(--dui-opacity-70);
}

.dui.dui-opacity-75 {
    opacity: var(--dui-opacity-75);
}

.dui.dui-opacity-80 {
    opacity: var(--dui-opacity-80);
}

.dui.dui-opacity-90 {
    opacity: var(--dui-opacity-90);
}

.dui.dui-opacity-95 {
    opacity: var(--dui-opacity-95);
}

.dui.dui-opacity-100 {
    opacity: var(--dui-opacity-100);
}

.dui.dui-block {
    display: block;
}

.dui.dui-inline-block {
    display: inline-block;
}

.dui.dui-inline {
    display: inline;
}

.dui.dui-flex {
    display: flex;
}

.dui.dui-inline-flex {
    display: inline-flex;
}

.dui.dui-table {
    display: table;
}

.dui.dui-inline-table {
    display: inline-table;
}

.dui.dui-table-caption {
    display: table-caption;
}

.dui.dui-table-cell {
    display: table-cell;
}

.dui.dui-table-column {
    display: table-column;
}

.dui.dui-table-column-group {
    display: table-column-group;
}

.dui.dui-table-footer-group {
    display: table-footer-group;
}

.dui.dui-table-header-group {
    display: table-header-group;
}

.dui.dui-table-row-group {
    display: table-row-group;
}

.dui.dui-table-row {
    display: table-row;
}

.dui.dui-flow-root {
    display: flow-root;
}

.dui.dui-grid {
    display: grid;
}

.dui.dui-inline-grid {
    display: inline-grid;
}

.dui.dui-contents {
    display: contents;
}

.dui.dui-list-item {
    display: list-item;
}

.dui.dui-isolate {
    isolation: isolate;
}

.dui.dui-isolation-auto {
    isolation: auto;
}

.dui.dui-object-contain {
    object-fit: contain;
}

.dui.dui-object-cover {
    object-fit: cover;
}

.dui.dui-object-fill {
    object-fit: fill;
}

.dui.dui-object-none {
    object-fit: none;
}

.dui.dui-object-scale-down {
    object-fit: scale-down;
}

.dui.dui-object-bottom {
    object-position: bottom;
}

.dui.dui-object-center {
    object-position: center;
}

.dui.dui-object-left {
    object-position: left;
}

.dui.dui-object-left-bottom {
    object-position: left bottom;
}

.dui.dui-object-left-top {
    object-position: left top;
}

.dui.dui-object-right {
    object-position: right;
}

.dui.dui-object-right-bottom {
    object-position: right bottom;
}

.dui.dui-object-right-top {
    object-position: right top;
}

.dui.dui-object-top {
    object-position: top;
}

.dui.dui-overflow-auto {
    overflow: auto;
}

.dui.dui-overflow-hidden {
    overflow: hidden;
}

.dui.dui-overflow-clip {
    overflow: clip;
}

.dui.dui-overflow-visible {
    overflow: visible;
}

.dui.dui-overflow-scroll {
    overflow: scroll;
}

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

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

.dui.dui-overflow-x-hidden {
    overflow-x: hidden;
}

.dui.dui-overflow-y-hidden {
    overflow-y: hidden;
}

.dui.dui-overflow-x-clip {
    overflow-x: clip;
}

.dui.dui-overflow-y-clip {
    overflow-y: clip;
}

.dui.dui-overflow-x-visible {
    overflow-x: visible;
}

.dui.dui-overflow-y-visible {
    overflow-y: visible;
}

.dui.dui-overflow-x-scroll {
    overflow-x: scroll;
}

.dui.dui-overflow-y-scroll {
    overflow-y: scroll;
}

.dui.dui-overscroll-auto {
    overscroll-behavior: auto;
}

.dui.dui-overscroll-contain {
    overscroll-behavior: contain;
}

.dui.dui-overscroll-none {
    overscroll-behavior: none;
}

.dui.dui-overscroll-y-auto {
    overscroll-behavior-y: auto;
}

.dui.dui-overscroll-y-contain {
    overscroll-behavior-y: contain;
}

.dui.dui-overscroll-y-none {
    overscroll-behavior-y: none;
}

.dui.dui-overscroll-x-auto {
    overscroll-behavior-x: auto;
}

.dui.dui-overscroll-x-contain {
    overscroll-behavior-x: contain;
}

.dui.dui-overscroll-x-none {
    overscroll-behavior-x: none;
}

.dui.dui-inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}

.dui.dui-inset-x-auto {
    left: auto;
    right: auto;
}

.dui.dui-inset-y-auto {
    top: auto;
    bottom: auto;
}

.dui.dui-top-auto {
    top: auto;
}

.dui.dui-right-auto {
    right: auto;
}

.dui.dui-bottom-auto {
    bottom: auto;
}

.dui.dui-left-auto {
    left: auto;
}

.dui.dui-visible {
    visibility: visible;
}

.dui.dui-invisible {
    visibility: hidden;
}

.dui.dui-z-0 {
    z-index: 0;
}

.dui.dui-z-10 {
    z-index: 10;
}

.dui.dui-z-20 {
    z-index: 20;
}

.dui.dui-z-30 {
    z-index: 30;
}

.dui.dui-z-40 {
    z-index: 40;
}

.dui.dui-z-50 {
    z-index: 50;
}

.dui.dui-z-auto {
    z-index: auto;
}

.dui.dui-flex-row {
    flex-direction: row;
}

.dui.dui-flex-row-reverse {
    flex-direction: row-reverse;
}

.dui.dui-flex-col {
    flex-direction: column;
}

.dui.dui-flex-col-reverse {
    flex-direction: column-reverse;
}

.dui.dui-flex-wrap {
    flex-wrap: wrap;
}

.dui.dui-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.dui.dui-flex-nowrap {
    flex-wrap: nowrap;
}

.dui.dui-flex-1 {
    flex: 1 1 0%;
}

.dui.dui-flex-auto {
    flex: 1 1 auto;
}

.dui.dui-flex-initial {
    flex: 0 1 auto;
}

.dui.dui-flex-none {
    flex: none;
}

.dui.dui-grow-0 {
    flex-grow: var(--dui-grow-0);
}

.dui.dui-grow-1 {
    flex-grow: var(--dui-grow-1);
}

.dui.dui-grow-2 {
    flex-grow: var(--dui-grow-2);
}

.dui.dui-grow-3 {
    flex-grow: var(--dui-grow-3);
}

.dui.dui-grow-4 {
    flex-grow: var(--dui-grow-4);
}

.dui.dui-grow-5 {
    flex-grow: var(--dui-grow-5);
}

.dui.dui-grow-6 {
    flex-grow: var(--dui-grow-6);
}

.dui.dui-grow-7 {
    flex-grow: var(--dui-grow-7);
}

.dui.dui-grow-8 {
    flex-grow: var(--dui-grow-8);
}

.dui.dui-grow-9 {
    flex-grow: var(--dui-grow-9);
}

.dui.dui-grow-10 {
    flex-grow: var(--dui-grow-10);
}

.dui.dui-grow-11 {
    flex-grow: var(--dui-grow-11);
}

.dui.dui-grow-12 {
    flex-grow: var(--dui-grow-12);
}

.dui.dui-shrink-0 {
    flex-shrink: var(--dui-shrink-0);
}

.dui.dui-shrink-1 {
    flex-shrink: var(--dui-shrink-1);
}

.dui.dui-shrink-2 {
    flex-shrink: var(--dui-shrink-2);
}

.dui.dui-shrink-3 {
    flex-shrink: var(--dui-shrink-3);
}

.dui.dui-shrink-4 {
    flex-shrink: var(--dui-shrink-4);
}

.dui.dui-shrink-5 {
    flex-shrink: var(--dui-shrink-5);
}

.dui.dui-shrink-6 {
    flex-shrink: var(--dui-shrink-6);
}

.dui.dui-shrink-7 {
    flex-shrink: var(--dui-shrink-7);
}

.dui.dui-shrink-8 {
    flex-shrink: var(--dui-shrink-8);
}

.dui.dui-shrink-9 {
    flex-shrink: var(--dui-shrink-9);
}

.dui.dui-shrink-10 {
    flex-shrink: var(--dui-shrink-10);
}

.dui.dui-shrink-11 {
    flex-shrink: var(--dui-shrink-11);
}

.dui.dui-shrink-12 {
    flex-shrink: var(--dui-shrink-12);
}

.dui.dui-order-1 {
    order: var(--dui-order-1);
}

.dui.dui-order-2 {
    order: var(--dui-order-2);
}

.dui.dui-order-3 {
    order: var(--dui-order-3);
}

.dui.dui-order-4 {
    order: var(--dui-order-4);
}

.dui.dui-order-5 {
    order: var(--dui-order-5);
}

.dui.dui-order-6 {
    order: var(--dui-order-6);
}

.dui.dui-order-7 {
    order: var(--dui-order-7);
}

.dui.dui-order-8 {
    order: var(--dui-order-8);
}

.dui.dui-order-9 {
    order: var(--dui-order-9);
}

.dui.dui-order-10 {
    order: var(--dui-order-10);
}

.dui.dui-order-20 {
    order: var(--dui-order-20);
}

.dui.dui-order-30 {
    order: var(--dui-order-30);
}

.dui.dui-order-40 {
    order: var(--dui-order-40);
}

.dui.dui-order-50 {
    order: var(--dui-order-50);
}

.dui.dui-order-60 {
    order: var(--dui-order-60);
}

.dui.dui-order-70 {
    order: var(--dui-order-70);
}

.dui.dui-order-80 {
    order: var(--dui-order-80);
}

.dui.dui-order-90 {
    order: var(--dui-order-90);
}

.dui.dui-order-100 {
    order: var(--dui-order-100);
}

.dui.dui-order-first {
    order: var(--dui-order-first);
}

.dui.dui-order-first-1 {
    order: var(--dui-order-first-1);
}

.dui.dui-order-first-2 {
    order: var(--dui-order-first-2);
}

.dui.dui-order-first-3 {
    order: var(--dui-order-first-3);
}

.dui.dui-order-first-4 {
    order: var(--dui-order-first-4);
}

.dui.dui-order-last {
    order: var(--dui-order-last);
}

.dui.dui-order-last-1 {
    order: var(--dui-order-last-1);
}

.dui.dui-order-last-2 {
    order: var(--dui-order-last-2);
}

.dui.dui-order-last-3 {
    order: var(--dui-order-last-3);
}

.dui.dui-order-last-4 {
    order: var(--dui-order-last-4);
}

.dui.dui-order-none {
    order: var(--dui-order-none);
}

.dui.dui-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.dui.dui-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dui.dui-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dui.dui-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dui.dui-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dui.dui-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.dui.dui-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.dui.dui-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.dui.dui-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.dui.dui-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.dui.dui-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}

.dui.dui-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.dui.dui-grid-cols-none {
    grid-template-columns: none;
}

.dui.dui-col-auto {
    grid-column: auto;
}

.dui.dui-col-span-1 {
    grid-column: span 1 / span 1;
}

.dui.dui-col-span-2 {
    grid-column: span 2 / span 2;
}

.dui.dui-col-span-3 {
    grid-column: span 3 / span 3;
}

.dui.dui-col-span-4 {
    grid-column: span 4 / span 4;
}

.dui.dui-col-span-5 {
    grid-column: span 5 / span 5;
}

.dui.dui-col-span-6 {
    grid-column: span 6 / span 6;
}

.dui.dui-col-span-7 {
    grid-column: span 7 / span 7;
}

.dui.dui-col-span-8 {
    grid-column: span 8 / span 8;
}

.dui.dui-col-span-9 {
    grid-column: span 9 / span 9;
}

.dui.dui-col-span-10 {
    grid-column: span 10 / span 10;
}

.dui.dui-col-span-11 {
    grid-column: span 11 / span 11;
}

.dui.dui-col-span-12 {
    grid-column: span 12 / span 12;
}

.dui.dui-col-span-full {
    grid-column: 1 / -1;
}

.dui.dui-col-start-1 {
    grid-column-start: 1;
}

.dui.dui-col-start-2 {
    grid-column-start: 2;
}

.dui.dui-col-start-3 {
    grid-column-start: 3;
}

.dui.dui-col-start-4 {
    grid-column-start: 4;
}

.dui.dui-col-start-5 {
    grid-column-start: 5;
}

.dui.dui-col-start-6 {
    grid-column-start: 6;
}

.dui.dui-col-start-7 {
    grid-column-start: 7;
}

.dui.dui-col-start-8 {
    grid-column-start: 8;
}

.dui.dui-col-start-9 {
    grid-column-start: 9;
}

.dui.dui-col-start-10 {
    grid-column-start: 10;
}

.dui.dui-col-start-11 {
    grid-column-start: 11;
}

.dui.dui-col-start-12 {
    grid-column-start: 12;
}

.dui.dui-col-start-13 {
    grid-column-start: 13;
}

.dui.dui-col-start-auto {
    grid-column-start: auto;
}

.dui.dui-col-end-1 {
    grid-column-end: 1;
}

.dui.dui-col-end-2 {
    grid-column-end: 2;
}

.dui.dui-col-end-3 {
    grid-column-end: 3;
}

.dui.dui-col-end-4 {
    grid-column-end: 4;
}

.dui.dui-col-end-5 {
    grid-column-end: 5;
}

.dui.dui-col-end-6 {
    grid-column-end: 6;
}

.dui.dui-col-end-7 {
    grid-column-end: 7;
}

.dui.dui-col-end-8 {
    grid-column-end: 8;
}

.dui.dui-col-end-9 {
    grid-column-end: 9;
}

.dui.dui-col-end-10 {
    grid-column-end: 10;
}

.dui.dui-col-end-11 {
    grid-column-end: 11;
}

.dui.dui-col-end-12 {
    grid-column-end: 12;
}

.dui.dui-col-end-13 {
    grid-column-end: 13;
}

.dui.dui-col-end-auto {
    grid-column-end: auto;
}

.dui.dui-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}

.dui.dui-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.dui.dui-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.dui.dui-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
}

.dui.dui-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
}

.dui.dui-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
}

.dui.dui-grid-rows-none {
    grid-template-rows: none;
}

.dui.dui-row-auto {
    grid-row: auto;
}

.dui.dui-row-span-1 {
    grid-row: span 1 / span 1;
}

.dui.dui-row-span-2 {
    grid-row: span 2 / span 2;
}

.dui.dui-row-span-3 {
    grid-row: span 3 / span 3;
}

.dui.dui-row-span-4 {
    grid-row: span 4 / span 4;
}

.dui.dui-row-span-5 {
    grid-row: span 5 / span 5;
}

.dui.dui-row-span-6 {
    grid-row: span 6 / span 6;
}

.dui.dui-row-span-full {
    grid-row: 1 / -1;
}

.dui.dui-row-start-1 {
    grid-row-start: 1;
}

.dui.dui-row-start-2 {
    grid-row-start: 2;
}

.dui.dui-row-start-3 {
    grid-row-start: 3;
}

.dui.dui-row-start-4 {
    grid-row-start: 4;
}

.dui.dui-row-start-5 {
    grid-row-start: 5;
}

.dui.dui-row-start-6 {
    grid-row-start: 6;
}

.dui.dui-row-start-7 {
    grid-row-start: 7;
}

.dui.dui-row-start-auto {
    grid-row-start: auto;
}

.dui.dui-row-end-1 {
    grid-row-end: 1;
}

.dui.dui-row-end-2 {
    grid-row-end: 2;
}

.dui.dui-row-end-3 {
    grid-row-end: 3;
}

.dui.dui-row-end-4 {
    grid-row-end: 4;
}

.dui.dui-row-end-5 {
    grid-row-end: 5;
}

.dui.dui-row-end-6 {
    grid-row-end: 6;
}

.dui.dui-row-end-7 {
    grid-row-end: 7;
}

.dui.dui-row-end-auto {
    grid-row-end: auto;
}

.dui.dui-grid-flow-row {
    grid-auto-flow: row;
}

.dui.dui-grid-flow-col {
    grid-auto-flow: column;
}

.dui.dui-grid-flow-row-dense {
    grid-auto-flow: row dense;
}

.dui.dui-grid-flow-col-dense {
    grid-auto-flow: column dense;
}

.dui.dui-auto-cols-auto {
    grid-auto-columns: auto;
}

.dui.dui-auto-cols-min {
    grid-auto-columns: min-content;
}

.dui.dui-auto-cols-max {
    grid-auto-columns: max-content;
}

.dui.dui-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
}

.dui.dui-auto-rows-auto {
    grid-auto-rows: auto;
}

.dui.dui-auto-rows-min {
    grid-auto-rows: min-content;
}

.dui.dui-auto-rows-max {
    grid-auto-rows: max-content;
}

.dui.dui-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
}

.dui.dui-justify-start {
    justify-content: flex-start;
}

.dui.dui-justify-end {
    justify-content: flex-end;
}

.dui.dui-justify-center {
    justify-content: center;
}

.dui.dui-justify-between {
    justify-content: space-between;
}

.dui.dui-justify-around {
    justify-content: space-around;
}

.dui.dui-justify-evenly {
    justify-content: space-evenly;
}

.dui.dui-justify-items-start {
    justify-items: start;
}

.dui.dui-justify-items-end {
    justify-items: end;
}

.dui.dui-justify-items-center {
    justify-items: center;
}

.dui.dui-justify-items-stretch {
    justify-items: stretch;
}

.dui.dui-justify-self-auto {
    justify-self: auto;
}

.dui.dui-justify-self-start {
    justify-self: start;
}

.dui.dui-justify-self-end {
    justify-self: end;
}

.dui.dui-justify-self-center {
    justify-self: center;
}

.dui.dui-justify-self-stretch {
    justify-self: stretch;
}

.dui.dui-content-center {
    align-content: center;
}

.dui.dui-content-start {
    align-content: flex-start;
}

.dui.dui-content-end {
    align-content: flex-end;
}

.dui.dui-content-between {
    align-content: space-between;
}

.dui.dui-content-around {
    align-content: space-around;
}

.dui.dui-content-evenly {
    align-content: space-evenly;
}

.dui.dui-items-start {
    align-items: flex-start;
}

.dui.dui-items-end {
    align-items: flex-end;
}

.dui.dui-items-center {
    align-items: center;
}

.dui.dui-items-baseline {
    align-items: baseline;
}

.dui.dui-items-stretch {
    align-items: stretch;
}

.dui.dui-self-auto {
    align-self: auto;
}

.dui.dui-self-start {
    align-self: flex-start;
}

.dui.dui-self-end {
    align-self: flex-end;
}

.dui.dui-self-center {
    align-self: center;
}

.dui.dui-self-stretch {
    align-self: stretch;
}

.dui.dui-self-baseline {
    align-self: baseline;
}

.dui.dui-place-content-center {
    place-content: center;
}

.dui.dui-place-content-start {
    place-content: start;
}

.dui.dui-place-content-end {
    place-content: end;
}

.dui.dui-place-content-between {
    place-content: space-between;
}

.dui.dui-place-content-around {
    place-content: space-around;
}

.dui.dui-place-content-evenly {
    place-content: space-evenly;
}

.dui.dui-place-content-stretch {
    place-content: stretch;
}

.dui.dui-place-items-start {
    place-items: start;
}

.dui.dui-place-items-end {
    place-items: end;
}

.dui.dui-place-items-center {
    place-items: center;
}

.dui.dui-place-items-stretch {
    place-items: stretch;
}

.dui.dui-place-self-auto {
    place-self: auto;
}

.dui.dui-place-self-start {
    place-self: start;
}

.dui.dui-place-self-end {
    place-self: end;
}

.dui.dui-place-self-center {
    place-self: center;
}

.dui.dui-place-self-stretch {
    place-self: stretch;
}

.dui.dui-w-screen {
    width: 100vw;
}

.dui.dui-w-min {
    width: min-content;
}

.dui.dui-w-max {
    width: max-content;
}

.dui.dui-w-fit {
    width: fit-content;
}

.dui.dui-min-w-min {
    min-width: min-content;
}

.dui.dui-min-w-max {
    min-width: max-content;
}

.dui.dui-min-w-fit {
    min-width: fit-content;
}

.dui.dui-max-w-min {
    max-width: min-content;
}

.dui.dui-max-w-max {
    max-width: max-content;
}

.dui.dui-max-w-fit {
    max-width: fit-content;
}

.dui.dui-h-screen {
    height: 100vh;
}

.dui.dui-h-min {
    height: min-content;
}

.dui.dui-h-max {
    height: max-content;
}

.dui.dui-h-fit {
    height: fit-content;
}

.dui.dui-min-h-screen {
    min-height: 100vh;
}

.dui.dui-min-h-min {
    min-height: min-content;
}

.dui.dui-min-h-max {
    min-height: max-content;
}

.dui.dui-min-h-fit {
    min-height: fit-content;
}

.dui.dui-max-h-screen {
    max-height: 100vh;
}

.dui.dui-max-h-min {
    max-height: min-content;
}

.dui.dui-max-h-max {
    max-height: max-content;
}

.dui.dui-max-h-fit {
    max-height: fit-content;
}

.dui.dui-font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.dui.dui-font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.dui.dui-font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.dui.dui-text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.dui.dui-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.dui.dui-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.dui.dui-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.dui.dui-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.dui.dui-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.dui.dui-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.dui.dui-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.dui.dui-text-5xl {
    font-size: 3rem;
    line-height: 1;
}

.dui.dui-text-6xl {
    font-size: 3.75rem;
    line-height: 1;
}

.dui.dui-text-7xl {
    font-size: 4.5rem;
    line-height: 1;
}

.dui.dui-text-8xl {
    font-size: 6rem;
    line-height: 1;
}

.dui.dui-text-9xl {
    font-size: 8rem;
    line-height: 1;
}

.dui.dui-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dui.dui-subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.dui.dui-italic {
    font-style: italic;
}

.dui.dui-not-italic {
    font-style: normal;
}

.dui.dui-font-thin {
    font-weight: 100;
}

.dui.dui-font-extralight {
    font-weight: 200;
}

.dui.dui-font-light {
    font-weight: 300;
}

.dui.dui-font-normal {
    font-weight: 400;
}

.dui.dui-font-medium {
    font-weight: 500;
}

.dui.dui-font-semibold {
    font-weight: 600;
}

.dui.dui-font-bold {
    font-weight: 700;
}

.dui.dui-font-extrabold {
    font-weight: 800;
}

.dui.dui-font-black {
    font-weight: 900;
}

.dui.dui-normal-nums {
    font-variant-numeric: normal;
}

.dui.dui-ordinal {
    font-variant-numeric: ordinal;
}

.dui.dui-slashed-zero {
    font-variant-numeric: slashed-zero;
}

.dui.dui-lining-nums {
    font-variant-numeric: lining-nums;
}

.dui.dui-oldstyle-nums {
    font-variant-numeric: oldstyle-nums;
}

.dui.dui-proportional-nums {
    font-variant-numeric: proportional-nums;
}

.dui.dui-tabular-nums {
    font-variant-numeric: tabular-nums;
}

.dui.dui-diagonal-fractions {
    font-variant-numeric: diagonal-fractions;
}

.dui.dui-stacked-fractions {
    font-variant-numeric: stacked-fractions;
}

.dui.dui-tracking-tighter {
    letter-spacing: -0.05em;
}

.dui.dui-tracking-tight {
    letter-spacing: -0.025em;
}

.dui.dui-tracking-normal {
    letter-spacing: 0em;
}

.dui.dui-tracking-wide {
    letter-spacing: 0.025em;
}

.dui.dui-tracking-wider {
    letter-spacing: 0.05em;
}

.dui.dui-tracking-widest {
    letter-spacing: 0.1em;
}

.dui.dui-leading-3 {
    line-height: .75rem;
}

.dui.dui-leading-4 {
    line-height: 1rem;
}

.dui.dui-leading-5 {
    line-height: 1.25rem;
}

.dui.dui-leading-6 {
    line-height: 1.5rem;
}

.dui.dui-leading-7 {
    line-height: 1.75rem;
}

.dui.dui-leading-8 {
    line-height: 2rem;
}

.dui.dui-leading-9 {
    line-height: 2.25rem;
}

.dui.dui-leading-10 {
    line-height: 2.5rem;
}

.dui.dui-leading-none {
    line-height: 1;
}

.dui.dui-leading-tight {
    line-height: 1.25;
}

.dui.dui-leading-snug {
    line-height: 1.375;
}

.dui.dui-leading-normal {
    line-height: 1.5;
}

.dui.dui-leading-relaxed {
    line-height: 1.625;
}

.dui.dui-leading-loose {
    line-height: 2;
}

.dui.dui-list-none {
    list-style-type: none;
}

.dui.dui-list-disc {
    list-style-type: disc;
}

.dui.dui-list-decimal {
    list-style-type: decimal;
}

.dui.dui-list-inside {
    list-style-position: inside;
}

.dui.dui-list-outside {
    list-style-position: outside;
}

.dui.dui-text-left {
    text-align: left;
}

.dui.dui-text-center {
    text-align: center;
}

.dui.dui-text-right {
    text-align: right;
}

.dui.dui-text-justify {
    text-align: justify;
}

.dui.dui-text-inherit {
    color: inherit;
}

.dui.dui-text-current {
    color: currentColor;
}

.dui.dui-text-transparent {
    color: transparent;
}

.dui.dui-underline {
    text-decoration-line: underline;
}

.dui.dui-overline {
    text-decoration-line: overline;
}

.dui.dui-line-through {
    text-decoration-line: line-through;
}

.dui.dui-no-underline {
    text-decoration-line: none;
}

.dui.dui-decoration-inherit {
    text-decoration-color: inherit;
}

.dui.dui-decoration-current {
    text-decoration-color: currentColor;
}

.dui.dui-decoration-transparent {
    text-decoration-color: transparent;
}

.dui.dui-decoration-solid {
    text-decoration-style: solid;
}

.dui.dui-decoration-double {
    text-decoration-style: double;
}

.dui.dui-decoration-dotted {
    text-decoration-style: dotted;
}

.dui.dui-decoration-dashed {
    text-decoration-style: dashed;
}

.dui.dui-decoration-wavy {
    text-decoration-style: wavy;
}

.dui.dui-decoration-auto {
    text-decoration-thickness: auto;
}

.dui.dui-decoration-from-font {
    text-decoration-thickness: from-font;
}

.dui.dui-decoration-0 {
    text-decoration-thickness: 0px;
}

.dui.dui-decoration-1 {
    text-decoration-thickness: 1px;
}

.dui.dui-decoration-2 {
    text-decoration-thickness: 2px;
}

.dui.dui-decoration-4 {
    text-decoration-thickness: 4px;
}

.dui.dui-decoration-8 {
    text-decoration-thickness: 8px;
}

.dui.dui-underline-offset-auto {
    text-underline-offset: auto;
}

.dui.dui-underline-offset-0 {
    text-underline-offset: 0px;
}

.dui.dui-underline-offset-1 {
    text-underline-offset: 1px;
}

.dui.dui-underline-offset-2 {
    text-underline-offset: 2px;
}

.dui.dui-underline-offset-4 {
    text-underline-offset: 4px;
}

.dui.dui-underline-offset-8 {
    text-underline-offset: 8px;
}

.dui.dui-uppercase {
    text-transform: uppercase;
}

.dui.dui-lowercase {
    text-transform: lowercase;
}

.dui.dui-capitalize {
    text-transform: capitalize;
}

.dui.dui-normal-case {
    text-transform: none;
}

.dui.dui-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dui.dui-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dui.dui-text-clip {
    text-overflow: clip;
}

.dui.dui-align-baseline {
    vertical-align: baseline;
}

.dui.dui-align-top {
    vertical-align: top;
}

.dui.dui-align-middle {
    vertical-align: middle;
}

.dui.dui-align-bottom {
    vertical-align: bottom;
}

.dui.dui-align-text-top {
    vertical-align: text-top;
}

.dui.dui-align-text-bottom {
    vertical-align: text-bottom;
}

.dui.dui-align-sub {
    vertical-align: sub;
}

.dui.dui-align-super {
    vertical-align: super;
}

.dui.dui-whitespace-normal {
    white-space: normal;
}

.dui.dui-whitespace-nowrap {
    white-space: nowrap;
}

.dui.dui-whitespace-pre {
    white-space: pre;
}

.dui.dui-whitespace-pre-line {
    white-space: pre-line;
}

.dui.dui-whitespace-pre-wrap {
    white-space: pre-wrap;
}

.dui.dui-whitespace-unset {
    white-space: unset;
}

.dui.dui-whitespace-break-spaces {
    white-space: break-spaces;
}

.dui.dui-break-normal {
    overflow-wrap: normal;
    word-break: normal;
}

.dui.dui-break-words {
    overflow-wrap: break-word;
}

.dui.dui-break-all {
    word-break: break-all;
}

.dui.dui-content-none {
    content: none;
}

.dui.dui-bg-fixed {
    background-attachment: fixed;
}

.dui.dui-bg-local {
    background-attachment: local;
}

.dui.dui-bg-scroll {
    background-attachment: scroll;
}

.dui.dui-bg-clip-border {
    background-clip: border-box;
}

.dui.dui-bg-clip-padding {
    background-clip: padding-box;
}

.dui.dui-bg-clip-content {
    background-clip: content-box;
}

.dui.dui-bg-clip-text {
    background-clip: text;
}

.dui.dui-bg-inherit {
    background-color: inherit;
}

.dui.dui-bg-current {
    background-color: currentColor;
}

.dui.dui-bg-transparent {
    background-color: transparent;
}

.dui.dui-bg-origin-border {
    background-origin: border-box;
}

.dui.dui-bg-origin-padding {
    background-origin: padding-box;
}

.dui.dui-bg-origin-content {
    background-origin: content-box;
}

.dui.dui-bg-bottom {
    background-position: bottom;
}

.dui.dui-bg-center {
    background-position: center;
}

.dui.dui-bg-left {
    background-position: left;
}

.dui.dui-bg-left-bottom {
    background-position: left bottom;
}

.dui.dui-bg-left-top {
    background-position: left top;
}

.dui.dui-bg-right {
    background-position: right;
}

.dui.dui-bg-right-bottom {
    background-position: right bottom;
}

.dui.dui-bg-right-top {
    background-position: right top;
}

.dui.dui-bg-top {
    background-position: top;
}

.dui.dui-bg-repeat {
    background-repeat: repeat;
}

.dui.dui-bg-no-repeat {
    background-repeat: no-repeat;
}

.dui.dui-bg-repeat-x {
    background-repeat: repeat-x;
}

.dui.dui-bg-repeat-y {
    background-repeat: repeat-y;
}

.dui.dui-bg-repeat-round {
    background-repeat: round;
}

.dui.dui-bg-repeat-space {
    background-repeat: space;
}

.dui.dui-bg-auto {
    background-size: auto;
}

.dui.dui-bg-cover {
    background-size: cover;
}

.dui.dui-bg-contain {
    background-size: contain;
}

.dui.dui-rounded-none {
    border-radius: var(--dui-spc-0);
}

.dui.dui-rounded-inherit {
    border-radius: inherit;
}

.dui.dui-rounded-t-inherit {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.dui.dui-rounded-b-inherit {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.dui.dui-rounded-l-inherit {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}

.dui.dui-rounded-r-inherit {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

.dui.dui-rounded-tl-inherit {
    border-top-left-radius: inherit;
}

.dui.dui-rounded-tr-inherit {
    border-top-right-radius: inherit;
}

.dui.dui-rounded-br-inherit {
    border-bottom-right-radius: inherit;
}

.dui.dui-rounded-bl-inherit {
    border-bottom-left-radius: inherit;
}

.dui.dui-rounded-sm {
    border-radius: var(--dui-spc-0_5);
}

.dui.dui-rounded {
    border-radius: var(--dui-spc-1);
}

.dui.dui-rounded-md {
    border-radius: var(--dui-spc-1_5);
}

.dui.dui-rounded-lg {
    border-radius: var(--dui-spc-2);
}

.dui.dui-rounded-xl {
    border-radius: var(--dui-spc-3);
}

.dui.dui-rounded-2xl {
    border-radius: var(--dui-spc-4);
}

.dui.dui-rounded-3xl {
    border-radius: var(--dui-spc-6);
}

.dui.dui-rounded-full {
    border-radius: 9999px;
}

.dui.dui-rounded-circle {
    border-radius: 50%;
}

.dui.dui-rounded-t-none {
    border-top-left-radius: var(--dui-spc-0);
    border-top-right-radius: var(--dui-spc-0);
}

.dui.dui-rounded-t-sm {
    border-top-left-radius: var(--dui-spc-0_5);
    border-top-right-radius: var(--dui-spc-0_5);
}

.dui.dui-rounded-t {
    border-top-left-radius: var(--dui-spc-1);
    border-top-right-radius: var(--dui-spc-1);
}

.dui.dui-rounded-t-md {
    border-top-left-radius: var(--dui-spc-1_5);
    border-top-right-radius: var(--dui-spc-1_5);
}

.dui.dui-rounded-t-lg {
    border-top-left-radius: var(--dui-spc-2);
    border-top-right-radius: var(--dui-spc-2);
}

.dui.dui-rounded-t-xl {
    border-top-left-radius: var(--dui-spc-3);
    border-top-right-radius: var(--dui-spc-3);
}

.dui.dui-rounded-t-2xl {
    border-top-left-radius: var(--dui-spc-4);
    border-top-right-radius: var(--dui-spc-4);
}

.dui.dui-rounded-t-3xl {
    border-top-left-radius: var(--dui-spc-6);
    border-top-right-radius: var(--dui-spc-6);
}

.dui.dui-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}

.dui.dui-rounded-r-none {
    border-top-right-radius: var(--dui-spc-0);
    border-bottom-right-radius: var(--dui-spc-0);
}

.dui.dui-rounded-r-sm {
    border-top-right-radius: var(--dui-spc-0_5);
    border-bottom-right-radius: var(--dui-spc-0_5);
}

.dui.dui-rounded-r {
    border-top-right-radius: var(--dui-spc-1);
    border-bottom-right-radius: var(--dui-spc-1);
}

.dui.dui-rounded-r-md {
    border-top-right-radius: var(--dui-spc-1_5);
    border-bottom-right-radius: var(--dui-spc-1_5);
}

.dui.dui-rounded-r-lg {
    border-top-right-radius: var(--dui-spc-2);
    border-bottom-right-radius: var(--dui-spc-2);
}

.dui.dui-rounded-r-xl {
    border-top-right-radius: var(--dui-spc-3);
    border-bottom-right-radius: var(--dui-spc-3);
}

.dui.dui-rounded-r-2xl {
    border-top-right-radius: var(--dui-spc-4);
    border-bottom-right-radius: var(--dui-spc-4);
}

.dui.dui-rounded-r-3xl {
    border-top-right-radius: var(--dui-spc-6);
    border-bottom-right-radius: var(--dui-spc-6);
}

.dui.dui-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.dui.dui-rounded-b-none {
    border-bottom-right-radius: var(--dui-spc-0);
    border-bottom-left-radius: var(--dui-spc-0);
}

.dui.dui-rounded-b-sm {
    border-bottom-right-radius: var(--dui-spc-0_5);
    border-bottom-left-radius: var(--dui-spc-0_5);
}

.dui.dui-rounded-b {
    border-bottom-right-radius: var(--dui-spc-1);
    border-bottom-left-radius: var(--dui-spc-1);
}

.dui.dui-rounded-b-md {
    border-bottom-right-radius: var(--dui-spc-1_5);
    border-bottom-left-radius: var(--dui-spc-1_5);
}

.dui.dui-rounded-b-lg {
    border-bottom-right-radius: var(--dui-spc-2);
    border-bottom-left-radius: var(--dui-spc-2);
}

.dui.dui-rounded-b-xl {
    border-bottom-right-radius: var(--dui-spc-3);
    border-bottom-left-radius: var(--dui-spc-3);
}

.dui.dui-rounded-b-2xl {
    border-bottom-right-radius: var(--dui-spc-4);
    border-bottom-left-radius: var(--dui-spc-4);
}

.dui.dui-rounded-b-3xl {
    border-bottom-right-radius: var(--dui-spc-6);
    border-bottom-left-radius: var(--dui-spc-6);
}

.dui.dui-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
}

.dui.dui-rounded-l-none {
    border-top-left-radius: var(--dui-spc-0);
    border-bottom-left-radius: var(--dui-spc-0);
}

.dui.dui-rounded-l-sm {
    border-top-left-radius: var(--dui-spc-0_5);
    border-bottom-left-radius: var(--dui-spc-0_5);
}

.dui.dui-rounded-l {
    border-top-left-radius: var(--dui-spc-1);
    border-bottom-left-radius: var(--dui-spc-1);
}

.dui.dui-rounded-l-md {
    border-top-left-radius: var(--dui-spc-1_5);
    border-bottom-left-radius: var(--dui-spc-1_5);
}

.dui.dui-rounded-l-lg {
    border-top-left-radius: var(--dui-spc-2);
    border-bottom-left-radius: var(--dui-spc-2);
}

.dui.dui-rounded-l-xl {
    border-top-left-radius: var(--dui-spc-3);
    border-bottom-left-radius: var(--dui-spc-3);
}

.dui.dui-rounded-l-2xl {
    border-top-left-radius: var(--dui-spc-4);

    border-bottom-left-radius: var(--dui-spc-4);
}

.dui.dui-rounded-l-3xl {
    border-top-left-radius: var(--dui-spc-6);
    border-bottom-left-radius: var(--dui-spc-6);
}

.dui.dui-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}

.dui.dui-rounded-tl-none {
    border-top-left-radius: var(--dui-spc-0);
}

.dui.dui-rounded-tl-sm {
    border-top-left-radius: var(--dui-spc-0_5);
}

.dui.dui-rounded-tl {
    border-top-left-radius: var(--dui-spc-1);
}

.dui.dui-rounded-tl-md {
    border-top-left-radius: var(--dui-spc-1_5);
}

.dui.dui-rounded-tl-lg {
    border-top-left-radius: var(--dui-spc-2);
}

.dui.dui-rounded-tl-xl {
    border-top-left-radius: var(--dui-spc-3);
}

.dui.dui-rounded-tl-2xl {
    border-top-left-radius: var(--dui-spc-4);
}

.dui.dui-rounded-tl-3xl {
    border-top-left-radius: var(--dui-spc-6);
}

.dui.dui-rounded-tl-full {
    border-top-left-radius: 9999px;
}

.dui.dui-rounded-tr-none {
    border-top-right-radius: var(--dui-spc-0);
}

.dui.dui-rounded-tr-sm {
    border-top-right-radius: var(--dui-spc-0_5);
}

.dui.dui-rounded-tr {
    border-top-right-radius: var(--dui-spc-1);
}

.dui.dui-rounded-tr-md {
    border-top-right-radius: var(--dui-spc-1_5);
}

.dui.dui-rounded-tr-lg {
    border-top-right-radius: var(--dui-spc-2);
}

.dui.dui-rounded-tr-xl {
    border-top-right-radius: var(--dui-spc-3);
}

.dui.dui-rounded-tr-2xl {
    border-top-right-radius: var(--dui-spc-4);
}

.dui.dui-rounded-tr-3xl {
    border-top-right-radius: var(--dui-spc-6);
}

.dui.dui-rounded-tr-full {
    border-top-right-radius: 9999px;
}

.dui.dui-rounded-br-none {
    border-bottom-right-radius: var(--dui-spc-0);
}

.dui.dui-rounded-br-sm {
    border-bottom-right-radius: var(--dui-spc-0_5);
}

.dui.dui-rounded-br {
    border-bottom-right-radius: var(--dui-spc-1);
}

.dui.dui-rounded-br-md {
    border-bottom-right-radius: var(--dui-spc-1_5);
}

.dui.dui-rounded-br-lg {
    border-bottom-right-radius: var(--dui-spc-2);
}

.dui.dui-rounded-br-xl {
    border-bottom-right-radius: var(--dui-spc-3);
}

.dui.dui-rounded-br-2xl {
    border-bottom-right-radius: var(--dui-spc-4);
}

.dui.dui-rounded-br-3xl {
    border-bottom-right-radius: var(--dui-spc-6);
}

.dui.dui-rounded-br-full {
    border-bottom-right-radius: 9999px;
}

.dui.dui-rounded-bl-none {
    border-bottom-left-radius: var(--dui-spc-0);
}

.dui.dui-rounded-bl-sm {
    border-bottom-left-radius: var(--dui-spc-0_5);
}

.dui.dui-rounded-bl {
    border-bottom-left-radius: var(--dui-spc-1);
}

.dui.dui-rounded-bl-md {
    border-bottom-left-radius: var(--dui-spc-1_5);
}

.dui.dui-rounded-bl-lg {
    border-bottom-left-radius: var(--dui-spc-2);
}

.dui.dui-rounded-bl-xl {
    border-bottom-left-radius: var(--dui-spc-3);
}

.dui.dui-rounded-bl-2xl {
    border-bottom-left-radius: var(--dui-spc-4);
}

.dui.dui-rounded-bl-3xl {
    border-bottom-left-radius: var(--dui-spc-6);
}

.dui.dui-rounded-bl-full {
    border-bottom-left-radius: 9999px;
}

.dui.dui-border-0 {
    border-width: var(--dui-spc-0);
}
.dui.dui-border {
    border-width: var(--dui-spc-px);
}
.dui.dui-border-2px {
    border-width: var(--dui-spc-2px);
}
.dui.dui-border-4px {
    border-width: var(--dui-spc-4px);
}
.dui.dui-border-8px {
    border-width: var(--dui-spc-8px);
}
.dui.dui-border-9999px {
    border-width: var(--dui-spc-9999px);
}
.dui.dui-border-0_5 {
    border-width: var(--dui-spc-0_5);
}
.dui.dui-border-1 {
    border-width: var(--dui-spc-1);
}
.dui.dui-border-1_5 {
    border-width: var(--dui-spc-1_5);
}
.dui.dui-border-2 {
    border-width: var(--dui-spc-2);
}
.dui.dui-border-2_5 {
    border-width: var(--dui-spc-2_5);
}
.dui.dui-border-3 {
    border-width: var(--dui-spc-3);
}
.dui.dui-border-3_5 {
    border-width: var(--dui-spc-3_5);
}
.dui.dui-border-4 {
    border-width: var(--dui-spc-4);
}
.dui.dui-border-5 {
    border-width: var(--dui-spc-5);
}
.dui.dui-border-6 {
    border-width: var(--dui-spc-6);
}
.dui.dui-border-7 {
    border-width: var(--dui-spc-7);
}
.dui.dui-border-8 {
    border-width: var(--dui-spc-8);
}
.dui.dui-border-9 {
    border-width: var(--dui-spc-9);
}
.dui.dui-border-10 {
    border-width: var(--dui-spc-10);
}
.dui.dui-border-11 {
    border-width: var(--dui-spc-11);
}
.dui.dui-border-12 {
    border-width: var(--dui-spc-12);
}
.dui.dui-border-14 {
    border-width: var(--dui-spc-14);
}
.dui.dui-border-16 {
    border-width: var(--dui-spc-16);
}
.dui.dui-border-20 {
    border-width: var(--dui-spc-20);
}
.dui.dui-border-24 {
    border-width: var(--dui-spc-24);
}
.dui.dui-border-28 {
    border-width: var(--dui-spc-28);
}
.dui.dui-border-32 {
    border-width: var(--dui-spc-32);
}
.dui.dui-border-36 {
    border-width: var(--dui-spc-36);
}
.dui.dui-border-40 {
    border-width: var(--dui-spc-40);
}
.dui.dui-border-44 {
    border-width: var(--dui-spc-44);
}
.dui.dui-border-48 {
    border-width: var(--dui-spc-48);
}
.dui.dui-border-52 {
    border-width: var(--dui-spc-52);
}
.dui.dui-border-56 {
    border-width: var(--dui-spc-56);
}
.dui.dui-border-60 {
    border-width: var(--dui-spc-60);
}
.dui.dui-border-64 {
    border-width: var(--dui-spc-64);
}
.dui.dui-border-72 {
    border-width: var(--dui-spc-72);
}
.dui.dui-border-80 {
    border-width: var(--dui-spc-80);
}
.dui.dui-border-96 {
    border-width: var(--dui-spc-96);
}

.dui.dui-border-x-0 {
    border-left-width: var(--dui-spc-0);
    border-right-width: var(--dui-spc-0);
}
.dui.dui-border-x {
    border-left-width: var(--dui-spc-px);
    border-right-width: var(--dui-spc-px);
}
.dui.dui-border-x-2px {
    border-left-width: var(--dui-spc-2px);
    border-right-width: var(--dui-spc-2px);
}
.dui.dui-border-x-4px {
    border-left-width: var(--dui-spc-4px);
    border-right-width: var(--dui-spc-4px);
}
.dui.dui-border-x-8px {
    border-left-width: var(--dui-spc-8px);
    border-right-width: var(--dui-spc-8px);
}
.dui.dui-border-x-9999px {
    border-left-width: var(--dui-spc-9999px);
    border-right-width: var(--dui-spc-9999px);
}
.dui.dui-border-x-0_5 {
    border-left-width: var(--dui-spc-0_5);
    border-right-width: var(--dui-spc-0_5);
}
.dui.dui-border-x-1 {
    border-left-width: var(--dui-spc-1);
    border-right-width: var(--dui-spc-1);
}
.dui.dui-border-x-1_5 {
    border-left-width: var(--dui-spc-1_5);
    border-right-width: var(--dui-spc-1_5);
}
.dui.dui-border-x-2 {
    border-left-width: var(--dui-spc-2);
    border-right-width: var(--dui-spc-2);
}
.dui.dui-border-x-2_5 {
    border-left-width: var(--dui-spc-2_5);
    border-right-width: var(--dui-spc-2_5);
}
.dui.dui-border-x-3 {
    border-left-width: var(--dui-spc-3);
    border-right-width: var(--dui-spc-3);
}
.dui.dui-border-x-3_5 {
    border-left-width: var(--dui-spc-3_5);
    border-right-width: var(--dui-spc-3_5);
}
.dui.dui-border-x-4 {
    border-left-width: var(--dui-spc-4);
    border-right-width: var(--dui-spc-4);
}
.dui.dui-border-x-5 {
    border-left-width: var(--dui-spc-5);
    border-right-width: var(--dui-spc-5);
}
.dui.dui-border-x-6 {
    border-left-width: var(--dui-spc-6);
    border-right-width: var(--dui-spc-6);
}
.dui.dui-border-x-7 {
    border-left-width: var(--dui-spc-7);
    border-right-width: var(--dui-spc-7);
}
.dui.dui-border-x-8 {
    border-left-width: var(--dui-spc-8);
    border-right-width: var(--dui-spc-8);
}
.dui.dui-border-x-9 {
    border-left-width: var(--dui-spc-9);
    border-right-width: var(--dui-spc-9);
}
.dui.dui-border-x-10 {
    border-left-width: var(--dui-spc-10);
    border-right-width: var(--dui-spc-10);
}
.dui.dui-border-x-11 {
    border-left-width: var(--dui-spc-11);
    border-right-width: var(--dui-spc-11);
}
.dui.dui-border-x-12 {
    border-left-width: var(--dui-spc-12);
    border-right-width: var(--dui-spc-12);
}
.dui.dui-border-x-14 {
    border-left-width: var(--dui-spc-14);
    border-right-width: var(--dui-spc-14);
}
.dui.dui-border-x-16 {
    border-left-width: var(--dui-spc-16);
    border-right-width: var(--dui-spc-16);
}
.dui.dui-border-x-20 {
    border-left-width: var(--dui-spc-20);
}
.dui.dui-border-x-24 {
    border-left-width: var(--dui-spc-24);
    border-right-width: var(--dui-spc-24);
}
.dui.dui-border-x-28 {
    border-left-width: var(--dui-spc-28);
    border-right-width: var(--dui-spc-28);
}
.dui.dui-border-x-32 {
    border-left-width: var(--dui-spc-32);
    border-right-width: var(--dui-spc-32);
}
.dui.dui-border-x-36 {
    border-left-width: var(--dui-spc-36);
    border-right-width: var(--dui-spc-36);
}
.dui.dui-border-x-40 {
    border-left-width: var(--dui-spc-40);
    border-right-width: var(--dui-spc-40);
}
.dui.dui-border-x-44 {
    border-left-width: var(--dui-spc-44);
    border-right-width: var(--dui-spc-44);
}
.dui.dui-border-x-48 {
    border-left-width: var(--dui-spc-48);
    border-right-width: var(--dui-spc-48);
}
.dui.dui-border-x-52 {
    border-left-width: var(--dui-spc-52);
    border-right-width: var(--dui-spc-52);
}
.dui.dui-border-x-56 {
    border-left-width: var(--dui-spc-56);
    border-right-width: var(--dui-spc-56);
}
.dui.dui-border-x-60 {
    border-left-width: var(--dui-spc-60);
    border-right-width: var(--dui-spc-60);
}
.dui.dui-border-x-64 {
    border-left-width: var(--dui-spc-64);
    border-right-width: var(--dui-spc-64);
}
.dui.dui-border-x-72 {
    border-left-width: var(--dui-spc-72);
    border-right-width: var(--dui-spc-72);
}
.dui.dui-border-x-80 {
    border-left-width: var(--dui-spc-80);
    border-right-width: var(--dui-spc-80);
}
.dui.dui-border-x-96 {
    border-left-width: var(--dui-spc-96);
    border-right-width: var(--dui-spc-96);
}

.dui.dui-border-y-0 {
    border-top-width: var(--dui-spc-0);
    border-bottom-width: var(--dui-spc-0);
}
.dui.dui-border-y {
    border-top-width: var(--dui-spc-px);
    border-bottom-width: var(--dui-spc-px);
}
.dui.dui-border-y-2px {
    border-top-width: var(--dui-spc-2px);
    border-bottom-width: var(--dui-spc-2px);
}
.dui.dui-border-y-4px {
    border-top-width: var(--dui-spc-4px);
    border-bottom-width: var(--dui-spc-4px);
}
.dui.dui-border-y-8px {
    border-top-width: var(--dui-spc-8px);
    border-bottom-width: var(--dui-spc-8px);
}
.dui.dui-border-y-9999px {
    border-top-width: var(--dui-spc-9999px);
    border-bottom-width: var(--dui-spc-9999px);
}
.dui.dui-border-y-0_5 {
    border-top-width: var(--dui-spc-0_5);
    border-bottom-width: var(--dui-spc-0_5);
}
.dui.dui-border-y-1 {
    border-top-width: var(--dui-spc-1);
    border-bottom-width: var(--dui-spc-1);
}
.dui.dui-border-y-1_5 {
    border-top-width: var(--dui-spc-1_5);
    border-bottom-width: var(--dui-spc-1_5);
}
.dui.dui-border-y-2 {
    border-top-width: var(--dui-spc-2);
    border-bottom-width: var(--dui-spc-2);
}
.dui.dui-border-y-2_5 {
    border-top-width: var(--dui-spc-2_5);
    border-bottom-width: var(--dui-spc-2_5);
}
.dui.dui-border-y-3 {
    border-top-width: var(--dui-spc-3);
    border-bottom-width: var(--dui-spc-3);
}
.dui.dui-border-y-3_5 {
    border-top-width: var(--dui-spc-3_5);
    border-bottom-width: var(--dui-spc-3_5);
}
.dui.dui-border-y-4 {
    border-top-width: var(--dui-spc-4);
    border-bottom-width: var(--dui-spc-4);
}
.dui.dui-border-y-5 {
    border-top-width: var(--dui-spc-5);
    border-bottom-width: var(--dui-spc-5);
}
.dui.dui-border-y-6 {
    border-top-width: var(--dui-spc-6);
    border-bottom-width: var(--dui-spc-6);
}
.dui.dui-border-y-7 {
    border-top-width: var(--dui-spc-7);
    border-bottom-width: var(--dui-spc-7);
}
.dui.dui-border-y-8 {
    border-top-width: var(--dui-spc-8);
    border-bottom-width: var(--dui-spc-8);
}
.dui.dui-border-y-9 {
    border-top-width: var(--dui-spc-9);
    border-bottom-width: var(--dui-spc-9);
}
.dui.dui-border-y-10 {
    border-top-width: var(--dui-spc-10);
    border-bottom-width: var(--dui-spc-10);
}
.dui.dui-border-y-11 {
    border-top-width: var(--dui-spc-11);
    border-bottom-width: var(--dui-spc-11);
}
.dui.dui-border-y-12 {
    border-top-width: var(--dui-spc-12);
    border-bottom-width: var(--dui-spc-12);
}
.dui.dui-border-y-14 {
    border-top-width: var(--dui-spc-14);
    border-bottom-width: var(--dui-spc-14);
}
.dui.dui-border-y-16 {
    border-top-width: var(--dui-spc-16);
    border-bottom-width: var(--dui-spc-16);
}
.dui.dui-border-y-20 {
    border-top-width: var(--dui-spc-20);
}
.dui.dui-border-y-24 {
    border-top-width: var(--dui-spc-24);
    border-bottom-width: var(--dui-spc-24);
}
.dui.dui-border-y-28 {
    border-top-width: var(--dui-spc-28);
    border-bottom-width: var(--dui-spc-28);
}
.dui.dui-border-y-32 {
    border-top-width: var(--dui-spc-32);
    border-bottom-width: var(--dui-spc-32);
}
.dui.dui-border-y-36 {
    border-top-width: var(--dui-spc-36);
    border-bottom-width: var(--dui-spc-36);
}
.dui.dui-border-y-40 {
    border-top-width: var(--dui-spc-40);
    border-bottom-width: var(--dui-spc-40);
}
.dui.dui-border-y-44 {
    border-top-width: var(--dui-spc-44);
    border-bottom-width: var(--dui-spc-44);
}
.dui.dui-border-y-48 {
    border-top-width: var(--dui-spc-48);
    border-bottom-width: var(--dui-spc-48);
}
.dui.dui-border-y-52 {
    border-top-width: var(--dui-spc-52);
    border-bottom-width: var(--dui-spc-52);
}
.dui.dui-border-y-56 {
    border-top-width: var(--dui-spc-56);
    border-bottom-width: var(--dui-spc-56);
}
.dui.dui-border-y-60 {
    border-top-width: var(--dui-spc-60);
    border-bottom-width: var(--dui-spc-60);
}
.dui.dui-border-y-64 {
    border-top-width: var(--dui-spc-64);
    border-bottom-width: var(--dui-spc-64);
}
.dui.dui-border-y-72 {
    border-top-width: var(--dui-spc-72);
    border-bottom-width: var(--dui-spc-72);
}
.dui.dui-border-y-80 {
    border-top-width: var(--dui-spc-80);
    border-bottom-width: var(--dui-spc-80);
}
.dui.dui-border-y-96 {
    border-top-width: var(--dui-spc-96);
    border-bottom-width: var(--dui-spc-96);
}

.dui.dui-border-t-0 {
    border-top-width: var(--dui-spc-0);
}
.dui.dui-border-t {
    border-top-width: var(--dui-spc-px);
}
.dui.dui-border-t-2px {
    border-top-width: var(--dui-spc-2px);
}
.dui.dui-border-t-4px {
    border-top-width: var(--dui-spc-4px);
}
.dui.dui-border-t-8px {
    border-top-width: var(--dui-spc-8px);
}
.dui.dui-border-t-9999px {
    border-top-width: var(--dui-spc-9999px);
}
.dui.dui-border-t-0_5 {
    border-top-width: var(--dui-spc-0_5);
}
.dui.dui-border-t-1 {
    border-top-width: var(--dui-spc-1);
}
.dui.dui-border-t-1_5 {
    border-top-width: var(--dui-spc-1_5);
}
.dui.dui-border-t-2 {
    border-top-width: var(--dui-spc-2);
}
.dui.dui-border-t-2_5 {
    border-top-width: var(--dui-spc-2_5);
}
.dui.dui-border-t-3 {
    border-top-width: var(--dui-spc-3);
}
.dui.dui-border-t-3_5 {
    border-top-width: var(--dui-spc-3_5);
}
.dui.dui-border-t-4 {
    border-top-width: var(--dui-spc-4);
}
.dui.dui-border-t-5 {
    border-top-width: var(--dui-spc-5);
}
.dui.dui-border-t-6 {
    border-top-width: var(--dui-spc-6);
}
.dui.dui-border-t-7 {
    border-top-width: var(--dui-spc-7);
}
.dui.dui-border-t-8 {
    border-top-width: var(--dui-spc-8);
}
.dui.dui-border-t-9 {
    border-top-width: var(--dui-spc-9);
}
.dui.dui-border-t-10 {
    border-top-width: var(--dui-spc-10);
}
.dui.dui-border-t-11 {
    border-top-width: var(--dui-spc-11);
}
.dui.dui-border-t-12 {
    border-top-width: var(--dui-spc-12);
}
.dui.dui-border-t-14 {
    border-top-width: var(--dui-spc-14);
}
.dui.dui-border-t-16 {
    border-top-width: var(--dui-spc-16);
}
.dui.dui-border-t-20 {
    border-top-width: var(--dui-spc-20);
}
.dui.dui-border-t-24 {
    border-top-width: var(--dui-spc-24);
}
.dui.dui-border-t-28 {
    border-top-width: var(--dui-spc-28);
}
.dui.dui-border-t-32 {
    border-top-width: var(--dui-spc-32);
}
.dui.dui-border-t-36 {
    border-top-width: var(--dui-spc-36);
}
.dui.dui-border-t-40 {
    border-top-width: var(--dui-spc-40);
}
.dui.dui-border-t-44 {
    border-top-width: var(--dui-spc-44);
}
.dui.dui-border-t-48 {
    border-top-width: var(--dui-spc-48);
}
.dui.dui-border-t-52 {
    border-top-width: var(--dui-spc-52);
}
.dui.dui-border-t-56 {
    border-top-width: var(--dui-spc-56);
}
.dui.dui-border-t-60 {
    border-top-width: var(--dui-spc-60);
}
.dui.dui-border-t-64 {
    border-top-width: var(--dui-spc-64);
}
.dui.dui-border-t-72 {
    border-top-width: var(--dui-spc-72);
}
.dui.dui-border-t-80 {
    border-top-width: var(--dui-spc-80);
}
.dui.dui-border-t-96 {
    border-top-width: var(--dui-spc-96);
}

.dui.dui-border-r-0 {
    border-right-width: var(--dui-spc-0);
}
.dui.dui-border-r {
    border-right-width: var(--dui-spc-px);
}
.dui.dui-border-r-2px {
    border-right-width: var(--dui-spc-2px);
}
.dui.dui-border-r-4px {
    border-right-width: var(--dui-spc-4px);
}
.dui.dui-border-r-8px {
    border-right-width: var(--dui-spc-8px);
}
.dui.dui-border-r-9999px {
    border-right-width: var(--dui-spc-9999px);
}
.dui.dui-border-r-0_5 {
    border-right-width: var(--dui-spc-0_5);
}
.dui.dui-border-r-1 {
    border-right-width: var(--dui-spc-1);
}
.dui.dui-border-r-1_5 {
    border-right-width: var(--dui-spc-1_5);
}
.dui.dui-border-r-2 {
    border-right-width: var(--dui-spc-2);
}
.dui.dui-border-r-2_5 {
    border-right-width: var(--dui-spc-2_5);
}
.dui.dui-border-r-3 {
    border-right-width: var(--dui-spc-3);
}
.dui.dui-border-r-3_5 {
    border-right-width: var(--dui-spc-3_5);
}
.dui.dui-border-r-4 {
    border-right-width: var(--dui-spc-4);
}
.dui.dui-border-r-5 {
    border-right-width: var(--dui-spc-5);
}
.dui.dui-border-r-6 {
    border-right-width: var(--dui-spc-6);
}
.dui.dui-border-r-7 {
    border-right-width: var(--dui-spc-7);
}
.dui.dui-border-r-8 {
    border-right-width: var(--dui-spc-8);
}
.dui.dui-border-r-9 {
    border-right-width: var(--dui-spc-9);
}
.dui.dui-border-r-10 {
    border-right-width: var(--dui-spc-10);
}
.dui.dui-border-r-11 {
    border-right-width: var(--dui-spc-11);
}
.dui.dui-border-r-12 {
    border-right-width: var(--dui-spc-12);
}
.dui.dui-border-r-14 {
    border-right-width: var(--dui-spc-14);
}
.dui.dui-border-r-16 {
    border-right-width: var(--dui-spc-16);
}
.dui.dui-border-r-20 {
    border-right-width: var(--dui-spc-20);
}
.dui.dui-border-r-24 {
    border-right-width: var(--dui-spc-24);
}
.dui.dui-border-r-28 {
    border-right-width: var(--dui-spc-28);
}
.dui.dui-border-r-32 {
    border-right-width: var(--dui-spc-32);
}
.dui.dui-border-r-36 {
    border-right-width: var(--dui-spc-36);
}
.dui.dui-border-r-40 {
    border-right-width: var(--dui-spc-40);
}
.dui.dui-border-r-44 {
    border-right-width: var(--dui-spc-44);
}
.dui.dui-border-r-48 {
    border-right-width: var(--dui-spc-48);
}
.dui.dui-border-r-52 {
    border-right-width: var(--dui-spc-52);
}
.dui.dui-border-r-56 {
    border-right-width: var(--dui-spc-56);
}
.dui.dui-border-r-60 {
    border-right-width: var(--dui-spc-60);
}
.dui.dui-border-r-64 {
    border-right-width: var(--dui-spc-64);
}
.dui.dui-border-r-72 {
    border-right-width: var(--dui-spc-72);
}
.dui.dui-border-r-80 {
    border-right-width: var(--dui-spc-80);
}
.dui.dui-border-r-96 {
    border-right-width: var(--dui-spc-96);
}

.dui.dui-border-b-0 {
    border-bottom-width: var(--dui-spc-0);
}
.dui.dui-border-b {
    border-bottom-width: var(--dui-spc-px);
}
.dui.dui-border-b-2px {
    border-bottom-width: var(--dui-spc-2px);
}
.dui.dui-border-b-4px {
    border-bottom-width: var(--dui-spc-4px);
}
.dui.dui-border-b-8px {
    border-bottom-width: var(--dui-spc-8px);
}
.dui.dui-border-b-9999px {
    border-bottom-width: var(--dui-spc-9999px);
}
.dui.dui-border-b-0_5 {
    border-bottom-width: var(--dui-spc-0_5);
}
.dui.dui-border-b-1 {
    border-bottom-width: var(--dui-spc-1);
}
.dui.dui-border-b-1_5 {
    border-bottom-width: var(--dui-spc-1_5);
}
.dui.dui-border-b-2 {
    border-bottom-width: var(--dui-spc-2);
}
.dui.dui-border-b-2_5 {
    border-bottom-width: var(--dui-spc-2_5);
}
.dui.dui-border-b-3 {
    border-bottom-width: var(--dui-spc-3);
}
.dui.dui-border-b-3_5 {
    border-bottom-width: var(--dui-spc-3_5);
}
.dui.dui-border-b-4 {
    border-bottom-width: var(--dui-spc-4);
}
.dui.dui-border-b-5 {
    border-bottom-width: var(--dui-spc-5);
}
.dui.dui-border-b-6 {
    border-bottom-width: var(--dui-spc-6);
}
.dui.dui-border-b-7 {
    border-bottom-width: var(--dui-spc-7);
}
.dui.dui-border-b-8 {
    border-bottom-width: var(--dui-spc-8);
}
.dui.dui-border-b-9 {
    border-bottom-width: var(--dui-spc-9);
}
.dui.dui-border-b-10 {
    border-bottom-width: var(--dui-spc-10);
}
.dui.dui-border-b-11 {
    border-bottom-width: var(--dui-spc-11);
}
.dui.dui-border-b-12 {
    border-bottom-width: var(--dui-spc-12);
}
.dui.dui-border-b-14 {
    border-bottom-width: var(--dui-spc-14);
}
.dui.dui-border-b-16 {
    border-bottom-width: var(--dui-spc-16);
}
.dui.dui-border-b-20 {
    border-bottom-width: var(--dui-spc-20);
}
.dui.dui-border-b-24 {
    border-bottom-width: var(--dui-spc-24);
}
.dui.dui-border-b-28 {
    border-bottom-width: var(--dui-spc-28);
}
.dui.dui-border-b-32 {
    border-bottom-width: var(--dui-spc-32);
}
.dui.dui-border-b-36 {
    border-bottom-width: var(--dui-spc-36);
}
.dui.dui-border-b-40 {
    border-bottom-width: var(--dui-spc-40);
}
.dui.dui-border-b-44 {
    border-bottom-width: var(--dui-spc-44);
}
.dui.dui-border-b-48 {
    border-bottom-width: var(--dui-spc-48);
}
.dui.dui-border-b-52 {
    border-bottom-width: var(--dui-spc-52);
}
.dui.dui-border-b-56 {
    border-bottom-width: var(--dui-spc-56);
}
.dui.dui-border-b-60 {
    border-bottom-width: var(--dui-spc-60);
}
.dui.dui-border-b-64 {
    border-bottom-width: var(--dui-spc-64);
}
.dui.dui-border-b-72 {
    border-bottom-width: var(--dui-spc-72);
}
.dui.dui-border-b-80 {
    border-bottom-width: var(--dui-spc-80);
}
.dui.dui-border-b-96 {
    border-bottom-width: var(--dui-spc-96);
}

.dui.dui-border-l-0 {
    border-left-width: var(--dui-spc-0);
}
.dui.dui-border-l {
    border-left-width: var(--dui-spc-px);
}
.dui.dui-border-l-2px {
    border-left-width: var(--dui-spc-2px);
}
.dui.dui-border-l-4px {
    border-left-width: var(--dui-spc-4px);
}
.dui.dui-border-l-8px {
    border-left-width: var(--dui-spc-8px);
}
.dui.dui-border-l-9999px {
    border-left-width: var(--dui-spc-9999px);
}
.dui.dui-border-l-0_5 {
    border-left-width: var(--dui-spc-0_5);
}
.dui.dui-border-l-1 {
    border-left-width: var(--dui-spc-1);
}
.dui.dui-border-l-1_5 {
    border-left-width: var(--dui-spc-1_5);
}
.dui.dui-border-l-2 {
    border-left-width: var(--dui-spc-2);
}
.dui.dui-border-l-2_5 {
    border-left-width: var(--dui-spc-2_5);
}
.dui.dui-border-l-3 {
    border-left-width: var(--dui-spc-3);
}
.dui.dui-border-l-3_5 {
    border-left-width: var(--dui-spc-3_5);
}
.dui.dui-border-l-4 {
    border-left-width: var(--dui-spc-4);
}
.dui.dui-border-l-5 {
    border-left-width: var(--dui-spc-5);
}
.dui.dui-border-l-6 {
    border-left-width: var(--dui-spc-6);
}
.dui.dui-border-l-7 {
    border-left-width: var(--dui-spc-7);
}
.dui.dui-border-l-8 {
    border-left-width: var(--dui-spc-8);
}
.dui.dui-border-l-9 {
    border-left-width: var(--dui-spc-9);
}
.dui.dui-border-l-10 {
    border-left-width: var(--dui-spc-10);
}
.dui.dui-border-l-11 {
    border-left-width: var(--dui-spc-11);
}
.dui.dui-border-l-12 {
    border-left-width: var(--dui-spc-12);
}
.dui.dui-border-l-14 {
    border-left-width: var(--dui-spc-14);
}
.dui.dui-border-l-16 {
    border-left-width: var(--dui-spc-16);
}
.dui.dui-border-l-20 {
    border-left-width: var(--dui-spc-20);
}
.dui.dui-border-l-24 {
    border-left-width: var(--dui-spc-24);
}
.dui.dui-border-l-28 {
    border-left-width: var(--dui-spc-28);
}
.dui.dui-border-l-32 {
    border-left-width: var(--dui-spc-32);
}
.dui.dui-border-l-36 {
    border-left-width: var(--dui-spc-36);
}
.dui.dui-border-l-40 {
    border-left-width: var(--dui-spc-40);
}
.dui.dui-border-l-44 {
    border-left-width: var(--dui-spc-44);
}
.dui.dui-border-l-48 {
    border-left-width: var(--dui-spc-48);
}
.dui.dui-border-l-52 {
    border-left-width: var(--dui-spc-52);
}
.dui.dui-border-l-56 {
    border-left-width: var(--dui-spc-56);
}
.dui.dui-border-l-60 {
    border-left-width: var(--dui-spc-60);
}
.dui.dui-border-l-64 {
    border-left-width: var(--dui-spc-64);
}
.dui.dui-border-l-72 {
    border-left-width: var(--dui-spc-72);
}
.dui.dui-border-l-80 {
    border-left-width: var(--dui-spc-80);
}
.dui.dui-border-l-96 {
    border-left-width: var(--dui-spc-96);
}

.dui.dui-divide-x-0 > * + * {
    border-right-width: var(--dui-spc-0);
    border-left-width: var(--dui-spc-0);
}

.dui.dui-divide-x-2 > * + * {
    border-right-width: var(--dui-spc-2px);
    border-left-width: var(--dui-spc-0);
}

.dui.dui-divide-x-4 > * + * {
    border-right-width: var(--dui-spc-4px);
    border-left-width: var(--dui-spc-0);
}

.dui.dui-divide-x-8 > * + * {
    border-right-width: var(--dui-spc-8px);
    border-left-width: var(--dui-spc-0);
}

.dui.dui-divide-x > * + * {
    border-right-width: var(--dui-spc-px);
    border-left-width: var(--dui-spc-0);
}

.dui.dui-divide-y-0 > * + * {
    border-top-width: var(--dui-spc-0);
    border-bottom-width: var(--dui-spc-0);
}

.dui.dui-divide-y-2 > * + * {
    border-top-width: var(--dui-spc-0);
    border-bottom-width: var(--dui-spc-2px);
}

.dui.dui-divide-y-4 > * + * {
    border-top-width: var(--dui-spc-0);
    border-bottom-width: var(--dui-spc-4px);
}

.dui.dui-divide-y-8 > * + * {
    border-top-width: var(--dui-spc-0);
    border-bottom-width: var(--dui-spc-8px);
}

.dui.dui-divide-y > * + * {
    border-top-width: var(--dui-spc-0);
    border-bottom-width: var(--dui-spc-px);
}

.dui.dui-outline-0 {
    outline-width: var(--dui-spc-0);
}

.dui.dui-outline-1 {
    outline-width: var(--dui-spc-px);
}

.dui.dui-outline-2 {
    outline-width: var(--dui-spc-2px);
}

.dui.dui-outline-4 {
    outline-width: var(--dui-spc-4px);
}

.dui.dui-outline-8 {
    outline-width: var(--dui-spc-8px);
}

.dui.dui-outline-offset-0 {
    outline-offset: var(--dui-spc-0);
}

.dui.dui-outline-offset-1 {
    outline-offset: var(--dui-spc-px);
}

.dui.dui-outline-offset-2 {
    outline-offset: var(--dui-spc-2px);
}

.dui.dui-outline-offset-4 {
    outline-offset: var(--dui-spc-4px);
}

.dui.dui-outline-offset-8 {
    outline-offset: var(--dui-spc-8px);
}

.dui.dui-font-size-0 {
    --dui-font-size: var(--dui-spc-0);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-px {
    --dui-font-size: var(--dui-spc-px);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-2px {
    --dui-font-size: var(--dui-spc-2px);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-4px {
    --dui-font-size: var(--dui-spc-4px);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-8px {
    --dui-font-size: var(--dui-spc-8px);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-0_5 {
    --dui-font-size: var(--dui-spc-0_5);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-1 {
    --dui-font-size: var(--dui-spc-1);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-1_5 {
    --dui-font-size: var(--dui-spc-1_5);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-2 {
    --dui-font-size: var(--dui-spc-2);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-2_5 {
    --dui-font-size: var(--dui-spc-2_5);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-3 {
    --dui-font-size: var(--dui-spc-3);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-3_5 {
    --dui-font-size: var(--dui-spc-3_5);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-4 {
    --dui-font-size: var(--dui-spc-4);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-5 {
    --dui-font-size: var(--dui-spc-5);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-6 {
    --dui-font-size: var(--dui-spc-6);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-7 {
    --dui-font-size: var(--dui-spc-7);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-8 {
    --dui-font-size: var(--dui-spc-8);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-9 {
    --dui-font-size: var(--dui-spc-9);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-10 {
    --dui-font-size: var(--dui-spc-10);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-11 {
    --dui-font-size: var(--dui-spc-11);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-12 {
    --dui-font-size: var(--dui-spc-12);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-14 {
    --dui-font-size: var(--dui-spc-14);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-16 {
    --dui-font-size: var(--dui-spc-16);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-20 {
    --dui-font-size: var(--dui-spc-20);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-24 {
    --dui-font-size: var(--dui-spc-24);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-28 {
    --dui-font-size: var(--dui-spc-28);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-32 {
    --dui-font-size: var(--dui-spc-32);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-36 {
    --dui-font-size: var(--dui-spc-36);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-40 {
    --dui-font-size: var(--dui-spc-40);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-44 {
    --dui-font-size: var(--dui-spc-44);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-48 {
    --dui-font-size: var(--dui-spc-48);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-52 {
    --dui-font-size: var(--dui-spc-52);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-56 {
    --dui-font-size: var(--dui-spc-56);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-60 {
    --dui-font-size: var(--dui-spc-60);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-64 {
    --dui-font-size: var(--dui-spc-64);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-72 {
    --dui-font-size: var(--dui-spc-72);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-80 {
    --dui-font-size: var(--dui-spc-80);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-96 {
    --dui-font-size: var(--dui-spc-96);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-1_2p {
    --dui-font-size: var(--dui-spc-1_2p);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-1_3p {
    --dui-font-size: var(--dui-spc-1_3p);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-2_3p {
    --dui-font-size: var(--dui-spc-2_3p);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-1_4p {
    --dui-font-size: var(--dui-spc-1_4p);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-3_4p {
    --dui-font-size: var(--dui-spc-3_4p);
    font-size: var(--dui-font-size);
}

.dui.dui-font-size-full {
    --dui-font-size: var(--dui-spc-full);
    font-size: var(--dui-font-size);
}.dui-spin {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: var(--dui-spin-direction);
}

.dui-spin-prev[disabled],
.dui-spin-next[disabled]{
    opacity: var(--dui-spin-disabled-arrow-opacity);
}

.dui-spin-vertical {
    --dui-spin-direction: column;
}

.dui-spin-horizontal {
    --dui-spin-direction: row;
}

.dui-spin-back,
.dui-spin-forward {
    cursor: pointer;
}

.dui-spin-content {
    position: relative;
}
.dui-spin-horizontal .dui-spin-content{
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    align-self: stretch;
    flex-direction: var(--dui-spin-direction);
}
.dui-spin-vertical .dui-spin-content{
    overflow: hidden;
    height: var(--dui-spin-vertical-default-height);
    display: flex;
    flex-grow: 1;
    align-self: stretch;
    flex-direction: var(--dui-spin-direction);
    justify-content: center;
}

.dui-spin-item {
    display: inline-block;
    text-align: center;
    flex-shrink: 0;
    width: 100%;
    position: absolute;
    visibility: hidden;
}

.dui-spin-vertical .dui-spin-item,
.dui-spin-horizontal .dui-spin-item {
    transform: var(--dui-spin-exit);
}

.dui-spin.dui-spin-horizontal .dui-spin-item.dui-active {
    transform: translateX(0);
}

.dui-spin.dui-spin-vertical .dui-spin-item.dui-active {
    transform: translateY(0);
}
.dui-spin.dui-spin-horizontal .dui-spin-item.dui-active,
.dui-spin.dui-spin-vertical .dui-spin-item.dui-active {
    display: inline-block;
    width: 100%;
    visibility:visible;
}

.dui-spin-horizontal.dui-spin-exit-forward {
    --dui-spin-exit: translateX(100%);
    --dui-spin-entering: translateX(-100%)
}
.dui-spin-horizontal.dui-spin-exit-backward {
    --dui-spin-exit: translateX(-100%);
    --dui-spin-entering: translateX(100%)
}

.dui-spin-vertical.dui-spin-exit-forward {
    --dui-spin-exit: translateY(-100%);
    --dui-spin-entering: translateY(100%)
}
.dui-spin-vertical.dui-spin-exit-backward {
    --dui-spin-exit: translateY(100%);
    --dui-spin-entering: translateY(-100%)
}

.dui-spin-animate .dui-spin-item-exiting,
.dui-spin-animate .dui-spin-item-activating{
    transition-property: transform;
    transition-duration: var(--dui-spin-transition-duration);
    transition-timing-function: var(--dui-spin-transition-timing-function);
}

.dui-spin-animate .dui-spin-item-exiting {
    visibility: visible;
}

.dui-spin-animate .dui-spin-item-activating {
    visibility: visible;
}
.dui-spin-horizontal .dui-spin-item.dui-spin-item-activating.dui-active {
    transform: translateX(0);
}
.dui-spin-vertical .dui-spin-item.dui-spin-item-activating.dui-active {
    transform: translateY(0);
}
.dui-spin-vertical .dui-spin-item.dui-spin-item-activating ,
.dui-spin-horizontal .dui-spin-item.dui-spin-item-activating {
    --dui-spin-exit: var(--dui-spin-entering);
}.dui-split-layout {
    overflow: hidden;
    display: flex;
}
.dui-split-layout.dui-horizontal {
    --dui-split-layout-splitter-width:var(--dui-split-layout-splitter-size);
    --dui-split-layout-splitter-height:100%;
    --dui-split-layout-splitter-cursor:col-resize;
    flex-direction: row;
}
.dui-split-layout.dui-vertical {
    --dui-split-layout-splitter-width:100%;
    --dui-split-layout-splitter-height:var(--dui-split-layout-splitter-size);
    --dui-split-layout-splitter-cursor:row-resize;
    flex-direction: column;
}

.dui-horizontal .dui-split-panel {
    height: 100%;
}
.dui-vertical .dui-split-panel {
    width: 100%;
}

.dui-split-layout,
.dui-split-layout-splitter,
.dui-split-panel {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.dui-horizontal .dui-split-panel,
.dui-horizontal .dui-split-layout-splitter  {
    display: inline-block;
}
.dui-vertical .dui-split-panel ,
.dui-vertical  .dui-split-layout-splitter  {
    display: block;
}

.dui-split-layout-splitter {
    width: var(--dui-split-layout-splitter-width);
    height: var(--dui-split-layout-splitter-height);
    cursor: var(--dui-split-layout-splitter-cursor);
    background-color: var(--dui-split-layout-splitter-background, var(--dui-accent));
}

.dui-splitter-handle{
    border: var(--dui-split-layout-handle-border-size) var(--dui-split-layout-handle-border-style)  var(--dui-split-layout-handle-border-color, var(--dui-accent))  ;
    background-color: var(--dui-split-layout-handle-background, var(--dui-accent-d-4));
}

.dui-splitter-handle.dui-horizontal {
    position: relative;
    top: calc(50% - var(--dui-split-layout-splitter-handle-size)/2);
    height: var(--dui-split-layout-splitter-handle-size);
    width: 100%;
}

.dui-splitter-handle.dui-vertical {
    width: var(--dui-split-layout-splitter-handle-size);
    height: 100%;
    position: relative;
    left: calc(50% - var(--dui-split-layout-splitter-handle-size)/2);
}.dui-stepper {
    display: flex;
    width: 100%;
    flex-direction: var(--dui-stepper-direction, column);
    gap: var(--dui-stepper-gap);
}

.dui-stepper-content {
    flex-grow: 1;
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
}

.dui-stepper.dui-vertical {
    --dui-stepper-direction: row;
}

.dui-stepper-track {
    display: flex;
    flex-direction: var(--dui-stepper-track-direction, row);
    justify-content: var(--dui-stepper-track-justify-content, center);
}

.dui-stepper.dui-vertical .dui-stepper-track,
.dui-stepper-track.dui-vertical {
    --dui-stepper-track-direction: column;
    --dui-step-tracker-direction: row;
    min-height: 100%;
}

.dui-stepper-track.dui-vertical.dui-reversed ,
.dui-stepper.dui-vertical.dui-reversed .dui-stepper-track,
.dui-stepper.dui-reversed .dui-stepper-track.dui-vertical{
    --dui-step-tracker-direction: row-reverse;
}
.dui-stepper.dui-horizontal .dui-stepper-track,
.dui-stepper .dui-stepper-track,
.dui-stepper-track,
.dui-stepper-track.dui-horizontal {
    --dui-stepper-track-direction: row;
    --dui-stepper-track-justify-content: center;
    --dui-step-tracker-direction: column;
}

.dui-stepper.dui-reversed .dui-stepper-track,
.dui-stepper.dui-reversed .dui-stepper-track.dui-horizontal,
.dui-stepper-track.dui-reversed,
.dui-stepper-track.dui-horizontal.dui-reversed {
    --dui-step-tracker-direction: column-reverse;
}

.dui-stepper-step {
    display: none;
    flex-direction: column;
    --dui-step-content-display: none;
    --dui-step-footer-display: none;
}

.dui-stepper-step.dui-active {
    display: flex;
    align-self: stretch;
    flex-grow: 1;
    height: 100%;
}

.dui-step-header {
    height: auto;
    align-items: flex-start;
    min-height: var(--dui-step-min-header-height);
    --dui-nav-bar-padding: 0;
    --dui-nav-bar-addon-margin: 0;
    --dui-nav-bar-utility-margin: 0;
    --dui-nav-bar-title-margin: 0;
}

.dui.dui-stepper-step .dui.dui-step-content {
    display: var(--dui-step-content-display);
}

.dui.dui-stepper-step .dui.dui-step-footer {
    display: var(--dui-step-footer-display);
}

.dui-step-content {
    flex-grow: 1;
    padding: var(--dui-step-content-padding);
}

.dui-stepper-step.dui-active {
    --dui-step-content-display: block;
    --dui-step-footer-display: flex;
}

.dui-step-track {
    display: flex;
    flex-direction: var(--dui-step-tracker-direction, column);
    align-items: start;
    gap: var(--dui-step-track-gap);
    transition: all 0.2s;
}

.dui-tracker-chain {
    display: flex;
    flex-direction: var(--dui-stepper-track-direction, row);
    align-items: center;
    min-height: var(--dui-step-tracker-chain-min-height);
    transition: all 0.2s;
    width: 100%;
}

.dui-stepper-track.dui-horizontal .dui-tracker-chain,
.dui-stepper.dui-horizontal .dui-tracker-chain {
    width: 100%;
}

.dui-stepper-track.dui-vertical .dui-tracker-chain,
.dui-stepper.dui-vertical .dui-tracker-chain {
    height: 100%;
    width: auto;
}

.dui-tracker-content:empty {
    display: none;
}

.dui-tracker-chain .dui-postfix-addon {
    order: 100;
}

.dui-tracker-chain .dui-prefix-addon {
    order: 30;
}

.dui-step-track {
    flex-grow: 1;
}

.dui-tracker-node {
    width: var(--dui-step-tracker-node-width);
    height: var(--dui-step-tracker-node-height);
    border-width: var(--dui-step-tracker-node-border-width);
    border-style: var(--dui-step-tracker-node-border-style);
    border-color: var(--dui-accent);
    /*border: var(--dui-spc-1) solid var(--dui-accent-clr);*/
    border-radius: var(--dui-step-tracker-node-border-radius);
    position: relative;
    order: 10;
    transition: var(--dui-step-tracker-node-transition);
}

.dui-active .dui-tracker-node {
    border-color: var(--dui-accent-d-2);
}

.dui-tracker-node-icon {
    position: absolute;
    inset: var(--dui-step-tracker-node-icon-inset);
}

.dui-stepper > .dui-stepper-track > .dui-step-track:last-child .dui-tracker-line:after,
.dui-stepper.dui-horizontal > .dui-stepper-track > .dui-step-track:last-child .dui-tracker-line:after,
.dui-stepper-track> .dui-step-track:last-child .dui-tracker-line:after,
.dui-stepper-track.dui-horizontal > .dui-step-track:last-child .dui-tracker-line:after {
    width: var(--dui-stepper-track-tail-node-width);
    height: var(--dui-stepper-track-tail-node-height);
    border-radius: var(--dui-stepper-track-tail-node-border-radius);
    top: calc(var(--dui-spc-1) * -1);
}

.dui-stepper.dui-vertical > .dui-stepper-track > .dui-step-track:last-child .dui-tracker-line:after,
.dui-stepper-track.dui-vertical > .dui-step-track:last-child .dui-tracker-line:after {
    width: var(--dui-stepper-track-tail-node-width);
    height: var(--dui-stepper-track-tail-node-width);
    border-radius: var(--dui-stepper-track-tail-node-border-radius);
    top: auto;
    left: calc(var(--dui-spc-1) * -1);
    bottom: calc(var(--dui-spc-1) * -1);
}

.dui-tracker-line {
    position: relative;
    --dui-tracker-line-color: var(--dui-accent);
    background-color: var(--dui-accent);
    flex-grow: 1;
    order: 50;
    transition: all 0.2s;
    height: var(--dui-step-tracker-line-thinkness);
}

.dui-active .dui-tracker-line {
    --dui-tracker-line-color: var(--dui-accent-d-2);
    background-color: var(--dui-accent-d-2);
}

.dui-stepper-track.dui-horizontal .dui-tracker-line,
.dui-stepper.dui-horizontal .dui-tracker-line {
    height: var(--dui-step-tracker-line-thinkness);
}

.dui-stepper-track.dui-vertical .dui-tracker-line,
.dui-stepper.dui-vertical .dui-tracker-line {
    height: auto;
    width: var(--dui-step-tracker-line-thinkness);
}

.dui-tracker-line:before {
    content: "";
    position: absolute;
    width: var(--dui-step-tracker-line-thinkness);
    background-color: var(--dui-tracker-line-color);
    height: var(--dui-spc-1);
    top: calc(var(--dui-spc-1) * -1);
    left: 0;
}
.dui-tracker-line:before,
.dui-stepper-track.dui-horizontal .dui-tracker-line:before,
.dui-stepper.dui-horizontal .dui-tracker-line:before {
    height: var(--dui-step-tracker-line-thinkness);
    width: var(--dui-spc-1);
    left: calc(var(--dui-spc-1) * -1);
    top: 0;
}

.dui-stepper-track.dui-vertical .dui-tracker-line:before,
.dui-stepper.dui-vertical .dui-tracker-line:before {
    height: var(--dui-spc-1);
    width: var(--dui-step-tracker-line-thinkness);
    left: auto;
    top: calc(var(--dui-spc-1) * -1);
    right: auto;
}

.dui-tracker-line:after {
    content: "";
    position: absolute;
    width: var(--dui-step-tracker-line-thinkness);
    background-color: var(--dui-tracker-line-color);
    height: var(--dui-spc-1);
    bottom: calc(var(--dui-spc-1) * -1);
    left: 0;
}

.dui-tracker-line:after,
.dui-stepper-track.dui-horizontal .dui-tracker-line:after,
.dui-stepper.dui-horizontal .dui-tracker-line:after {
    height: var(--dui-step-tracker-line-thinkness);
    width: var(--dui-spc-1);
    right: calc(var(--dui-spc-1) * -1);
    top: 0;
    left: auto;
}
.dui-stepper-track.dui-vertical .dui-tracker-line:after,
.dui-stepper.dui-vertical .dui-tracker-line:after {
    height: var(--dui-spc-1);
    width: var(--dui-step-tracker-line-thinkness);
    top: auto;
    left: auto;
    bottom: calc(var(--dui-spc-1) * -1);
    right: auto;
}

.dui-stepper.dui-horizontal {
    --dui-stepper-direction: column;
}

.dui-stepper-active-content {
    width: 100%;
    padding: var(--dui-stepper-active-content-padding);
}

.dui-step-prefix {
    border-radius: var(--dui-stepper-step-prefix-border-radius);
    background-color: var(--dui-accent-l-4);
    color: var(--dui-text-color);
}.dui-tabs.dui-vertical {
    --dui-tab-text-algin: left;
}
.dui-tabs.dui-horizontal {
    --dui-tab-text-algin: center;
}

.dui-tabs-main-nav {
    display: flex;
    align-items: end;
    justify-content: inherit;
    gap: var(--dui-spc-4);
    border-width: var(--dui-tabs-border-width);
    border-style: var(--dui-tabs-border-style);
    border-color: var(--dui-tabs-border-color, var(--dui-accent));
}

.dui-tabs-leading-nav:empty,
.dui-tabs-tail-nav:empty {
    display: none;
    align-self: center;
}

.dui-tabs-leading-nav,
.dui-tabs-tail-nav {
    align-self: center;
}

.dui-tabs-nav {
    padding: var(--dui-tabs-padding);
    margin: var(--dui-tabs-margin);
    list-style: none;
    display: flex;
    justify-content: inherit;
    flex-grow: 1;
}

.dui-tabs-nav:before,
.dui-tabs-nav:after {
    display: table;
    content: " ";
    clear: both;
}

.dui-tab-item {
    position: relative;
    display: block;
    border-radius: var(--dui-tab-item-border-radius);
    cursor: var(--dui-tab-item-cursor);
}

.dui-tab-anchor {
    position: relative;
    display: block;
    padding: var(--dui-tab-anchor-padding);
    border-radius: inherit;
    text-decoration: var(--dui-tab-anchor-text-decoration);
    outline: none;
}

.dui[class*="dui-bg-"] .dui-tab-anchor:hover,
.dui[class*="dui-bg-"] .dui-tab-anchor:focus {
    background-color: var(--dui-tab-anchor-focus-bg, var(--dui-accent-clr));
}
.dui-tab-anchor:hover,
.dui-tab-anchor:focus {
    background-color: var(--dui-tab-anchor-focus-bg, var(--dui-accent-d-2));
    color: var(--dui-accent-text-color, var(--dui-text-color, var(--dui-color)));
}

.dui-tab-anchor:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    display: var(--dui-tab-active-indicator-display);
    border-width: var(--dui-tab-active-indicator-border-width);
    border-style: var(--dui-tab-active-indicator-border-style);
    border-color: var(--dui-tab-active-indicator-border-color, var(--dui-accent));
    border-radius: var(--dui-tab-active-indicator-border-radius);
    bottom: var(--dui-tab-active-indicator-bottom);
    transform: var(--dui-tab-active-indicator-transform);
    transition: var(--dui-tab-active-indicator-transition);
}

.dui-vertical > .dui-tabs-main-nav > .dui-tabs-nav .dui-tab-anchor:before {
    border-width: var(--dui-v-tab-active-indicator-border-width);
    transform: var(--dui-v-tab-active-indicator-transform);
    left: auto;
    width: auto;
    right: var(--dui-tab-active-indicator-right);
    height: 100%;
    bottom: auto;
    top: 0;
}

.dui-tabs-main-nav > .dui-tabs-nav .dui-tab-item.dui-active > .dui-tab-anchor:before {
    transform: scaleX(1);
}

.dui-tab-item[disabled] .dui-tab-anchor,
.dui-tab-item[disabled] .dui-tab-anchor:hover,
.dui-tab-item[disabled] .dui-tab-anchor:focus,
.dui-tabs[disabled] .dui-tab-anchor,
.dui-tabs[disabled] .dui-tab-anchor:hover,
.dui-tabs[disabled] .dui-tab-anchor:focus {
    color: var(--dui-tab-item-disabled-color);
    text-decoration: none;
    cursor: var(--dui-tab-item-disabled-cursor);
}
.dui-tab-header-item {
    display: flex;
}
.dui-tab-header-close {
    order: var(--dui-tab-close-icon-order);
}

.dui-tab-header-close,
.dui-tab-header-icon {
    position: relative;
}

.dui-tab-header-text{
    flex-grow: 1;
    display: inline-block;
    text-align: var(--dui-tab-header-text-align, var(--dui-tab-text-algin));
    white-space: nowrap;
}

.dui-tab-header {
    display: flex;
    align-items: center;
    justify-items: var(--dui-tab-header-align-items, start);
    justify-content: space-between;
    gap: var(--dui-tab-header-gap);
}

.dui-tabs-content {
    padding: var(--dui-tabs-content-padding);
}

.dui-vertical > .dui-tabs-content {
    padding: var(--dui-v-tabs-content-padding);
}

.dui-tab-panel:not(.dui-active) {
    display: none;
}

.dui-tabs.dui-vertical {
    display: flex;
}

.dui-vertical > .dui-tabs-main-nav,
.dui-vertical > .dui-tabs-main-nav > .dui-tabs-nav {
    flex-direction: column;
    clear: none;
}

.dui-tabs-vertical {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    display: flex;
}

.dui-vertical > .dui-tabs-main-nav {
    border-width: var(--dui-v-tabs-border-width);
}

.dui-vertical-header .dui-tab-header,
.dui-vertical-header.dui-tab-header{
    flex-direction: column;
}

.dui-reversed-vertical-header .dui-tab-header,
.dui-reversed-vertical-header.dui-tab-header{
    flex-direction: column-reverse;
}
.dui-vertical .dui-tab-header-close {
    order: var(--dui-v-tab-close-icon-order);
}

.dui-tab-header .dui-postfix-addon {
    order:var(--dui-order-last);
}

.dui-tab-header.dui-left,
.dui-tabs.dui-left{
    --dui-tab-header-text-align:left;
    --dui-tab-header-align-items:start;
}

.dui-tab-header.dui-right,
.dui-tabs.dui-right{
    --dui-tab-header-text-align: right;
    --dui-tab-header-align-items:end;
}
.dui-tab-header.dui-center,
.dui-tabs.dui-center{
    --dui-tab-header-text-align: center;
    --dui-tab-header-align-items:center;
}

.dui-tabs-nav .dui-postfix-addon {
    order: var(--dui-order-last);
    margin-left: var(--dui-spc-4);
    align-self: center;
}

.dui-tabs-nav .dui-prefix-addon {
    order: var(--dui-order-first);
    margin-right: var(--dui-spc-4);
    align-self: center;
}body.dui {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.dui-theme-default {
    /* ====================== Spacing ========================= */
    --dui-spc-0: 0;
    --dui-spc-px: 1px;
    --dui-spc-2px: 2px;
    --dui-spc-4px: 4px;
    --dui-spc-8px: 8px;
    --dui-spc-9999px: 9999px;
    --dui-spc-0_5: 0.125rem;
    --dui-spc-1: 0.25rem;
    --dui-spc-1_5: 0.375rem;
    --dui-spc-2: 0.5rem;
    --dui-spc-2_5: 0.625rem;
    --dui-spc-3: 0.75rem;
    --dui-spc-3_5: 0.875rem;
    --dui-spc-4: 1rem;
    --dui-spc-5: 1.25rem;
    --dui-spc-6: 1.5rem;
    --dui-spc-7: 1.75rem;
    --dui-spc-8: 2rem;
    --dui-spc-9: 2.25rem;
    --dui-spc-10: 2.5rem;
    --dui-spc-11: 2.75rem;
    --dui-spc-12: 3rem;
    --dui-spc-14: 3.5rem;
    --dui-spc-16: 4rem;
    --dui-spc-20: 5rem;
    --dui-spc-24: 6rem;
    --dui-spc-28: 7rem;
    --dui-spc-32: 8rem;
    --dui-spc-36: 9rem;
    --dui-spc-40: 10rem;
    --dui-spc-44: 11rem;
    --dui-spc-48: 12rem;
    --dui-spc-52: 13rem;
    --dui-spc-56: 14rem;
    --dui-spc-60: 15rem;
    --dui-spc-64: 16rem;
    --dui-spc-72: 18rem;
    --dui-spc-80: 20rem;
    --dui-spc-96: 24rem;
    --dui-spc-1_2p: 50%;
    --dui-spc-1_3p: 33.333333%;
    --dui-spc-2_3p: 66.666667%;
    --dui-spc-1_4p: 25%;
    --dui-spc-3_4p: 75%;
    --dui-spc-full: 100%;

    --dui-box-sizing: border-box;

    /* ====================== Opacity ========================= */
    --dui-opacity-0: 0;
    --dui-opacity-5: 0.05;
    --dui-opacity-10: 0.1;
    --dui-opacity-20: 0.2;
    --dui-opacity-25: 0.25;
    --dui-opacity-30: 0.3;
    --dui-opacity-40: 0.4;
    --dui-opacity-l-5: 0.5;
    --dui-opacity-60: 0.6;
    --dui-opacity-70: 0.7;
    --dui-opacity-75: 0.75;
    --dui-opacity-80: 0.8;
    --dui-opacity-90: 0.9;
    --dui-opacity-95: 0.95;
    --dui-opacity-l-4: 1;

    --dui-clr-inherit: inherit;
    --dui-clr-current: currentColor;
    --dui-clr-transparent: transparent;
    --dui-clr-semi-transparent: #0000001a;

    /* ================ Box shadow ========================== */
    --dui-box-shadow-none: none;
    --dui-box-shadow-sm: 0 1px 2px 0 var(--dui-shadow-clr-1);
    --dui-box-shadow: 0 1px 3px 0 var(--dui-shadow-clr-1), 0 1px 2px -1px var(--dui-shadow-clr-2);
    --dui-box-shadow-md: 0 4px 6px -1px var(--dui-shadow-clr-1), 0 2px 4px -2px var(--dui-shadow-clr-2);
    --dui-box-shadow-lg: 0 10px 15px -3px var(--dui-shadow-clr-1), 0 4px 6px -4px var(--dui-shadow-clr-2);
    --dui-box-shadow-xl: 0 20px 25px -5px var(--dui-shadow-clr-1), 0 8px 10px -6px var(--dui-shadow-clr-2);
    --dui-box-shadow-2xl: 0 25px 50px -12px var(--dui-shadow-clr-1);
    --dui-box-shadow-inner: inset 0px 4px 0 var(--dui-shadow-clr-1);
    --dui-box-shadow-0: 0 0 0 0 var(--dui-shadow-clr-1), 0 0 0 0 var(--dui-shadow-clr-2), 0 0 0 0 var(--dui-shadow-clr-3);
    --dui-box-shadow-1: 0 2px 1px -1px var(--dui-shadow-clr-1), 0 1px 1px 0 var(--dui-shadow-clr-2), 0 1px 3px 0 var(--dui-shadow-clr-3);
    --dui-box-shadow-2: 0 0px 1px -1px var(--dui-shadow-clr-1), 0 0px 2px 0 var(--dui-shadow-clr-2), 0 1px 5px 0 var(--dui-shadow-clr-3);
    --dui-box-shadow-3: 0 3px 3px -2px var(--dui-shadow-clr-1), 0 0px 4px 0 var(--dui-shadow-clr-2), 0 1px 8px 0 var(--dui-shadow-clr-3);
    --dui-box-shadow-4: 0 2px 4px -1px var(--dui-shadow-clr-1), 0 0px 5px 0 var(--dui-shadow-clr-2), 0 1px 10px 0 var(--dui-shadow-clr-3);
    --dui-box-shadow-5: 0 3px 5px -1px var(--dui-shadow-clr-1), 0 0px 8px 0 var(--dui-shadow-clr-2), 0 1px 14px 0 var(--dui-shadow-clr-3);
    --dui-box-shadow-6: 0 3px 5px -1px var(--dui-shadow-clr-1), 0 0px 10px 0 var(--dui-shadow-clr-2), 0 1px 18px 0 var(--dui-shadow-clr-3);
    --dui-box-shadow-7: 0 4px 5px -2px var(--dui-shadow-clr-1), 0 0px 10px 1px var(--dui-shadow-clr-2), 0 2px 16px 1px var(--dui-shadow-clr-3);
    --dui-box-shadow-8: 0 5px 5px -3px var(--dui-shadow-clr-1), 0 0px 10px 1px var(--dui-shadow-clr-2), 0 3px 14px 2px var(--dui-shadow-clr-3);
    --dui-box-shadow-9: 0 5px 6px -3px var(--dui-shadow-clr-1), 0 0px 12px 1px var(--dui-shadow-clr-2), 0 3px 16px 2px var(--dui-shadow-clr-3);
    --dui-box-shadow-10: 0 6px 6px -3px var(--dui-shadow-clr-1), 0 0px 14px 1px var(--dui-shadow-clr-2), 0 4px 18px 3px var(--dui-shadow-clr-3);
    --dui-box-shadow-11: 0 6px 7px -4px var(--dui-shadow-clr-1), 0 0px 15px 1px var(--dui-shadow-clr-2), 0 4px 20px 3px var(--dui-shadow-clr-3);
    --dui-box-shadow-12: 0 7px 8px -4px var(--dui-shadow-clr-1), 0 0px 17px 2px var(--dui-shadow-clr-2), 0 5px 22px 4px var(--dui-shadow-clr-3);
    --dui-box-shadow-13: 0 7px 8px -4px var(--dui-shadow-clr-1), 0 0px 19px 2px var(--dui-shadow-clr-2), 0 5px 24px 4px var(--dui-shadow-clr-3);
    --dui-box-shadow-14: 0 7px 9px -4px var(--dui-shadow-clr-1), 0 0px 21px 2px var(--dui-shadow-clr-2), 0 5px 26px 4px var(--dui-shadow-clr-3);
    --dui-box-shadow-15: 0 8px 9px -5px var(--dui-shadow-clr-1), 0 0px 22px 2px var(--dui-shadow-clr-2), 0 6px 28px 5px var(--dui-shadow-clr-3);
    --dui-box-shadow-16: 0 8px 10px -5px var(--dui-shadow-clr-1), 0 0px 24px 2px var(--dui-shadow-clr-2), 0 6px 30px 5px var(--dui-shadow-clr-3);
    --dui-box-shadow-17: 0 8px 11px -5px var(--dui-shadow-clr-1), 0 0px 26px 2px var(--dui-shadow-clr-2), 0 6px 32px 5px var(--dui-shadow-clr-3);
    --dui-box-shadow-18: 0 9px 11px -5px var(--dui-shadow-clr-1), 0 0px 28px 2px var(--dui-shadow-clr-2), 0 7px 34px 6px var(--dui-shadow-clr-3);
    --dui-box-shadow-19: 0 9px 12px -6px var(--dui-shadow-clr-1), 0 0px 29px 2px var(--dui-shadow-clr-2), 0 7px 36px 6px var(--dui-shadow-clr-3);
    --dui-box-shadow-20: 0 10px 13px -6px var(--dui-shadow-clr-1), 0 0px 31px 3px var(--dui-shadow-clr-2), 0 8px 38px 7px var(--dui-shadow-clr-3);
    --dui-box-shadow-21: 0 10px 13px -6px var(--dui-shadow-clr-1), 0 0px 33px 3px var(--dui-shadow-clr-2), 0 8px 40px 7px var(--dui-shadow-clr-3);
    --dui-box-shadow-22: 0 10px 14px -6px var(--dui-shadow-clr-1), 0 0px 35px 3px var(--dui-shadow-clr-2), 0 8px 42px 7px var(--dui-shadow-clr-3);
    --dui-box-shadow-23: 0 11px 14px -7px var(--dui-shadow-clr-1), 0 0px 36px 3px var(--dui-shadow-clr-2), 0 9px 44px 8px var(--dui-shadow-clr-3);
    --dui-box-shadow-24: 0 11px 15px -7px var(--dui-shadow-clr-1), 0 0px 38px 3px var(--dui-shadow-clr-2), 0 9px 46px 8px var(--dui-shadow-clr-3);

    --du-default-font-family: "Inter";

    --dui-font-normal-100: normal 100 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-100-sm: normal 100 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-100-xsm: normal 100 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-100-lg: normal 100 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-100-xlg: normal 100 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-italic-100: italic 100 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-100-sm: italic 100 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-100-xsm: italic 100 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-100-lg: italic 100 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-100-xlg: italic 100 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-normal-300: normal 300 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-300-sm: normal 300 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-300-xsm: normal 300 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-300-lg: normal 300 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-300-xlg: normal 300 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-italic-300: italic 300 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-300-sm: italic 300 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-300-xsm: italic 300 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-300-lg: italic 300 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-300-xlg: italic 300 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-regular: normal 400 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-regular-sm: normal 400 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-regular-xsm: normal 400 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-regular-lg: normal 400 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-regular-xlg: normal 400 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-italic: italic 400 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-sm: italic 400 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-xsm: italic 400 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-lg: italic 400 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-xlg: italic 400 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-normal-500: normal 500 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-500-sm: normal 500 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-500-xsm: normal 500 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-500-lg: normal 500 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-500-xlg: normal 500 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-italic-500: italic 500 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-500-sm: italic 500 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-500-xsm: italic 500 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-500-lg: italic 500 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-500-xlg: italic 500 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-normal-600: normal 600 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-600-sm: normal 600 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-600-xsm: normal 600 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-600-lg: normal 600 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-600-xlg: normal 600 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-italic-600: italic 600 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-600-sm: italic 600 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-600-xsm: italic 600 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-600-lg: italic 600 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-600-xlg: italic 600 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-normal-700: normal 700 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-700-sm: normal 700 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-700-xsm: normal 700 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-700-lg: normal 700 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-700-xlg: normal 700 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-italic-700: italic 700 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-700-sm: italic 700 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-700-xsm: italic 700 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-700-lg: italic 700 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-700-xlg: italic 700 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-normal-800: normal 800 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-800-sm: normal 800 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-800-xsm: normal 800 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-800-lg: normal 800 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-800-xlg: normal 800 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-italic-800: italic 800 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-800-sm: italic 800 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-800-xsm: italic 800 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-800-lg: italic 800 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-800-xlg: italic 800 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-normal-900: normal 900 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-900-sm: normal 900 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-900-xsm: normal 900 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-900-lg: normal 900 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-normal-900-xlg: normal 900 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    --dui-font-italic-900: italic 900 var(--dui-spc-4) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-900-sm: italic 900 var(--dui-spc-3) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-900-xsm: italic 900 var(--dui-spc-2) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-900-lg: italic 900 var(--dui-spc-5) var(--dui-font-family, var(--du-default-font-family)), sans-serif;
    --dui-font-italic-900-xlg: italic 900 var(--dui-spc-8) var(--dui-font-family, var(--du-default-font-family)), sans-serif;

    font: var(--dui-font-regular);

    /* =============== Block header =================== */

    --dui-block-header-margin: 0 0 10px 0;
    --dui-block-header-title-margin: 0 0 0 0;
    --dui-block-header-title-font: var(--dui-font-normal-600);
    --dui-block-header-description-font: var(--dui-font-regular-sm);

    /* =============== Generic =================== */
    --dui-z-index: 0;

    --dui-z-index-start: 10;
    --dui-z-index-increment: 10;
    --dui-z-index-l-0: 10;
    --dui-z-index-l-1: 20;
    --dui-z-index-l-2: 30;
    --dui-z-index-l-3: 40;
    --dui-z-index-l-4: 50;
    --dui-z-index-l-5: 60;
    --dui-z-index-l-6: 70;
    --dui-z-index-l-7: 80;
    --dui-z-index-l-8: 90;
    --dui-z-index-l-9: 100;
    --dui-z-index-l-10: 110;

    --dui-order-1: 1;
    --dui-order-2: 2;
    --dui-order-3: 3;
    --dui-order-4: 4;
    --dui-order-5: 5;
    --dui-order-6: 6;
    --dui-order-7: 7;
    --dui-order-8: 8;
    --dui-order-9: 9;
    --dui-order-10: 10;
    --dui-order-20: 20;
    --dui-order-30: 30;
    --dui-order-40: 40;
    --dui-order-50: 50;
    --dui-order-60: 60;
    --dui-order-70: 70;
    --dui-order-80: 80;
    --dui-order-90: 90;
    --dui-order-100: 100;
    --dui-order-first: -9999;
    --dui-order-first-1: -9990;
    --dui-order-first-2: -9980;
    --dui-order-first-3: -9970;
    --dui-order-first-4: -9960;
    --dui-order-last: 9960;
    --dui-order-last-1: 9970;
    --dui-order-last-2: 9980;
    --dui-order-last-3: 9990;
    --dui-order-last-4: 9999;
    --dui-order-none: unset;

    --dui-shrink-0: 0;
    --dui-shrink-1: 1;
    --dui-shrink-2: 2;
    --dui-shrink-3: 3;
    --dui-shrink-4: 4;
    --dui-shrink-5: 5;
    --dui-shrink-6: 6;
    --dui-shrink-7: 7;
    --dui-shrink-8: 8;
    --dui-shrink-9: 9;
    --dui-shrink-10: 10;
    --dui-shrink-11: 11;
    --dui-shrink-12: 12;

    --dui-grow-0: 0;
    --dui-grow-1: 1;
    --dui-grow-2: 2;
    --dui-grow-3: 3;
    --dui-grow-4: 4;
    --dui-grow-5: 5;
    --dui-grow-6: 6;
    --dui-grow-7: 7;
    --dui-grow-8: 8;
    --dui-grow-9: 9;
    --dui-grow-10: 10;
    --dui-grow-11: 11;
    --dui-grow-12: 12;

    /* ================== Label ===================== */
    --dui-label-font: inherit;
    --dui-label-padding: var(--dui-spc-1) var(--dui-spc-2);
    --dui-label-margin: var(--dui-spc-0);
    --dui-label-border-radius: var(--dui-spc-0);
    --dui-label-line-height: 1;
    --dui-label-text-align: center;
    --dui-label-border: 0;
    --dui-label-link-text-decoration: none;
    --dui-label-link-cursor: pointer;

    /* ================== Alert =================== */

    --dui-alert-padding: var(--dui-spc-4);
    --dui-alert-margin: 0 0 0 0;
    --dui-alert-border-radius: var(--dui-spc-0);
    --dui-alert-border: none;
    --dui-alert-font: var(--dui-font-regular);
    --dui-alert-color: var(--dui-clr-white);
    --dui-alert-background: var(--dui-accent);
    --dui-alert-box-shadow: var(--dui-box-shadow-md);
    --dui-alert-close-color: var(--dui-clr-white);
    --dui-alert-close-border: none;
    --dui-alert-close-shadow: none;
    --dui-alert-close-top: 0px;
    --dui-alert-close-bg: var(--dui-clr-inherit);
    --dui-alert-close-hover-bg: rgb(0, 0, 0, 0.2);
    --dui-alert-close-font: var(--dui-font-regular);
    --dui-alert-close-line-height: 1;
    --dui-alert-close-cursor: pointer;
    --dui-alert-close-width: var(--dui-spc-6);
    --dui-alert-close-height: var(--dui-spc-6);
    --dui-alert-close-border-radius: var(--dui-spc-full);
    --dui-alert-link-color: inherit;
    --dui-alert-link-decoration: underline;
    --dui-alert-link-font: var(--dui-font-normal-600);

    /* ===================== Icons ==================================== */
    --dui-clickable-cursor: pointer;
    --dui-clickable-transform: none;
    --dui-clickable-transition: all 0.2s ease-in;
    --dui-default-icon-size: 24px;

    --dui-primary-fg-clr: var(--dui-clr-white);
    --dui-secondary-fg-clr: var(--dui-clr-white);
    --dui-dominant-fg-clr: var(--dui-color);
    --dui-success-fg-clr: var(--dui-clr-white);
    --dui-warning-fg-clr: var(--dui-clr-white);
    --dui-info-fg-clr: var(--dui-clr-white);
    --dui-error-fg-clr: var(--dui-clr-white);
    --dui-accent-fg-clr: var(--dui-clr-white);
    --dui-red-fg-clr: var(--dui-clr-white);
    --dui-pink-fg-clr: var(--dui-clr-white);
    --dui-purple-fg-clr: var(--dui-clr-white);
    --dui-deep-purple-fg-clr: var(--dui-clr-white);
    --dui-indigo-fg-clr: var(--dui-clr-white);
    --dui-blue-fg-clr: var(--dui-clr-white);
    --dui-light-blue-fg-clr: var(--dui-clr-white);
    --dui-cyan-fg-clr: var(--dui-clr-white);
    --dui-teal-fg-clr: var(--dui-clr-white);
    --dui-green-fg-clr: var(--dui-clr-white);
    --dui-light-green-fg-clr: var(--dui-clr-white);
    --dui-lime-fg-clr: var(--dui-clr-white);
    --dui-yellow-fg-clr: var(--dui-clr-white);
    --dui-amber-fg-clr: var(--dui-clr-white);
    --dui-orange-fg-clr: var(--dui-clr-white);
    --dui-deep-orange-fg-clr: var(--dui-clr-white);
    --dui-brown-fg-clr: var(--dui-clr-white);
    --dui-grey-fg-clr: var(--dui-clr-white);
    --dui-blue-grey-fg-clr: var(--dui-clr-white);
    --dui-white-fg-clr: var(--dui-clr-black);
    --dui-black-fg-clr: var(--dui-clr-white);

    /* ===================== Buttons ==================================== */

    --dui-btn-font: var(--dui-font-regular);
    --dui-btn-text-transform: none;
    --dui-btn-cursor: pointer;
    --dui-btn-border: 0;
    --dui-btn-line-height: 29px;
    --dui-btn-padding: 6px 11px;
    --dui-btn-border-radius: 4px;
    --dui-btn-box-shadow: var(--dui-box-shadow-0);
    --dui-btn-transition: .0s;
    --dui-btn-disabled-cursor: not-allowed;
    --dui-btn-disabled-pointer-events: none;
    --dui-btn-disabled-opacity: .65;
    --dui-btn-focus-bg: var(--dui-bg-d-2);
    --dui-btn-focus-color: var(--dui-fg-l-3);
    --dui-btn-focus-box-shadow: var(--dui-box-shadow-2);
    --dui-btn-focus-outline-width: 0px;
    --dui-btn-focus-outline-style: dotted;
    --dui-btn-focus-outline-offset: 2px;

    --dui-btn-lg-font-size: 20px;
    --dui-btn-lg-line-height: 1.3333333;
    --dui-btn-lg-padding: 10px 16px;

    --dui-btn-md-font-size: 16px;
    --dui-btn-md-line-height: 2;
    --dui-btn-md-padding: 6px 12px;

    --dui-btn-sm-font-size: 14px;
    --dui-btn-sm-line-height: 2;
    --dui-btn-sm-padding: 5px 10px;

    --dui-btn-xs-font-size: 12px;
    --dui-btn-xs-line-height: 2.5;
    --dui-btn-xs-padding: 1px 5px;

    --dui-btn-group-box-shadow: var(--dui-box-shadow-0);
    --dui-btn-group-border-radius: 3px;
    --dui-btn-toolbar-group-spacing: 5px;

    --dui-btn-link-bg: transparent;
    --dui-btn-link-box-shadow: none;

    --dui-scroll-top-button-right: 20px;
    --dui-scroll-top-button-bottom: 20px;
    --dui-scroll-top-button-zindex: 9999999999;
    --dui-scroll-top-button-opacity: 04;

    /* ===================== Breadcrumb ==================================== */

    --dui-bc-default-bg: var(--dui-clr-transparent);
    --dui-bc-font: var(--dui-font-regular);
    --dui-bc-margin: 0px;
    --dui-bc-padding: 8px 15px;
    --dui-bc-active-cursor: pointer;
    --dui-bc-arrow-padding: 0 5px;
    --dui-bc-arrow-content: '>\00a0';
    --dui-bc-disabled-opacity: 0.50;
    --dui-bc-icon-margin: 0 4px 0 0;


    /* ===================== Cards ==================================== */

    --dui-card-background: var(--dui-clr-dominant);
    --dui-card-box-shadow: var(--dui-box-shadow-1);
    --dui-card-border-radius: var(--dui-spc-2px);
    --dui-card-margin: 0 0 var(--dui-spc-4) 0;
    --dui-card-min-height: var(--dui-spc-12);
    --dui-card-header-padding: var(--dui-spc-3);
    --dui-card-header-title-font: var(--dui-font-regular);
    --dui-card-header-title-margin: 0;
    --dui-card-header-gap: var(--dui-spc-5);
    --dui-card-icon-margins: 0 5px 0 5px;
    --dui-card-description-font: var(--dui-font-regular-sm);
    --dui-card-body-font: var(--dui-font-regular);
    --dui-card-description-line-height: var(--dui-spc-4);
    --dui-card-description-margin: 5px 0 0 0;
    --dui-card-description-color: var(--dui-color);
    --dui-card-body-padding: 20px;
    --dui-card-header-border-width: 0 0 1px 0;
    --dui-card-header-border-reversed-width: 1px 0 0 0;
    --dui-card-header-border-style: solid;
    --dui-cardsubheader-padding: 4px 0 4px 0;

    /*======================== Chips ===================================*/

    --dui-chip-background: var(--dui-accent);
    --dui-chip-color: var(--dui-text-color);
    --dui-chip-border-color: var(--dui-accent-clr);
    --dui-chip-border-radius: var(--dui-spc-9999px);
    --dui-chip-min-width: var(--dui-spc-14);
    --dui-chip-height: var(--dui-spc-8);
    --dui-chip-line-height: var(--dui-spc-8);
    --dui-chip-margin: 0 0 0 0;
    --dui-chip-text-align: center;
    --dui-chip-vertical-align: middle;
    --dui-chip-padding: 0 10px 0 10px;
    --dui-chip-cursor: pointer;
    --dui-chip-border: 1px solid currentColor;
    --dui-chip-disabled-background: var(--dui-clr-grey);
    --dui-chip-disabled-border-color: var(--dui-clr-grey);
    --dui-chip-value-width: var(--dui-spc-full);
    --dui-chip-value-whitespace: nowrap;
    --dui-chip-value-text-align: left;
    --dui-chip-text-padding: 0 10px 0 10px;
    --dui-chip-focus-box-shadow: var(--dui-box-shadow-1);
    --dui-chip-focus-outline: 1px solid var(--dui-bg-clr);
    --dui-chip-focus-outline-offset: 1px;
    --dui-chip-addon-font-size: 20px;
    --dui-chip-addon-span-font-size: 16px;
    --dui-chip-addon-radius: 50%;
    --dui-chip-addon-width: var(--dui-spc-8);
    --dui-chip-addon-height: var(--dui-spc-8);
    --dui-chip-addon-mrgin: 2px 0 0 0;
    --dui-chip-close-mrgin: -2px 0 0 12px;

    /*======================================= Info box ================================*/

    --dui-infobox-direction: row;
    --dui-info-background-color: var(--dui-clr-dominant);
    --dui-info-margin: 0 0 0 0;
    --dui-info-flipped-height: 70px;;
    --dui-info-icon-size: 70px;;
    --dui-info-icon-color: var(--dui-clr-white);
    --dui-info-icon-background: var(--dui-clr-dominant);
    --dui-info-icon-font-size: 50px;
    --dui-info-title-font-size: var(--dui-spc-3);
    --dui-info-title-margin: 6px 0 0 0;
    --dui-info-value-font: var(--dui-font-normal-500-lg);
    --dui-info-value-margin: -4px 0 0 0;
    --dui-info-content-padding: 7px 10px 10px 10px;
    --dui-info-flipped-content-padding: 7px 16px 16px 16px;
    --dui-info-hover-duration: 0.3s;
    --dui-info-hover-scale: 1.4;
    --dui-info-hover-rotation: -32deg;
    --dui-info-expand-duration: 0.95s;
    --dui-infobox-box-shadow: var(--dui-box-shadow);

    /* ===================== Media objects =============================*/

    --dui-media-margin: 16px 0 0 0;
    --dui-media-body-color: var(--dui-color);
    --dui-media-heading-color: var(--dui-color);
    --dui-media-body-font: var(--dui-font-regular-sm);
    --dui-media-heading-font: var(--dui-font-normal-600);
    --dui-media-object-padding: 0 10px 0 10px;
    --dui-media-heading-maring: 0 0 5px 0;

    /* ======================== Pagination ============================ */

    --dui-pager-disabled-color: var(--dui-clr-grey);
    --dui-pager-list-padding: 0 10px 0 10px;
    --dui-pager-list-margin: 20px 0 20px 0;
    --dui-pager-page-link-font: var(--dui-font-regular);
    --dui-pager-page-link-font-small: var(--dui-font-regular-sm);
    --dui-pager-page-link-font-large: var(--dui-font-regular-lg);
    --dui-pager-page-link-size: var(--dui-spc-8);
    --dui-pager-page-link-border-radius: var(--dui-spc-1_2p);
    --dui-pager-page-link-cursor: pointer;
    --dui-pager-page-link-active-color: var(--dui-clr-white);
    --dui-pager-page-link-disabled-color: var(--dui-clr-grey);
    --dui-pager-page-link-disabled-cursor: not-allowed;
    --dui-pagination-link-text-decoration: none;
    --dui-pager-item-margin: 0 5px 0 5px;

    /* ============= uncomment to define specific colors ======================= */
    /*--dui-pager-page-link-active-background: var(--dui-bg-d-2);*/
    /*--dui-pager-page-link-active-hover-background: var(--dui-bg-d-3);*/
    /*--dui-pager-page-link-hover-background: var(--dui-bg-d-1);*/
    /*--dui-pager-page-link-active-hover-color: var(--dui-fg-l-5);*/

    --dui-pager-page-count-margin: 0 10px 0 10px;
    --dui-pager-page-count-min-width: 120px;
    --dui-pager-page-count-radius: var(--dui-spc-9999px);
    --dui-navigator-padding: 0 0 0 0;
    --dui-navigator-margin: 20px 0;
    --dui-navigator-text-align: center;
    --dui-navigator-width: 100%;
    --dui-navigator-nav-padding: 5px 14px 5px 14px;
    --dui-navigator-nav-min-width: var(--dui-spc-28);
    --dui-navigator-nav-next-float: right;
    --dui-navigator-nav-prev-float: left;

    /*========================== Preloaders =====================*/

    --dui-preloader-size: 50px;
    --dui-preloader-size-xlg: 75px;
    --dui-preloader-size-lg: 60px;
    --dui-preloader-size-md: 50px;
    --dui-preloader-size-sm: 40px;
    --dui-preloader-size-xsm: 25px;
    --dui-preloader-color: var(--dui-accent);
    --dui-preloader-thinckness: var(--dui-spc-1);

    /* =================== Progress bars ==========================*/
    --dui-progress-hight: var(--dui-spc-6);
    --dui-progress-margin: 10px 0 10px 0;
    --dui-progress-background: var(--dui-clr-dominant-l-3);
    --dui-progress-radius: var(--dui-spc-2px);
    --dui-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    --dui-progress-bar-line-hight: var(--dui-spc-6);
    --dui-progress-bar-box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, .2), 0 0px 0px 0 rgba(0, 0, 0, .14), 0 0px 0px 0 rgba(0, 0, 0, .12);
    --dui-progress-bar-float: left;
    --dui-progress-bar-font: var(--dui-font-regular-sm);
    --dui-progress-bar-color: var(--dui-clr-white);
    --dui-progress-bar-text-align: center;
    --dui-progress-bar-striped-bg-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    --dui-progress-bar-striped-bg-size: 40px 40px;

    /* ================================ Tabs ===========================*/
    --dui-tabs-padding: 0 0 0 0;
    --dui-tabs-margin: 0 0 0 0;
    --dui-tabs-border-width: 0 0 1px 0;
    --dui-tabs-border-style: solid;
    --dui-tab-item-cursor: pointer;
    --dui-tab-anchor-padding: 10px 15px;
    --dui-tab-text-line-height: 24px;
    --dui-tab-item-border-radius: 0px;
    --dui-tab-anchor-text-decoration: none;
    --dui-tab-active-indicator-display: block;
    --dui-tab-active-indicator-border-width: 0 0 3px 0;
    --dui-tab-active-indicator-border-style: solid;
    --dui-tab-active-indicator-border-radius: 0;
    --dui-tab-active-indicator-bottom: 0;
    --dui-tab-active-indicator-transform: scaleX(0) skewX(45deg);
    --dui-tab-active-indicator-transition: 0.1s ease-in;
    --dui-tab-header-gap: var(--dui-spc-3);
    --dui-tab-item-disabled-color: var(--dui-clr-grey);
    --dui-tab-item-disabled-cursor: not-allowed;
    --dui-tabs-content-padding: 15px 0;
    --dui-v-tabs-content-padding: 0 15px;
    --dui-v-tab-active-indicator-border-width: 0 3px 0 0;
    --dui-v-tabs-border-width: 0 1px 0 0;
    --dui-v-tab-active-indicator-transform: scaleX(0) skewX(0deg);
    --dui-tab-active-indicator-right: 0;
    --dui-tab-close-icon-order: 999999;
    --dui-v-tab-close-icon-order: 999999;
    /*Define to use custom fixed colors*/
    /*--dui-tabs-border-color: var(--dui-accent-clr, var(--dui-accent));*/
    /*--dui-tab-active-indicator-border-color: var(--dui-accent-clr, var(--dui-accent));*/
    /*--dui-tab-anchor-focus-bg: var(--dui-accent-200, var(--dui-accent-clr));*/


    /* =================================== Tree ================================ */

    --dui-tree-margin: 0;
    --dui-tree-border: none;
    --dui-tree-radius: 0;
    --dui-tree-nav-padding: 0;
    --dui-tree-nav-margin: 0;
    --dui-tree-header-line-height: 32px;
    --dui-tree-header-background: var(--dui-tree-header-bg-color);
    --dui-tree-header-font: var(--dui-font-normal-600-sm);
    --dui-tree-header-padding: 8px 8px;
    --dui-tree-header-radius: 0px;
    --dui-tree-item-margin: 0 2px;
    --dui-tree-item-line-height: 32px;
    --dui-tree-item-cursor: pointer;
    --dui-tree-item-disabled-cursor: not-allowed;
    --dui-tree-item-disabled-color: var(--dui-clr-grey);

    --dui-tree-item-anchor-padding: 5px 10px;
    --dui-tree-item-anchor-radius: 0px;
    --dui-tree-anchor-text-decoration: none;
    --dui-tree-separator-margin: 5px 0 5px 0;
    --dui-tree-separator-padding: 0px;
    --dui-tree-separator-border: 1px solid var(--dui-menu-border-color);
    --dui-tree-padding-inrement: 40px;
    --dui-tree-initial-padding: 20px;
    --dui-tree-item-content-gap: var(--dui-spc-4);
    /*--dui-tree-item-active-color: var(--dui-accent);*/

    /* =============== Define if you need to set a fixed value ================*/
    /*--dui-tree-item-anchor-focus-bg: var(--dui-bg-700, var(--dui-accent-clr));*/
    /*--dui-tree-item-disabled-hover-bg: var(--dui-clr-grey-l-3);*/


    /* ===================== Thumbnails ====================== */
    --dui-thumbnail-default-direction: column;
    --dui-thumbnail-margin: 0 0 20px 0;
    --dui-thumbnail-border: 1px solid var(--dui-thumbnail-border-color);
    --dui-thumbnail-radius: 0;
    --dui-thumbnail-active-border: 1px solid var(--dui-thumbnail-border-active-color);
    --dui-thumbnail-transition: border .2s ease-in-out;
    --dui-thumbnail-box-shadow: var(--dui-box-shadow-1);
    --dui-thumbnail-title-padding: 0 var(--dui-spc-2_5);
    --dui-thumbnail-footer-padding: var(--dui-spc-2_5);
    --dui-thumbnail-body-padding: 0;
    --dui-thumbnail-head-radius: inherit;
    --dui-thumbnail-tail-radius: inherit;
    --dui-thumbnail-body-radius: inherit;
    --dui-thumbnail-image-radius: inherit;
    --dui-thumbnail-img-padding: 0;
    --dui-thumbnail-head-align-self: stretch;
    --dui-thumbnail-tail-align-self: auto;
    --dui-thumbnail-body-title-order: 10;
    --dui-thumbnail-body-order: 20;
    --dui-thumbnail-body-head-order: 10;
    --dui-thumbnail-body-tail-order: 20;


    /* ===================== List groups ======================*/

    --dui-list-group-padding: 0;
    --dui-list-group-margin: 0;
    --dui-list-group-border: 1px solid var(--dui-accent-l-3);
    --dui-list-group-radius: 0;
    --dui-list-group-item-outline: none;
    --dui-list-group-item-cursor: pointer;
    --dui-list-group-item-disabled-cursor: not-allowed;
    --dui-list-group-item-padding: 0 0;
    --dui-list-group-item-border-width: 0 0 1px 0;
    --dui-list-group-item-border-style: solid;
    --dui-list-group-item-border-color: var(--dui-accent-l-4);
    --dui-list-group-item-selected-color: var(--dui-clr-white);
    --dui-list-group-item-hover-color: var(--dui-color-alternate);

    /* ============================ Badge =============================*/
    --dui-badge-background: var(--dui-accent);
    --dui-badge-float: right;
    --dui-badge-margin: 0 0 0 4px;
    --dui-badge-padding: 3px 7px;
    --dui-badge-min-width: 32px;
    --dui-badge-font: var(--dui-font-normal-600-sm);
    --dui-badge-radius: 2px;

    --dui-icon-badge-top: -46px;
    --dui-icon-badge-right: -10px;
    --dui-icon-badge-height: 25px;
    --dui-icon-badge-min-width: 25px;
    --dui-icon-badge-max-width: 120px;
    --dui-icon-badge-margin: 0;
    --dui-icon-badge-line-height: 20px;
    --dui-icon-badge-font-style: normal;

    /* ===================== Collapse group ================= */
    --dui-collapse-group-margin: 0 0 20px 0;
    --dui-collapse-group-border-width: 1px;
    --dui-collapse-group-border-color: var(--dui-border-default);
    --dui-collapse-group-border-style: solid;
    --dui-collapse-group-radius: 0;
    --dui-collapse-panel-margin: 0;
    --dui-collapse-between-panels-margin: 0;
    --dui-collapse-between-panels-border-width: 0 0 1px 0;
    --dui-collapse-between-panels-border-style: solid;
    --dui-collapse-between-panels-border-color: var(--dui-accent-l-4);
    --dui-collapse-panel-title-padding: var(--dui-spc-2);
    --dui-collapse-panel-title-cursor: pointer;
    --dui-collapse-panel-title-min-height: var(--dui-spc-12);
    --dui-collapse-panel-title-margin: 0;
    --dui-collapse-panel-body-border-width: 1px;
    --dui-collapse-panel-title-border-style: solid;
    --dui-collapse-border-color: var(--dui-accent-l-4);
    --dui-collapse-panel-title-font: var(--dui-font-normal-600);
    --dui-collapse-panel-title-items-margin: 0 2px;
    --dui-collapse-panel-disabled-color: var(--dui-clr-grey);
    --dui-collapse-panel-disabled-cursor: not-allowed;
    --dui-collapse-panel-header-font: var(--dui-font-regular);
    --dui-collapse-panel-content-header-padding: var(--dui-spc-3);
    --dui-collapse-panel-body-padding: var(--dui-spc-3);
    --dui-collapse-panel-footer-padding: var(--dui-spc-3);
    --dui-collapse-panel-footer-border-width: 1px 0 0 0;
    --dui-collapse-panel-footer-border-style: solid;
    --dui-collapse-panel-footer-border-color: var(--dui-accent-l-4);
    --dui-accordion-header-gap: 8px;

    /* ===================== Notifications ===================================== */

    --dui-ntfy-padding: var(--dui-spc-3);
    --dui-ntfy-margin: 0px;
    --dui-ntfy-border-radius: 0;
    --dui-ntfy-border: none;
    --dui-ntfy-color: var(--dui-clr-white);
    --dui-ntfy-background: var(--dui-accent-d-4);
    --dui-ntfy-font: var(--dui-font-regular);
    --dui-ntfy-box-shadow: var(--dui-box-shadow-1);
    --dui-ntfy-line-height: var(--dui-spc-8);
    --dui-ntfy-close-icon-margin: 2px 8px 2px 8px;
    --dui-ntfy-top-bottom-space: var(--dui-spc-4);
    --dui-ntfy-left-right-space: var(--dui-spc-4);

    /* ================= Quick search =======================*/

    --dui-quick-search-gap: 10px;
    --dui-quick-search-background-color: inherit;
    /*--dui-search-bar-background-color: inherit;*/
    /*--dui-search-bar-color: inherit;*/
    --dui-quick-search-padding: 5px;
    --dui-quick-search-radius: inherit;

    --dui-quick-search-input-border: none;
    --dui-quick-search-input-background: none;
    --dui-quick-search-input-font: var(--dui-font-regular);
    --dui-quick-search-input-focus-outline: none;
    --dui-quick-search-input-placeholder-opacity: 0.5;

    /* ============================== Menu ===================== */

    --dui-menu-border: 1px solid var(--dui-menu-border-color);
    --dui-menu-color: var(--dui-color);
    --dui-menu-background-color: var(--dui-clr-dominant);
    --dui-menu-radius: 0;
    --dui-menu-header-height: var(--dui-spc-12);
    --dui-menu-header-border-width: 0 0 1px 0;
    --dui-menu-header-border-style: solid;
    --dui-menu-header-border-color: var(--dui-menu-border-color);
    --dui-menu-header-padding: 0;

    --dui-menu-subheader-border-width: 0 0 1px 0;
    --dui-menu-subheader-border-style: dotted;
    --dui-menu-subheader-border-color: var(--dui-accent-l-3);

    --dui-menu-drop-z-index: var(--dui-z-index-start);

    --dui-menu-header-bar-padding: 5px;

    --dui-menu-search-bar-border-width: 0 0 1px 0;
    --dui-menu-search-bar-border-style: solid;
    --dui-menu-search-bar-border-color: var(--dui-menu-border-color);
    --dui-menu-search-box-padding: 5px;

    --dui-menu-subheader-padding: 5px;

    --dui-menu-item-padding: 5px;

    --dui-menu-item-anchor-gap: 5px;
    --dui-menu-item-anchor-min-height: 32px;
    --dui-menu-item-icon-min-height: 32px;
    --dui-menu-items-list-padding: 0 0 0 0;
    --dui-menu-items-list-margin: 0;

    --dui-menu-item-hint-padding: 0 0 0 0px;
    --dui-menu-item-hint-margin: -8px 0 0 0;
    --dui-menu-item-hint-color: var(--dui-color-1);
    --dui-menu-item-hint-font: var(--dui-font-regular-sm);

    --dui-menu-item-selected-bg-color: var(--dui-accent-l-3);
    --dui-menu-item-selected-color: var(--dui-color-5);

    --dui-menu-no-result-color: var(--dui-accent-l-1);
    --dui-menu-no-result-background: var(--dui-accent-l-5);
    --dui-menu-no-result-padding: 10px;
    --dui-menu-no-result-text-align: left;

    --dui-menu-hover-before-content:'';

    --dui-menu-create-missing-color: var(--dui-accent-l-1);
    --dui-menu-create-missing-background: var(--dui-accent-l-5);
    --dui-menu-create-missing-focus-background: var(--dui-accent-l-4);
    --dui-menu-create-missing-padding: 10px;
    --dui-menu-create-missing-margin: 5px 0 0 0;
    --dui-menu-create-missing-radius: 3px;
    --dui-menu-create-missing-text-align: left;
    --dui-menu-disabled-color: var(--dui-clr-grey);
    --dui-menu-disabled-cursor: not-allowed;

    /* ============================ Sliders ============================= */

    --dui-slider-gap: 5px;
    --dui-slider-height: 50px;
    --dui-slider-cursor: pointer;
    --dui-slider-margin: var(--dui-spc-4) 0 var(--dui-spc-4) 0;
    --dui-slider-input-margin: 0;
    --dui-slider-track-height: 5px;
    --dui-slider-track-radius: 2px;
    --dui-slider-track-box-shadow: none;
    --dui-slider-track-border: none;
    --dui-slider-thumb-border: none;
    --dui-slider-thumb-box-shadow: none;
    --dui-slider-thumb-height: 18px;
    --dui-slider-thumb-width: 18px;
    --dui-slider-thumb-radius: 25px;
    --dui-slider-thumb-margin: -7px 0 0 0;
    --dui-slider-thumb-transform: translate(-9px, 9px) rotate(-45deg);
    --dui-slider-thumb-transform-origin: 50% 50%;
    --dui-slider-thumb-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    --dui-slider-thumb-property: height, top;
    --dui-slider-thumb-value-radius: 50% 50% 50% 0;
    --dui-slider-thumb-value-width: 30px;
    --dui-slider-thumb-value-height: 30px;
    --dui-slider-thumb-value-top: -30px;
    --dui-slider-thumb-value-margin: 0;
    --dui-slider-thumb-text-indent: 6px;
    --dui-slider-thumb-value-padding: 5px 0 0 0;
    --dui-slider-thumb-value-transform: rotate(45deg);
    --dui-slider-thumb-value-color: var(--dui-accent-l-5);
    /* define to use a fixed color */
    /*--dui-slider-track-background: var(--dui-accent-l-4);*/

    /*--dui-slider-track-focus-background: var(--dui-accent-l-3);*/
    /*--dui-slider-thumb-background: var(--dui-accent-l-1);*/

    /* =========================== Form fields =========================*/
    --dui-form-field-padding: 0px;
    --dui-form-field-marging: 0 0 var(--dui-spc-4) 0;
    --dui-form-field-wrapper-padding: 5px;
    --dui-form-field-wrapper-radius: 5px;
    --dui-form-field-wrapper-gap: 5px;
    --dui-form-field-border: 1px solid var(--dui-form-field-border-color);
    --dui-form-field-invalid-border-color: var(--dui-clr-red);


    --dui-form-field-readonly-border: 1px solid var(--dui-form-field-readonly-border-color);
    --dui-form-field-input-readonly-border: 1px solid var(--dui-clr-transparent);
    --dui-form-field-readonly-cursor: not-allowed;

    --dui-form-field-disabled-color: var(--dui-clr-grey);
    --dui-form-field-disabled-color-lighter: var(--dui-clr-grey-l-2);
    --dui-form-field-disabled-color-darker: var(--dui-clr-grey-d-2);
    --dui-form-field-disabled-border: 1px solid var(--dui-form-field-disabled-border-color);
    --dui-form-field-disabled-cursor: not-allowed;
    --dui-form-field-focused-border: 1px solid var(--dui-accent-l-1);

    --dui-form-field-label-padding: 0 0 0 0;
    --dui-form-field-label-font: var(--dui-font-regular);
    --dui-form-field-sub-label-font: var(--dui-font-normal-300);
    --dui-form-field-label-min-width: var(--dui-spc-28);
    --dui-form-field-label-max-width: 100%;
    --dui-form-field-label-min-height: var(--dui-spc-6);
    --dui-form-field-label-text-align: left;
    --dui-form-field-addon-margin: 0 0;
    --dui-form-field-prefix-font: var(--dui-font-normal-600-sm);
    --dui-form-field-postfix-font: var(--dui-font-normal-600-sm);
    --dui-form-field-prefix-line-height: 32px;
    --dui-form-field-postfix-line-height: 32px;
    --dui-form-field-counter-padding: 0 4px 0 4px;
    --dui-form-field-counter-line-height: 28px;

    --dui-form-field-input-height: 32px;
    --dui-form-field-input-border: none;
    --dui-form-field-input-line-hieght: 31px;
    --dui-form-field-input-line-font: var(--dui-font-regular);
    --dui-form-field-input-text-indent: 5px;
    --dui-form-field-messages-wrapper-padding: 0 5px 0 5px;
    --dui-form-field-helper-font: var(--dui-font-regular-sm);
    --dui-form-field-error-font: var(--dui-font-regular-sm);
    --dui-form-field-error-color: var(--dui-clr-error);
    --dui-form-field-fixed-messages-height: var(--dui-spc-8);

    --dui-form-field-scroll-width: 1px;
    --dui-form-field-scroll-margin: 2px;
    --dui-form-field-scroll-outline: 1px solid var(--dui-accent-l-3);
    --dui-form-field-scroll-radius: 3px;
    --dui-form-field-scroll-background: var(--dui-accent-l-3);
    --dui-form-field-scroll-thumb-background: var(--dui-accent-l-2);

    --dui-form-field-textarea-input-resize: none;
    --dui-form-field-textarea-input-height: auto;
    --dui-form-field-textarea-input-padding: 1px 0 0 0;
    --dui-form-field-textarea-input-mergin: 0 2px 0 0;

    --dui-form-field-checkbox-gap: 4px;
    --dui-form-field-checkbox-label-padding: 0 0 0 30px;
    --dui-form-field-checkbox-label-min-height: 25px;
    --dui-forms-checkbox-margin-top: 27px;

    --dui-form-field-checkbox-outline-width: 1px;
    --dui-form-field-checkbox-outline-style: solid;
    --dui-form-field-checkbox-outline-color: var(--dui-accent);
    --dui-form-field-checkbox-outline-offset: 1px;
    --dui-form-field-checkbox-square-top: -1px;
    --dui-form-field-checkbox-square-left: 0px;
    --dui-form-field-checkbox-square-length: 16px;
    --dui-form-field-checkbox-square-border-width: 2px;
    --dui-form-field-checkbox-square-border-style: solid;
    --dui-form-field-checkbox-square-border-color: var(--dui-accent);
    --dui-form-field-checkbox-square-radius: 1px;
    --dui-form-field-checkbox-square-margin: 3px;
    --dui-form-field-checkbox-square-filled-background: var(--dui-accent);
    --dui-checkbox-label-line-height: var(--dui-spc-6);

    --dui-form-field-checkbox-check-width: 5px;
    --dui-form-field-checkbox-check-height: 10px;
    --dui-form-field-checkbox-check-left: 0px;
    --dui-form-field-checkbox-check-top: 0px;

    --dui-form-field-checkbox-check-filled-color: var(--dui-clr-white);

    --dui-form-field-checkbox-indeterminate-check-width: 10px;
    --dui-form-field-checkbox-indeterminate-check-height: 0px;
    --dui-form-field-checkbox-indeterminate-check-left: 4px;
    --dui-form-field-checkbox-indeterminate-check-top: 8px;
    --dui-form-field-checkbox-indeterminate-check-border-width: 1px;

    --dui-form-field-radio-lebel-padding: 26px;
    --dui-form-field-radio-cursor: pointer;

    --dui-form-field-radio-circle-left: 0px;
    --dui-form-field-radio-circle-top: 0px;
    --dui-form-field-radio-circle-maring: 4px 4px 4px 0;
    --dui-form-field-radio-circle-length: 16px;
    --dui-form-field-radio-circle-border-width: 2px;
    --dui-form-field-radio-circle-border-style: solid;
    --dui-form-field-radio-circle-border-color: var(--dui-accent);
    --dui-form-field-radio-circle-radius: 50%;
    --dui-form-field-radio-circle-checked-color: var(--dui-accent);
    --dui-form-field-radio-circle-checked-transform: scale(0.6);
    --dui-form-radio-group-gap: 15px;

    --dui-form-field-switch-cursor: pointer;
    --dui-form-field-switch-track-width: 50px;
    --dui-form-field-switch-track-height: 26px;
    --dui-form-field-switch-track-background: var(--dui-accent-l-4);
    --dui-form-field-switch-checked-track-background: var(--dui-accent);
    --dui-form-field-switch-track-radius: 99999px;
    --dui-form-field-switch-track-margin: 0 0 0 0;
    --dui-form-field-switch-off-label-margin: 0 14px 0 0;
    --dui-form-field-switch-on-label-margin: 0 0 0 14px;
    --dui-forms-switch-margin-top: 3px;

    --dui-form-field-switch-thumb-width: 20px;
    --dui-form-field-switch-thumb-height: 20px;
    --dui-form-field-switch-thumb-left: 3px;
    --dui-form-field-switch-thumb-bottom: 3px;
    --dui-form-field-switch-thumb-radius: 99999px;
    --dui-form-field-switch-thumb-background: var(--dui-accent);
    --dui-form-field-switch-checked-thumb-background: var(--dui-accent-l-5);
    --dui-form-field-switch-thumb-box-shadow: var(--dui-box-shadow-2);
    --dui-form-field-switch-thumb-checked-transform: translateX(24px);
    --dui-form-field-switch-focus-transition: all 0.4s ease-in-out;
    --dui-form-field-switch-focus-background: var(--dui-bg-d-2);

    --dui-form-scrolled-text-area-border: 1px dotted var(--dui-accent-l-5);


    /*------------------- set to define default style ------------------- */
    /*--dui-form-field-direction: column;*/
    /*--dui-form-field-align:flex-start;*/
    /*or use `dui-form-label-float-left` and `dui-form-label-float-top`*/


    /* =================== Stepper ========================== */
    --dui-stepper-active-content-padding: var(--dui-spc-4);
    --dui-stepper-step-prefix-border-radius: var(--dui-spc-9999px);
    --dui-stepper-gap: var(--dui-spc-4);
    --dui-step-min-header-height: var(--dui-spc-12);
    --dui-step-content-padding: 0 var(--dui-spc-4);
    --dui-step-track-gap: var(--dui-spc-1);
    --dui-step-tracker-chain-min-height: var(--dui-spc-12);
    --dui-step-tracker-node-width: var(--dui-spc-6);
    --dui-step-tracker-node-height: var(--dui-spc-6);
    --dui-step-tracker-node-border-width: var(--dui-spc-1);
    --dui-step-tracker-node-border-style: solid;
    --dui-step-tracker-node-border-radius: 999999px;
    --dui-step-tracker-node-transition: all 0.2s;
    --dui-step-tracker-node-icon-inset: -2px auto auto -2px;
    --dui-stepper-track-tail-node-width: var(--dui-spc-4);
    --dui-stepper-track-tail-node-height: var(--dui-spc-4);
    --dui-stepper-track-tail-node-border-radius: 999999px;
    --dui-step-tracker-line-thinkness: var(--dui-spc-2);


    /* ===================== Nav bar ========================= */
    --dui-nav-bar-gap: var(--dui-spc-2);
    --dui-nav-bar-padding: 0 var(--dui-spc-4);
    --dui-nav-bar-addon-margin: 0 var(--dui-spc-2);
    --dui-nav-bar-title-margin: 0 var(--dui-spc-2);
    --dui-nav-bar-body-margin: 0 var(--dui-spc-2);
    --dui-nav-bar-utility-margin: 0 var(--dui-spc-2);
    --dui-nav-bar-title-indent: var(--dui-spc-0);
    --dui-nav-bar-body-indent: var(--dui-spc-0);

    --dui-nav-bar-description-font: var(--dui-font-regular-sm);
    --dui-nav-bar-description-margin: 5px 0 0 0;

    --dui-nav-bar-description-line-height: var(--dui-spc-4);

    /* =================== Layout =========================== */
    --dui-layout-content-background: var(--dui-clr-dominant-d-1);
    --dui-layout-content-color: var(--dui-color);

    --dui-layout-header-background: var(--dui-accent);
    --dui-layout-footer-background: var(--dui-accent);

    --dui-layout-header-color: var(--dui-accent-l-5);
    --dui-layout-footer-color: var(--dui-accent-l-5);

    --dui-layout-drawer-background: var(--dui-clr-dominant);

    --dui-layout-header-height: var(--dui-spc-16);
    --dui-layout-footer-height: var(--dui-spc-16);
    --dui-left-drawer-width-xsm: 100px;
    --dui-left-drawer-width-sm: 150px;
    --dui-left-drawer-width-md: 300px;
    --dui-left-drawer-width-lg: 450px;
    --dui-left-drawer-width-xlg: 600px;

    --dui-right-drawer-width-xsm: 100px;
    --dui-right-drawer-width-sm: 150px;
    --dui-right-drawer-width-md: 300px;
    --dui-right-drawer-width-lg: 450px;
    --dui-right-drawer-width-xlg: 600px;

    --dui-drawer-small-screens-width: 90%;

    --dui-layout-transitions-duration: 0.3s;

    --dui-layout-content-padding-top: 25px;
    --dui-layout-content-padding-right: 25px;
    --dui-layout-content-padding-bottom: 25px;
    --dui-layout-content-padding-left: 25px;

    --dui-section-box-shadow: var(--dui-box-shadow-1);
    --dui-overlay-opacify: 30%;
    --dui-overlay-background: var(--dui-clr-black);
    --dui-overlay-z-index: var(--dui-z-index-l-1);


    /* ======================= Carousel ========================== */
    --dui-carousel-indicators-bottom: 10px;
    --dui-carousel-indicators-z-inex: 10;
    --dui-carousel-indicators-padding: 0;
    --dui-carousel-indicator-size: 10px;
    --dui-carousel-indicator-active-size: 12px;
    --dui-carousel-indicator-margin: 3px;
    --dui-carousel-indicator-active-margin: 2px;
    --dui-carousel-indicator-active-background: var(--dui-clr-white);
    --dui-carousel-indicator-border: 1px solid var(--dui-clr-white);
    --dui-carousel-indicator-border-radius: 10px;
    --dui-carousel-transition-duration: 0.6s;
    --dui-carousel-slide-caption-color: var(--dui-clr-white);
    --dui-carousel-slide-caption-padding: 20px 0 20px 0;
    --dui-carousel-slide-caption-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

    /* ======================= dialog ========================== */

    --dui-dialog-box-shadow: var(--dui-box-shadow-10);
    --dui-dialog-border-radius: 3px;
    --dui-dialog-title-padding: var(--dui-spc-3);
    --dui-dialog-title-cursor: pointer;
    --dui-dialog-title-margin: 0;
    --dui-dialog-title-border-width: 0 0 1px 0;
    --dui-dialog-title-border-style: solid;
    --dui-dialog-title-border-color: var(--dui-dialog-header-border-color);
    --dui-dialog-title-font: var(--dui-font-normal-600);
    --dui-dialog-title-items-margin: 0 2px;
    --dui-dialog-header-font: var(--dui-font-regular);
    --dui-dialog-body-padding: var(--dui-spc-3);
    --dui-dialog-footer-padding: var(--dui-spc-3);
    --dui-dialog-footer-border-width: 0 0 0 0;
    --dui-dialog-footer-border-style: solid;
    --dui-dialog-footer-border-color: var(--dui-accent-l-4);
    --dui-dialog-header-gap: 8px;

    --dui-dialog-nave-height: var(--dui-spc-8);

    --dui-dialog-default-width: 50%;
    --dui-dialog-default-height: 25%;
    --dui-dialog-default-top: 15%;
    --dui-dialog-default-top-translate: calc(-1 * var(--dui-dialog-default-top));

    --dui-dialog-xsamll-width: 15%;
    --dui-dialog-xsmall-height: 15%;

    --dui-dialog-samll-width: 25%;
    --dui-dialog-small-height: 25%;

    --dui-dialog-medium-width: 35%;
    --dui-dialog-medium-height: 50%;

    --dui-dialog-large-width: 75%;
    --dui-dialog-large-height: 75%;

    --dui-dialog-xlarge-width: 95%;
    --dui-dialog-xlarge-height: 95%;

    --dui-dialog-full-width: 100%;
    --dui-dialog-full-height: 100%;


    /* ============== Empty state ======================== */
    --dui-empty-state-color: var(--dui-accent-l-2);
    --dui-empty-state-title-margin: var(--dui-spc-4) 0 var(--dui-spc-4) 0;
    --dui-empty-state-description-margin: var(--dui-spc-2) 0 var(--dui-spc-2) 0;
    --dui-empty-state-icon-size: var(--dui-spc-32);

    /* ===================== Loaders =================== */
    --dui-laoder-color: var(--dui-clr-grey-d-2);

    /* ==================== Popover ==================== */
    --dui-popover-arrow-size: var(--dui-spc-2_5);
    --dui-tooltip-arrow-size: var(--dui-spc-2);
    --dui-popover-position-offset: var(--dui-spc-2_5);
    --dui-toolip-padding: var(--dui-spc-2);
    --dui-tooltip-default-background: var(--dui-clr-black);
    --dui-tooltip-default-color: var(--dui-clr-white);

    /* ================ spin ====================== */
    --dui-spin-vertical-default-height: var(--dui-spc-16);
    --dui-spin-disabled-arrow-opacity: 0.25;
    --dui-spin-transition-duration: 200ms;
    --dui-spin-transition-timing-function: linear;

    /* ================ split layout ====================== */
    --dui-split-layout-splitter-size: 10px;
    --dui-split-layout-splitter-handle-size: 20px;
    --dui-split-layout-handle-border-size: var(--dui-spc-px);
    --dui-split-layout-handle-border-style: dotted;
    /*--dui-split-layout-handle-border-color: var(--dui-accent);*/
    /*--dui-split-layout-splitter-background: var(--dui-accent);*/
    /*--dui-split-layout-handle-background: var(--dui-accent-d-4);*/

    /* ===================== File upload ==================== */
    --dui-file-upload-border: 2px dashed var(--dui-accent-l-4);
    --dui-file-upload-hovered-border: 2px dashed var(--dui-accent-l-2);
    --dui-file-upload-padding: var(--dui-spc-4);
    --dui-file-upload-cursor: pointer;
    --dui-file-upload-decoration-order: 10;
    --dui-file-upload-preview-order: 20;

    /* ===================== Grid ============================= */

    --dui-row-default-gap: var(--dui-spc-2);
    --dui-row-default-margin: 0 0 var(--dui-spc-2) 0;

    /* ====================== hr ========================= */
    --dui-hr-margin: var(--dui-spc-4) 0 var(--dui-spc-4) 0;
    --dui-hr-border-width: 1px 0 0 0;
    --dui-hr-border-style: solid;
    --dui-hr-border-color: var(--dui-accent-l-5);

    /* ============================ Calendar ================== */
    --dui-calendar-min-width: var(--dui-spc-80);

    --dui-calendar-header-padding: var(--dui-spc-4);
    --dui-calendar-header-border-width: 0 0 var(--dui-spc-2) 0;
    --dui-calendar-header-border-style: solid;
    --dui-calendar-header-date-font-size: var(--dui-spc-14);
    --dui-calendar-header-date-font-weight: 900;
    --dui-calendar-header-date-line-height: var(--dui-spc-16);
    --dui-calendar-header-date-min-width: var(--dui-spc-20);
    --dui-calendar-header-date-text-align: right;
    --dui-calendar-header-day-font-size: var(--dui-spc-8);
    --dui-calendar-header-day-font-weight: 600;
    --dui-calendar-header-day-line-height: var(--dui-spc-12);
    --dui-calendar-header-month-year-font-size: var(--dui-spc-8);
    --dui-calendar-header-month-year-text-indent: var(--dui-spc-1);

    --dui-calendar-body-padding: var(--dui-spc-2) var(--dui-spc-4);
    --dui-calendar-footer-padding: 0 var(--dui-spc-4) var(--dui-spc-2) var(--dui-spc-4);

    --dui-calendar-month-selector-padding: 0 var(--dui-spc-11) 0 var(--dui-spc-11);
    --dui-calendar-months-row-min-height: var(--dui-spc-8);

    --dui-calendar-days-header-border-width: 0 0 1px 0;
    --dui-calendar-days-header-border-style: solid;
    --dui-calendar-day-header-font: var(--dui-font-normal-500);
    --dui-calendar-day-header-min-width: var(--dui-spc-8);
    --dui-calendar-day-header-min-height: var(--dui-spc-8);
    --dui-calendar-day-header-padding: 0 0 var(--dui-spc-2) 0;
    --dui-calendar-day-padding: var(--dui-spc-1);
    --dui-calender-day-border-width: 0 0 0 0;
    --dui-calender-day-border-style: solid;
    --dui-calender-week-day-header-border-width: 0 0 0 0;
    --dui-calender-week-day-header-border-style: solid;
    --dui-calender-month-days-row-border-width: 0 0 0 0;
    --dui-calender-month-days-row-border-style: solid;
    --dui-calendar-day-header-name-padding: var(--dui-spc-1);
    --dui-calender-day-number-padding: var(--dui-spc-1);
    --dui-calender-day-number-min-width: var(--dui-spc-8);
    --dui-calender-day-number-min-height: var(--dui-spc-8);
    --dui-calender-day-number-border-radius: 999999px;
    --dui-calender-day-number-line-height: 23px;
    --dui-calendar-out-of-range-day-color: var(--dui-color-2);
    --dui-calendar-day-in-range-font: var(--dui-font-normal-600);
    --dui-calendar-today-date-border-width: 1px;
    --dui-calendar-today-date-border-style: solid;

    --dui-calendar-selected-date-hover-color: var(--dui-color-5);
    --dui-calendar-date-in-range-bg-color: var(--dui-accent-l-5);

    --dui-calendar-selector-current-year-font: var(--dui-font-normal-600);
    --dui-calendar-selector-current-month-font: var(--dui-font-normal-600);
    --dui-calendar-selector-current-year-line-height: var(--dui-spc-8);
    --dui-calendar-selector-current-month-line-height: var(--dui-spc-8);
    --dui-calendar-selectors-padding: var(--dui-spc-2) var(--dui-spc-4);
    --dui-calendar-month-year-selector-border-radius: 3px;
    --dui-calender-years-spin-min-height: 106px;
    --dui-calendar-border: 1px solid var(--dui-calendar-border-color);

    /* ============================ Time picker ================== */
    --dui-timepicker-border-width: 1px;
    --dui-timepicker-border-style: solid;
    --dui-timepicker-header-padding:var(--dui-spc-4);
    --dui-timepicker-header-border-width: 0 0 var(--dui-spc-2) 0;
    --dui-timepicker-header-border-style: solid;
    --dui-timepicker-header-day-font-size: var(--dui-spc-8);
    --dui-timepicker-header-day-line-height: var(--dui-spc-12);
    --dui-timepicker-header-day-font-weight: 600;
    --dui-timepicker-footer-padding: 0 var(--dui-spc-2) var(--dui-spc-2) var(--dui-spc-2);

    /* ======================= data table ====================== */
    --dui-datattable-font-size: var(--dui-spc-3_5);
    --dui-datattable-cell-padding: var(--dui-spc-1);
    --dui-datattable-cell-line-height: var(--dui-spc-2);
    --dui-datattable-navbar-padding: 0;
    --dui-datattable-navbar-margin: var(--dui-spc-2) 0 var(--dui-spc-2) 0;
}

.dui.dui-primary {
    --dui-bg-l-5: var(--dui-clr-primary-l-5);
    --dui-bg-l-4: var(--dui-clr-primary-l-4);
    --dui-bg-l-3: var(--dui-clr-primary-l-3);
    --dui-bg-l-2: var(--dui-clr-primary-l-2);
    --dui-bg-l-1: var(--dui-clr-primary-l-1);
    --dui-bg: var(--dui-clr-primary);
    --dui-bg-d-1: var(--dui-clr-primary-d-1);
    --dui-bg-d-2: var(--dui-clr-primary-d-2);
    --dui-bg-d-3: var(--dui-clr-primary-d-3);
    --dui-bg-d-4: var(--dui-clr-primary-d-4);
    --dui-text-color: var(--dui-color);
}

.dui.dui-primary:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-primary);
}

.dui.dui-primary:not(.dui-ignore-fg) {
    color: var(--dui-primary-fg-clr);
}

.dui.dui-secondary {
    --dui-bg-l-5: var(--dui-clr-secondary-l-5);
    --dui-bg-l-4: var(--dui-clr-secondary-l-4);
    --dui-bg-l-3: var(--dui-clr-secondary-l-3);
    --dui-bg-l-2: var(--dui-clr-secondary-l-2);
    --dui-bg-l-1: var(--dui-clr-secondary-l-1);
    --dui-bg: var(--dui-clr-secondary);
    --dui-bg-d-1: var(--dui-clr-secondary-d-1);
    --dui-bg-d-2: var(--dui-clr-secondary-d-2);
    --dui-bg-d-3: var(--dui-clr-secondary-d-3);
    --dui-bg-d-4: var(--dui-clr-secondary-d-4);
    --dui-text-color: var(--dui-color);
}

.dui.dui-secondary:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-secondary);
}

.dui.dui-secondary:not(.dui-ignore-fg) {
    color: var(--dui-secondary-fg-clr);
}

.dui.dui-dominant {
    --dui-bg-l-5: var(--dui-clr-dominant-l-5);
    --dui-bg-l-4: var(--dui-clr-dominant-l-4);
    --dui-bg-l-3: var(--dui-clr-dominant-l-3);
    --dui-bg-l-2: var(--dui-clr-dominant-l-2);
    --dui-bg-l-1: var(--dui-clr-dominant-l-1);
    --dui-bg: var(--dui-clr-dominant);
    --dui-bg-d-1: var(--dui-clr-dominant-d-1);
    --dui-bg-d-2: var(--dui-clr-dominant-d-2);
    --dui-bg-d-3: var(--dui-clr-dominant-d-3);
    --dui-bg-d-4: var(--dui-clr-dominant-d-4);
    --dui-text-color: var(--dui-color-5);
}

.dui.dui-dominant:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-dominant);
}

.dui.dui-dominant:not(.dui-ignore-fg) {
    color: var(--dui-dominant-fg-clr);
}

.dui.dui-accent {
    --dui-bg-l-5: var(--dui-accent-l-5);
    --dui-bg-l-4: var(--dui-accent-l-4);
    --dui-bg-l-3: var(--dui-accent-l-3);
    --dui-bg-l-2: var(--dui-accent-l-2);
    --dui-bg-l-1: var(--dui-accent-l-1);
    --dui-bg: var(--dui-clr-accent);
    --dui-bg-d-1: var(--dui-accent-d-1);
    --dui-bg-d-2: var(--dui-accent-d-2);
    --dui-bg-d-3: var(--dui-accent-d-3);
    --dui-bg-d-4: var(--dui-accent-d-4);
    --dui-text-color: var(--dui-color);
}

.dui.dui-accent:not(.dui-ignore-bg) {
    background-color: var(--dui-accent);
}

.dui.dui-accent:not(.dui-ignore-fg) {
    color: var(--dui-accent-fg-clr);
}

.dui.dui-success {
    --dui-bg-l-5: var(--dui-clr-success-l-5);
    --dui-bg-l-4: var(--dui-clr-success-l-4);
    --dui-bg-l-3: var(--dui-clr-success-l-3);
    --dui-bg-l-2: var(--dui-clr-success-l-2);
    --dui-bg-l-1: var(--dui-clr-success-l-1);
    --dui-bg: var(--dui-clr-success);
    --dui-bg-d-1: var(--dui-clr-success-d-1);
    --dui-bg-d-2: var(--dui-clr-success-d-2);
    --dui-bg-d-3: var(--dui-clr-success-d-3);
    --dui-bg-d-4: var(--dui-clr-success-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-success:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-success);
}

.dui.dui-success:not(.dui-ignore-fg) {
    color: var(--dui-success-fg-clr);
}

.dui.dui-info {
    --dui-bg-l-5: var(--dui-clr-info-l-5);
    --dui-bg-l-4: var(--dui-clr-info-l-4);
    --dui-bg-l-3: var(--dui-clr-info-l-3);
    --dui-bg-l-2: var(--dui-clr-info-l-2);
    --dui-bg-l-1: var(--dui-clr-info-l-1);
    --dui-bg: var(--dui-clr-info);
    --dui-bg-d-1: var(--dui-clr-info-d-1);
    --dui-bg-d-2: var(--dui-clr-info-d-2);
    --dui-bg-d-3: var(--dui-clr-info-d-3);
    --dui-bg-d-4: var(--dui-clr-info-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-info:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-info);
}

.dui.dui-info:not(.dui-ignore-fg) {
    color: var(--dui-info-fg-clr);
}

.dui.dui-warning {
    --dui-bg-l-5: var(--dui-clr-warning-l-5);
    --dui-bg-l-4: var(--dui-clr-warning-l-4);
    --dui-bg-l-3: var(--dui-clr-warning-l-3);
    --dui-bg-l-2: var(--dui-clr-warning-l-2);
    --dui-bg-l-1: var(--dui-clr-warning-l-1);
    --dui-bg: var(--dui-clr-warning);
    --dui-bg-d-1: var(--dui-clr-warning-d-1);
    --dui-bg-d-2: var(--dui-clr-warning-d-2);
    --dui-bg-d-3: var(--dui-clr-warning-d-3);
    --dui-bg-d-4: var(--dui-clr-warning-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-warning:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-warning);
}

.dui.dui-warning:not(.dui-ignore-fg) {
    color: var(--dui-warning-fg-clr);
}

.dui.dui-error {
    --dui-bg-l-5: var(--dui-clr-error-l-5);
    --dui-bg-l-4: var(--dui-clr-error-l-4);
    --dui-bg-l-3: var(--dui-clr-error-l-3);
    --dui-bg-l-2: var(--dui-clr-error-l-2);
    --dui-bg-l-1: var(--dui-clr-error-l-1);
    --dui-bg: var(--dui-clr-error);
    --dui-bg-d-1: var(--dui-clr-error-d-1);
    --dui-bg-d-2: var(--dui-clr-error-d-2);
    --dui-bg-d-3: var(--dui-clr-error-d-3);
    --dui-bg-d-4: var(--dui-clr-error-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-error:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-error);
}

.dui.dui-error:not(.dui-ignore-fg) {
    color: var(--dui-error-fg-clr);
}

.dui.dui-red {
    --dui-bg-l-5: var(--dui-clr-red-l-5);
    --dui-bg-l-4: var(--dui-clr-red-l-4);
    --dui-bg-l-3: var(--dui-clr-red-l-3);
    --dui-bg-l-2: var(--dui-clr-red-l-2);
    --dui-bg-l-1: var(--dui-clr-red-l-1);
    --dui-bg: var(--dui-clr-red);
    --dui-bg-d-1: var(--dui-clr-red-d-1);
    --dui-bg-d-2: var(--dui-clr-red-d-2);
    --dui-bg-d-3: var(--dui-clr-red-d-3);
    --dui-bg-d-4: var(--dui-clr-red-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-red:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-red);
}

.dui.dui-red:not(.dui-ignore-fg) {
    color: var(--dui-red-fg-clr);
}

.dui.dui-pink {
    --dui-bg-l-5: var(--dui-clr-pink-l-5);
    --dui-bg-l-4: var(--dui-clr-pink-l-4);
    --dui-bg-l-3: var(--dui-clr-pink-l-3);
    --dui-bg-l-2: var(--dui-clr-pink-l-2);
    --dui-bg-l-1: var(--dui-clr-pink-l-1);
    --dui-bg: var(--dui-clr-pink);
    --dui-bg-d-1: var(--dui-clr-pink-d-1);
    --dui-bg-d-2: var(--dui-clr-pink-d-2);
    --dui-bg-d-3: var(--dui-clr-pink-d-3);
    --dui-bg-d-4: var(--dui-clr-pink-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-pink:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-pink);
}

.dui.dui-pink:not(.dui-ignore-fg) {
    color: var(--dui-pink-fg-clr);
}

.dui.dui-purple {
    --dui-bg-l-5: var(--dui-clr-purple-l-5);
    --dui-bg-l-4: var(--dui-clr-purple-l-4);
    --dui-bg-l-3: var(--dui-clr-purple-l-3);
    --dui-bg-l-2: var(--dui-clr-purple-l-2);
    --dui-bg-l-1: var(--dui-clr-purple-l-1);
    --dui-bg: var(--dui-clr-purple);
    --dui-bg-d-1: var(--dui-clr-purple-d-1);
    --dui-bg-d-2: var(--dui-clr-purple-d-2);
    --dui-bg-d-3: var(--dui-clr-purple-d-3);
    --dui-bg-d-4: var(--dui-clr-purple-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-purple:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-purple);
}

.dui.dui-purple:not(.dui-ignore-fg) {
    color: var(--dui-purple-fg-clr);
}

.dui.dui-deep-purple {
    --dui-bg-l-5: var(--dui-clr-deep-purple-l-5);
    --dui-bg-l-4: var(--dui-clr-deep-purple-l-4);
    --dui-bg-l-3: var(--dui-clr-deep-purple-l-3);
    --dui-bg-l-2: var(--dui-clr-deep-purple-l-2);
    --dui-bg-l-1: var(--dui-clr-deep-purple-l-1);
    --dui-bg: var(--dui-clr-deep-purple);
    --dui-bg-d-1: var(--dui-clr-deep-purple-d-1);
    --dui-bg-d-2: var(--dui-clr-deep-purple-d-2);
    --dui-bg-d-3: var(--dui-clr-deep-purple-d-3);
    --dui-bg-d-4: var(--dui-clr-deep-purple-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-deep-purple:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-deep-purple);
}

.dui.dui-deep-purple:not(.dui-ignore-fg) {
    color: var(--dui-deep-purple-fg-clr);
}

.dui.dui-indigo {
    --dui-bg-l-5: var(--dui-clr-indigo-l-5);
    --dui-bg-l-4: var(--dui-clr-indigo-l-4);
    --dui-bg-l-3: var(--dui-clr-indigo-l-3);
    --dui-bg-l-2: var(--dui-clr-indigo-l-2);
    --dui-bg-l-1: var(--dui-clr-indigo-l-1);
    --dui-bg: var(--dui-clr-indigo);
    --dui-bg-d-1: var(--dui-clr-indigo-d-1);
    --dui-bg-d-2: var(--dui-clr-indigo-d-2);
    --dui-bg-d-3: var(--dui-clr-indigo-d-3);
    --dui-bg-d-4: var(--dui-clr-indigo-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-indigo:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-indigo);
}

.dui.dui-indigo:not(.dui-ignore-fg) {
    color: var(--dui-indigo-fg-clr);
}

.dui.dui-blue {
    --dui-bg-l-5: var(--dui-clr-blue-l-5);
    --dui-bg-l-4: var(--dui-clr-blue-l-4);
    --dui-bg-l-3: var(--dui-clr-blue-l-3);
    --dui-bg-l-2: var(--dui-clr-blue-l-2);
    --dui-bg-l-1: var(--dui-clr-blue-l-1);
    --dui-bg: var(--dui-clr-blue);
    --dui-bg-d-1: var(--dui-clr-blue-d-1);
    --dui-bg-d-2: var(--dui-clr-blue-d-2);
    --dui-bg-d-3: var(--dui-clr-blue-d-3);
    --dui-bg-d-4: var(--dui-clr-blue-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-blue:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-blue);
}

.dui.dui-blue:not(.dui-ignore-fg) {
    color: var(--dui-blue-fg-clr);
}

.dui.dui-light-blue {
    --dui-bg-l-5: var(--dui-clr-light-blue-l-5);
    --dui-bg-l-4: var(--dui-clr-light-blue-l-4);
    --dui-bg-l-3: var(--dui-clr-light-blue-l-3);
    --dui-bg-l-2: var(--dui-clr-light-blue-l-2);
    --dui-bg-l-1: var(--dui-clr-light-blue-l-1);
    --dui-bg: var(--dui-clr-light-blue);
    --dui-bg-d-1: var(--dui-clr-light-blue-d-1);
    --dui-bg-d-2: var(--dui-clr-light-blue-d-2);
    --dui-bg-d-3: var(--dui-clr-light-blue-d-3);
    --dui-bg-d-4: var(--dui-clr-light-blue-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-light-blue:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-light-blue);
}

.dui.dui-light-blue:not(.dui-ignore-fg) {
    color: var(--dui-light-blue-fg-clr);
}

.dui.dui-cyan {
    --dui-bg-l-5: var(--dui-clr-cyan-l-5);
    --dui-bg-l-4: var(--dui-clr-cyan-l-4);
    --dui-bg-l-3: var(--dui-clr-cyan-l-3);
    --dui-bg-l-2: var(--dui-clr-cyan-l-2);
    --dui-bg-l-1: var(--dui-clr-cyan-l-1);
    --dui-bg: var(--dui-clr-cyan);
    --dui-bg-d-1: var(--dui-clr-cyan-d-1);
    --dui-bg-d-2: var(--dui-clr-cyan-d-2);
    --dui-bg-d-3: var(--dui-clr-cyan-d-3);
    --dui-bg-d-4: var(--dui-clr-cyan-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-cyan:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-cyan);
}

.dui.dui-cyan:not(.dui-ignore-fg) {
    color: var(--dui-cyan-fg-clr);
}

.dui.dui-teal {
    --dui-bg-l-5: var(--dui-clr-teal-l-5);
    --dui-bg-l-4: var(--dui-clr-teal-l-4);
    --dui-bg-l-3: var(--dui-clr-teal-l-3);
    --dui-bg-l-2: var(--dui-clr-teal-l-2);
    --dui-bg-l-1: var(--dui-clr-teal-l-1);
    --dui-bg: var(--dui-clr-teal);
    --dui-bg-d-1: var(--dui-clr-teal-d-1);
    --dui-bg-d-2: var(--dui-clr-teal-d-2);
    --dui-bg-d-3: var(--dui-clr-teal-d-3);
    --dui-bg-d-4: var(--dui-clr-teal-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-teal:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-teal);
}

.dui.dui-teal:not(.dui-ignore-fg) {
    color: var(--dui-teal-fg-clr);
}

.dui.dui-green {
    --dui-bg-l-5: var(--dui-clr-green-l-5);
    --dui-bg-l-4: var(--dui-clr-green-l-4);
    --dui-bg-l-3: var(--dui-clr-green-l-3);
    --dui-bg-l-2: var(--dui-clr-green-l-2);
    --dui-bg-l-1: var(--dui-clr-green-l-1);
    --dui-bg: var(--dui-clr-green);
    --dui-bg-d-1: var(--dui-clr-green-d-1);
    --dui-bg-d-2: var(--dui-clr-green-d-2);
    --dui-bg-d-3: var(--dui-clr-green-d-3);
    --dui-bg-d-4: var(--dui-clr-green-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-green:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-green);
}

.dui.dui-green:not(.dui-ignore-fg) {
    color: var(--dui-green-fg-clr);
}

.dui.dui-light-green {
    --dui-bg-l-5: var(--dui-clr-light-green-l-5);
    --dui-bg-l-4: var(--dui-clr-light-green-l-4);
    --dui-bg-l-3: var(--dui-clr-light-green-l-3);
    --dui-bg-l-2: var(--dui-clr-light-green-l-2);
    --dui-bg-l-1: var(--dui-clr-light-green-l-1);
    --dui-bg: var(--dui-clr-light-green);
    --dui-bg-d-1: var(--dui-clr-light-green-d-1);
    --dui-bg-d-2: var(--dui-clr-light-green-d-2);
    --dui-bg-d-3: var(--dui-clr-light-green-d-3);
    --dui-bg-d-4: var(--dui-clr-light-green-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-light-green:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-light-green);
}

.dui.dui-light-green:not(.dui-ignore-fg) {
    color: var(--dui-light-green-fg-clr);
}

.dui.dui-lime {
    --dui-bg-l-5: var(--dui-clr-lime-l-5);
    --dui-bg-l-4: var(--dui-clr-lime-l-4);
    --dui-bg-l-3: var(--dui-clr-lime-l-3);
    --dui-bg-l-2: var(--dui-clr-lime-l-2);
    --dui-bg-l-1: var(--dui-clr-lime-l-1);
    --dui-bg: var(--dui-clr-lime);
    --dui-bg-d-1: var(--dui-clr-lime-d-1);
    --dui-bg-d-2: var(--dui-clr-lime-d-2);
    --dui-bg-d-3: var(--dui-clr-lime-d-3);
    --dui-bg-d-4: var(--dui-clr-lime-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-lime:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-lime);
}

.dui.dui-lime:not(.dui-ignore-fg) {
    color: var(--dui-lime-fg-clr);
}

.dui.dui-yellow {
    --dui-bg-l-5: var(--dui-clr-yellow-l-5);
    --dui-bg-l-4: var(--dui-clr-yellow-l-4);
    --dui-bg-l-3: var(--dui-clr-yellow-l-3);
    --dui-bg-l-2: var(--dui-clr-yellow-l-2);
    --dui-bg-l-1: var(--dui-clr-yellow-l-1);
    --dui-bg: var(--dui-clr-yellow);
    --dui-bg-d-1: var(--dui-clr-yellow-d-1);
    --dui-bg-d-2: var(--dui-clr-yellow-d-2);
    --dui-bg-d-3: var(--dui-clr-yellow-d-3);
    --dui-bg-d-4: var(--dui-clr-yellow-d-4);
    --dui-text-color: var(--dui-color);
}

.dui.dui-yellow:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-yellow);
}

.dui.dui-yellow:not(.dui-ignore-fg) {
    color: var(--dui-yellow-fg-clr);
}

.dui.dui-amber {
    --dui-bg-l-5: var(--dui-clr-amber-l-5);
    --dui-bg-l-4: var(--dui-clr-amber-l-4);
    --dui-bg-l-3: var(--dui-clr-amber-l-3);
    --dui-bg-l-2: var(--dui-clr-amber-l-2);
    --dui-bg-l-1: var(--dui-clr-amber-l-1);
    --dui-bg: var(--dui-clr-amber);
    --dui-bg-d-1: var(--dui-clr-amber-d-1);
    --dui-bg-d-2: var(--dui-clr-amber-d-2);
    --dui-bg-d-3: var(--dui-clr-amber-d-3);
    --dui-bg-d-4: var(--dui-clr-amber-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-amber:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-amber);
}

.dui.dui-amber:not(.dui-ignore-fg) {
    color: var(--dui-amber-fg-clr);
}

.dui.dui-orange {
    --dui-bg-l-5: var(--dui-clr-orange-l-5);
    --dui-bg-l-4: var(--dui-clr-orange-l-4);
    --dui-bg-l-3: var(--dui-clr-orange-l-3);
    --dui-bg-l-2: var(--dui-clr-orange-l-2);
    --dui-bg-l-1: var(--dui-clr-orange-l-1);
    --dui-bg: var(--dui-clr-orange);
    --dui-bg-d-1: var(--dui-clr-orange-d-1);
    --dui-bg-d-2: var(--dui-clr-orange-d-2);
    --dui-bg-d-3: var(--dui-clr-orange-d-3);
    --dui-bg-d-4: var(--dui-clr-orange-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-orange:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-orange);
}

.dui.dui-orange:not(.dui-ignore-fg) {
    color: var(--dui-orange-fg-clr);
}

.dui.dui-deep-orange {
    --dui-bg-l-5: var(--dui-clr-deep-orange-l-5);
    --dui-bg-l-4: var(--dui-clr-deep-orange-l-4);
    --dui-bg-l-3: var(--dui-clr-deep-orange-l-3);
    --dui-bg-l-2: var(--dui-clr-deep-orange-l-2);
    --dui-bg-l-1: var(--dui-clr-deep-orange-l-1);
    --dui-bg: var(--dui-clr-deep-orange);
    --dui-bg-d-1: var(--dui-clr-deep-orange-d-1);
    --dui-bg-d-2: var(--dui-clr-deep-orange-d-2);
    --dui-bg-d-3: var(--dui-clr-deep-orange-d-3);
    --dui-bg-d-4: var(--dui-clr-deep-orange-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-deep-orange:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-deep-orange);
}

.dui.dui-deep-orange:not(.dui-ignore-fg) {
    color: var(--dui-deep-orange-fg-clr);
}

.dui.dui-brown {
    --dui-bg-l-5: var(--dui-clr-brown-l-5);
    --dui-bg-l-4: var(--dui-clr-brown-l-4);
    --dui-bg-l-3: var(--dui-clr-brown-l-3);
    --dui-bg-l-2: var(--dui-clr-brown-l-2);
    --dui-bg-l-1: var(--dui-clr-brown-l-1);
    --dui-bg: var(--dui-clr-brown);
    --dui-bg-d-1: var(--dui-clr-brown-d-1);
    --dui-bg-d-2: var(--dui-clr-brown-d-2);
    --dui-bg-d-3: var(--dui-clr-brown-d-3);
    --dui-bg-d-4: var(--dui-clr-brown-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-brown:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-brown);
}

.dui.dui-brown:not(.dui-ignore-fg) {
    color: var(--dui-brown-fg-clr);
}

.dui.dui-grey {
    --dui-bg-l-5: var(--dui-clr-grey-l-5);
    --dui-bg-l-4: var(--dui-clr-grey-l-4);
    --dui-bg-l-3: var(--dui-clr-grey-l-3);
    --dui-bg-l-2: var(--dui-clr-grey-l-2);
    --dui-bg-l-1: var(--dui-clr-grey-l-1);
    --dui-bg: var(--dui-clr-grey);
    --dui-bg-d-1: var(--dui-clr-grey-d-1);
    --dui-bg-d-2: var(--dui-clr-grey-d-2);
    --dui-bg-d-3: var(--dui-clr-grey-d-3);
    --dui-bg-d-4: var(--dui-clr-grey-d-4);
    --dui-text-color: var(--dui-clr-black);
}

.dui.dui-grey:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-grey);
}

.dui.dui-grey:not(.dui-ignore-fg) {
    color: var(--dui-grey-fg-clr);
}

.dui.dui-blue-grey {
    --dui-bg-l-5: var(--dui-clr-blue-grey-l-5);
    --dui-bg-l-4: var(--dui-clr-blue-grey-l-4);
    --dui-bg-l-3: var(--dui-clr-blue-grey-l-3);
    --dui-bg-l-2: var(--dui-clr-blue-grey-l-2);
    --dui-bg-l-1: var(--dui-clr-blue-grey-l-1);
    --dui-bg: var(--dui-clr-blue-grey);
    --dui-bg-d-1: var(--dui-clr-blue-grey-d-1);
    --dui-bg-d-2: var(--dui-clr-blue-grey-d-2);
    --dui-bg-d-3: var(--dui-clr-blue-grey-d-3);
    --dui-bg-d-4: var(--dui-clr-blue-grey-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-blue-grey:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-blue-grey);
}

.dui.dui-blue-grey:not(.dui-ignore-fg) {
    color: var(--dui-blue-grey-fg-clr);
}

.dui.dui-white {
    --dui-bg-l-5: var(--dui-clr-white-l-5);
    --dui-bg-l-4: var(--dui-clr-white-l-4);
    --dui-bg-l-3: var(--dui-clr-white-l-3);
    --dui-bg-l-2: var(--dui-clr-white-l-2);
    --dui-bg-l-1: var(--dui-clr-white-l-1);
    --dui-bg: var(--dui-clr-white);
    --dui-bg-d-1: var(--dui-clr-white-d-1);
    --dui-bg-d-2: var(--dui-clr-white-d-2);
    --dui-bg-d-3: var(--dui-clr-white-d-3);
    --dui-bg-d-4: var(--dui-clr-white-d-4);
    --dui-text-color: var(--dui-clr-black);
}

.dui.dui-white:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-white);
}

.dui.dui-white:not(.dui-ignore-fg) {
    color: var(--dui-white-fg-clr);
}

.dui.dui-black {
    --dui-bg-l-5: var(--dui-clr-black-l-5);
    --dui-bg-l-4: var(--dui-clr-black-l-4);
    --dui-bg-l-3: var(--dui-clr-black-l-3);
    --dui-bg-l-2: var(--dui-clr-black-l-2);
    --dui-bg-l-1: var(--dui-clr-black-l-1);
    --dui-bg: var(--dui-clr-black);
    --dui-bg-d-1: var(--dui-clr-black-d-1);
    --dui-bg-d-2: var(--dui-clr-black-d-2);
    --dui-bg-d-3: var(--dui-clr-black-d-3);
    --dui-bg-d-4: var(--dui-clr-black-d-4);
    --dui-text-color: var(--dui-clr-white);
}

.dui.dui-black:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-black);
}

.dui.dui-black:not(.dui-ignore-fg) {
    color: var(--dui-black-fg-clr);
}

.dui.dui-transparent {
    --dui-bg-l-5: var(--dui-clr-transparent);
    --dui-bg-l-4: var(--dui-clr-transparent);
    --dui-bg-l-3: var(--dui-clr-transparent);
    --dui-bg-l-2: var(--dui-clr-transparent);
    --dui-bg-l-1: var(--dui-clr-transparent);
    --dui-bg: var(--dui-clr-transparent);
    --dui-bg-d-1: var(--dui-clr-semi-transparent);
    --dui-bg-d-2: var(--dui-clr-semi-transparent);
    --dui-bg-d-3: var(--dui-clr-semi-transparent);
    --dui-bg-d-4: var(--dui-clr-semi-transparent);
    --dui-text-color: var(--dui-clr-inherit);
}

.dui.dui-transparent:not(.dui-ignore-bg) {
    background-color: var(--dui-clr-transparent);
}

.dui.dui-transparent:not(.dui-ignore-fg) {
    color: var(--dui-text-color);
}

.dui.dui-bg-l-5 {
    background-color: var(--dui-bg-l-5);
}

.dui.dui-bg-l-4 {
    background-color: var(--dui-bg-l-4);
}

.dui.dui-bg-l-3 {
    background-color: var(--dui-bg-l-3);
}

.dui.dui-bg-l-2 {
    background-color: var(--dui-bg-l-2);
}

.dui.dui-bg-l-1 {
    background-color: var(--dui-bg-l-1);
}

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

.dui.dui-bg-d-1 {
    background-color: var(--dui-bg-d-1);
}

.dui.dui-bg-d-2 {
    background-color: var(--dui-bg-d-2);
}

.dui.dui-bg-d-3 {
    background-color: var(--dui-bg-d-3);
}

.dui.dui-bg-d-4 {
    background-color: var(--dui-bg-d-4);
}

.dui.dui-fg {
    color: var(--dui-text-color);
}

a.dui {
    color: inherit;
}

.dui-reload-css {
    position: fixed;
    top: 20px;
    right: 20px;
    display: inline-block;
}

.dui-close {
    color: inherit;
    opacity: 1;
    border: none;
    position: relative;
    top: 0;
    font: var(--dui-font-regular);
    line-height: 23px;
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px;
    left: 6px;
    cursor: pointer;
    border-radius: 99999px;
    margin-left: 2px;
    margin-right: 2px;
    order: 9999;
    background-color: var(--dui-bg);
}

.dui-close-char {
    position: relative;
    top: -1px;
}


.dui-close:hover {
    transition: var(--dui-clickable-transition);
    background-color: var(--dui-bg-d-2, var(--dui-accent-d-2));
    box-shadow: 0 0 0 0 rgb(0 0 0 / 40%), 0 0 0 10px rgb(0 0 0 / 8%);
}

.dui-overlay {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: var(--dui-overlay-opacify);
    z-index: var(--dui-overlay-z-index);
    transition: all 0.3s ease-in-out;
    background-color: var(--dui-overlay-background);
}

.dui-highlighted {
    color: var(--dui-highlight-color);
}

.height-collapsed {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 0 !important;
}

.dui-vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(calc(-50%)) !important;
}

.dui-horizontal-center {
    position: relative;
    left: 50%;
    transform: translateX(calc(-50%)) !important;
}

.dui-striped {
    background-image: var(--dui-progress-bar-striped-bg-image);
    background-size: var(--dui-progress-bar-striped-bg-size);
}

.dui-wave-sentinel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: hidden;
    border-radius: inherit;
}

h1.dui {
    font-size: 2em;
}

hr.dui {
    box-sizing: content-box;
    height: 0;
    margin: var(--dui-hr-margin);
    border-width: var(--dui-hr-border-width);
    border-style: var(--dui-hr-border-style);
    border-color: var(--dui-accent-l-5, var(--dui-hr-border-color));
}

.dui-hide-empty:empty {
    display: none;
}

.dui-fg-color {
    color: var(--dui-color);
}

.dui-fg-color-1 {
    color: var(--dui-color-1);
}

.dui-fg-color-2 {
    color: var(--dui-color-2);
}

.dui-fg-color-3 {
    color: var(--dui-color-3);
}

.dui-fg-color-4 {
    color: var(--dui-color-4);
}

.dui-fg-color-5 {
    color: var(--dui-color-5);
}

.dui-fg-color-accent {
    --dui-fg:var(--dui-accent-clr);
    color: var(--dui-accent-clr);
}

.dui.dui-dialog.waitMe_container {
    transform: translateY(var(--dui-dialog-default-top-translate));
}.dui-thumbnail {
    display: flex;
    flex-direction: var(--dui-thumbnail-default-direction);
    margin: var(--dui-thumbnail-margin);
    border: var(--dui-thumbnail-border);
    transition: var(--dui-thumbnail-transition);
    border-radius: var(--dui-thumbnail-radius);
    box-shadow: var(--dui-thumbnail-box-shadow);
    background-color: var(--dui-clr-dominant);
}

.dui-thumbnail:hover,
.dui-thumbnail:focus{
    border: var(--dui-thumbnail-active-border);
}

.dui-thumbnail-title {
    order: var(--dui-thumbnail-body-title-order);
    padding: var(--dui-thumbnail-title-padding);
}
.dui-thumbnail-body:empty,
.dui-thumbnail-footer:empty,
.dui-thumbnail-title:empty{
    display: none;
}

.dui-thumbnail-head {
    display: flex;
    flex-direction: column;
    order: var(--dui-thumbnail-body-head-order);
    flex-grow: 1;
    align-self: var(--dui-thumbnail-head-align-self);
    border-radius: var(--dui-thumbnail-head-radius);
}

.dui-thumbnail-tail {
    align-self: var(--dui-thumbnail-tail-align-self);
    order: var(--dui-thumbnail-body-tail-order);
    border-radius: var(--dui-thumbnail-tail-radius);
}

.dui-thumbnail-footer{
    padding: var(--dui-thumbnail-footer-padding);
}
.dui-thumbnail-body {
    order: var(--dui-thumbnail-body-order);
    flex-grow: 1;
    align-self: stretch;
    padding: var(--dui-thumbnail-body-padding);
    border-radius: var(--dui-thumbnail-body-radius);
}

.dui-thumbnail-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    border-radius: var(--dui-thumbnail-image-radius);
    padding: var(--dui-thumbnail-img-padding);
}



.dui-time-picker {
    border-width: var(--dui-timepicker-border-width);
    border-style: var(--dui-timepicker-border-style);
    border-color: var(--dui-timepicker-border-color);
    display: flex;
    flex-direction: column;
}

.dui-time-header {
    order: 20;
    padding: var(--dui-timepicker-header-padding);
    background-color: var(--dui-accent);
    color: var(--dui-timepicker-header-text-color, var(--dui-clr-white));
    border-width: var(--dui-timepicker-header-border-width);
    border-style: var(--dui-timepicker-header-border-style);
    border-color: var(--dui-accent-l-2);
    display: flex;
    justify-content: center;
    width: 100%;
}

.dui-time-header-text {
    font-size: var(--dui-timepicker-header-day-font-size);
    line-height: var(--dui-timepicker-header-day-line-height);
    font-weight: var(--dui-timepicker-header-day-font-weight);
}

.dui-timepicker-body {
    order: 60;
}

.dui-timepicker-selectors {
    order: 40;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--dui-spc-2);
    padding: var(--dui-spc-2);
}

.dui-timepicker-footer {
    order: 80;
}

.dui-timepicker-unit-selector {
   min-inline-size: 0;
}
.dui-timepicker-unit-selector.dui-form-field{
    margin-bottom: 0;
}

.dui-timepicker-footer {
    padding: var(--dui-timepicker-footer-padding);
}
.dui-tree {
    margin: var(--dui-tree-margin);
    border: var(--dui-tree-border);
    border-radius: var(--dui-tree-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    --next-level: 0.25;
    --indentSize: 20px;
}

.dui-tree-body {
    order:20;
    overflow: auto;
    max-height: 100%;
    flex-grow: 1;
    padding: 0 0 0 0;
}

.dui-tree-body > .dui-tree-nav {
    list-style: none;
    padding: var(--dui-tree-nav-padding);
    margin: var(--dui-tree-nav-margin);
}

.dui-tree-header {
    display: flex;
    order: 10;
    flex-shrink:0;
    position: relative;
    overflow: hidden;
    line-height: var(--dui-tree-header-line-height);
    background: var(--dui-tree-header-background, var(--dui-accent-l-3));
    font: var(--dui-tree-header-font);
    padding: var(--dui-tree-header-padding);
    border-radius: var(--dui-tree-header-radius);
}

.dui-tree-header .dui-tree-item-content > .dui-postfix-addon {
    margin: var(--dui-tree-item-margin);
}

.dui-tree-item-close,
.dui-tree-header .dui-postfix-addon,
.dui-tree-item-icon {
    position: relative;
}

.dui-tree-item-icon {
    order: 20;
}

.dui-tree-item-text {
    order: 30;
    flex-grow: 1;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dui-tree-item-filler {
    order: 40;
    flex-grow: 1;

}

.dui-tree-item-close:before,
.dui-tree-item-text {
    line-height: var(--dui-tree-item-line-height);
}

.dui-tree .dui-postfix-addon {
    order: 50;
}

.dui-tree .dui-prefix-addon {
    order: 10;
}

.dui-tree-item-content {
    display: flex;
    flex-grow: 1;
    align-items:center;
    background: inherit;
    gap:var(--dui-tree-item-content-gap)
}

.dui-tree-anchor {
    position: relative;
    display: block;
    padding: var(--dui-tree-item-anchor-padding);
    border-radius: var(--dui-tree-item-anchor-radius);
    text-decoration: var(--dui-tree-anchor-text-decoration);
    cursor: pointer;
}

.dui[class*="dui-bg-"] .dui-tree-anchor:hover,
.dui[class*="dui-bg-"] .dui-tree-anchor:focus {
    background-color: var(--dui-tree-item-anchor-focus-bg, var(--dui-bg-d-2, var(--dui-accent-l-3)));
}

.dui-tree-anchor:hover,
.dui-tree-anchor:focus {
    background-color: var(--dui-tree-item-anchor-focus-bg, var(--dui-accent-l-3));
    outline: none;
}

.dui-tree-item[disabled] .dui-tree-anchor *.dui,
.dui-tree-item[disabled] .dui-tree-anchor,
.dui-tree-item[disabled] .dui-tree-anchor:hover,
.dui-tree-item[disabled] .dui-tree-anchor:focus,
.dui-tree[disabled] .dui-tree-anchor,
.dui-tree[disabled] .dui-tree-anchor *.dui,
.dui-tree[disabled] .dui-tree-anchor:hover,
.dui-tree[disabled] .dui-tree-anchor:focus {
    color: var(--dui-tree-item-disabled-color);
    text-decoration: none;
    cursor: var(--dui-tree-item-disabled-cursor);
}

.dui-tree-item[disabled][class*="dui-bg-"] .dui-tree-anchor:hover,
.dui-tree-item[disabled][class*="dui-bg-"] .dui-tree-anchor:focus,
.dui-tree[disabled][class*="dui-bg-"] .dui-tree-anchor:hover,
.dui-tree[disabled][class*="dui-bg-"] .dui-tree-anchor:focus {
    background-color:  var(--dui-tree-item-disabled-hover-bg, var(--dui-bg-l-2, var(--dui-accent-l-3)));;
}

.dui-tree-item[disabled] .dui-tree-anchor:hover,
.dui-tree-item[disabled] .dui-tree-anchor:focus,
.dui-tree[disabled] .dui-tree-anchor:hover,
.dui-tree[disabled] .dui-tree-anchor:focus {
    background-color: var(--dui-tree-item-disabled-hover-bg, var(--dui-accent, var(--dui-clr-grey-l-3)));
}

.dui-tree-item-close,
.dui-tree-item-collapse-icon {
    order: 99999;
}

.dui-separator {
    margin: var(--dui-tree-separator-margin);
    padding: var(--dui-tree-separator-padding);
    border-bottom: var(--dui-tree-separator-border);
}

/* Any ul nesting should calculate next level indent */
.dui-tree-item > .dui-tree-nav {
    --next-level: calc(var(--level) + 1);
    /* counteract the padding for each li for previous level */
    --offsetSize: calc(var(--level) * var(--indentSize));
}
.dui-tree-item > .dui-tree-anchor{
    position: relative;
    padding-left: calc((var(--level, 1) * 2) * var(--indentSize));
}
.dui-tree-item > .dui-tree-nav{
    position: relative;
    left: calc(var(--offsetSize) * -1 + var(--offsetSize));
    width: calc(100%);
}

/* li's should just adopt the value set at the ul */
.dui-tree-nav > .dui-tree-item {
    --level: calc(var(--next-level));
}

.dui-tree-anchor {
    color: var(--dui-tree-item-color, var(--dui-accent-d-2));
}
.dui-tree-item-text {
    color: var(--dui-color);
}

.dui-tree-item-icon {
    color: var(--dui-tree-item-color, var(--dui-accent));
}

.dui-active > .dui-tree-anchor,
.dui-active > .dui-tree-anchor .dui-tree-item-text,
.dui-active > .dui-tree-anchor .dui-tree-item-icon {
    color: var(--dui-tree-item-active-color, var(--dui-accent-d-3));
}
.dui-tree-anchor:hover,
.dui-tree-anchor:hover .dui-tree-item-text,
.dui-tree-anchor:hover .dui-tree-item-icon,
.dui-active > .dui-tree-anchor:hover,
.dui-tree-anchor:focus,
.dui-tree-anchor:focus .dui-tree-item-text,
.dui-tree-anchor:focus .dui-tree-item-icon,
.dui-active > .dui-tree-anchor:focus {
    color: var(--dui-tree-item-hover-color, var(--dui-color-5));
}

.dui-tree-nav {
    padding: 0;
}.dui-file-upload {
    display: flex;
    flex-direction: column;
    border: var(--dui-file-upload-border);
    background-color: var(--dui-file-upload-background);
    padding: var(--dui-file-upload-padding);
    cursor: var(--dui-file-upload-cursor);
}

.dui-file-upload:hover {
    border: var(--dui-file-upload-hovered-border);
}

.dui-file-upload-input {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.dui-file-upload-messages:empty {
    display: none;
}

.dui-file-upload-decoration {
    order: 10;
}
.dui-file-preview-container {
    order: 20;
}/*
waitMe - 1.19 [31.10.17]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container:not(body) {transform:translateZ(0);backface-visibility:hidden}
.waitMe_container:not(body) {backface-visibility:hidden}
body.waitMe_container .waitMe {position:fixed;height:100vh;transform:translateZ(0);backface-visibility:hidden}
body.waitMe_container .waitMe .waitMe_content {top:50%!important;transform:none!important}
.waitMe_container .waitMe {position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center;overflow:hidden;cursor:wait}
.waitMe_container .waitMe * {font-family:inherit;font-size:inherit;font-weight:initial;font-style:initial;line-height:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}
.waitMe_container .waitMe .waitMe_content {position:absolute;left:0;right:0;top:50%;backface-visibility:hidden}
.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_progress {display:inline-block;vertical-align:middle}
.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_text {display:inline-block;margin:0 0 0 20px;vertical-align:middle}
.waitMe_container .waitMe .waitMe_progress {position:relative;font-size:0;line-height:0}
.waitMe_container .waitMe .waitMe_progress > div {animation-fill-mode:both;display:inline-block;transform:translateZ(0);backface-visibility:hidden}
.waitMe_container .waitMe .waitMe_text {position:relative;margin:20px 0 0}

/* before load animation */
body.waitMe_body {overflow:hidden;height:100%}
body.waitMe_body.hideMe {transition:opacity .2s ease-in-out;opacity:0}
body.waitMe_body .waitMe_container:not([data-waitme_id]) {position:fixed;z-index:9989;top:0;bottom:0;left:0;right:0;background:#fff}
body.waitMe_body .waitMe_container:not([data-waitme_id]) > div {animation-fill-mode:both;position:absolute}
body.waitMe_body .waitMe_container.progress > div {width:0;height:3px;top:0;left:0;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:progress_body 7s infinite ease-out}
body.waitMe_body .waitMe_container.working > div {width:10%;height:3px;top:0;left:-10%;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:working_body 2s infinite linear}
body.waitMe_body .waitMe_container.progress > div:after {content:'';position:absolute;top:0;bottom:60%;right:0;width:60px;border-radius:50%;opacity:.5;transform:rotate(3deg);box-shadow:#000 1px 0 6px 1px}
body.waitMe_body .waitMe_container.img > div {width:100%;height:100%;text-align:center;background-position:center!important;background-repeat:no-repeat!important}
body.waitMe_body .waitMe_container.text > div {width:100%;top:45%;text-align:center}
@keyframes progress_body {
	0% {width:0}
	100% {width:100%}
}
@keyframes working_body {
	0% {left:-10%}
	100% {left:100%}
}


/* bounce */
.waitMe_container .waitMe_progress.bounce > div {width:20px;height:20px;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1 {animation-delay:-.32s}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2 {animation-delay:-.16s}
@keyframes bounce {
	0%, 80%, 100% {transform:scale(0)}
	40% {transform:scale(1)}
}


/* rotateplane */
.waitMe_container .waitMe_progress.rotateplane > div {width:30px;height:30px;animation:rotateplane 1.2s infinite ease-in-out;backface-visibility:visible}
@keyframes rotateplane {
  0% {transform:perspective(120px)}
  50% {transform:perspective(120px) rotateY(180deg)}
  100% {transform:perspective(120px) rotateY(180deg) rotateX(180deg)}
}


/* stretch */
.waitMe_container .waitMe_progress.stretch {height:60px}
.waitMe_container .waitMe_progress.stretch > div {width:1px;height:100%;margin:0 4px;animation:stretch 1.2s infinite ease-in-out}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2 {animation-delay:-1.1s}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3 {animation-delay:-1s}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4 {animation-delay:-.9s}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5 {animation-delay:-.8s}
@keyframes stretch {
  0%, 40%, 100% {transform:scaleY(.4)}
  20% {transform:scaleY(1)}
}


/* orbit */
.waitMe_container .waitMe_progress.orbit {width:40px;height:40px;margin:auto;position:relative}
.waitMe_container .waitMe_progress.orbit > div {width:100%;height:100%;margin:auto;top:0;left:0;position:absolute;animation:orbit_rotate 2s infinite linear}
.waitMe_container .waitMe_progress.orbit > div > div {width:50%;height:50%;border-radius:50%;top:10%;left:10%;position:absolute;animation:orbit 2s infinite ease-in-out}
.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2 > div {top:auto;bottom:10%;left:auto;right:10%;animation-delay:-1s}
@keyframes orbit_rotate {
	0% {transform:rotate(0deg)}
	100% {transform:rotate(360deg)}
}
@keyframes orbit {
  0%, 100% {transform:scale(0)}
	50% {transform:scale(1)}
}


/* roundBounce */
.waitMe_container .waitMe_progress.roundBounce {width:60px;height:60px;margin:auto}
.waitMe_container .waitMe_progress.roundBounce > div {width:24%;height:24%;border-radius:50%;position:absolute;animation:roundBounce 1.2s infinite ease-in-out}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1 {top:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {top:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {bottom:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {bottom:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {top:-3%;left:50%;margin-top:-12%;margin-left:-12%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {top:50%;right:-3%;margin-top:-12%;margin-right:-12%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {bottom:-3%;left:50%;margin-bottom:-12%;margin-left:-12%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {top:50%;left:-3%;margin-top:-12%;margin-left:-12%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {top:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {bottom:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {bottom:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {top:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {animation-delay:-1.1s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {animation-delay:-1s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {animation-delay:-.9s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {animation-delay:-.8s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {animation-delay:-.7s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {animation-delay:-.6s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {animation-delay:-.5s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {animation-delay:-.4s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {animation-delay:-.3s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {animation-delay:-.2s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {animation-delay:-.1s}
@keyframes roundBounce {
  0%, 80%, 100% {transform:scale(0)}
	40% {transform:scale(1)}
}


/* win8 */
.waitMe_container .waitMe_progress.win8 {width:40px;height:40px;margin:auto}
.waitMe_container .waitMe_progress.win8 > div {width:100%;height:100%;opacity:0;position:absolute;margin:auto;left:0;right:0;transform:rotate(225deg);animation:win8 5.5s infinite}
.waitMe_container .waitMe_progress.win8 > div > div {width:15%;height:15%;border-radius:50%;position:absolute}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2 {animation-delay:.24s}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3 {animation-delay:.48s}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4 {animation-delay:.72s}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5 {animation-delay:.96s}
@keyframes win8 {
  0% {transform:rotate(225deg);animation-timing-function:ease-out} 
  7% {opacity:1;transform:rotate(345deg);animation-timing-function:linear}
  30% {transform:rotate(455deg);animation-timing-function:ease-in-out}
  39% {transform:rotate(690deg);animation-timing-function:linear}
  70% {opacity:1;transform:rotate(815deg);animation-timing-function:ease-out}
  75% {transform:rotate(945deg);animation-timing-function:ease-out}
  76% {opacity:0;transform:rotate(945deg)}
  100% {opacity:0;transform:rotate(945deg)} 
}


/* win8_linear */
.waitMe_container .waitMe_progress.win8_linear {margin:auto;width:150px;height:6px}
.waitMe_container .waitMe_progress.win8_linear > div {width:100%;height:100%;left:0;opacity:0;position:absolute;animation:win8_linear 3s infinite}
.waitMe_container .waitMe_progress.win8_linear > div > div {width:4%;height:100%;border-radius:50%}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2 {animation-delay:.3s}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3 {animation-delay:.6s}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4 {animation-delay:.9s}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5 {animation-delay:1.2s}
@keyframes win8_linear {
  0%, 100% {transform:translateX(0);animation-timing-function:ease-out} 
  10% {opacity:1;transform:translateX(33.333%);animation-timing-function:linear}
  50% {opacity:1;transform:translateX(53.333%);animation-timing-function:ease-in-out}
  60% {opacity:0;transform:translateX(86.666%)}
}


/* ios */
.waitMe_container .waitMe_progress.ios {margin:auto;width:40px;height:40px}
.waitMe_container .waitMe_progress.ios > div {width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:ios 1s infinite linear}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1 {transform:rotate(0deg) translate(0, -142%);animation-delay:0s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2 {transform:rotate(30deg) translate(0, -142%);animation-delay:-.9167s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3 {transform:rotate(60deg) translate(0, -142%);animation-delay:-.833s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4 {transform:rotate(90deg) translate(0, -142%);animation-delay:-.75s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5 {transform:rotate(120deg) translate(0, -142%);animation-delay:-.667s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6 {transform:rotate(150deg) translate(0, -142%);animation-delay:-.5833s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7 {transform:rotate(180deg) translate(0, -142%);animation-delay:-.5s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8 {transform:rotate(210deg) translate(0, -142%);animation-delay:-.41667s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9 {transform:rotate(240deg) translate(0, -142%);animation-delay:-.333s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10 {transform:rotate(270deg) translate(0, -142%);animation-delay:-.25s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11 {transform:rotate(300deg) translate(0, -142%);animation-delay:-.1667s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12 {transform:rotate(330deg) translate(0, -142%);animation-delay:-.0833s}
 @keyframes ios {
	0% {opacity:1}
	100% {opacity:.25}
}


/* facebook */
.waitMe_container .waitMe_progress.facebook {margin:auto}
.waitMe_container .waitMe_progress.facebook > div {width:6px;height:25px;margin-left:3px;border-radius:20px;transform:scaleY(.7);opacity:.1;animation:facebook 1.3s infinite ease-in-out}
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem1 {animation-delay:.2s;transform:scaleY(.7)}
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem2 {animation-delay:.4s;transform:scaleY(.85)}
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem3 {animation-delay:.6s;transform:scaleY(1)}
@keyframes facebook {
	0% {transform:scaleY(.7);opacity:.1}
	50% {transform:scaleY(1);opacity:1}
	100% {transform:scaleY(.7);opacity:.1}
}


/* rotation */
.waitMe_container .waitMe_progress.rotation > div {width:60px;height:60px;margin:auto;border-radius:100%;border-width:6px;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;animation:rotation 1s infinite linear}
@keyframes rotation {
	0% {transform:rotate(0deg)}
	100% {transform:rotate(360deg)}
}


/* timer */
.waitMe_container .waitMe_progress.timer {width:40px;height:40px;margin:auto;border-width:2px;border-style:solid;border-radius:50%;box-sizing:border-box;position:relative;text-indent:-9999px}
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {border-radius:3px;position:absolute;width:2px;height:48%;left:50%;top:50%;margin-left:-1px;margin-top:-1px;animation:timer 1.25s infinite linear;transform-origin:1px 1px}
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {height:40%;animation:timer 15s infinite linear}
@keyframes timer {
  0% {transform:rotate(0deg)}
  100% {transform:rotate(360deg)}
}


/* pulse */
.waitMe_container .waitMe_progress.pulse {width:30px;height:30px;margin:auto;position:relative}
.waitMe_container .waitMe_progress.pulse > div {margin:auto;top:0;left:0;right:0;bottom:0;border-width:3px;border-style:solid;border-radius:50%;position:absolute;opacity:0;animation:pulsate 1s infinite ease-out}
@keyframes pulsate {
	0% {transform:scale(.1);opacity:0}
	50% {opacity:1}
	100% {transform:scale(1.2);opacity:0}
}


/* progressBar */
.waitMe_container .waitMe_progress.progressBar {width:200px;height:20px;margin:auto;background:rgba(0,0,0,.1);padding:5px;border-radius:20px;line-height:0;max-width:100%}
.waitMe_container .waitMe_progress.progressBar > div {width:100%;height:100%;overflow:hidden;border-radius:20px;background-size:50px 50px;box-shadow:inset 0 2px 9px rgba(255,255,255,.3), inset 0 -2px 6px rgba(0,0,0,.4);background-image:linear-gradient(-45deg, rgba(240,240,240,.4) 26%, transparent 25%, transparent 51%, rgba(240,240,240,.4) 50%, rgba(240,240,240,.4) 76%, transparent 75%, transparent);animation:progressBar 2s linear infinite}
@keyframes progressBar {
  0% {background-position:0 0}
  100% {background-position:50px 50px}
}


/* bouncePulse */
.waitMe_container .waitMe_progress.bouncePulse > div {width:20px;height:20px;margin-right:1px;display:inline-block;border-radius:50%;transform:scale(.5);animation:bouncePulse 1.4s infinite ease-in-out}
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem3 {animation-delay:.1s}
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem2 {animation-delay:.4s}
@keyframes bouncePulse {
	0%, 80%, 100% {transform:scale(.5)}
	40% {transform:scale(1)}
}
/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */
.dui-waves-target {
  position: relative;
}

.dui-waves-effect .dui-waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: var(--dui-wave-bg, var(--dui-bg-l-3, rgba(0, 0, 0, 0.3)));
  -webkit-transition: all 100s ease-out;
  -moz-transition: all 100s ease-out;
  -o-transition: all 100s ease-out;
  transition: all 100s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.dui-waves-effect.dui-waves-light .dui-waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.dui-waves-effect.dui-waves-classic .dui-waves-ripple {
  /*background: rgba(0, 0, 0, 0.2);*/
  background: var(--dui-wave-bg, var(--dui-bg-l-3, rgba(0, 0, 0, 0.2)));
}
.dui-waves-effect.dui-waves-classic.dui-waves-light .dui-waves-ripple {
  background:var(--dui-wave-bg, rgba(255, 255, 255, 0.4));
}
.dui-waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.dui-waves-button,
.dui-waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.dui-waves-button,
.dui-waves-button:hover,
.dui-waves-button:visited,
.dui-waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.dui-waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}
.dui-waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}
.dui-waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.dui-waves-input-wrapper.dui-waves-button {
  padding: 0;
}
.dui-waves-input-wrapper .dui-waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.dui-waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.dui-waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.dui-waves-block {
  display: block;
}

.dui.dui-waves-primary {
  --dui-wave-bg:var(--dui-clr-primary-l-3);
}

.dui.dui-waves-secondary {
  --dui-wave-bg:var(--dui-clr-secondary-l-3);
}

.dui.dui-dominant {
  --dui-wave-bg:var(--dui-clr-dominant-l-3);
}

.dui.dui-waves-accent {
  --dui-wave-bg:var(--dui-accent-l-3);
}

.dui.dui-waves-success {
  --dui-wave-bg:var(--dui-clr-success-l-3);
}

.dui.dui-waves-info {
  --dui-wave-bg:var(--dui-clr-info-l-3);
}

.dui.dui-waves-warning {
  --dui-wave-bg:var(--dui-clr-warning-l-3);
}

.dui.dui-waves-error {
  --dui-wave-bg:var(--dui-clr-error-l-3);
}

.dui.dui-waves-red {
  --dui-wave-bg:var(--dui-clr-red-l-3);
}

.dui.dui-waves-pink {
  --dui-wave-bg:var(--dui-clr-pink);
}

.dui.dui-waves-purple {
  --dui-wave-bg:var(--dui-clr-purple);
}

.dui.dui-waves-deep-purple {
  --dui-wave-bg:var(--dui-clr-deep-purple);
}

.dui.dui-waves-indigo {
  --dui-wave-bg:var(--dui-clr-indigo);
}

.dui.dui-waves-blue {
  --dui-wave-bg:var(--dui-clr-blue);
}

.dui.dui-waves-light-blue {
  --dui-wave-bg:var(--dui-clr-light-blue);
}

.dui.dui-waves-cyan {
  --dui-wave-bg:var(--dui-clr-cyan);
}

.dui.dui-waves-teal {
  --dui-wave-bg:var(--dui-clr-teal);
}

.dui.dui-waves-green {
  --dui-wave-bg:var(--dui-clr-green);
}

.dui.dui-waves-light-green {
  --dui-wave-bg:var(--dui-clr-light-green);
}

.dui.dui-waves-lime {
  --dui-wave-bg:var(--dui-clr-lime);
}

.dui.dui-waves-yellow {
  --dui-wave-bg:var(--dui-clr-yellow);
}

.dui.dui-waves-amber {
  --dui-wave-bg:var(--dui-clr-amber);
}

.dui.dui-waves-orange {
  --dui-wave-bg:var(--dui-clr-orange);
}

.dui.dui-waves-deep-orange {
  --dui-wave-bg:var(--dui-clr-deep-orange);
}

.dui.dui-waves-brown {
  --dui-wave-bg:var(--dui-clr-brown);
}

.dui.dui-waves-grey {
  --dui-wave-bg:var(--dui-clr-grey);
}

.dui.dui-waves-blue-grey {
  --dui-wave-bg:var(--dui-clr-blue-grey);
}

.dui.dui-waves-white {
  --dui-wave-bg:var(--dui-clr-white);
}

.dui.dui-waves-black {
  --dui-wave-bg:var(--dui-clr-black);
}/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=7.2.96");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=7.2.96") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=7.2.96") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=7.2.96") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=7.2.96") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-ab-testing::before {
  content: "\F01C9";
}

.mdi-abacus::before {
  content: "\F16E0";
}

.mdi-abjad-arabic::before {
  content: "\F1328";
}

.mdi-abjad-hebrew::before {
  content: "\F1329";
}

.mdi-abugida-devanagari::before {
  content: "\F132A";
}

.mdi-abugida-thai::before {
  content: "\F132B";
}

.mdi-access-point::before {
  content: "\F0003";
}

.mdi-access-point-check::before {
  content: "\F1538";
}

.mdi-access-point-minus::before {
  content: "\F1539";
}

.mdi-access-point-network::before {
  content: "\F0002";
}

.mdi-access-point-network-off::before {
  content: "\F0BE1";
}

.mdi-access-point-off::before {
  content: "\F1511";
}

.mdi-access-point-plus::before {
  content: "\F153A";
}

.mdi-access-point-remove::before {
  content: "\F153B";
}

.mdi-account::before {
  content: "\F0004";
}

.mdi-account-alert::before {
  content: "\F0005";
}

.mdi-account-alert-outline::before {
  content: "\F0B50";
}

.mdi-account-arrow-down::before {
  content: "\F1868";
}

.mdi-account-arrow-down-outline::before {
  content: "\F1869";
}

.mdi-account-arrow-left::before {
  content: "\F0B51";
}

.mdi-account-arrow-left-outline::before {
  content: "\F0B52";
}

.mdi-account-arrow-right::before {
  content: "\F0B53";
}

.mdi-account-arrow-right-outline::before {
  content: "\F0B54";
}

.mdi-account-arrow-up::before {
  content: "\F1867";
}

.mdi-account-arrow-up-outline::before {
  content: "\F186A";
}

.mdi-account-badge::before {
  content: "\F1B0A";
}

.mdi-account-badge-outline::before {
  content: "\F1B0B";
}

.mdi-account-box::before {
  content: "\F0006";
}

.mdi-account-box-multiple::before {
  content: "\F0934";
}

.mdi-account-box-multiple-outline::before {
  content: "\F100A";
}

.mdi-account-box-outline::before {
  content: "\F0007";
}

.mdi-account-cancel::before {
  content: "\F12DF";
}

.mdi-account-cancel-outline::before {
  content: "\F12E0";
}

.mdi-account-card::before {
  content: "\F1BA4";
}

.mdi-account-card-outline::before {
  content: "\F1BA5";
}

.mdi-account-cash::before {
  content: "\F1097";
}

.mdi-account-cash-outline::before {
  content: "\F1098";
}

.mdi-account-check::before {
  content: "\F0008";
}

.mdi-account-check-outline::before {
  content: "\F0BE2";
}

.mdi-account-child::before {
  content: "\F0A89";
}

.mdi-account-child-circle::before {
  content: "\F0A8A";
}

.mdi-account-child-outline::before {
  content: "\F10C8";
}

.mdi-account-circle::before {
  content: "\F0009";
}

.mdi-account-circle-outline::before {
  content: "\F0B55";
}

.mdi-account-clock::before {
  content: "\F0B56";
}

.mdi-account-clock-outline::before {
  content: "\F0B57";
}

.mdi-account-cog::before {
  content: "\F1370";
}

.mdi-account-cog-outline::before {
  content: "\F1371";
}

.mdi-account-convert::before {
  content: "\F000A";
}

.mdi-account-convert-outline::before {
  content: "\F1301";
}

.mdi-account-cowboy-hat::before {
  content: "\F0E9B";
}

.mdi-account-cowboy-hat-outline::before {
  content: "\F17F3";
}

.mdi-account-credit-card::before {
  content: "\F1BA6";
}

.mdi-account-credit-card-outline::before {
  content: "\F1BA7";
}

.mdi-account-details::before {
  content: "\F0631";
}

.mdi-account-details-outline::before {
  content: "\F1372";
}

.mdi-account-edit::before {
  content: "\F06BC";
}

.mdi-account-edit-outline::before {
  content: "\F0FFB";
}

.mdi-account-eye::before {
  content: "\F0420";
}

.mdi-account-eye-outline::before {
  content: "\F127B";
}

.mdi-account-filter::before {
  content: "\F0936";
}

.mdi-account-filter-outline::before {
  content: "\F0F9D";
}

.mdi-account-group::before {
  content: "\F0849";
}

.mdi-account-group-outline::before {
  content: "\F0B58";
}

.mdi-account-hard-hat::before {
  content: "\F05B5";
}

.mdi-account-hard-hat-outline::before {
  content: "\F1A1F";
}

.mdi-account-heart::before {
  content: "\F0899";
}

.mdi-account-heart-outline::before {
  content: "\F0BE3";
}

.mdi-account-injury::before {
  content: "\F1815";
}

.mdi-account-injury-outline::before {
  content: "\F1816";
}

.mdi-account-key::before {
  content: "\F000B";
}

.mdi-account-key-outline::before {
  content: "\F0BE4";
}

.mdi-account-lock::before {
  content: "\F115E";
}

.mdi-account-lock-open::before {
  content: "\F1960";
}

.mdi-account-lock-open-outline::before {
  content: "\F1961";
}

.mdi-account-lock-outline::before {
  content: "\F115F";
}

.mdi-account-minus::before {
  content: "\F000D";
}

.mdi-account-minus-outline::before {
  content: "\F0AEC";
}

.mdi-account-multiple::before {
  content: "\F000E";
}

.mdi-account-multiple-check::before {
  content: "\F08C5";
}

.mdi-account-multiple-check-outline::before {
  content: "\F11FE";
}

.mdi-account-multiple-minus::before {
  content: "\F05D3";
}

.mdi-account-multiple-minus-outline::before {
  content: "\F0BE5";
}

.mdi-account-multiple-outline::before {
  content: "\F000F";
}

.mdi-account-multiple-plus::before {
  content: "\F0010";
}

.mdi-account-multiple-plus-outline::before {
  content: "\F0800";
}

.mdi-account-multiple-remove::before {
  content: "\F120A";
}

.mdi-account-multiple-remove-outline::before {
  content: "\F120B";
}

.mdi-account-music::before {
  content: "\F0803";
}

.mdi-account-music-outline::before {
  content: "\F0CE9";
}

.mdi-account-network::before {
  content: "\F0011";
}

.mdi-account-network-off::before {
  content: "\F1AF1";
}

.mdi-account-network-off-outline::before {
  content: "\F1AF2";
}

.mdi-account-network-outline::before {
  content: "\F0BE6";
}

.mdi-account-off::before {
  content: "\F0012";
}

.mdi-account-off-outline::before {
  content: "\F0BE7";
}

.mdi-account-outline::before {
  content: "\F0013";
}

.mdi-account-plus::before {
  content: "\F0014";
}

.mdi-account-plus-outline::before {
  content: "\F0801";
}

.mdi-account-question::before {
  content: "\F0B59";
}

.mdi-account-question-outline::before {
  content: "\F0B5A";
}

.mdi-account-reactivate::before {
  content: "\F152B";
}

.mdi-account-reactivate-outline::before {
  content: "\F152C";
}

.mdi-account-remove::before {
  content: "\F0015";
}

.mdi-account-remove-outline::before {
  content: "\F0AED";
}

.mdi-account-school::before {
  content: "\F1A20";
}

.mdi-account-school-outline::before {
  content: "\F1A21";
}

.mdi-account-search::before {
  content: "\F0016";
}

.mdi-account-search-outline::before {
  content: "\F0935";
}

.mdi-account-settings::before {
  content: "\F0630";
}

.mdi-account-settings-outline::before {
  content: "\F10C9";
}

.mdi-account-star::before {
  content: "\F0017";
}

.mdi-account-star-outline::before {
  content: "\F0BE8";
}

.mdi-account-supervisor::before {
  content: "\F0A8B";
}

.mdi-account-supervisor-circle::before {
  content: "\F0A8C";
}

.mdi-account-supervisor-circle-outline::before {
  content: "\F14EC";
}

.mdi-account-supervisor-outline::before {
  content: "\F112D";
}

.mdi-account-switch::before {
  content: "\F0019";
}

.mdi-account-switch-outline::before {
  content: "\F04CB";
}

.mdi-account-sync::before {
  content: "\F191B";
}

.mdi-account-sync-outline::before {
  content: "\F191C";
}

.mdi-account-tag::before {
  content: "\F1C1B";
}

.mdi-account-tag-outline::before {
  content: "\F1C1C";
}

.mdi-account-tie::before {
  content: "\F0CE3";
}

.mdi-account-tie-hat::before {
  content: "\F1898";
}

.mdi-account-tie-hat-outline::before {
  content: "\F1899";
}

.mdi-account-tie-outline::before {
  content: "\F10CA";
}

.mdi-account-tie-voice::before {
  content: "\F1308";
}

.mdi-account-tie-voice-off::before {
  content: "\F130A";
}

.mdi-account-tie-voice-off-outline::before {
  content: "\F130B";
}

.mdi-account-tie-voice-outline::before {
  content: "\F1309";
}

.mdi-account-tie-woman::before {
  content: "\F1A8C";
}

.mdi-account-voice::before {
  content: "\F05CB";
}

.mdi-account-voice-off::before {
  content: "\F0ED4";
}

.mdi-account-wrench::before {
  content: "\F189A";
}

.mdi-account-wrench-outline::before {
  content: "\F189B";
}

.mdi-adjust::before {
  content: "\F001A";
}

.mdi-advertisements::before {
  content: "\F192A";
}

.mdi-advertisements-off::before {
  content: "\F192B";
}

.mdi-air-conditioner::before {
  content: "\F001B";
}

.mdi-air-filter::before {
  content: "\F0D43";
}

.mdi-air-horn::before {
  content: "\F0DAC";
}

.mdi-air-humidifier::before {
  content: "\F1099";
}

.mdi-air-humidifier-off::before {
  content: "\F1466";
}

.mdi-air-purifier::before {
  content: "\F0D44";
}

.mdi-air-purifier-off::before {
  content: "\F1B57";
}

.mdi-airbag::before {
  content: "\F0BE9";
}

.mdi-airballoon::before {
  content: "\F001C";
}

.mdi-airballoon-outline::before {
  content: "\F100B";
}

.mdi-airplane::before {
  content: "\F001D";
}

.mdi-airplane-alert::before {
  content: "\F187A";
}

.mdi-airplane-check::before {
  content: "\F187B";
}

.mdi-airplane-clock::before {
  content: "\F187C";
}

.mdi-airplane-cog::before {
  content: "\F187D";
}

.mdi-airplane-edit::before {
  content: "\F187E";
}

.mdi-airplane-landing::before {
  content: "\F05D4";
}

.mdi-airplane-marker::before {
  content: "\F187F";
}

.mdi-airplane-minus::before {
  content: "\F1880";
}

.mdi-airplane-off::before {
  content: "\F001E";
}

.mdi-airplane-plus::before {
  content: "\F1881";
}

.mdi-airplane-remove::before {
  content: "\F1882";
}

.mdi-airplane-search::before {
  content: "\F1883";
}

.mdi-airplane-settings::before {
  content: "\F1884";
}

.mdi-airplane-takeoff::before {
  content: "\F05D5";
}

.mdi-airport::before {
  content: "\F084B";
}

.mdi-alarm::before {
  content: "\F0020";
}

.mdi-alarm-bell::before {
  content: "\F078E";
}

.mdi-alarm-check::before {
  content: "\F0021";
}

.mdi-alarm-light::before {
  content: "\F078F";
}

.mdi-alarm-light-off::before {
  content: "\F171E";
}

.mdi-alarm-light-off-outline::before {
  content: "\F171F";
}

.mdi-alarm-light-outline::before {
  content: "\F0BEA";
}

.mdi-alarm-multiple::before {
  content: "\F0022";
}

.mdi-alarm-note::before {
  content: "\F0E71";
}

.mdi-alarm-note-off::before {
  content: "\F0E72";
}

.mdi-alarm-off::before {
  content: "\F0023";
}

.mdi-alarm-panel::before {
  content: "\F15C4";
}

.mdi-alarm-panel-outline::before {
  content: "\F15C5";
}

.mdi-alarm-plus::before {
  content: "\F0024";
}

.mdi-alarm-snooze::before {
  content: "\F068E";
}

.mdi-album::before {
  content: "\F0025";
}

.mdi-alert::before {
  content: "\F0026";
}

.mdi-alert-box::before {
  content: "\F0027";
}

.mdi-alert-box-outline::before {
  content: "\F0CE4";
}

.mdi-alert-circle::before {
  content: "\F0028";
}

.mdi-alert-circle-check::before {
  content: "\F11ED";
}

.mdi-alert-circle-check-outline::before {
  content: "\F11EE";
}

.mdi-alert-circle-outline::before {
  content: "\F05D6";
}

.mdi-alert-decagram::before {
  content: "\F06BD";
}

.mdi-alert-decagram-outline::before {
  content: "\F0CE5";
}

.mdi-alert-minus::before {
  content: "\F14BB";
}

.mdi-alert-minus-outline::before {
  content: "\F14BE";
}

.mdi-alert-octagon::before {
  content: "\F0029";
}

.mdi-alert-octagon-outline::before {
  content: "\F0CE6";
}

.mdi-alert-octagram::before {
  content: "\F0767";
}

.mdi-alert-octagram-outline::before {
  content: "\F0CE7";
}

.mdi-alert-outline::before {
  content: "\F002A";
}

.mdi-alert-plus::before {
  content: "\F14BA";
}

.mdi-alert-plus-outline::before {
  content: "\F14BD";
}

.mdi-alert-remove::before {
  content: "\F14BC";
}

.mdi-alert-remove-outline::before {
  content: "\F14BF";
}

.mdi-alert-rhombus::before {
  content: "\F11CE";
}

.mdi-alert-rhombus-outline::before {
  content: "\F11CF";
}

.mdi-alien::before {
  content: "\F089A";
}

.mdi-alien-outline::before {
  content: "\F10CB";
}

.mdi-align-horizontal-center::before {
  content: "\F11C3";
}

.mdi-align-horizontal-distribute::before {
  content: "\F1962";
}

.mdi-align-horizontal-left::before {
  content: "\F11C2";
}

.mdi-align-horizontal-right::before {
  content: "\F11C4";
}

.mdi-align-vertical-bottom::before {
  content: "\F11C5";
}

.mdi-align-vertical-center::before {
  content: "\F11C6";
}

.mdi-align-vertical-distribute::before {
  content: "\F1963";
}

.mdi-align-vertical-top::before {
  content: "\F11C7";
}

.mdi-all-inclusive::before {
  content: "\F06BE";
}

.mdi-all-inclusive-box::before {
  content: "\F188D";
}

.mdi-all-inclusive-box-outline::before {
  content: "\F188E";
}

.mdi-allergy::before {
  content: "\F1258";
}

.mdi-alpha::before {
  content: "\F002B";
}

.mdi-alpha-a::before {
  content: "\F0AEE";
}

.mdi-alpha-a-box::before {
  content: "\F0B08";
}

.mdi-alpha-a-box-outline::before {
  content: "\F0BEB";
}

.mdi-alpha-a-circle::before {
  content: "\F0BEC";
}

.mdi-alpha-a-circle-outline::before {
  content: "\F0BED";
}

.mdi-alpha-b::before {
  content: "\F0AEF";
}

.mdi-alpha-b-box::before {
  content: "\F0B09";
}

.mdi-alpha-b-box-outline::before {
  content: "\F0BEE";
}

.mdi-alpha-b-circle::before {
  content: "\F0BEF";
}

.mdi-alpha-b-circle-outline::before {
  content: "\F0BF0";
}

.mdi-alpha-c::before {
  content: "\F0AF0";
}

.mdi-alpha-c-box::before {
  content: "\F0B0A";
}

.mdi-alpha-c-box-outline::before {
  content: "\F0BF1";
}

.mdi-alpha-c-circle::before {
  content: "\F0BF2";
}

.mdi-alpha-c-circle-outline::before {
  content: "\F0BF3";
}

.mdi-alpha-d::before {
  content: "\F0AF1";
}

.mdi-alpha-d-box::before {
  content: "\F0B0B";
}

.mdi-alpha-d-box-outline::before {
  content: "\F0BF4";
}

.mdi-alpha-d-circle::before {
  content: "\F0BF5";
}

.mdi-alpha-d-circle-outline::before {
  content: "\F0BF6";
}

.mdi-alpha-e::before {
  content: "\F0AF2";
}

.mdi-alpha-e-box::before {
  content: "\F0B0C";
}

.mdi-alpha-e-box-outline::before {
  content: "\F0BF7";
}

.mdi-alpha-e-circle::before {
  content: "\F0BF8";
}

.mdi-alpha-e-circle-outline::before {
  content: "\F0BF9";
}

.mdi-alpha-f::before {
  content: "\F0AF3";
}

.mdi-alpha-f-box::before {
  content: "\F0B0D";
}

.mdi-alpha-f-box-outline::before {
  content: "\F0BFA";
}

.mdi-alpha-f-circle::before {
  content: "\F0BFB";
}

.mdi-alpha-f-circle-outline::before {
  content: "\F0BFC";
}

.mdi-alpha-g::before {
  content: "\F0AF4";
}

.mdi-alpha-g-box::before {
  content: "\F0B0E";
}

.mdi-alpha-g-box-outline::before {
  content: "\F0BFD";
}

.mdi-alpha-g-circle::before {
  content: "\F0BFE";
}

.mdi-alpha-g-circle-outline::before {
  content: "\F0BFF";
}

.mdi-alpha-h::before {
  content: "\F0AF5";
}

.mdi-alpha-h-box::before {
  content: "\F0B0F";
}

.mdi-alpha-h-box-outline::before {
  content: "\F0C00";
}

.mdi-alpha-h-circle::before {
  content: "\F0C01";
}

.mdi-alpha-h-circle-outline::before {
  content: "\F0C02";
}

.mdi-alpha-i::before {
  content: "\F0AF6";
}

.mdi-alpha-i-box::before {
  content: "\F0B10";
}

.mdi-alpha-i-box-outline::before {
  content: "\F0C03";
}

.mdi-alpha-i-circle::before {
  content: "\F0C04";
}

.mdi-alpha-i-circle-outline::before {
  content: "\F0C05";
}

.mdi-alpha-j::before {
  content: "\F0AF7";
}

.mdi-alpha-j-box::before {
  content: "\F0B11";
}

.mdi-alpha-j-box-outline::before {
  content: "\F0C06";
}

.mdi-alpha-j-circle::before {
  content: "\F0C07";
}

.mdi-alpha-j-circle-outline::before {
  content: "\F0C08";
}

.mdi-alpha-k::before {
  content: "\F0AF8";
}

.mdi-alpha-k-box::before {
  content: "\F0B12";
}

.mdi-alpha-k-box-outline::before {
  content: "\F0C09";
}

.mdi-alpha-k-circle::before {
  content: "\F0C0A";
}

.mdi-alpha-k-circle-outline::before {
  content: "\F0C0B";
}

.mdi-alpha-l::before {
  content: "\F0AF9";
}

.mdi-alpha-l-box::before {
  content: "\F0B13";
}

.mdi-alpha-l-box-outline::before {
  content: "\F0C0C";
}

.mdi-alpha-l-circle::before {
  content: "\F0C0D";
}

.mdi-alpha-l-circle-outline::before {
  content: "\F0C0E";
}

.mdi-alpha-m::before {
  content: "\F0AFA";
}

.mdi-alpha-m-box::before {
  content: "\F0B14";
}

.mdi-alpha-m-box-outline::before {
  content: "\F0C0F";
}

.mdi-alpha-m-circle::before {
  content: "\F0C10";
}

.mdi-alpha-m-circle-outline::before {
  content: "\F0C11";
}

.mdi-alpha-n::before {
  content: "\F0AFB";
}

.mdi-alpha-n-box::before {
  content: "\F0B15";
}

.mdi-alpha-n-box-outline::before {
  content: "\F0C12";
}

.mdi-alpha-n-circle::before {
  content: "\F0C13";
}

.mdi-alpha-n-circle-outline::before {
  content: "\F0C14";
}

.mdi-alpha-o::before {
  content: "\F0AFC";
}

.mdi-alpha-o-box::before {
  content: "\F0B16";
}

.mdi-alpha-o-box-outline::before {
  content: "\F0C15";
}

.mdi-alpha-o-circle::before {
  content: "\F0C16";
}

.mdi-alpha-o-circle-outline::before {
  content: "\F0C17";
}

.mdi-alpha-p::before {
  content: "\F0AFD";
}

.mdi-alpha-p-box::before {
  content: "\F0B17";
}

.mdi-alpha-p-box-outline::before {
  content: "\F0C18";
}

.mdi-alpha-p-circle::before {
  content: "\F0C19";
}

.mdi-alpha-p-circle-outline::before {
  content: "\F0C1A";
}

.mdi-alpha-q::before {
  content: "\F0AFE";
}

.mdi-alpha-q-box::before {
  content: "\F0B18";
}

.mdi-alpha-q-box-outline::before {
  content: "\F0C1B";
}

.mdi-alpha-q-circle::before {
  content: "\F0C1C";
}

.mdi-alpha-q-circle-outline::before {
  content: "\F0C1D";
}

.mdi-alpha-r::before {
  content: "\F0AFF";
}

.mdi-alpha-r-box::before {
  content: "\F0B19";
}

.mdi-alpha-r-box-outline::before {
  content: "\F0C1E";
}

.mdi-alpha-r-circle::before {
  content: "\F0C1F";
}

.mdi-alpha-r-circle-outline::before {
  content: "\F0C20";
}

.mdi-alpha-s::before {
  content: "\F0B00";
}

.mdi-alpha-s-box::before {
  content: "\F0B1A";
}

.mdi-alpha-s-box-outline::before {
  content: "\F0C21";
}

.mdi-alpha-s-circle::before {
  content: "\F0C22";
}

.mdi-alpha-s-circle-outline::before {
  content: "\F0C23";
}

.mdi-alpha-t::before {
  content: "\F0B01";
}

.mdi-alpha-t-box::before {
  content: "\F0B1B";
}

.mdi-alpha-t-box-outline::before {
  content: "\F0C24";
}

.mdi-alpha-t-circle::before {
  content: "\F0C25";
}

.mdi-alpha-t-circle-outline::before {
  content: "\F0C26";
}

.mdi-alpha-u::before {
  content: "\F0B02";
}

.mdi-alpha-u-box::before {
  content: "\F0B1C";
}

.mdi-alpha-u-box-outline::before {
  content: "\F0C27";
}

.mdi-alpha-u-circle::before {
  content: "\F0C28";
}

.mdi-alpha-u-circle-outline::before {
  content: "\F0C29";
}

.mdi-alpha-v::before {
  content: "\F0B03";
}

.mdi-alpha-v-box::before {
  content: "\F0B1D";
}

.mdi-alpha-v-box-outline::before {
  content: "\F0C2A";
}

.mdi-alpha-v-circle::before {
  content: "\F0C2B";
}

.mdi-alpha-v-circle-outline::before {
  content: "\F0C2C";
}

.mdi-alpha-w::before {
  content: "\F0B04";
}

.mdi-alpha-w-box::before {
  content: "\F0B1E";
}

.mdi-alpha-w-box-outline::before {
  content: "\F0C2D";
}

.mdi-alpha-w-circle::before {
  content: "\F0C2E";
}

.mdi-alpha-w-circle-outline::before {
  content: "\F0C2F";
}

.mdi-alpha-x::before {
  content: "\F0B05";
}

.mdi-alpha-x-box::before {
  content: "\F0B1F";
}

.mdi-alpha-x-box-outline::before {
  content: "\F0C30";
}

.mdi-alpha-x-circle::before {
  content: "\F0C31";
}

.mdi-alpha-x-circle-outline::before {
  content: "\F0C32";
}

.mdi-alpha-y::before {
  content: "\F0B06";
}

.mdi-alpha-y-box::before {
  content: "\F0B20";
}

.mdi-alpha-y-box-outline::before {
  content: "\F0C33";
}

.mdi-alpha-y-circle::before {
  content: "\F0C34";
}

.mdi-alpha-y-circle-outline::before {
  content: "\F0C35";
}

.mdi-alpha-z::before {
  content: "\F0B07";
}

.mdi-alpha-z-box::before {
  content: "\F0B21";
}

.mdi-alpha-z-box-outline::before {
  content: "\F0C36";
}

.mdi-alpha-z-circle::before {
  content: "\F0C37";
}

.mdi-alpha-z-circle-outline::before {
  content: "\F0C38";
}

.mdi-alphabet-aurebesh::before {
  content: "\F132C";
}

.mdi-alphabet-cyrillic::before {
  content: "\F132D";
}

.mdi-alphabet-greek::before {
  content: "\F132E";
}

.mdi-alphabet-latin::before {
  content: "\F132F";
}

.mdi-alphabet-piqad::before {
  content: "\F1330";
}

.mdi-alphabet-tengwar::before {
  content: "\F1337";
}

.mdi-alphabetical::before {
  content: "\F002C";
}

.mdi-alphabetical-off::before {
  content: "\F100C";
}

.mdi-alphabetical-variant::before {
  content: "\F100D";
}

.mdi-alphabetical-variant-off::before {
  content: "\F100E";
}

.mdi-altimeter::before {
  content: "\F05D7";
}

.mdi-ambulance::before {
  content: "\F002F";
}

.mdi-ammunition::before {
  content: "\F0CE8";
}

.mdi-ampersand::before {
  content: "\F0A8D";
}

.mdi-amplifier::before {
  content: "\F0030";
}

.mdi-amplifier-off::before {
  content: "\F11B5";
}

.mdi-anchor::before {
  content: "\F0031";
}

.mdi-android::before {
  content: "\F0032";
}

.mdi-android-studio::before {
  content: "\F0034";
}

.mdi-angle-acute::before {
  content: "\F0937";
}

.mdi-angle-obtuse::before {
  content: "\F0938";
}

.mdi-angle-right::before {
  content: "\F0939";
}

.mdi-angular::before {
  content: "\F06B2";
}

.mdi-angularjs::before {
  content: "\F06BF";
}

.mdi-animation::before {
  content: "\F05D8";
}

.mdi-animation-outline::before {
  content: "\F0A8F";
}

.mdi-animation-play::before {
  content: "\F093A";
}

.mdi-animation-play-outline::before {
  content: "\F0A90";
}

.mdi-ansible::before {
  content: "\F109A";
}

.mdi-antenna::before {
  content: "\F1119";
}

.mdi-anvil::before {
  content: "\F089B";
}

.mdi-apache-kafka::before {
  content: "\F100F";
}

.mdi-api::before {
  content: "\F109B";
}

.mdi-api-off::before {
  content: "\F1257";
}

.mdi-apple::before {
  content: "\F0035";
}

.mdi-apple-finder::before {
  content: "\F0036";
}

.mdi-apple-icloud::before {
  content: "\F0038";
}

.mdi-apple-ios::before {
  content: "\F0037";
}

.mdi-apple-keyboard-caps::before {
  content: "\F0632";
}

.mdi-apple-keyboard-command::before {
  content: "\F0633";
}

.mdi-apple-keyboard-control::before {
  content: "\F0634";
}

.mdi-apple-keyboard-option::before {
  content: "\F0635";
}

.mdi-apple-keyboard-shift::before {
  content: "\F0636";
}

.mdi-apple-safari::before {
  content: "\F0039";
}

.mdi-application::before {
  content: "\F08C6";
}

.mdi-application-array::before {
  content: "\F10F5";
}

.mdi-application-array-outline::before {
  content: "\F10F6";
}

.mdi-application-braces::before {
  content: "\F10F7";
}

.mdi-application-braces-outline::before {
  content: "\F10F8";
}

.mdi-application-brackets::before {
  content: "\F0C8B";
}

.mdi-application-brackets-outline::before {
  content: "\F0C8C";
}

.mdi-application-cog::before {
  content: "\F0675";
}

.mdi-application-cog-outline::before {
  content: "\F1577";
}

.mdi-application-edit::before {
  content: "\F00AE";
}

.mdi-application-edit-outline::before {
  content: "\F0619";
}

.mdi-application-export::before {
  content: "\F0DAD";
}

.mdi-application-import::before {
  content: "\F0DAE";
}

.mdi-application-outline::before {
  content: "\F0614";
}

.mdi-application-parentheses::before {
  content: "\F10F9";
}

.mdi-application-parentheses-outline::before {
  content: "\F10FA";
}

.mdi-application-settings::before {
  content: "\F0B60";
}

.mdi-application-settings-outline::before {
  content: "\F1555";
}

.mdi-application-variable::before {
  content: "\F10FB";
}

.mdi-application-variable-outline::before {
  content: "\F10FC";
}

.mdi-approximately-equal::before {
  content: "\F0F9E";
}

.mdi-approximately-equal-box::before {
  content: "\F0F9F";
}

.mdi-apps::before {
  content: "\F003B";
}

.mdi-apps-box::before {
  content: "\F0D46";
}

.mdi-arch::before {
  content: "\F08C7";
}

.mdi-archive::before {
  content: "\F003C";
}

.mdi-archive-alert::before {
  content: "\F14FD";
}

.mdi-archive-alert-outline::before {
  content: "\F14FE";
}

.mdi-archive-arrow-down::before {
  content: "\F1259";
}

.mdi-archive-arrow-down-outline::before {
  content: "\F125A";
}

.mdi-archive-arrow-up::before {
  content: "\F125B";
}

.mdi-archive-arrow-up-outline::before {
  content: "\F125C";
}

.mdi-archive-cancel::before {
  content: "\F174B";
}

.mdi-archive-cancel-outline::before {
  content: "\F174C";
}

.mdi-archive-check::before {
  content: "\F174D";
}

.mdi-archive-check-outline::before {
  content: "\F174E";
}

.mdi-archive-clock::before {
  content: "\F174F";
}

.mdi-archive-clock-outline::before {
  content: "\F1750";
}

.mdi-archive-cog::before {
  content: "\F1751";
}

.mdi-archive-cog-outline::before {
  content: "\F1752";
}

.mdi-archive-edit::before {
  content: "\F1753";
}

.mdi-archive-edit-outline::before {
  content: "\F1754";
}

.mdi-archive-eye::before {
  content: "\F1755";
}

.mdi-archive-eye-outline::before {
  content: "\F1756";
}

.mdi-archive-lock::before {
  content: "\F1757";
}

.mdi-archive-lock-open::before {
  content: "\F1758";
}

.mdi-archive-lock-open-outline::before {
  content: "\F1759";
}

.mdi-archive-lock-outline::before {
  content: "\F175A";
}

.mdi-archive-marker::before {
  content: "\F175B";
}

.mdi-archive-marker-outline::before {
  content: "\F175C";
}

.mdi-archive-minus::before {
  content: "\F175D";
}

.mdi-archive-minus-outline::before {
  content: "\F175E";
}

.mdi-archive-music::before {
  content: "\F175F";
}

.mdi-archive-music-outline::before {
  content: "\F1760";
}

.mdi-archive-off::before {
  content: "\F1761";
}

.mdi-archive-off-outline::before {
  content: "\F1762";
}

.mdi-archive-outline::before {
  content: "\F120E";
}

.mdi-archive-plus::before {
  content: "\F1763";
}

.mdi-archive-plus-outline::before {
  content: "\F1764";
}

.mdi-archive-refresh::before {
  content: "\F1765";
}

.mdi-archive-refresh-outline::before {
  content: "\F1766";
}

.mdi-archive-remove::before {
  content: "\F1767";
}

.mdi-archive-remove-outline::before {
  content: "\F1768";
}

.mdi-archive-search::before {
  content: "\F1769";
}

.mdi-archive-search-outline::before {
  content: "\F176A";
}

.mdi-archive-settings::before {
  content: "\F176B";
}

.mdi-archive-settings-outline::before {
  content: "\F176C";
}

.mdi-archive-star::before {
  content: "\F176D";
}

.mdi-archive-star-outline::before {
  content: "\F176E";
}

.mdi-archive-sync::before {
  content: "\F176F";
}

.mdi-archive-sync-outline::before {
  content: "\F1770";
}

.mdi-arm-flex::before {
  content: "\F0FD7";
}

.mdi-arm-flex-outline::before {
  content: "\F0FD6";
}

.mdi-arrange-bring-forward::before {
  content: "\F003D";
}

.mdi-arrange-bring-to-front::before {
  content: "\F003E";
}

.mdi-arrange-send-backward::before {
  content: "\F003F";
}

.mdi-arrange-send-to-back::before {
  content: "\F0040";
}

.mdi-arrow-all::before {
  content: "\F0041";
}

.mdi-arrow-bottom-left::before {
  content: "\F0042";
}

.mdi-arrow-bottom-left-bold-box::before {
  content: "\F1964";
}

.mdi-arrow-bottom-left-bold-box-outline::before {
  content: "\F1965";
}

.mdi-arrow-bottom-left-bold-outline::before {
  content: "\F09B7";
}

.mdi-arrow-bottom-left-thick::before {
  content: "\F09B8";
}

.mdi-arrow-bottom-left-thin::before {
  content: "\F19B6";
}

.mdi-arrow-bottom-left-thin-circle-outline::before {
  content: "\F1596";
}

.mdi-arrow-bottom-right::before {
  content: "\F0043";
}

.mdi-arrow-bottom-right-bold-box::before {
  content: "\F1966";
}

.mdi-arrow-bottom-right-bold-box-outline::before {
  content: "\F1967";
}

.mdi-arrow-bottom-right-bold-outline::before {
  content: "\F09B9";
}

.mdi-arrow-bottom-right-thick::before {
  content: "\F09BA";
}

.mdi-arrow-bottom-right-thin::before {
  content: "\F19B7";
}

.mdi-arrow-bottom-right-thin-circle-outline::before {
  content: "\F1595";
}

.mdi-arrow-collapse::before {
  content: "\F0615";
}

.mdi-arrow-collapse-all::before {
  content: "\F0044";
}

.mdi-arrow-collapse-down::before {
  content: "\F0792";
}

.mdi-arrow-collapse-horizontal::before {
  content: "\F084C";
}

.mdi-arrow-collapse-left::before {
  content: "\F0793";
}

.mdi-arrow-collapse-right::before {
  content: "\F0794";
}

.mdi-arrow-collapse-up::before {
  content: "\F0795";
}

.mdi-arrow-collapse-vertical::before {
  content: "\F084D";
}

.mdi-arrow-decision::before {
  content: "\F09BB";
}

.mdi-arrow-decision-auto::before {
  content: "\F09BC";
}

.mdi-arrow-decision-auto-outline::before {
  content: "\F09BD";
}

.mdi-arrow-decision-outline::before {
  content: "\F09BE";
}

.mdi-arrow-down::before {
  content: "\F0045";
}

.mdi-arrow-down-bold::before {
  content: "\F072E";
}

.mdi-arrow-down-bold-box::before {
  content: "\F072F";
}

.mdi-arrow-down-bold-box-outline::before {
  content: "\F0730";
}

.mdi-arrow-down-bold-circle::before {
  content: "\F0047";
}

.mdi-arrow-down-bold-circle-outline::before {
  content: "\F0048";
}

.mdi-arrow-down-bold-hexagon-outline::before {
  content: "\F0049";
}

.mdi-arrow-down-bold-outline::before {
  content: "\F09BF";
}

.mdi-arrow-down-box::before {
  content: "\F06C0";
}

.mdi-arrow-down-circle::before {
  content: "\F0CDB";
}

.mdi-arrow-down-circle-outline::before {
  content: "\F0CDC";
}

.mdi-arrow-down-drop-circle::before {
  content: "\F004A";
}

.mdi-arrow-down-drop-circle-outline::before {
  content: "\F004B";
}

.mdi-arrow-down-left::before {
  content: "\F17A1";
}

.mdi-arrow-down-left-bold::before {
  content: "\F17A2";
}

.mdi-arrow-down-right::before {
  content: "\F17A3";
}

.mdi-arrow-down-right-bold::before {
  content: "\F17A4";
}

.mdi-arrow-down-thick::before {
  content: "\F0046";
}

.mdi-arrow-down-thin::before {
  content: "\F19B3";
}

.mdi-arrow-down-thin-circle-outline::before {
  content: "\F1599";
}

.mdi-arrow-expand::before {
  content: "\F0616";
}

.mdi-arrow-expand-all::before {
  content: "\F004C";
}

.mdi-arrow-expand-down::before {
  content: "\F0796";
}

.mdi-arrow-expand-horizontal::before {
  content: "\F084E";
}

.mdi-arrow-expand-left::before {
  content: "\F0797";
}

.mdi-arrow-expand-right::before {
  content: "\F0798";
}

.mdi-arrow-expand-up::before {
  content: "\F0799";
}

.mdi-arrow-expand-vertical::before {
  content: "\F084F";
}

.mdi-arrow-horizontal-lock::before {
  content: "\F115B";
}

.mdi-arrow-left::before {
  content: "\F004D";
}

.mdi-arrow-left-bold::before {
  content: "\F0731";
}

.mdi-arrow-left-bold-box::before {
  content: "\F0732";
}

.mdi-arrow-left-bold-box-outline::before {
  content: "\F0733";
}

.mdi-arrow-left-bold-circle::before {
  content: "\F004F";
}

.mdi-arrow-left-bold-circle-outline::before {
  content: "\F0050";
}

.mdi-arrow-left-bold-hexagon-outline::before {
  content: "\F0051";
}

.mdi-arrow-left-bold-outline::before {
  content: "\F09C0";
}

.mdi-arrow-left-bottom::before {
  content: "\F17A5";
}

.mdi-arrow-left-bottom-bold::before {
  content: "\F17A6";
}

.mdi-arrow-left-box::before {
  content: "\F06C1";
}

.mdi-arrow-left-circle::before {
  content: "\F0CDD";
}

.mdi-arrow-left-circle-outline::before {
  content: "\F0CDE";
}

.mdi-arrow-left-drop-circle::before {
  content: "\F0052";
}

.mdi-arrow-left-drop-circle-outline::before {
  content: "\F0053";
}

.mdi-arrow-left-right::before {
  content: "\F0E73";
}

.mdi-arrow-left-right-bold::before {
  content: "\F0E74";
}

.mdi-arrow-left-right-bold-outline::before {
  content: "\F09C1";
}

.mdi-arrow-left-thick::before {
  content: "\F004E";
}

.mdi-arrow-left-thin::before {
  content: "\F19B1";
}

.mdi-arrow-left-thin-circle-outline::before {
  content: "\F159A";
}

.mdi-arrow-left-top::before {
  content: "\F17A7";
}

.mdi-arrow-left-top-bold::before {
  content: "\F17A8";
}

.mdi-arrow-projectile::before {
  content: "\F1840";
}

.mdi-arrow-projectile-multiple::before {
  content: "\F183F";
}

.mdi-arrow-right::before {
  content: "\F0054";
}

.mdi-arrow-right-bold::before {
  content: "\F0734";
}

.mdi-arrow-right-bold-box::before {
  content: "\F0735";
}

.mdi-arrow-right-bold-box-outline::before {
  content: "\F0736";
}

.mdi-arrow-right-bold-circle::before {
  content: "\F0056";
}

.mdi-arrow-right-bold-circle-outline::before {
  content: "\F0057";
}

.mdi-arrow-right-bold-hexagon-outline::before {
  content: "\F0058";
}

.mdi-arrow-right-bold-outline::before {
  content: "\F09C2";
}

.mdi-arrow-right-bottom::before {
  content: "\F17A9";
}

.mdi-arrow-right-bottom-bold::before {
  content: "\F17AA";
}

.mdi-arrow-right-box::before {
  content: "\F06C2";
}

.mdi-arrow-right-circle::before {
  content: "\F0CDF";
}

.mdi-arrow-right-circle-outline::before {
  content: "\F0CE0";
}

.mdi-arrow-right-drop-circle::before {
  content: "\F0059";
}

.mdi-arrow-right-drop-circle-outline::before {
  content: "\F005A";
}

.mdi-arrow-right-thick::before {
  content: "\F0055";
}

.mdi-arrow-right-thin::before {
  content: "\F19B0";
}

.mdi-arrow-right-thin-circle-outline::before {
  content: "\F1598";
}

.mdi-arrow-right-top::before {
  content: "\F17AB";
}

.mdi-arrow-right-top-bold::before {
  content: "\F17AC";
}

.mdi-arrow-split-horizontal::before {
  content: "\F093B";
}

.mdi-arrow-split-vertical::before {
  content: "\F093C";
}

.mdi-arrow-top-left::before {
  content: "\F005B";
}

.mdi-arrow-top-left-bold-box::before {
  content: "\F1968";
}

.mdi-arrow-top-left-bold-box-outline::before {
  content: "\F1969";
}

.mdi-arrow-top-left-bold-outline::before {
  content: "\F09C3";
}

.mdi-arrow-top-left-bottom-right::before {
  content: "\F0E75";
}

.mdi-arrow-top-left-bottom-right-bold::before {
  content: "\F0E76";
}

.mdi-arrow-top-left-thick::before {
  content: "\F09C4";
}

.mdi-arrow-top-left-thin::before {
  content: "\F19B5";
}

.mdi-arrow-top-left-thin-circle-outline::before {
  content: "\F1593";
}

.mdi-arrow-top-right::before {
  content: "\F005C";
}

.mdi-arrow-top-right-bold-box::before {
  content: "\F196A";
}

.mdi-arrow-top-right-bold-box-outline::before {
  content: "\F196B";
}

.mdi-arrow-top-right-bold-outline::before {
  content: "\F09C5";
}

.mdi-arrow-top-right-bottom-left::before {
  content: "\F0E77";
}

.mdi-arrow-top-right-bottom-left-bold::before {
  content: "\F0E78";
}

.mdi-arrow-top-right-thick::before {
  content: "\F09C6";
}

.mdi-arrow-top-right-thin::before {
  content: "\F19B4";
}

.mdi-arrow-top-right-thin-circle-outline::before {
  content: "\F1594";
}

.mdi-arrow-u-down-left::before {
  content: "\F17AD";
}

.mdi-arrow-u-down-left-bold::before {
  content: "\F17AE";
}

.mdi-arrow-u-down-right::before {
  content: "\F17AF";
}

.mdi-arrow-u-down-right-bold::before {
  content: "\F17B0";
}

.mdi-arrow-u-left-bottom::before {
  content: "\F17B1";
}

.mdi-arrow-u-left-bottom-bold::before {
  content: "\F17B2";
}

.mdi-arrow-u-left-top::before {
  content: "\F17B3";
}

.mdi-arrow-u-left-top-bold::before {
  content: "\F17B4";
}

.mdi-arrow-u-right-bottom::before {
  content: "\F17B5";
}

.mdi-arrow-u-right-bottom-bold::before {
  content: "\F17B6";
}

.mdi-arrow-u-right-top::before {
  content: "\F17B7";
}

.mdi-arrow-u-right-top-bold::before {
  content: "\F17B8";
}

.mdi-arrow-u-up-left::before {
  content: "\F17B9";
}

.mdi-arrow-u-up-left-bold::before {
  content: "\F17BA";
}

.mdi-arrow-u-up-right::before {
  content: "\F17BB";
}

.mdi-arrow-u-up-right-bold::before {
  content: "\F17BC";
}

.mdi-arrow-up::before {
  content: "\F005D";
}

.mdi-arrow-up-bold::before {
  content: "\F0737";
}

.mdi-arrow-up-bold-box::before {
  content: "\F0738";
}

.mdi-arrow-up-bold-box-outline::before {
  content: "\F0739";
}

.mdi-arrow-up-bold-circle::before {
  content: "\F005F";
}

.mdi-arrow-up-bold-circle-outline::before {
  content: "\F0060";
}

.mdi-arrow-up-bold-hexagon-outline::before {
  content: "\F0061";
}

.mdi-arrow-up-bold-outline::before {
  content: "\F09C7";
}

.mdi-arrow-up-box::before {
  content: "\F06C3";
}

.mdi-arrow-up-circle::before {
  content: "\F0CE1";
}

.mdi-arrow-up-circle-outline::before {
  content: "\F0CE2";
}

.mdi-arrow-up-down::before {
  content: "\F0E79";
}

.mdi-arrow-up-down-bold::before {
  content: "\F0E7A";
}

.mdi-arrow-up-down-bold-outline::before {
  content: "\F09C8";
}

.mdi-arrow-up-drop-circle::before {
  content: "\F0062";
}

.mdi-arrow-up-drop-circle-outline::before {
  content: "\F0063";
}

.mdi-arrow-up-left::before {
  content: "\F17BD";
}

.mdi-arrow-up-left-bold::before {
  content: "\F17BE";
}

.mdi-arrow-up-right::before {
  content: "\F17BF";
}

.mdi-arrow-up-right-bold::before {
  content: "\F17C0";
}

.mdi-arrow-up-thick::before {
  content: "\F005E";
}

.mdi-arrow-up-thin::before {
  content: "\F19B2";
}

.mdi-arrow-up-thin-circle-outline::before {
  content: "\F1597";
}

.mdi-arrow-vertical-lock::before {
  content: "\F115C";
}

.mdi-artboard::before {
  content: "\F1B9A";
}

.mdi-artstation::before {
  content: "\F0B5B";
}

.mdi-aspect-ratio::before {
  content: "\F0A24";
}

.mdi-assistant::before {
  content: "\F0064";
}

.mdi-asterisk::before {
  content: "\F06C4";
}

.mdi-asterisk-circle-outline::before {
  content: "\F1A27";
}

.mdi-at::before {
  content: "\F0065";
}

.mdi-atlassian::before {
  content: "\F0804";
}

.mdi-atm::before {
  content: "\F0D47";
}

.mdi-atom::before {
  content: "\F0768";
}

.mdi-atom-variant::before {
  content: "\F0E7B";
}

.mdi-attachment::before {
  content: "\F0066";
}

.mdi-attachment-check::before {
  content: "\F1AC1";
}

.mdi-attachment-lock::before {
  content: "\F19C4";
}

.mdi-attachment-minus::before {
  content: "\F1AC2";
}

.mdi-attachment-off::before {
  content: "\F1AC3";
}

.mdi-attachment-plus::before {
  content: "\F1AC4";
}

.mdi-attachment-remove::before {
  content: "\F1AC5";
}

.mdi-atv::before {
  content: "\F1B70";
}

.mdi-audio-input-rca::before {
  content: "\F186B";
}

.mdi-audio-input-stereo-minijack::before {
  content: "\F186C";
}

.mdi-audio-input-xlr::before {
  content: "\F186D";
}

.mdi-audio-video::before {
  content: "\F093D";
}

.mdi-audio-video-off::before {
  content: "\F11B6";
}

.mdi-augmented-reality::before {
  content: "\F0850";
}

.mdi-aurora::before {
  content: "\F1BB9";
}

.mdi-auto-download::before {
  content: "\F137E";
}

.mdi-auto-fix::before {
  content: "\F0068";
}

.mdi-auto-mode::before {
  content: "\F1C20";
}

.mdi-auto-upload::before {
  content: "\F0069";
}

.mdi-autorenew::before {
  content: "\F006A";
}

.mdi-autorenew-off::before {
  content: "\F19E7";
}

.mdi-av-timer::before {
  content: "\F006B";
}

.mdi-awning::before {
  content: "\F1B87";
}

.mdi-awning-outline::before {
  content: "\F1B88";
}

.mdi-aws::before {
  content: "\F0E0F";
}

.mdi-axe::before {
  content: "\F08C8";
}

.mdi-axe-battle::before {
  content: "\F1842";
}

.mdi-axis::before {
  content: "\F0D48";
}

.mdi-axis-arrow::before {
  content: "\F0D49";
}

.mdi-axis-arrow-info::before {
  content: "\F140E";
}

.mdi-axis-arrow-lock::before {
  content: "\F0D4A";
}

.mdi-axis-lock::before {
  content: "\F0D4B";
}

.mdi-axis-x-arrow::before {
  content: "\F0D4C";
}

.mdi-axis-x-arrow-lock::before {
  content: "\F0D4D";
}

.mdi-axis-x-rotate-clockwise::before {
  content: "\F0D4E";
}

.mdi-axis-x-rotate-counterclockwise::before {
  content: "\F0D4F";
}

.mdi-axis-x-y-arrow-lock::before {
  content: "\F0D50";
}

.mdi-axis-y-arrow::before {
  content: "\F0D51";
}

.mdi-axis-y-arrow-lock::before {
  content: "\F0D52";
}

.mdi-axis-y-rotate-clockwise::before {
  content: "\F0D53";
}

.mdi-axis-y-rotate-counterclockwise::before {
  content: "\F0D54";
}

.mdi-axis-z-arrow::before {
  content: "\F0D55";
}

.mdi-axis-z-arrow-lock::before {
  content: "\F0D56";
}

.mdi-axis-z-rotate-clockwise::before {
  content: "\F0D57";
}

.mdi-axis-z-rotate-counterclockwise::before {
  content: "\F0D58";
}

.mdi-babel::before {
  content: "\F0A25";
}

.mdi-baby::before {
  content: "\F006C";
}

.mdi-baby-bottle::before {
  content: "\F0F39";
}

.mdi-baby-bottle-outline::before {
  content: "\F0F3A";
}

.mdi-baby-buggy::before {
  content: "\F13E0";
}

.mdi-baby-buggy-off::before {
  content: "\F1AF3";
}

.mdi-baby-carriage::before {
  content: "\F068F";
}

.mdi-baby-carriage-off::before {
  content: "\F0FA0";
}

.mdi-baby-face::before {
  content: "\F0E7C";
}

.mdi-baby-face-outline::before {
  content: "\F0E7D";
}

.mdi-backburger::before {
  content: "\F006D";
}

.mdi-backspace::before {
  content: "\F006E";
}

.mdi-backspace-outline::before {
  content: "\F0B5C";
}

.mdi-backspace-reverse::before {
  content: "\F0E7E";
}

.mdi-backspace-reverse-outline::before {
  content: "\F0E7F";
}

.mdi-backup-restore::before {
  content: "\F006F";
}

.mdi-bacteria::before {
  content: "\F0ED5";
}

.mdi-bacteria-outline::before {
  content: "\F0ED6";
}

.mdi-badge-account::before {
  content: "\F0DA7";
}

.mdi-badge-account-alert::before {
  content: "\F0DA8";
}

.mdi-badge-account-alert-outline::before {
  content: "\F0DA9";
}

.mdi-badge-account-horizontal::before {
  content: "\F0E0D";
}

.mdi-badge-account-horizontal-outline::before {
  content: "\F0E0E";
}

.mdi-badge-account-outline::before {
  content: "\F0DAA";
}

.mdi-badminton::before {
  content: "\F0851";
}

.mdi-bag-carry-on::before {
  content: "\F0F3B";
}

.mdi-bag-carry-on-check::before {
  content: "\F0D65";
}

.mdi-bag-carry-on-off::before {
  content: "\F0F3C";
}

.mdi-bag-checked::before {
  content: "\F0F3D";
}

.mdi-bag-personal::before {
  content: "\F0E10";
}

.mdi-bag-personal-off::before {
  content: "\F0E11";
}

.mdi-bag-personal-off-outline::before {
  content: "\F0E12";
}

.mdi-bag-personal-outline::before {
  content: "\F0E13";
}

.mdi-bag-personal-tag::before {
  content: "\F1B0C";
}

.mdi-bag-personal-tag-outline::before {
  content: "\F1B0D";
}

.mdi-bag-suitcase::before {
  content: "\F158B";
}

.mdi-bag-suitcase-off::before {
  content: "\F158D";
}

.mdi-bag-suitcase-off-outline::before {
  content: "\F158E";
}

.mdi-bag-suitcase-outline::before {
  content: "\F158C";
}

.mdi-baguette::before {
  content: "\F0F3E";
}

.mdi-balcony::before {
  content: "\F1817";
}

.mdi-balloon::before {
  content: "\F0A26";
}

.mdi-ballot::before {
  content: "\F09C9";
}

.mdi-ballot-outline::before {
  content: "\F09CA";
}

.mdi-ballot-recount::before {
  content: "\F0C39";
}

.mdi-ballot-recount-outline::before {
  content: "\F0C3A";
}

.mdi-bandage::before {
  content: "\F0DAF";
}

.mdi-bank::before {
  content: "\F0070";
}

.mdi-bank-check::before {
  content: "\F1655";
}

.mdi-bank-circle::before {
  content: "\F1C03";
}

.mdi-bank-circle-outline::before {
  content: "\F1C04";
}

.mdi-bank-minus::before {
  content: "\F0DB0";
}

.mdi-bank-off::before {
  content: "\F1656";
}

.mdi-bank-off-outline::before {
  content: "\F1657";
}

.mdi-bank-outline::before {
  content: "\F0E80";
}

.mdi-bank-plus::before {
  content: "\F0DB1";
}

.mdi-bank-remove::before {
  content: "\F0DB2";
}

.mdi-bank-transfer::before {
  content: "\F0A27";
}

.mdi-bank-transfer-in::before {
  content: "\F0A28";
}

.mdi-bank-transfer-out::before {
  content: "\F0A29";
}

.mdi-barcode::before {
  content: "\F0071";
}

.mdi-barcode-off::before {
  content: "\F1236";
}

.mdi-barcode-scan::before {
  content: "\F0072";
}

.mdi-barley::before {
  content: "\F0073";
}

.mdi-barley-off::before {
  content: "\F0B5D";
}

.mdi-barn::before {
  content: "\F0B5E";
}

.mdi-barrel::before {
  content: "\F0074";
}

.mdi-barrel-outline::before {
  content: "\F1A28";
}

.mdi-baseball::before {
  content: "\F0852";
}

.mdi-baseball-bat::before {
  content: "\F0853";
}

.mdi-baseball-diamond::before {
  content: "\F15EC";
}

.mdi-baseball-diamond-outline::before {
  content: "\F15ED";
}

.mdi-baseball-outline::before {
  content: "\F1C5A";
}

.mdi-bash::before {
  content: "\F1183";
}

.mdi-basket::before {
  content: "\F0076";
}

.mdi-basket-check::before {
  content: "\F18E5";
}

.mdi-basket-check-outline::before {
  content: "\F18E6";
}

.mdi-basket-fill::before {
  content: "\F0077";
}

.mdi-basket-minus::before {
  content: "\F1523";
}

.mdi-basket-minus-outline::before {
  content: "\F1524";
}

.mdi-basket-off::before {
  content: "\F1525";
}

.mdi-basket-off-outline::before {
  content: "\F1526";
}

.mdi-basket-outline::before {
  content: "\F1181";
}

.mdi-basket-plus::before {
  content: "\F1527";
}

.mdi-basket-plus-outline::before {
  content: "\F1528";
}

.mdi-basket-remove::before {
  content: "\F1529";
}

.mdi-basket-remove-outline::before {
  content: "\F152A";
}

.mdi-basket-unfill::before {
  content: "\F0078";
}

.mdi-basketball::before {
  content: "\F0806";
}

.mdi-basketball-hoop::before {
  content: "\F0C3B";
}

.mdi-basketball-hoop-outline::before {
  content: "\F0C3C";
}

.mdi-bat::before {
  content: "\F0B5F";
}

.mdi-bathtub::before {
  content: "\F1818";
}

.mdi-bathtub-outline::before {
  content: "\F1819";
}

.mdi-battery::before {
  content: "\F0079";
}

.mdi-battery-10::before {
  content: "\F007A";
}

.mdi-battery-10-bluetooth::before {
  content: "\F093E";
}

.mdi-battery-20::before {
  content: "\F007B";
}

.mdi-battery-20-bluetooth::before {
  content: "\F093F";
}

.mdi-battery-30::before {
  content: "\F007C";
}

.mdi-battery-30-bluetooth::before {
  content: "\F0940";
}

.mdi-battery-40::before {
  content: "\F007D";
}

.mdi-battery-40-bluetooth::before {
  content: "\F0941";
}

.mdi-battery-50::before {
  content: "\F007E";
}

.mdi-battery-50-bluetooth::before {
  content: "\F0942";
}

.mdi-battery-60::before {
  content: "\F007F";
}

.mdi-battery-60-bluetooth::before {
  content: "\F0943";
}

.mdi-battery-70::before {
  content: "\F0080";
}

.mdi-battery-70-bluetooth::before {
  content: "\F0944";
}

.mdi-battery-80::before {
  content: "\F0081";
}

.mdi-battery-80-bluetooth::before {
  content: "\F0945";
}

.mdi-battery-90::before {
  content: "\F0082";
}

.mdi-battery-90-bluetooth::before {
  content: "\F0946";
}

.mdi-battery-alert::before {
  content: "\F0083";
}

.mdi-battery-alert-bluetooth::before {
  content: "\F0947";
}

.mdi-battery-alert-variant::before {
  content: "\F10CC";
}

.mdi-battery-alert-variant-outline::before {
  content: "\F10CD";
}

.mdi-battery-arrow-down::before {
  content: "\F17DE";
}

.mdi-battery-arrow-down-outline::before {
  content: "\F17DF";
}

.mdi-battery-arrow-up::before {
  content: "\F17E0";
}

.mdi-battery-arrow-up-outline::before {
  content: "\F17E1";
}

.mdi-battery-bluetooth::before {
  content: "\F0948";
}

.mdi-battery-bluetooth-variant::before {
  content: "\F0949";
}

.mdi-battery-charging::before {
  content: "\F0084";
}

.mdi-battery-charging-10::before {
  content: "\F089C";
}

.mdi-battery-charging-100::before {
  content: "\F0085";
}

.mdi-battery-charging-20::before {
  content: "\F0086";
}

.mdi-battery-charging-30::before {
  content: "\F0087";
}

.mdi-battery-charging-40::before {
  content: "\F0088";
}

.mdi-battery-charging-50::before {
  content: "\F089D";
}

.mdi-battery-charging-60::before {
  content: "\F0089";
}

.mdi-battery-charging-70::before {
  content: "\F089E";
}

.mdi-battery-charging-80::before {
  content: "\F008A";
}

.mdi-battery-charging-90::before {
  content: "\F008B";
}

.mdi-battery-charging-high::before {
  content: "\F12A6";
}

.mdi-battery-charging-low::before {
  content: "\F12A4";
}

.mdi-battery-charging-medium::before {
  content: "\F12A5";
}

.mdi-battery-charging-outline::before {
  content: "\F089F";
}

.mdi-battery-charging-wireless::before {
  content: "\F0807";
}

.mdi-battery-charging-wireless-10::before {
  content: "\F0808";
}

.mdi-battery-charging-wireless-20::before {
  content: "\F0809";
}

.mdi-battery-charging-wireless-30::before {
  content: "\F080A";
}

.mdi-battery-charging-wireless-40::before {
  content: "\F080B";
}

.mdi-battery-charging-wireless-50::before {
  content: "\F080C";
}

.mdi-battery-charging-wireless-60::before {
  content: "\F080D";
}

.mdi-battery-charging-wireless-70::before {
  content: "\F080E";
}

.mdi-battery-charging-wireless-80::before {
  content: "\F080F";
}

.mdi-battery-charging-wireless-90::before {
  content: "\F0810";
}

.mdi-battery-charging-wireless-alert::before {
  content: "\F0811";
}

.mdi-battery-charging-wireless-outline::before {
  content: "\F0812";
}

.mdi-battery-check::before {
  content: "\F17E2";
}

.mdi-battery-check-outline::before {
  content: "\F17E3";
}

.mdi-battery-clock::before {
  content: "\F19E5";
}

.mdi-battery-clock-outline::before {
  content: "\F19E6";
}

.mdi-battery-heart::before {
  content: "\F120F";
}

.mdi-battery-heart-outline::before {
  content: "\F1210";
}

.mdi-battery-heart-variant::before {
  content: "\F1211";
}

.mdi-battery-high::before {
  content: "\F12A3";
}

.mdi-battery-lock::before {
  content: "\F179C";
}

.mdi-battery-lock-open::before {
  content: "\F179D";
}

.mdi-battery-low::before {
  content: "\F12A1";
}

.mdi-battery-medium::before {
  content: "\F12A2";
}

.mdi-battery-minus::before {
  content: "\F17E4";
}

.mdi-battery-minus-outline::before {
  content: "\F17E5";
}

.mdi-battery-minus-variant::before {
  content: "\F008C";
}

.mdi-battery-negative::before {
  content: "\F008D";
}

.mdi-battery-off::before {
  content: "\F125D";
}

.mdi-battery-off-outline::before {
  content: "\F125E";
}

.mdi-battery-outline::before {
  content: "\F008E";
}

.mdi-battery-plus::before {
  content: "\F17E6";
}

.mdi-battery-plus-outline::before {
  content: "\F17E7";
}

.mdi-battery-plus-variant::before {
  content: "\F008F";
}

.mdi-battery-positive::before {
  content: "\F0090";
}

.mdi-battery-remove::before {
  content: "\F17E8";
}

.mdi-battery-remove-outline::before {
  content: "\F17E9";
}

.mdi-battery-sync::before {
  content: "\F1834";
}

.mdi-battery-sync-outline::before {
  content: "\F1835";
}

.mdi-battery-unknown::before {
  content: "\F0091";
}

.mdi-battery-unknown-bluetooth::before {
  content: "\F094A";
}

.mdi-beach::before {
  content: "\F0092";
}

.mdi-beaker::before {
  content: "\F0CEA";
}

.mdi-beaker-alert::before {
  content: "\F1229";
}

.mdi-beaker-alert-outline::before {
  content: "\F122A";
}

.mdi-beaker-check::before {
  content: "\F122B";
}

.mdi-beaker-check-outline::before {
  content: "\F122C";
}

.mdi-beaker-minus::before {
  content: "\F122D";
}

.mdi-beaker-minus-outline::before {
  content: "\F122E";
}

.mdi-beaker-outline::before {
  content: "\F0690";
}

.mdi-beaker-plus::before {
  content: "\F122F";
}

.mdi-beaker-plus-outline::before {
  content: "\F1230";
}

.mdi-beaker-question::before {
  content: "\F1231";
}

.mdi-beaker-question-outline::before {
  content: "\F1232";
}

.mdi-beaker-remove::before {
  content: "\F1233";
}

.mdi-beaker-remove-outline::before {
  content: "\F1234";
}

.mdi-bed::before {
  content: "\F02E3";
}

.mdi-bed-clock::before {
  content: "\F1B94";
}

.mdi-bed-double::before {
  content: "\F0FD4";
}

.mdi-bed-double-outline::before {
  content: "\F0FD3";
}

.mdi-bed-empty::before {
  content: "\F08A0";
}

.mdi-bed-king::before {
  content: "\F0FD2";
}

.mdi-bed-king-outline::before {
  content: "\F0FD1";
}

.mdi-bed-outline::before {
  content: "\F0099";
}

.mdi-bed-queen::before {
  content: "\F0FD0";
}

.mdi-bed-queen-outline::before {
  content: "\F0FDB";
}

.mdi-bed-single::before {
  content: "\F106D";
}

.mdi-bed-single-outline::before {
  content: "\F106E";
}

.mdi-bee::before {
  content: "\F0FA1";
}

.mdi-bee-flower::before {
  content: "\F0FA2";
}

.mdi-beehive-off-outline::before {
  content: "\F13ED";
}

.mdi-beehive-outline::before {
  content: "\F10CE";
}

.mdi-beekeeper::before {
  content: "\F14E2";
}

.mdi-beer::before {
  content: "\F0098";
}

.mdi-beer-outline::before {
  content: "\F130C";
}

.mdi-bell::before {
  content: "\F009A";
}

.mdi-bell-alert::before {
  content: "\F0D59";
}

.mdi-bell-alert-outline::before {
  content: "\F0E81";
}

.mdi-bell-badge::before {
  content: "\F116B";
}

.mdi-bell-badge-outline::before {
  content: "\F0178";
}

.mdi-bell-cancel::before {
  content: "\F13E7";
}

.mdi-bell-cancel-outline::before {
  content: "\F13E8";
}

.mdi-bell-check::before {
  content: "\F11E5";
}

.mdi-bell-check-outline::before {
  content: "\F11E6";
}

.mdi-bell-circle::before {
  content: "\F0D5A";
}

.mdi-bell-circle-outline::before {
  content: "\F0D5B";
}

.mdi-bell-cog::before {
  content: "\F1A29";
}

.mdi-bell-cog-outline::before {
  content: "\F1A2A";
}

.mdi-bell-minus::before {
  content: "\F13E9";
}

.mdi-bell-minus-outline::before {
  content: "\F13EA";
}

.mdi-bell-off::before {
  content: "\F009B";
}

.mdi-bell-off-outline::before {
  content: "\F0A91";
}

.mdi-bell-outline::before {
  content: "\F009C";
}

.mdi-bell-plus::before {
  content: "\F009D";
}

.mdi-bell-plus-outline::before {
  content: "\F0A92";
}

.mdi-bell-remove::before {
  content: "\F13EB";
}

.mdi-bell-remove-outline::before {
  content: "\F13EC";
}

.mdi-bell-ring::before {
  content: "\F009E";
}

.mdi-bell-ring-outline::before {
  content: "\F009F";
}

.mdi-bell-sleep::before {
  content: "\F00A0";
}

.mdi-bell-sleep-outline::before {
  content: "\F0A93";
}

.mdi-bench::before {
  content: "\F1C21";
}

.mdi-bench-back::before {
  content: "\F1C22";
}

.mdi-beta::before {
  content: "\F00A1";
}

.mdi-betamax::before {
  content: "\F09CB";
}

.mdi-biathlon::before {
  content: "\F0E14";
}

.mdi-bicycle::before {
  content: "\F109C";
}

.mdi-bicycle-basket::before {
  content: "\F1235";
}

.mdi-bicycle-cargo::before {
  content: "\F189C";
}

.mdi-bicycle-electric::before {
  content: "\F15B4";
}

.mdi-bicycle-penny-farthing::before {
  content: "\F15E9";
}

.mdi-bike::before {
  content: "\F00A3";
}

.mdi-bike-fast::before {
  content: "\F111F";
}

.mdi-bike-pedal::before {
  content: "\F1C23";
}

.mdi-bike-pedal-clipless::before {
  content: "\F1C24";
}

.mdi-bike-pedal-mountain::before {
  content: "\F1C25";
}

.mdi-billboard::before {
  content: "\F1010";
}

.mdi-billiards::before {
  content: "\F0B61";
}

.mdi-billiards-rack::before {
  content: "\F0B62";
}

.mdi-binoculars::before {
  content: "\F00A5";
}

.mdi-bio::before {
  content: "\F00A6";
}

.mdi-biohazard::before {
  content: "\F00A7";
}

.mdi-bird::before {
  content: "\F15C6";
}

.mdi-bitbucket::before {
  content: "\F00A8";
}

.mdi-bitcoin::before {
  content: "\F0813";
}

.mdi-black-mesa::before {
  content: "\F00A9";
}

.mdi-blender::before {
  content: "\F0CEB";
}

.mdi-blender-outline::before {
  content: "\F181A";
}

.mdi-blender-software::before {
  content: "\F00AB";
}

.mdi-blinds::before {
  content: "\F00AC";
}

.mdi-blinds-horizontal::before {
  content: "\F1A2B";
}

.mdi-blinds-horizontal-closed::before {
  content: "\F1A2C";
}

.mdi-blinds-open::before {
  content: "\F1011";
}

.mdi-blinds-vertical::before {
  content: "\F1A2D";
}

.mdi-blinds-vertical-closed::before {
  content: "\F1A2E";
}

.mdi-block-helper::before {
  content: "\F00AD";
}

.mdi-blood-bag::before {
  content: "\F0CEC";
}

.mdi-bluetooth::before {
  content: "\F00AF";
}

.mdi-bluetooth-audio::before {
  content: "\F00B0";
}

.mdi-bluetooth-connect::before {
  content: "\F00B1";
}

.mdi-bluetooth-off::before {
  content: "\F00B2";
}

.mdi-bluetooth-settings::before {
  content: "\F00B3";
}

.mdi-bluetooth-transfer::before {
  content: "\F00B4";
}

.mdi-blur::before {
  content: "\F00B5";
}

.mdi-blur-linear::before {
  content: "\F00B6";
}

.mdi-blur-off::before {
  content: "\F00B7";
}

.mdi-blur-radial::before {
  content: "\F00B8";
}

.mdi-bolt::before {
  content: "\F0DB3";
}

.mdi-bomb::before {
  content: "\F0691";
}

.mdi-bomb-off::before {
  content: "\F06C5";
}

.mdi-bone::before {
  content: "\F00B9";
}

.mdi-bone-off::before {
  content: "\F19E0";
}

.mdi-book::before {
  content: "\F00BA";
}

.mdi-book-account::before {
  content: "\F13AD";
}

.mdi-book-account-outline::before {
  content: "\F13AE";
}

.mdi-book-alert::before {
  content: "\F167C";
}

.mdi-book-alert-outline::before {
  content: "\F167D";
}

.mdi-book-alphabet::before {
  content: "\F061D";
}

.mdi-book-arrow-down::before {
  content: "\F167E";
}

.mdi-book-arrow-down-outline::before {
  content: "\F167F";
}

.mdi-book-arrow-left::before {
  content: "\F1680";
}

.mdi-book-arrow-left-outline::before {
  content: "\F1681";
}

.mdi-book-arrow-right::before {
  content: "\F1682";
}

.mdi-book-arrow-right-outline::before {
  content: "\F1683";
}

.mdi-book-arrow-up::before {
  content: "\F1684";
}

.mdi-book-arrow-up-outline::before {
  content: "\F1685";
}

.mdi-book-cancel::before {
  content: "\F1686";
}

.mdi-book-cancel-outline::before {
  content: "\F1687";
}

.mdi-book-check::before {
  content: "\F14F3";
}

.mdi-book-check-outline::before {
  content: "\F14F4";
}

.mdi-book-clock::before {
  content: "\F1688";
}

.mdi-book-clock-outline::before {
  content: "\F1689";
}

.mdi-book-cog::before {
  content: "\F168A";
}

.mdi-book-cog-outline::before {
  content: "\F168B";
}

.mdi-book-cross::before {
  content: "\F00A2";
}

.mdi-book-edit::before {
  content: "\F168C";
}

.mdi-book-edit-outline::before {
  content: "\F168D";
}

.mdi-book-education::before {
  content: "\F16C9";
}

.mdi-book-education-outline::before {
  content: "\F16CA";
}

.mdi-book-heart::before {
  content: "\F1A1D";
}

.mdi-book-heart-outline::before {
  content: "\F1A1E";
}

.mdi-book-information-variant::before {
  content: "\F106F";
}

.mdi-book-lock::before {
  content: "\F079A";
}

.mdi-book-lock-open::before {
  content: "\F079B";
}

.mdi-book-lock-open-outline::before {
  content: "\F168E";
}

.mdi-book-lock-outline::before {
  content: "\F168F";
}

.mdi-book-marker::before {
  content: "\F1690";
}

.mdi-book-marker-outline::before {
  content: "\F1691";
}

.mdi-book-minus::before {
  content: "\F05D9";
}

.mdi-book-minus-multiple::before {
  content: "\F0A94";
}

.mdi-book-minus-multiple-outline::before {
  content: "\F090B";
}

.mdi-book-minus-outline::before {
  content: "\F1692";
}

.mdi-book-multiple::before {
  content: "\F00BB";
}

.mdi-book-multiple-outline::before {
  content: "\F0436";
}

.mdi-book-music::before {
  content: "\F0067";
}

.mdi-book-music-outline::before {
  content: "\F1693";
}

.mdi-book-off::before {
  content: "\F1694";
}

.mdi-book-off-outline::before {
  content: "\F1695";
}

.mdi-book-open::before {
  content: "\F00BD";
}

.mdi-book-open-blank-variant::before {
  content: "\F00BE";
}

.mdi-book-open-outline::before {
  content: "\F0B63";
}

.mdi-book-open-page-variant::before {
  content: "\F05DA";
}

.mdi-book-open-page-variant-outline::before {
  content: "\F15D6";
}

.mdi-book-open-variant::before {
  content: "\F14F7";
}

.mdi-book-outline::before {
  content: "\F0B64";
}

.mdi-book-play::before {
  content: "\F0E82";
}

.mdi-book-play-outline::before {
  content: "\F0E83";
}

.mdi-book-plus::before {
  content: "\F05DB";
}

.mdi-book-plus-multiple::before {
  content: "\F0A95";
}

.mdi-book-plus-multiple-outline::before {
  content: "\F0ADE";
}

.mdi-book-plus-outline::before {
  content: "\F1696";
}

.mdi-book-refresh::before {
  content: "\F1697";
}

.mdi-book-refresh-outline::before {
  content: "\F1698";
}

.mdi-book-remove::before {
  content: "\F0A97";
}

.mdi-book-remove-multiple::before {
  content: "\F0A96";
}

.mdi-book-remove-multiple-outline::before {
  content: "\F04CA";
}

.mdi-book-remove-outline::before {
  content: "\F1699";
}

.mdi-book-search::before {
  content: "\F0E84";
}

.mdi-book-search-outline::before {
  content: "\F0E85";
}

.mdi-book-settings::before {
  content: "\F169A";
}

.mdi-book-settings-outline::before {
  content: "\F169B";
}

.mdi-book-sync::before {
  content: "\F169C";
}

.mdi-book-sync-outline::before {
  content: "\F16C8";
}

.mdi-book-variant::before {
  content: "\F00BF";
}

.mdi-bookmark::before {
  content: "\F00C0";
}

.mdi-bookmark-box::before {
  content: "\F1B75";
}

.mdi-bookmark-box-multiple::before {
  content: "\F196C";
}

.mdi-bookmark-box-multiple-outline::before {
  content: "\F196D";
}

.mdi-bookmark-box-outline::before {
  content: "\F1B76";
}

.mdi-bookmark-check::before {
  content: "\F00C1";
}

.mdi-bookmark-check-outline::before {
  content: "\F137B";
}

.mdi-bookmark-minus::before {
  content: "\F09CC";
}

.mdi-bookmark-minus-outline::before {
  content: "\F09CD";
}

.mdi-bookmark-multiple::before {
  content: "\F0E15";
}

.mdi-bookmark-multiple-outline::before {
  content: "\F0E16";
}

.mdi-bookmark-music::before {
  content: "\F00C2";
}

.mdi-bookmark-music-outline::before {
  content: "\F1379";
}

.mdi-bookmark-off::before {
  content: "\F09CE";
}

.mdi-bookmark-off-outline::before {
  content: "\F09CF";
}

.mdi-bookmark-outline::before {
  content: "\F00C3";
}

.mdi-bookmark-plus::before {
  content: "\F00C5";
}

.mdi-bookmark-plus-outline::before {
  content: "\F00C4";
}

.mdi-bookmark-remove::before {
  content: "\F00C6";
}

.mdi-bookmark-remove-outline::before {
  content: "\F137A";
}

.mdi-bookshelf::before {
  content: "\F125F";
}

.mdi-boom-gate::before {
  content: "\F0E86";
}

.mdi-boom-gate-alert::before {
  content: "\F0E87";
}

.mdi-boom-gate-alert-outline::before {
  content: "\F0E88";
}

.mdi-boom-gate-arrow-down::before {
  content: "\F0E89";
}

.mdi-boom-gate-arrow-down-outline::before {
  content: "\F0E8A";
}

.mdi-boom-gate-arrow-up::before {
  content: "\F0E8C";
}

.mdi-boom-gate-arrow-up-outline::before {
  content: "\F0E8D";
}

.mdi-boom-gate-outline::before {
  content: "\F0E8B";
}

.mdi-boom-gate-up::before {
  content: "\F17F9";
}

.mdi-boom-gate-up-outline::before {
  content: "\F17FA";
}

.mdi-boombox::before {
  content: "\F05DC";
}

.mdi-boomerang::before {
  content: "\F10CF";
}

.mdi-bootstrap::before {
  content: "\F06C6";
}

.mdi-border-all::before {
  content: "\F00C7";
}

.mdi-border-all-variant::before {
  content: "\F08A1";
}

.mdi-border-bottom::before {
  content: "\F00C8";
}

.mdi-border-bottom-variant::before {
  content: "\F08A2";
}

.mdi-border-color::before {
  content: "\F00C9";
}

.mdi-border-horizontal::before {
  content: "\F00CA";
}

.mdi-border-inside::before {
  content: "\F00CB";
}

.mdi-border-left::before {
  content: "\F00CC";
}

.mdi-border-left-variant::before {
  content: "\F08A3";
}

.mdi-border-none::before {
  content: "\F00CD";
}

.mdi-border-none-variant::before {
  content: "\F08A4";
}

.mdi-border-outside::before {
  content: "\F00CE";
}

.mdi-border-radius::before {
  content: "\F1AF4";
}

.mdi-border-right::before {
  content: "\F00CF";
}

.mdi-border-right-variant::before {
  content: "\F08A5";
}

.mdi-border-style::before {
  content: "\F00D0";
}

.mdi-border-top::before {
  content: "\F00D1";
}

.mdi-border-top-variant::before {
  content: "\F08A6";
}

.mdi-border-vertical::before {
  content: "\F00D2";
}

.mdi-bottle-soda::before {
  content: "\F1070";
}

.mdi-bottle-soda-classic::before {
  content: "\F1071";
}

.mdi-bottle-soda-classic-outline::before {
  content: "\F1363";
}

.mdi-bottle-soda-outline::before {
  content: "\F1072";
}

.mdi-bottle-tonic::before {
  content: "\F112E";
}

.mdi-bottle-tonic-outline::before {
  content: "\F112F";
}

.mdi-bottle-tonic-plus::before {
  content: "\F1130";
}

.mdi-bottle-tonic-plus-outline::before {
  content: "\F1131";
}

.mdi-bottle-tonic-skull::before {
  content: "\F1132";
}

.mdi-bottle-tonic-skull-outline::before {
  content: "\F1133";
}

.mdi-bottle-wine::before {
  content: "\F0854";
}

.mdi-bottle-wine-outline::before {
  content: "\F1310";
}

.mdi-bow-arrow::before {
  content: "\F1841";
}

.mdi-bow-tie::before {
  content: "\F0678";
}

.mdi-bowl::before {
  content: "\F028E";
}

.mdi-bowl-mix::before {
  content: "\F0617";
}

.mdi-bowl-mix-outline::before {
  content: "\F02E4";
}

.mdi-bowl-outline::before {
  content: "\F02A9";
}

.mdi-bowling::before {
  content: "\F00D3";
}

.mdi-box::before {
  content: "\F00D4";
}

.mdi-box-cutter::before {
  content: "\F00D5";
}

.mdi-box-cutter-off::before {
  content: "\F0B4A";
}

.mdi-box-shadow::before {
  content: "\F0637";
}

.mdi-boxing-glove::before {
  content: "\F0B65";
}

.mdi-braille::before {
  content: "\F09D0";
}

.mdi-brain::before {
  content: "\F09D1";
}

.mdi-bread-slice::before {
  content: "\F0CEE";
}

.mdi-bread-slice-outline::before {
  content: "\F0CEF";
}

.mdi-bridge::before {
  content: "\F0618";
}

.mdi-briefcase::before {
  content: "\F00D6";
}

.mdi-briefcase-account::before {
  content: "\F0CF0";
}

.mdi-briefcase-account-outline::before {
  content: "\F0CF1";
}

.mdi-briefcase-arrow-left-right::before {
  content: "\F1A8D";
}

.mdi-briefcase-arrow-left-right-outline::before {
  content: "\F1A8E";
}

.mdi-briefcase-arrow-up-down::before {
  content: "\F1A8F";
}

.mdi-briefcase-arrow-up-down-outline::before {
  content: "\F1A90";
}

.mdi-briefcase-check::before {
  content: "\F00D7";
}

.mdi-briefcase-check-outline::before {
  content: "\F131E";
}

.mdi-briefcase-clock::before {
  content: "\F10D0";
}

.mdi-briefcase-clock-outline::before {
  content: "\F10D1";
}

.mdi-briefcase-download::before {
  content: "\F00D8";
}

.mdi-briefcase-download-outline::before {
  content: "\F0C3D";
}

.mdi-briefcase-edit::before {
  content: "\F0A98";
}

.mdi-briefcase-edit-outline::before {
  content: "\F0C3E";
}

.mdi-briefcase-eye::before {
  content: "\F17D9";
}

.mdi-briefcase-eye-outline::before {
  content: "\F17DA";
}

.mdi-briefcase-minus::before {
  content: "\F0A2A";
}

.mdi-briefcase-minus-outline::before {
  content: "\F0C3F";
}

.mdi-briefcase-off::before {
  content: "\F1658";
}

.mdi-briefcase-off-outline::before {
  content: "\F1659";
}

.mdi-briefcase-outline::before {
  content: "\F0814";
}

.mdi-briefcase-plus::before {
  content: "\F0A2B";
}

.mdi-briefcase-plus-outline::before {
  content: "\F0C40";
}

.mdi-briefcase-remove::before {
  content: "\F0A2C";
}

.mdi-briefcase-remove-outline::before {
  content: "\F0C41";
}

.mdi-briefcase-search::before {
  content: "\F0A2D";
}

.mdi-briefcase-search-outline::before {
  content: "\F0C42";
}

.mdi-briefcase-upload::before {
  content: "\F00D9";
}

.mdi-briefcase-upload-outline::before {
  content: "\F0C43";
}

.mdi-briefcase-variant::before {
  content: "\F1494";
}

.mdi-briefcase-variant-off::before {
  content: "\F165A";
}

.mdi-briefcase-variant-off-outline::before {
  content: "\F165B";
}

.mdi-briefcase-variant-outline::before {
  content: "\F1495";
}

.mdi-brightness-1::before {
  content: "\F00DA";
}

.mdi-brightness-2::before {
  content: "\F00DB";
}

.mdi-brightness-3::before {
  content: "\F00DC";
}

.mdi-brightness-4::before {
  content: "\F00DD";
}

.mdi-brightness-5::before {
  content: "\F00DE";
}

.mdi-brightness-6::before {
  content: "\F00DF";
}

.mdi-brightness-7::before {
  content: "\F00E0";
}

.mdi-brightness-auto::before {
  content: "\F00E1";
}

.mdi-brightness-percent::before {
  content: "\F0CF2";
}

.mdi-broadcast::before {
  content: "\F1720";
}

.mdi-broadcast-off::before {
  content: "\F1721";
}

.mdi-broom::before {
  content: "\F00E2";
}

.mdi-brush::before {
  content: "\F00E3";
}

.mdi-brush-off::before {
  content: "\F1771";
}

.mdi-brush-outline::before {
  content: "\F1A0D";
}

.mdi-brush-variant::before {
  content: "\F1813";
}

.mdi-bucket::before {
  content: "\F1415";
}

.mdi-bucket-outline::before {
  content: "\F1416";
}

.mdi-buffet::before {
  content: "\F0578";
}

.mdi-bug::before {
  content: "\F00E4";
}

.mdi-bug-check::before {
  content: "\F0A2E";
}

.mdi-bug-check-outline::before {
  content: "\F0A2F";
}

.mdi-bug-outline::before {
  content: "\F0A30";
}

.mdi-bug-pause::before {
  content: "\F1AF5";
}

.mdi-bug-pause-outline::before {
  content: "\F1AF6";
}

.mdi-bug-play::before {
  content: "\F1AF7";
}

.mdi-bug-play-outline::before {
  content: "\F1AF8";
}

.mdi-bug-stop::before {
  content: "\F1AF9";
}

.mdi-bug-stop-outline::before {
  content: "\F1AFA";
}

.mdi-bugle::before {
  content: "\F0DB4";
}

.mdi-bulkhead-light::before {
  content: "\F1A2F";
}

.mdi-bulldozer::before {
  content: "\F0B22";
}

.mdi-bullet::before {
  content: "\F0CF3";
}

.mdi-bulletin-board::before {
  content: "\F00E5";
}

.mdi-bullhorn::before {
  content: "\F00E6";
}

.mdi-bullhorn-outline::before {
  content: "\F0B23";
}

.mdi-bullhorn-variant::before {
  content: "\F196E";
}

.mdi-bullhorn-variant-outline::before {
  content: "\F196F";
}

.mdi-bullseye::before {
  content: "\F05DD";
}

.mdi-bullseye-arrow::before {
  content: "\F08C9";
}

.mdi-bulma::before {
  content: "\F12E7";
}

.mdi-bunk-bed::before {
  content: "\F1302";
}

.mdi-bunk-bed-outline::before {
  content: "\F0097";
}

.mdi-bus::before {
  content: "\F00E7";
}

.mdi-bus-alert::before {
  content: "\F0A99";
}

.mdi-bus-articulated-end::before {
  content: "\F079C";
}

.mdi-bus-articulated-front::before {
  content: "\F079D";
}

.mdi-bus-clock::before {
  content: "\F08CA";
}

.mdi-bus-double-decker::before {
  content: "\F079E";
}

.mdi-bus-electric::before {
  content: "\F191D";
}

.mdi-bus-marker::before {
  content: "\F1212";
}

.mdi-bus-multiple::before {
  content: "\F0F3F";
}

.mdi-bus-school::before {
  content: "\F079F";
}

.mdi-bus-side::before {
  content: "\F07A0";
}

.mdi-bus-stop::before {
  content: "\F1012";
}

.mdi-bus-stop-covered::before {
  content: "\F1013";
}

.mdi-bus-stop-uncovered::before {
  content: "\F1014";
}

.mdi-butterfly::before {
  content: "\F1589";
}

.mdi-butterfly-outline::before {
  content: "\F158A";
}

.mdi-button-cursor::before {
  content: "\F1B4F";
}

.mdi-button-pointer::before {
  content: "\F1B50";
}

.mdi-cabin-a-frame::before {
  content: "\F188C";
}

.mdi-cable-data::before {
  content: "\F1394";
}

.mdi-cached::before {
  content: "\F00E8";
}

.mdi-cactus::before {
  content: "\F0DB5";
}

.mdi-cake::before {
  content: "\F00E9";
}

.mdi-cake-layered::before {
  content: "\F00EA";
}

.mdi-cake-variant::before {
  content: "\F00EB";
}

.mdi-cake-variant-outline::before {
  content: "\F17F0";
}

.mdi-calculator::before {
  content: "\F00EC";
}

.mdi-calculator-variant::before {
  content: "\F0A9A";
}

.mdi-calculator-variant-outline::before {
  content: "\F15A6";
}

.mdi-calendar::before {
  content: "\F00ED";
}

.mdi-calendar-account::before {
  content: "\F0ED7";
}

.mdi-calendar-account-outline::before {
  content: "\F0ED8";
}

.mdi-calendar-alert::before {
  content: "\F0A31";
}

.mdi-calendar-alert-outline::before {
  content: "\F1B62";
}

.mdi-calendar-arrow-left::before {
  content: "\F1134";
}

.mdi-calendar-arrow-right::before {
  content: "\F1135";
}

.mdi-calendar-badge::before {
  content: "\F1B9D";
}

.mdi-calendar-badge-outline::before {
  content: "\F1B9E";
}

.mdi-calendar-blank::before {
  content: "\F00EE";
}

.mdi-calendar-blank-multiple::before {
  content: "\F1073";
}

.mdi-calendar-blank-outline::before {
  content: "\F0B66";
}

.mdi-calendar-check::before {
  content: "\F00EF";
}

.mdi-calendar-check-outline::before {
  content: "\F0C44";
}

.mdi-calendar-clock::before {
  content: "\F00F0";
}

.mdi-calendar-clock-outline::before {
  content: "\F16E1";
}

.mdi-calendar-collapse-horizontal::before {
  content: "\F189D";
}

.mdi-calendar-collapse-horizontal-outline::before {
  content: "\F1B63";
}

.mdi-calendar-cursor::before {
  content: "\F157B";
}

.mdi-calendar-cursor-outline::before {
  content: "\F1B64";
}

.mdi-calendar-edit::before {
  content: "\F08A7";
}

.mdi-calendar-edit-outline::before {
  content: "\F1B65";
}

.mdi-calendar-end::before {
  content: "\F166C";
}

.mdi-calendar-end-outline::before {
  content: "\F1B66";
}

.mdi-calendar-expand-horizontal::before {
  content: "\F189E";
}

.mdi-calendar-expand-horizontal-outline::before {
  content: "\F1B67";
}

.mdi-calendar-export::before {
  content: "\F0B24";
}

.mdi-calendar-export-outline::before {
  content: "\F1B68";
}

.mdi-calendar-filter::before {
  content: "\F1A32";
}

.mdi-calendar-filter-outline::before {
  content: "\F1A33";
}

.mdi-calendar-heart::before {
  content: "\F09D2";
}

.mdi-calendar-heart-outline::before {
  content: "\F1B69";
}

.mdi-calendar-import::before {
  content: "\F0B25";
}

.mdi-calendar-import-outline::before {
  content: "\F1B6A";
}

.mdi-calendar-lock::before {
  content: "\F1641";
}

.mdi-calendar-lock-open::before {
  content: "\F1B5B";
}

.mdi-calendar-lock-open-outline::before {
  content: "\F1B5C";
}

.mdi-calendar-lock-outline::before {
  content: "\F1642";
}

.mdi-calendar-minus::before {
  content: "\F0D5C";
}

.mdi-calendar-minus-outline::before {
  content: "\F1B6B";
}

.mdi-calendar-month::before {
  content: "\F0E17";
}

.mdi-calendar-month-outline::before {
  content: "\F0E18";
}

.mdi-calendar-multiple::before {
  content: "\F00F1";
}

.mdi-calendar-multiple-check::before {
  content: "\F00F2";
}

.mdi-calendar-multiselect::before {
  content: "\F0A32";
}

.mdi-calendar-multiselect-outline::before {
  content: "\F1B55";
}

.mdi-calendar-outline::before {
  content: "\F0B67";
}

.mdi-calendar-plus::before {
  content: "\F00F3";
}

.mdi-calendar-plus-outline::before {
  content: "\F1B6C";
}

.mdi-calendar-question::before {
  content: "\F0692";
}

.mdi-calendar-question-outline::before {
  content: "\F1B6D";
}

.mdi-calendar-range::before {
  content: "\F0679";
}

.mdi-calendar-range-outline::before {
  content: "\F0B68";
}

.mdi-calendar-refresh::before {
  content: "\F01E1";
}

.mdi-calendar-refresh-outline::before {
  content: "\F0203";
}

.mdi-calendar-remove::before {
  content: "\F00F4";
}

.mdi-calendar-remove-outline::before {
  content: "\F0C45";
}

.mdi-calendar-search::before {
  content: "\F094C";
}

.mdi-calendar-search-outline::before {
  content: "\F1B6E";
}

.mdi-calendar-star::before {
  content: "\F09D3";
}

.mdi-calendar-star-four-points::before {
  content: "\F1C1F";
}

.mdi-calendar-star-outline::before {
  content: "\F1B53";
}

.mdi-calendar-start::before {
  content: "\F166D";
}

.mdi-calendar-start-outline::before {
  content: "\F1B6F";
}

.mdi-calendar-sync::before {
  content: "\F0E8E";
}

.mdi-calendar-sync-outline::before {
  content: "\F0E8F";
}

.mdi-calendar-text::before {
  content: "\F00F5";
}

.mdi-calendar-text-outline::before {
  content: "\F0C46";
}

.mdi-calendar-today::before {
  content: "\F00F6";
}

.mdi-calendar-today-outline::before {
  content: "\F1A30";
}

.mdi-calendar-week::before {
  content: "\F0A33";
}

.mdi-calendar-week-begin::before {
  content: "\F0A34";
}

.mdi-calendar-week-begin-outline::before {
  content: "\F1A31";
}

.mdi-calendar-week-outline::before {
  content: "\F1A34";
}

.mdi-calendar-weekend::before {
  content: "\F0ED9";
}

.mdi-calendar-weekend-outline::before {
  content: "\F0EDA";
}

.mdi-call-made::before {
  content: "\F00F7";
}

.mdi-call-merge::before {
  content: "\F00F8";
}

.mdi-call-missed::before {
  content: "\F00F9";
}

.mdi-call-received::before {
  content: "\F00FA";
}

.mdi-call-split::before {
  content: "\F00FB";
}

.mdi-camcorder::before {
  content: "\F00FC";
}

.mdi-camcorder-off::before {
  content: "\F00FF";
}

.mdi-camera::before {
  content: "\F0100";
}

.mdi-camera-account::before {
  content: "\F08CB";
}

.mdi-camera-burst::before {
  content: "\F0693";
}

.mdi-camera-control::before {
  content: "\F0B69";
}

.mdi-camera-document::before {
  content: "\F1871";
}

.mdi-camera-document-off::before {
  content: "\F1872";
}

.mdi-camera-enhance::before {
  content: "\F0101";
}

.mdi-camera-enhance-outline::before {
  content: "\F0B6A";
}

.mdi-camera-flip::before {
  content: "\F15D9";
}

.mdi-camera-flip-outline::before {
  content: "\F15DA";
}

.mdi-camera-front::before {
  content: "\F0102";
}

.mdi-camera-front-variant::before {
  content: "\F0103";
}

.mdi-camera-gopro::before {
  content: "\F07A1";
}

.mdi-camera-image::before {
  content: "\F08CC";
}

.mdi-camera-iris::before {
  content: "\F0104";
}

.mdi-camera-lock::before {
  content: "\F1A14";
}

.mdi-camera-lock-open::before {
  content: "\F1C0D";
}

.mdi-camera-lock-open-outline::before {
  content: "\F1C0E";
}

.mdi-camera-lock-outline::before {
  content: "\F1A15";
}

.mdi-camera-marker::before {
  content: "\F19A7";
}

.mdi-camera-marker-outline::before {
  content: "\F19A8";
}

.mdi-camera-metering-center::before {
  content: "\F07A2";
}

.mdi-camera-metering-matrix::before {
  content: "\F07A3";
}

.mdi-camera-metering-partial::before {
  content: "\F07A4";
}

.mdi-camera-metering-spot::before {
  content: "\F07A5";
}

.mdi-camera-off::before {
  content: "\F05DF";
}

.mdi-camera-off-outline::before {
  content: "\F19BF";
}

.mdi-camera-outline::before {
  content: "\F0D5D";
}

.mdi-camera-party-mode::before {
  content: "\F0105";
}

.mdi-camera-plus::before {
  content: "\F0EDB";
}

.mdi-camera-plus-outline::before {
  content: "\F0EDC";
}

.mdi-camera-rear::before {
  content: "\F0106";
}

.mdi-camera-rear-variant::before {
  content: "\F0107";
}

.mdi-camera-retake::before {
  content: "\F0E19";
}

.mdi-camera-retake-outline::before {
  content: "\F0E1A";
}

.mdi-camera-switch::before {
  content: "\F0108";
}

.mdi-camera-switch-outline::before {
  content: "\F084A";
}

.mdi-camera-timer::before {
  content: "\F0109";
}

.mdi-camera-wireless::before {
  content: "\F0DB6";
}

.mdi-camera-wireless-outline::before {
  content: "\F0DB7";
}

.mdi-campfire::before {
  content: "\F0EDD";
}

.mdi-cancel::before {
  content: "\F073A";
}

.mdi-candelabra::before {
  content: "\F17D2";
}

.mdi-candelabra-fire::before {
  content: "\F17D3";
}

.mdi-candle::before {
  content: "\F05E2";
}

.mdi-candy::before {
  content: "\F1970";
}

.mdi-candy-off::before {
  content: "\F1971";
}

.mdi-candy-off-outline::before {
  content: "\F1972";
}

.mdi-candy-outline::before {
  content: "\F1973";
}

.mdi-candycane::before {
  content: "\F010A";
}

.mdi-cannabis::before {
  content: "\F07A6";
}

.mdi-cannabis-off::before {
  content: "\F166E";
}

.mdi-caps-lock::before {
  content: "\F0A9B";
}

.mdi-car::before {
  content: "\F010B";
}

.mdi-car-2-plus::before {
  content: "\F1015";
}

.mdi-car-3-plus::before {
  content: "\F1016";
}

.mdi-car-arrow-left::before {
  content: "\F13B2";
}

.mdi-car-arrow-right::before {
  content: "\F13B3";
}

.mdi-car-back::before {
  content: "\F0E1B";
}

.mdi-car-battery::before {
  content: "\F010C";
}

.mdi-car-brake-abs::before {
  content: "\F0C47";
}

.mdi-car-brake-alert::before {
  content: "\F0C48";
}

.mdi-car-brake-fluid-level::before {
  content: "\F1909";
}

.mdi-car-brake-hold::before {
  content: "\F0D5E";
}

.mdi-car-brake-low-pressure::before {
  content: "\F190A";
}

.mdi-car-brake-parking::before {
  content: "\F0D5F";
}

.mdi-car-brake-retarder::before {
  content: "\F1017";
}

.mdi-car-brake-temperature::before {
  content: "\F190B";
}

.mdi-car-brake-worn-linings::before {
  content: "\F190C";
}

.mdi-car-child-seat::before {
  content: "\F0FA3";
}

.mdi-car-clock::before {
  content: "\F1974";
}

.mdi-car-clutch::before {
  content: "\F1018";
}

.mdi-car-cog::before {
  content: "\F13CC";
}

.mdi-car-connected::before {
  content: "\F010D";
}

.mdi-car-convertible::before {
  content: "\F07A7";
}

.mdi-car-coolant-level::before {
  content: "\F1019";
}

.mdi-car-cruise-control::before {
  content: "\F0D60";
}

.mdi-car-defrost-front::before {
  content: "\F0D61";
}

.mdi-car-defrost-rear::before {
  content: "\F0D62";
}

.mdi-car-door::before {
  content: "\F0B6B";
}

.mdi-car-door-lock::before {
  content: "\F109D";
}

.mdi-car-electric::before {
  content: "\F0B6C";
}

.mdi-car-electric-outline::before {
  content: "\F15B5";
}

.mdi-car-emergency::before {
  content: "\F160F";
}

.mdi-car-esp::before {
  content: "\F0C49";
}

.mdi-car-estate::before {
  content: "\F07A8";
}

.mdi-car-hatchback::before {
  content: "\F07A9";
}

.mdi-car-info::before {
  content: "\F11BE";
}

.mdi-car-key::before {
  content: "\F0B6D";
}

.mdi-car-lifted-pickup::before {
  content: "\F152D";
}

.mdi-car-light-alert::before {
  content: "\F190D";
}

.mdi-car-light-dimmed::before {
  content: "\F0C4A";
}

.mdi-car-light-fog::before {
  content: "\F0C4B";
}

.mdi-car-light-high::before {
  content: "\F0C4C";
}

.mdi-car-limousine::before {
  content: "\F08CD";
}

.mdi-car-multiple::before {
  content: "\F0B6E";
}

.mdi-car-off::before {
  content: "\F0E1C";
}

.mdi-car-outline::before {
  content: "\F14ED";
}

.mdi-car-parking-lights::before {
  content: "\F0D63";
}

.mdi-car-pickup::before {
  content: "\F07AA";
}

.mdi-car-search::before {
  content: "\F1B8D";
}

.mdi-car-search-outline::before {
  content: "\F1B8E";
}

.mdi-car-seat::before {
  content: "\F0FA4";
}

.mdi-car-seat-cooler::before {
  content: "\F0FA5";
}

.mdi-car-seat-heater::before {
  content: "\F0FA6";
}

.mdi-car-select::before {
  content: "\F1879";
}

.mdi-car-settings::before {
  content: "\F13CD";
}

.mdi-car-shift-pattern::before {
  content: "\F0F40";
}

.mdi-car-side::before {
  content: "\F07AB";
}

.mdi-car-speed-limiter::before {
  content: "\F190E";
}

.mdi-car-sports::before {
  content: "\F07AC";
}

.mdi-car-tire-alert::before {
  content: "\F0C4D";
}

.mdi-car-traction-control::before {
  content: "\F0D64";
}

.mdi-car-turbocharger::before {
  content: "\F101A";
}

.mdi-car-wash::before {
  content: "\F010E";
}

.mdi-car-windshield::before {
  content: "\F101B";
}

.mdi-car-windshield-outline::before {
  content: "\F101C";
}

.mdi-car-wireless::before {
  content: "\F1878";
}

.mdi-car-wrench::before {
  content: "\F1814";
}

.mdi-carabiner::before {
  content: "\F14C0";
}

.mdi-caravan::before {
  content: "\F07AD";
}

.mdi-card::before {
  content: "\F0B6F";
}

.mdi-card-account-details::before {
  content: "\F05D2";
}

.mdi-card-account-details-outline::before {
  content: "\F0DAB";
}

.mdi-card-account-details-star::before {
  content: "\F02A3";
}

.mdi-card-account-details-star-outline::before {
  content: "\F06DB";
}

.mdi-card-account-mail::before {
  content: "\F018E";
}

.mdi-card-account-mail-outline::before {
  content: "\F0E98";
}

.mdi-card-account-phone::before {
  content: "\F0E99";
}

.mdi-card-account-phone-outline::before {
  content: "\F0E9A";
}

.mdi-card-bulleted::before {
  content: "\F0B70";
}

.mdi-card-bulleted-off::before {
  content: "\F0B71";
}

.mdi-card-bulleted-off-outline::before {
  content: "\F0B72";
}

.mdi-card-bulleted-outline::before {
  content: "\F0B73";
}

.mdi-card-bulleted-settings::before {
  content: "\F0B74";
}

.mdi-card-bulleted-settings-outline::before {
  content: "\F0B75";
}

.mdi-card-minus::before {
  content: "\F1600";
}

.mdi-card-minus-outline::before {
  content: "\F1601";
}

.mdi-card-multiple::before {
  content: "\F17F1";
}

.mdi-card-multiple-outline::before {
  content: "\F17F2";
}

.mdi-card-off::before {
  content: "\F1602";
}

.mdi-card-off-outline::before {
  content: "\F1603";
}

.mdi-card-outline::before {
  content: "\F0B76";
}

.mdi-card-plus::before {
  content: "\F11FF";
}

.mdi-card-plus-outline::before {
  content: "\F1200";
}

.mdi-card-remove::before {
  content: "\F1604";
}

.mdi-card-remove-outline::before {
  content: "\F1605";
}

.mdi-card-search::before {
  content: "\F1074";
}

.mdi-card-search-outline::before {
  content: "\F1075";
}

.mdi-card-text::before {
  content: "\F0B77";
}

.mdi-card-text-outline::before {
  content: "\F0B78";
}

.mdi-cards::before {
  content: "\F0638";
}

.mdi-cards-club::before {
  content: "\F08CE";
}

.mdi-cards-club-outline::before {
  content: "\F189F";
}

.mdi-cards-diamond::before {
  content: "\F08CF";
}

.mdi-cards-diamond-outline::before {
  content: "\F101D";
}

.mdi-cards-heart::before {
  content: "\F08D0";
}

.mdi-cards-heart-outline::before {
  content: "\F18A0";
}

.mdi-cards-outline::before {
  content: "\F0639";
}

.mdi-cards-playing::before {
  content: "\F18A1";
}

.mdi-cards-playing-club::before {
  content: "\F18A2";
}

.mdi-cards-playing-club-multiple::before {
  content: "\F18A3";
}

.mdi-cards-playing-club-multiple-outline::before {
  content: "\F18A4";
}

.mdi-cards-playing-club-outline::before {
  content: "\F18A5";
}

.mdi-cards-playing-diamond::before {
  content: "\F18A6";
}

.mdi-cards-playing-diamond-multiple::before {
  content: "\F18A7";
}

.mdi-cards-playing-diamond-multiple-outline::before {
  content: "\F18A8";
}

.mdi-cards-playing-diamond-outline::before {
  content: "\F18A9";
}

.mdi-cards-playing-heart::before {
  content: "\F18AA";
}

.mdi-cards-playing-heart-multiple::before {
  content: "\F18AB";
}

.mdi-cards-playing-heart-multiple-outline::before {
  content: "\F18AC";
}

.mdi-cards-playing-heart-outline::before {
  content: "\F18AD";
}

.mdi-cards-playing-outline::before {
  content: "\F063A";
}

.mdi-cards-playing-spade::before {
  content: "\F18AE";
}

.mdi-cards-playing-spade-multiple::before {
  content: "\F18AF";
}

.mdi-cards-playing-spade-multiple-outline::before {
  content: "\F18B0";
}

.mdi-cards-playing-spade-outline::before {
  content: "\F18B1";
}

.mdi-cards-spade::before {
  content: "\F08D1";
}

.mdi-cards-spade-outline::before {
  content: "\F18B2";
}

.mdi-cards-variant::before {
  content: "\F06C7";
}

.mdi-carrot::before {
  content: "\F010F";
}

.mdi-cart::before {
  content: "\F0110";
}

.mdi-cart-arrow-down::before {
  content: "\F0D66";
}

.mdi-cart-arrow-right::before {
  content: "\F0C4E";
}

.mdi-cart-arrow-up::before {
  content: "\F0D67";
}

.mdi-cart-check::before {
  content: "\F15EA";
}

.mdi-cart-heart::before {
  content: "\F18E0";
}

.mdi-cart-minus::before {
  content: "\F0D68";
}

.mdi-cart-off::before {
  content: "\F066B";
}

.mdi-cart-outline::before {
  content: "\F0111";
}

.mdi-cart-percent::before {
  content: "\F1BAE";
}

.mdi-cart-plus::before {
  content: "\F0112";
}

.mdi-cart-remove::before {
  content: "\F0D69";
}

.mdi-cart-variant::before {
  content: "\F15EB";
}

.mdi-case-sensitive-alt::before {
  content: "\F0113";
}

.mdi-cash::before {
  content: "\F0114";
}

.mdi-cash-100::before {
  content: "\F0115";
}

.mdi-cash-check::before {
  content: "\F14EE";
}

.mdi-cash-clock::before {
  content: "\F1A91";
}

.mdi-cash-fast::before {
  content: "\F185C";
}

.mdi-cash-lock::before {
  content: "\F14EA";
}

.mdi-cash-lock-open::before {
  content: "\F14EB";
}

.mdi-cash-marker::before {
  content: "\F0DB8";
}

.mdi-cash-minus::before {
  content: "\F1260";
}

.mdi-cash-multiple::before {
  content: "\F0116";
}

.mdi-cash-off::before {
  content: "\F1C79";
}

.mdi-cash-plus::before {
  content: "\F1261";
}

.mdi-cash-refund::before {
  content: "\F0A9C";
}

.mdi-cash-register::before {
  content: "\F0CF4";
}

.mdi-cash-remove::before {
  content: "\F1262";
}

.mdi-cash-sync::before {
  content: "\F1A92";
}

.mdi-cassette::before {
  content: "\F09D4";
}

.mdi-cast::before {
  content: "\F0118";
}

.mdi-cast-audio::before {
  content: "\F101E";
}

.mdi-cast-audio-variant::before {
  content: "\F1749";
}

.mdi-cast-connected::before {
  content: "\F0119";
}

.mdi-cast-education::before {
  content: "\F0E1D";
}

.mdi-cast-off::before {
  content: "\F078A";
}

.mdi-cast-variant::before {
  content: "\F001F";
}

.mdi-castle::before {
  content: "\F011A";
}

.mdi-cat::before {
  content: "\F011B";
}

.mdi-cctv::before {
  content: "\F07AE";
}

.mdi-cctv-off::before {
  content: "\F185F";
}

.mdi-ceiling-fan::before {
  content: "\F1797";
}

.mdi-ceiling-fan-light::before {
  content: "\F1798";
}

.mdi-ceiling-light::before {
  content: "\F0769";
}

.mdi-ceiling-light-multiple::before {
  content: "\F18DD";
}

.mdi-ceiling-light-multiple-outline::before {
  content: "\F18DE";
}

.mdi-ceiling-light-outline::before {
  content: "\F17C7";
}

.mdi-cellphone::before {
  content: "\F011C";
}

.mdi-cellphone-arrow-down::before {
  content: "\F09D5";
}

.mdi-cellphone-arrow-down-variant::before {
  content: "\F19C5";
}

.mdi-cellphone-basic::before {
  content: "\F011E";
}

.mdi-cellphone-charging::before {
  content: "\F1397";
}

.mdi-cellphone-check::before {
  content: "\F17FD";
}

.mdi-cellphone-cog::before {
  content: "\F0951";
}

.mdi-cellphone-dock::before {
  content: "\F011F";
}

.mdi-cellphone-information::before {
  content: "\F0F41";
}

.mdi-cellphone-key::before {
  content: "\F094E";
}

.mdi-cellphone-link::before {
  content: "\F0121";
}

.mdi-cellphone-link-off::before {
  content: "\F0122";
}

.mdi-cellphone-lock::before {
  content: "\F094F";
}

.mdi-cellphone-marker::before {
  content: "\F183A";
}

.mdi-cellphone-message::before {
  content: "\F08D3";
}

.mdi-cellphone-message-off::before {
  content: "\F10D2";
}

.mdi-cellphone-nfc::before {
  content: "\F0E90";
}

.mdi-cellphone-nfc-off::before {
  content: "\F12D8";
}

.mdi-cellphone-off::before {
  content: "\F0950";
}

.mdi-cellphone-play::before {
  content: "\F101F";
}

.mdi-cellphone-remove::before {
  content: "\F094D";
}

.mdi-cellphone-screenshot::before {
  content: "\F0A35";
}

.mdi-cellphone-settings::before {
  content: "\F0123";
}

.mdi-cellphone-sound::before {
  content: "\F0952";
}

.mdi-cellphone-text::before {
  content: "\F08D2";
}

.mdi-cellphone-wireless::before {
  content: "\F0815";
}

.mdi-centos::before {
  content: "\F111A";
}

.mdi-certificate::before {
  content: "\F0124";
}

.mdi-certificate-outline::before {
  content: "\F1188";
}

.mdi-chair-rolling::before {
  content: "\F0F48";
}

.mdi-chair-school::before {
  content: "\F0125";
}

.mdi-chandelier::before {
  content: "\F1793";
}

.mdi-charity::before {
  content: "\F0C4F";
}

.mdi-chart-arc::before {
  content: "\F0126";
}

.mdi-chart-areaspline::before {
  content: "\F0127";
}

.mdi-chart-areaspline-variant::before {
  content: "\F0E91";
}

.mdi-chart-bar::before {
  content: "\F0128";
}

.mdi-chart-bar-stacked::before {
  content: "\F076A";
}

.mdi-chart-bell-curve::before {
  content: "\F0C50";
}

.mdi-chart-bell-curve-cumulative::before {
  content: "\F0FA7";
}

.mdi-chart-box::before {
  content: "\F154D";
}

.mdi-chart-box-outline::before {
  content: "\F154E";
}

.mdi-chart-box-plus-outline::before {
  content: "\F154F";
}

.mdi-chart-bubble::before {
  content: "\F05E3";
}

.mdi-chart-donut::before {
  content: "\F07AF";
}

.mdi-chart-donut-variant::before {
  content: "\F07B0";
}

.mdi-chart-gantt::before {
  content: "\F066C";
}

.mdi-chart-histogram::before {
  content: "\F0129";
}

.mdi-chart-line::before {
  content: "\F012A";
}

.mdi-chart-line-stacked::before {
  content: "\F076B";
}

.mdi-chart-line-variant::before {
  content: "\F07B1";
}

.mdi-chart-multiline::before {
  content: "\F08D4";
}

.mdi-chart-multiple::before {
  content: "\F1213";
}

.mdi-chart-pie::before {
  content: "\F012B";
}

.mdi-chart-pie-outline::before {
  content: "\F1BDF";
}

.mdi-chart-ppf::before {
  content: "\F1380";
}

.mdi-chart-sankey::before {
  content: "\F11DF";
}

.mdi-chart-sankey-variant::before {
  content: "\F11E0";
}

.mdi-chart-scatter-plot::before {
  content: "\F0E92";
}

.mdi-chart-scatter-plot-hexbin::before {
  content: "\F066D";
}

.mdi-chart-timeline::before {
  content: "\F066E";
}

.mdi-chart-timeline-variant::before {
  content: "\F0E93";
}

.mdi-chart-timeline-variant-shimmer::before {
  content: "\F15B6";
}

.mdi-chart-tree::before {
  content: "\F0E94";
}

.mdi-chart-waterfall::before {
  content: "\F1918";
}

.mdi-chat::before {
  content: "\F0B79";
}

.mdi-chat-alert::before {
  content: "\F0B7A";
}

.mdi-chat-alert-outline::before {
  content: "\F12C9";
}

.mdi-chat-minus::before {
  content: "\F1410";
}

.mdi-chat-minus-outline::before {
  content: "\F1413";
}

.mdi-chat-outline::before {
  content: "\F0EDE";
}

.mdi-chat-plus::before {
  content: "\F140F";
}

.mdi-chat-plus-outline::before {
  content: "\F1412";
}

.mdi-chat-processing::before {
  content: "\F0B7B";
}

.mdi-chat-processing-outline::before {
  content: "\F12CA";
}

.mdi-chat-question::before {
  content: "\F1738";
}

.mdi-chat-question-outline::before {
  content: "\F1739";
}

.mdi-chat-remove::before {
  content: "\F1411";
}

.mdi-chat-remove-outline::before {
  content: "\F1414";
}

.mdi-chat-sleep::before {
  content: "\F12D1";
}

.mdi-chat-sleep-outline::before {
  content: "\F12D2";
}

.mdi-check::before {
  content: "\F012C";
}

.mdi-check-all::before {
  content: "\F012D";
}

.mdi-check-bold::before {
  content: "\F0E1E";
}

.mdi-check-circle::before {
  content: "\F05E0";
}

.mdi-check-circle-outline::before {
  content: "\F05E1";
}

.mdi-check-decagram::before {
  content: "\F0791";
}

.mdi-check-decagram-outline::before {
  content: "\F1740";
}

.mdi-check-network::before {
  content: "\F0C53";
}

.mdi-check-network-outline::before {
  content: "\F0C54";
}

.mdi-check-outline::before {
  content: "\F0855";
}

.mdi-check-underline::before {
  content: "\F0E1F";
}

.mdi-check-underline-circle::before {
  content: "\F0E20";
}

.mdi-check-underline-circle-outline::before {
  content: "\F0E21";
}

.mdi-checkbook::before {
  content: "\F0A9D";
}

.mdi-checkbook-arrow-left::before {
  content: "\F1C1D";
}

.mdi-checkbook-arrow-right::before {
  content: "\F1C1E";
}

.mdi-checkbox-blank::before {
  content: "\F012E";
}

.mdi-checkbox-blank-badge::before {
  content: "\F1176";
}

.mdi-checkbox-blank-badge-outline::before {
  content: "\F0117";
}

.mdi-checkbox-blank-circle::before {
  content: "\F012F";
}

.mdi-checkbox-blank-circle-outline::before {
  content: "\F0130";
}

.mdi-checkbox-blank-off::before {
  content: "\F12EC";
}

.mdi-checkbox-blank-off-outline::before {
  content: "\F12ED";
}

.mdi-checkbox-blank-outline::before {
  content: "\F0131";
}

.mdi-checkbox-intermediate::before {
  content: "\F0856";
}

.mdi-checkbox-intermediate-variant::before {
  content: "\F1B54";
}

.mdi-checkbox-marked::before {
  content: "\F0132";
}

.mdi-checkbox-marked-circle::before {
  content: "\F0133";
}

.mdi-checkbox-marked-circle-auto-outline::before {
  content: "\F1C26";
}

.mdi-checkbox-marked-circle-minus-outline::before {
  content: "\F1C27";
}

.mdi-checkbox-marked-circle-outline::before {
  content: "\F0134";
}

.mdi-checkbox-marked-circle-plus-outline::before {
  content: "\F1927";
}

.mdi-checkbox-marked-outline::before {
  content: "\F0135";
}

.mdi-checkbox-multiple-blank::before {
  content: "\F0136";
}

.mdi-checkbox-multiple-blank-circle::before {
  content: "\F063B";
}

.mdi-checkbox-multiple-blank-circle-outline::before {
  content: "\F063C";
}

.mdi-checkbox-multiple-blank-outline::before {
  content: "\F0137";
}

.mdi-checkbox-multiple-marked::before {
  content: "\F0138";
}

.mdi-checkbox-multiple-marked-circle::before {
  content: "\F063D";
}

.mdi-checkbox-multiple-marked-circle-outline::before {
  content: "\F063E";
}

.mdi-checkbox-multiple-marked-outline::before {
  content: "\F0139";
}

.mdi-checkbox-multiple-outline::before {
  content: "\F0C51";
}

.mdi-checkbox-outline::before {
  content: "\F0C52";
}

.mdi-checkerboard::before {
  content: "\F013A";
}

.mdi-checkerboard-minus::before {
  content: "\F1202";
}

.mdi-checkerboard-plus::before {
  content: "\F1201";
}

.mdi-checkerboard-remove::before {
  content: "\F1203";
}

.mdi-cheese::before {
  content: "\F12B9";
}

.mdi-cheese-off::before {
  content: "\F13EE";
}

.mdi-chef-hat::before {
  content: "\F0B7C";
}

.mdi-chemical-weapon::before {
  content: "\F013B";
}

.mdi-chess-bishop::before {
  content: "\F085C";
}

.mdi-chess-king::before {
  content: "\F0857";
}

.mdi-chess-knight::before {
  content: "\F0858";
}

.mdi-chess-pawn::before {
  content: "\F0859";
}

.mdi-chess-queen::before {
  content: "\F085A";
}

.mdi-chess-rook::before {
  content: "\F085B";
}

.mdi-chevron-double-down::before {
  content: "\F013C";
}

.mdi-chevron-double-left::before {
  content: "\F013D";
}

.mdi-chevron-double-right::before {
  content: "\F013E";
}

.mdi-chevron-double-up::before {
  content: "\F013F";
}

.mdi-chevron-down::before {
  content: "\F0140";
}

.mdi-chevron-down-box::before {
  content: "\F09D6";
}

.mdi-chevron-down-box-outline::before {
  content: "\F09D7";
}

.mdi-chevron-down-circle::before {
  content: "\F0B26";
}

.mdi-chevron-down-circle-outline::before {
  content: "\F0B27";
}

.mdi-chevron-left::before {
  content: "\F0141";
}

.mdi-chevron-left-box::before {
  content: "\F09D8";
}

.mdi-chevron-left-box-outline::before {
  content: "\F09D9";
}

.mdi-chevron-left-circle::before {
  content: "\F0B28";
}

.mdi-chevron-left-circle-outline::before {
  content: "\F0B29";
}

.mdi-chevron-right::before {
  content: "\F0142";
}

.mdi-chevron-right-box::before {
  content: "\F09DA";
}

.mdi-chevron-right-box-outline::before {
  content: "\F09DB";
}

.mdi-chevron-right-circle::before {
  content: "\F0B2A";
}

.mdi-chevron-right-circle-outline::before {
  content: "\F0B2B";
}

.mdi-chevron-triple-down::before {
  content: "\F0DB9";
}

.mdi-chevron-triple-left::before {
  content: "\F0DBA";
}

.mdi-chevron-triple-right::before {
  content: "\F0DBB";
}

.mdi-chevron-triple-up::before {
  content: "\F0DBC";
}

.mdi-chevron-up::before {
  content: "\F0143";
}

.mdi-chevron-up-box::before {
  content: "\F09DC";
}

.mdi-chevron-up-box-outline::before {
  content: "\F09DD";
}

.mdi-chevron-up-circle::before {
  content: "\F0B2C";
}

.mdi-chevron-up-circle-outline::before {
  content: "\F0B2D";
}

.mdi-chili-alert::before {
  content: "\F17EA";
}

.mdi-chili-alert-outline::before {
  content: "\F17EB";
}

.mdi-chili-hot::before {
  content: "\F07B2";
}

.mdi-chili-hot-outline::before {
  content: "\F17EC";
}

.mdi-chili-medium::before {
  content: "\F07B3";
}

.mdi-chili-medium-outline::before {
  content: "\F17ED";
}

.mdi-chili-mild::before {
  content: "\F07B4";
}

.mdi-chili-mild-outline::before {
  content: "\F17EE";
}

.mdi-chili-off::before {
  content: "\F1467";
}

.mdi-chili-off-outline::before {
  content: "\F17EF";
}

.mdi-chip::before {
  content: "\F061A";
}

.mdi-church::before {
  content: "\F0144";
}

.mdi-church-outline::before {
  content: "\F1B02";
}

.mdi-cigar::before {
  content: "\F1189";
}

.mdi-cigar-off::before {
  content: "\F141B";
}

.mdi-circle::before {
  content: "\F0765";
}

.mdi-circle-box::before {
  content: "\F15DC";
}

.mdi-circle-box-outline::before {
  content: "\F15DD";
}

.mdi-circle-double::before {
  content: "\F0E95";
}

.mdi-circle-edit-outline::before {
  content: "\F08D5";
}

.mdi-circle-expand::before {
  content: "\F0E96";
}

.mdi-circle-half::before {
  content: "\F1395";
}

.mdi-circle-half-full::before {
  content: "\F1396";
}

.mdi-circle-medium::before {
  content: "\F09DE";
}

.mdi-circle-multiple::before {
  content: "\F0B38";
}

.mdi-circle-multiple-outline::before {
  content: "\F0695";
}

.mdi-circle-off-outline::before {
  content: "\F10D3";
}

.mdi-circle-opacity::before {
  content: "\F1853";
}

.mdi-circle-outline::before {
  content: "\F0766";
}

.mdi-circle-slice-1::before {
  content: "\F0A9E";
}

.mdi-circle-slice-2::before {
  content: "\F0A9F";
}

.mdi-circle-slice-3::before {
  content: "\F0AA0";
}

.mdi-circle-slice-4::before {
  content: "\F0AA1";
}

.mdi-circle-slice-5::before {
  content: "\F0AA2";
}

.mdi-circle-slice-6::before {
  content: "\F0AA3";
}

.mdi-circle-slice-7::before {
  content: "\F0AA4";
}

.mdi-circle-slice-8::before {
  content: "\F0AA5";
}

.mdi-circle-small::before {
  content: "\F09DF";
}

.mdi-circular-saw::before {
  content: "\F0E22";
}

.mdi-city::before {
  content: "\F0146";
}

.mdi-city-switch::before {
  content: "\F1C28";
}

.mdi-city-variant::before {
  content: "\F0A36";
}

.mdi-city-variant-outline::before {
  content: "\F0A37";
}

.mdi-clipboard::before {
  content: "\F0147";
}

.mdi-clipboard-account::before {
  content: "\F0148";
}

.mdi-clipboard-account-outline::before {
  content: "\F0C55";
}

.mdi-clipboard-alert::before {
  content: "\F0149";
}

.mdi-clipboard-alert-outline::before {
  content: "\F0CF7";
}

.mdi-clipboard-arrow-down::before {
  content: "\F014A";
}

.mdi-clipboard-arrow-down-outline::before {
  content: "\F0C56";
}

.mdi-clipboard-arrow-left::before {
  content: "\F014B";
}

.mdi-clipboard-arrow-left-outline::before {
  content: "\F0CF8";
}

.mdi-clipboard-arrow-right::before {
  content: "\F0CF9";
}

.mdi-clipboard-arrow-right-outline::before {
  content: "\F0CFA";
}

.mdi-clipboard-arrow-up::before {
  content: "\F0C57";
}

.mdi-clipboard-arrow-up-outline::before {
  content: "\F0C58";
}

.mdi-clipboard-check::before {
  content: "\F014E";
}

.mdi-clipboard-check-multiple::before {
  content: "\F1263";
}

.mdi-clipboard-check-multiple-outline::before {
  content: "\F1264";
}

.mdi-clipboard-check-outline::before {
  content: "\F08A8";
}

.mdi-clipboard-clock::before {
  content: "\F16E2";
}

.mdi-clipboard-clock-outline::before {
  content: "\F16E3";
}

.mdi-clipboard-edit::before {
  content: "\F14E5";
}

.mdi-clipboard-edit-outline::before {
  content: "\F14E6";
}

.mdi-clipboard-file::before {
  content: "\F1265";
}

.mdi-clipboard-file-outline::before {
  content: "\F1266";
}

.mdi-clipboard-flow::before {
  content: "\F06C8";
}

.mdi-clipboard-flow-outline::before {
  content: "\F1117";
}

.mdi-clipboard-list::before {
  content: "\F10D4";
}

.mdi-clipboard-list-outline::before {
  content: "\F10D5";
}

.mdi-clipboard-minus::before {
  content: "\F1618";
}

.mdi-clipboard-minus-outline::before {
  content: "\F1619";
}

.mdi-clipboard-multiple::before {
  content: "\F1267";
}

.mdi-clipboard-multiple-outline::before {
  content: "\F1268";
}

.mdi-clipboard-off::before {
  content: "\F161A";
}

.mdi-clipboard-off-outline::before {
  content: "\F161B";
}

.mdi-clipboard-outline::before {
  content: "\F014C";
}

.mdi-clipboard-play::before {
  content: "\F0C59";
}

.mdi-clipboard-play-multiple::before {
  content: "\F1269";
}

.mdi-clipboard-play-multiple-outline::before {
  content: "\F126A";
}

.mdi-clipboard-play-outline::before {
  content: "\F0C5A";
}

.mdi-clipboard-plus::before {
  content: "\F0751";
}

.mdi-clipboard-plus-outline::before {
  content: "\F131F";
}

.mdi-clipboard-pulse::before {
  content: "\F085D";
}

.mdi-clipboard-pulse-outline::before {
  content: "\F085E";
}

.mdi-clipboard-remove::before {
  content: "\F161C";
}

.mdi-clipboard-remove-outline::before {
  content: "\F161D";
}

.mdi-clipboard-search::before {
  content: "\F161E";
}

.mdi-clipboard-search-outline::before {
  content: "\F161F";
}

.mdi-clipboard-text::before {
  content: "\F014D";
}

.mdi-clipboard-text-clock::before {
  content: "\F18F9";
}

.mdi-clipboard-text-clock-outline::before {
  content: "\F18FA";
}

.mdi-clipboard-text-multiple::before {
  content: "\F126B";
}

.mdi-clipboard-text-multiple-outline::before {
  content: "\F126C";
}

.mdi-clipboard-text-off::before {
  content: "\F1620";
}

.mdi-clipboard-text-off-outline::before {
  content: "\F1621";
}

.mdi-clipboard-text-outline::before {
  content: "\F0A38";
}

.mdi-clipboard-text-play::before {
  content: "\F0C5B";
}

.mdi-clipboard-text-play-outline::before {
  content: "\F0C5C";
}

.mdi-clipboard-text-search::before {
  content: "\F1622";
}

.mdi-clipboard-text-search-outline::before {
  content: "\F1623";
}

.mdi-clippy::before {
  content: "\F014F";
}

.mdi-clock::before {
  content: "\F0954";
}

.mdi-clock-alert::before {
  content: "\F0955";
}

.mdi-clock-alert-outline::before {
  content: "\F05CE";
}

.mdi-clock-check::before {
  content: "\F0FA8";
}

.mdi-clock-check-outline::before {
  content: "\F0FA9";
}

.mdi-clock-digital::before {
  content: "\F0E97";
}

.mdi-clock-edit::before {
  content: "\F19BA";
}

.mdi-clock-edit-outline::before {
  content: "\F19BB";
}

.mdi-clock-end::before {
  content: "\F0151";
}

.mdi-clock-fast::before {
  content: "\F0152";
}

.mdi-clock-in::before {
  content: "\F0153";
}

.mdi-clock-minus::before {
  content: "\F1863";
}

.mdi-clock-minus-outline::before {
  content: "\F1864";
}

.mdi-clock-out::before {
  content: "\F0154";
}

.mdi-clock-outline::before {
  content: "\F0150";
}

.mdi-clock-plus::before {
  content: "\F1861";
}

.mdi-clock-plus-outline::before {
  content: "\F1862";
}

.mdi-clock-remove::before {
  content: "\F1865";
}

.mdi-clock-remove-outline::before {
  content: "\F1866";
}

.mdi-clock-star-four-points::before {
  content: "\F1C29";
}

.mdi-clock-star-four-points-outline::before {
  content: "\F1C2A";
}

.mdi-clock-start::before {
  content: "\F0155";
}

.mdi-clock-time-eight::before {
  content: "\F1446";
}

.mdi-clock-time-eight-outline::before {
  content: "\F1452";
}

.mdi-clock-time-eleven::before {
  content: "\F1449";
}

.mdi-clock-time-eleven-outline::before {
  content: "\F1455";
}

.mdi-clock-time-five::before {
  content: "\F1443";
}

.mdi-clock-time-five-outline::before {
  content: "\F144F";
}

.mdi-clock-time-four::before {
  content: "\F1442";
}

.mdi-clock-time-four-outline::before {
  content: "\F144E";
}

.mdi-clock-time-nine::before {
  content: "\F1447";
}

.mdi-clock-time-nine-outline::before {
  content: "\F1453";
}

.mdi-clock-time-one::before {
  content: "\F143F";
}

.mdi-clock-time-one-outline::before {
  content: "\F144B";
}

.mdi-clock-time-seven::before {
  content: "\F1445";
}

.mdi-clock-time-seven-outline::before {
  content: "\F1451";
}

.mdi-clock-time-six::before {
  content: "\F1444";
}

.mdi-clock-time-six-outline::before {
  content: "\F1450";
}

.mdi-clock-time-ten::before {
  content: "\F1448";
}

.mdi-clock-time-ten-outline::before {
  content: "\F1454";
}

.mdi-clock-time-three::before {
  content: "\F1441";
}

.mdi-clock-time-three-outline::before {
  content: "\F144D";
}

.mdi-clock-time-twelve::before {
  content: "\F144A";
}

.mdi-clock-time-twelve-outline::before {
  content: "\F1456";
}

.mdi-clock-time-two::before {
  content: "\F1440";
}

.mdi-clock-time-two-outline::before {
  content: "\F144C";
}

.mdi-close::before {
  content: "\F0156";
}

.mdi-close-box::before {
  content: "\F0157";
}

.mdi-close-box-multiple::before {
  content: "\F0C5D";
}

.mdi-close-box-multiple-outline::before {
  content: "\F0C5E";
}

.mdi-close-box-outline::before {
  content: "\F0158";
}

.mdi-close-circle::before {
  content: "\F0159";
}

.mdi-close-circle-multiple::before {
  content: "\F062A";
}

.mdi-close-circle-multiple-outline::before {
  content: "\F0883";
}

.mdi-close-circle-outline::before {
  content: "\F015A";
}

.mdi-close-network::before {
  content: "\F015B";
}

.mdi-close-network-outline::before {
  content: "\F0C5F";
}

.mdi-close-octagon::before {
  content: "\F015C";
}

.mdi-close-octagon-outline::before {
  content: "\F015D";
}

.mdi-close-outline::before {
  content: "\F06C9";
}

.mdi-close-thick::before {
  content: "\F1398";
}

.mdi-closed-caption::before {
  content: "\F015E";
}

.mdi-closed-caption-outline::before {
  content: "\F0DBD";
}

.mdi-cloud::before {
  content: "\F015F";
}

.mdi-cloud-alert::before {
  content: "\F09E0";
}

.mdi-cloud-alert-outline::before {
  content: "\F1BE0";
}

.mdi-cloud-arrow-down::before {
  content: "\F1BE1";
}

.mdi-cloud-arrow-down-outline::before {
  content: "\F1BE2";
}

.mdi-cloud-arrow-left::before {
  content: "\F1BE3";
}

.mdi-cloud-arrow-left-outline::before {
  content: "\F1BE4";
}

.mdi-cloud-arrow-right::before {
  content: "\F1BE5";
}

.mdi-cloud-arrow-right-outline::before {
  content: "\F1BE6";
}

.mdi-cloud-arrow-up::before {
  content: "\F1BE7";
}

.mdi-cloud-arrow-up-outline::before {
  content: "\F1BE8";
}

.mdi-cloud-braces::before {
  content: "\F07B5";
}

.mdi-cloud-cancel::before {
  content: "\F1BE9";
}

.mdi-cloud-cancel-outline::before {
  content: "\F1BEA";
}

.mdi-cloud-check::before {
  content: "\F1BEB";
}

.mdi-cloud-check-outline::before {
  content: "\F1BEC";
}

.mdi-cloud-check-variant::before {
  content: "\F0160";
}

.mdi-cloud-check-variant-outline::before {
  content: "\F12CC";
}

.mdi-cloud-circle::before {
  content: "\F0161";
}

.mdi-cloud-circle-outline::before {
  content: "\F1BED";
}

.mdi-cloud-clock::before {
  content: "\F1BEE";
}

.mdi-cloud-clock-outline::before {
  content: "\F1BEF";
}

.mdi-cloud-cog::before {
  content: "\F1BF0";
}

.mdi-cloud-cog-outline::before {
  content: "\F1BF1";
}

.mdi-cloud-download::before {
  content: "\F0162";
}

.mdi-cloud-download-outline::before {
  content: "\F0B7D";
}

.mdi-cloud-lock::before {
  content: "\F11F1";
}

.mdi-cloud-lock-open::before {
  content: "\F1BF2";
}

.mdi-cloud-lock-open-outline::before {
  content: "\F1BF3";
}

.mdi-cloud-lock-outline::before {
  content: "\F11F2";
}

.mdi-cloud-minus::before {
  content: "\F1BF4";
}

.mdi-cloud-minus-outline::before {
  content: "\F1BF5";
}

.mdi-cloud-off::before {
  content: "\F1BF6";
}

.mdi-cloud-off-outline::before {
  content: "\F0164";
}

.mdi-cloud-outline::before {
  content: "\F0163";
}

.mdi-cloud-percent::before {
  content: "\F1A35";
}

.mdi-cloud-percent-outline::before {
  content: "\F1A36";
}

.mdi-cloud-plus::before {
  content: "\F1BF7";
}

.mdi-cloud-plus-outline::before {
  content: "\F1BF8";
}

.mdi-cloud-print::before {
  content: "\F0165";
}

.mdi-cloud-print-outline::before {
  content: "\F0166";
}

.mdi-cloud-question::before {
  content: "\F0A39";
}

.mdi-cloud-question-outline::before {
  content: "\F1BF9";
}

.mdi-cloud-refresh::before {
  content: "\F1BFA";
}

.mdi-cloud-refresh-outline::before {
  content: "\F1BFB";
}

.mdi-cloud-refresh-variant::before {
  content: "\F052A";
}

.mdi-cloud-refresh-variant-outline::before {
  content: "\F1BFC";
}

.mdi-cloud-remove::before {
  content: "\F1BFD";
}

.mdi-cloud-remove-outline::before {
  content: "\F1BFE";
}

.mdi-cloud-search::before {
  content: "\F0956";
}

.mdi-cloud-search-outline::before {
  content: "\F0957";
}

.mdi-cloud-sync::before {
  content: "\F063F";
}

.mdi-cloud-sync-outline::before {
  content: "\F12D6";
}

.mdi-cloud-tags::before {
  content: "\F07B6";
}

.mdi-cloud-upload::before {
  content: "\F0167";
}

.mdi-cloud-upload-outline::before {
  content: "\F0B7E";
}

.mdi-clouds::before {
  content: "\F1B95";
}

.mdi-clover::before {
  content: "\F0816";
}

.mdi-clover-outline::before {
  content: "\F1C62";
}

.mdi-coach-lamp::before {
  content: "\F1020";
}

.mdi-coach-lamp-variant::before {
  content: "\F1A37";
}

.mdi-coat-rack::before {
  content: "\F109E";
}

.mdi-code-array::before {
  content: "\F0168";
}

.mdi-code-braces::before {
  content: "\F0169";
}

.mdi-code-braces-box::before {
  content: "\F10D6";
}

.mdi-code-brackets::before {
  content: "\F016A";
}

.mdi-code-equal::before {
  content: "\F016B";
}

.mdi-code-greater-than::before {
  content: "\F016C";
}

.mdi-code-greater-than-or-equal::before {
  content: "\F016D";
}

.mdi-code-json::before {
  content: "\F0626";
}

.mdi-code-less-than::before {
  content: "\F016E";
}

.mdi-code-less-than-or-equal::before {
  content: "\F016F";
}

.mdi-code-not-equal::before {
  content: "\F0170";
}

.mdi-code-not-equal-variant::before {
  content: "\F0171";
}

.mdi-code-parentheses::before {
  content: "\F0172";
}

.mdi-code-parentheses-box::before {
  content: "\F10D7";
}

.mdi-code-string::before {
  content: "\F0173";
}

.mdi-code-tags::before {
  content: "\F0174";
}

.mdi-code-tags-check::before {
  content: "\F0694";
}

.mdi-codepen::before {
  content: "\F0175";
}

.mdi-coffee::before {
  content: "\F0176";
}

.mdi-coffee-maker::before {
  content: "\F109F";
}

.mdi-coffee-maker-check::before {
  content: "\F1931";
}

.mdi-coffee-maker-check-outline::before {
  content: "\F1932";
}

.mdi-coffee-maker-outline::before {
  content: "\F181B";
}

.mdi-coffee-off::before {
  content: "\F0FAA";
}

.mdi-coffee-off-outline::before {
  content: "\F0FAB";
}

.mdi-coffee-outline::before {
  content: "\F06CA";
}

.mdi-coffee-to-go::before {
  content: "\F0177";
}

.mdi-coffee-to-go-outline::before {
  content: "\F130E";
}

.mdi-coffin::before {
  content: "\F0B7F";
}

.mdi-cog::before {
  content: "\F0493";
}

.mdi-cog-box::before {
  content: "\F0494";
}

.mdi-cog-clockwise::before {
  content: "\F11DD";
}

.mdi-cog-counterclockwise::before {
  content: "\F11DE";
}

.mdi-cog-off::before {
  content: "\F13CE";
}

.mdi-cog-off-outline::before {
  content: "\F13CF";
}

.mdi-cog-outline::before {
  content: "\F08BB";
}

.mdi-cog-pause::before {
  content: "\F1933";
}

.mdi-cog-pause-outline::before {
  content: "\F1934";
}

.mdi-cog-play::before {
  content: "\F1935";
}

.mdi-cog-play-outline::before {
  content: "\F1936";
}

.mdi-cog-refresh::before {
  content: "\F145E";
}

.mdi-cog-refresh-outline::before {
  content: "\F145F";
}

.mdi-cog-stop::before {
  content: "\F1937";
}

.mdi-cog-stop-outline::before {
  content: "\F1938";
}

.mdi-cog-sync::before {
  content: "\F1460";
}

.mdi-cog-sync-outline::before {
  content: "\F1461";
}

.mdi-cog-transfer::before {
  content: "\F105B";
}

.mdi-cog-transfer-outline::before {
  content: "\F105C";
}

.mdi-cogs::before {
  content: "\F08D6";
}

.mdi-collage::before {
  content: "\F0640";
}

.mdi-collapse-all::before {
  content: "\F0AA6";
}

.mdi-collapse-all-outline::before {
  content: "\F0AA7";
}

.mdi-color-helper::before {
  content: "\F0179";
}

.mdi-comma::before {
  content: "\F0E23";
}

.mdi-comma-box::before {
  content: "\F0E2B";
}

.mdi-comma-box-outline::before {
  content: "\F0E24";
}

.mdi-comma-circle::before {
  content: "\F0E25";
}

.mdi-comma-circle-outline::before {
  content: "\F0E26";
}

.mdi-comment::before {
  content: "\F017A";
}

.mdi-comment-account::before {
  content: "\F017B";
}

.mdi-comment-account-outline::before {
  content: "\F017C";
}

.mdi-comment-alert::before {
  content: "\F017D";
}

.mdi-comment-alert-outline::before {
  content: "\F017E";
}

.mdi-comment-arrow-left::before {
  content: "\F09E1";
}

.mdi-comment-arrow-left-outline::before {
  content: "\F09E2";
}

.mdi-comment-arrow-right::before {
  content: "\F09E3";
}

.mdi-comment-arrow-right-outline::before {
  content: "\F09E4";
}

.mdi-comment-bookmark::before {
  content: "\F15AE";
}

.mdi-comment-bookmark-outline::before {
  content: "\F15AF";
}

.mdi-comment-check::before {
  content: "\F017F";
}

.mdi-comment-check-outline::before {
  content: "\F0180";
}

.mdi-comment-edit::before {
  content: "\F11BF";
}

.mdi-comment-edit-outline::before {
  content: "\F12C4";
}

.mdi-comment-eye::before {
  content: "\F0A3A";
}

.mdi-comment-eye-outline::before {
  content: "\F0A3B";
}

.mdi-comment-flash::before {
  content: "\F15B0";
}

.mdi-comment-flash-outline::before {
  content: "\F15B1";
}

.mdi-comment-minus::before {
  content: "\F15DF";
}

.mdi-comment-minus-outline::before {
  content: "\F15E0";
}

.mdi-comment-multiple::before {
  content: "\F085F";
}

.mdi-comment-multiple-outline::before {
  content: "\F0181";
}

.mdi-comment-off::before {
  content: "\F15E1";
}

.mdi-comment-off-outline::before {
  content: "\F15E2";
}

.mdi-comment-outline::before {
  content: "\F0182";
}

.mdi-comment-plus::before {
  content: "\F09E5";
}

.mdi-comment-plus-outline::before {
  content: "\F0183";
}

.mdi-comment-processing::before {
  content: "\F0184";
}

.mdi-comment-processing-outline::before {
  content: "\F0185";
}

.mdi-comment-question::before {
  content: "\F0817";
}

.mdi-comment-question-outline::before {
  content: "\F0186";
}

.mdi-comment-quote::before {
  content: "\F1021";
}

.mdi-comment-quote-outline::before {
  content: "\F1022";
}

.mdi-comment-remove::before {
  content: "\F05DE";
}

.mdi-comment-remove-outline::before {
  content: "\F0187";
}

.mdi-comment-search::before {
  content: "\F0A3C";
}

.mdi-comment-search-outline::before {
  content: "\F0A3D";
}

.mdi-comment-text::before {
  content: "\F0188";
}

.mdi-comment-text-multiple::before {
  content: "\F0860";
}

.mdi-comment-text-multiple-outline::before {
  content: "\F0861";
}

.mdi-comment-text-outline::before {
  content: "\F0189";
}

.mdi-compare::before {
  content: "\F018A";
}

.mdi-compare-horizontal::before {
  content: "\F1492";
}

.mdi-compare-remove::before {
  content: "\F18B3";
}

.mdi-compare-vertical::before {
  content: "\F1493";
}

.mdi-compass::before {
  content: "\F018B";
}

.mdi-compass-off::before {
  content: "\F0B80";
}

.mdi-compass-off-outline::before {
  content: "\F0B81";
}

.mdi-compass-outline::before {
  content: "\F018C";
}

.mdi-compass-rose::before {
  content: "\F1382";
}

.mdi-compost::before {
  content: "\F1A38";
}

.mdi-cone::before {
  content: "\F194C";
}

.mdi-cone-off::before {
  content: "\F194D";
}

.mdi-connection::before {
  content: "\F1616";
}

.mdi-console::before {
  content: "\F018D";
}

.mdi-console-line::before {
  content: "\F07B7";
}

.mdi-console-network::before {
  content: "\F08A9";
}

.mdi-console-network-outline::before {
  content: "\F0C60";
}

.mdi-consolidate::before {
  content: "\F10D8";
}

.mdi-contactless-payment::before {
  content: "\F0D6A";
}

.mdi-contactless-payment-circle::before {
  content: "\F0321";
}

.mdi-contactless-payment-circle-outline::before {
  content: "\F0408";
}

.mdi-contacts::before {
  content: "\F06CB";
}

.mdi-contacts-outline::before {
  content: "\F05B8";
}

.mdi-contain::before {
  content: "\F0A3E";
}

.mdi-contain-end::before {
  content: "\F0A3F";
}

.mdi-contain-start::before {
  content: "\F0A40";
}

.mdi-content-copy::before {
  content: "\F018F";
}

.mdi-content-cut::before {
  content: "\F0190";
}

.mdi-content-duplicate::before {
  content: "\F0191";
}

.mdi-content-paste::before {
  content: "\F0192";
}

.mdi-content-save::before {
  content: "\F0193";
}

.mdi-content-save-alert::before {
  content: "\F0F42";
}

.mdi-content-save-alert-outline::before {
  content: "\F0F43";
}

.mdi-content-save-all::before {
  content: "\F0194";
}

.mdi-content-save-all-outline::before {
  content: "\F0F44";
}

.mdi-content-save-check::before {
  content: "\F18EA";
}

.mdi-content-save-check-outline::before {
  content: "\F18EB";
}

.mdi-content-save-cog::before {
  content: "\F145B";
}

.mdi-content-save-cog-outline::before {
  content: "\F145C";
}

.mdi-content-save-edit::before {
  content: "\F0CFB";
}

.mdi-content-save-edit-outline::before {
  content: "\F0CFC";
}

.mdi-content-save-minus::before {
  content: "\F1B43";
}

.mdi-content-save-minus-outline::before {
  content: "\F1B44";
}

.mdi-content-save-move::before {
  content: "\F0E27";
}

.mdi-content-save-move-outline::before {
  content: "\F0E28";
}

.mdi-content-save-off::before {
  content: "\F1643";
}

.mdi-content-save-off-outline::before {
  content: "\F1644";
}

.mdi-content-save-outline::before {
  content: "\F0818";
}

.mdi-content-save-plus::before {
  content: "\F1B41";
}

.mdi-content-save-plus-outline::before {
  content: "\F1B42";
}

.mdi-content-save-settings::before {
  content: "\F061B";
}

.mdi-content-save-settings-outline::before {
  content: "\F0B2E";
}

.mdi-contrast::before {
  content: "\F0195";
}

.mdi-contrast-box::before {
  content: "\F0196";
}

.mdi-contrast-circle::before {
  content: "\F0197";
}

.mdi-controller::before {
  content: "\F02B4";
}

.mdi-controller-classic::before {
  content: "\F0B82";
}

.mdi-controller-classic-outline::before {
  content: "\F0B83";
}

.mdi-controller-off::before {
  content: "\F02B5";
}

.mdi-cookie::before {
  content: "\F0198";
}

.mdi-cookie-alert::before {
  content: "\F16D0";
}

.mdi-cookie-alert-outline::before {
  content: "\F16D1";
}

.mdi-cookie-check::before {
  content: "\F16D2";
}

.mdi-cookie-check-outline::before {
  content: "\F16D3";
}

.mdi-cookie-clock::before {
  content: "\F16E4";
}

.mdi-cookie-clock-outline::before {
  content: "\F16E5";
}

.mdi-cookie-cog::before {
  content: "\F16D4";
}

.mdi-cookie-cog-outline::before {
  content: "\F16D5";
}

.mdi-cookie-edit::before {
  content: "\F16E6";
}

.mdi-cookie-edit-outline::before {
  content: "\F16E7";
}

.mdi-cookie-lock::before {
  content: "\F16E8";
}

.mdi-cookie-lock-outline::before {
  content: "\F16E9";
}

.mdi-cookie-minus::before {
  content: "\F16DA";
}

.mdi-cookie-minus-outline::before {
  content: "\F16DB";
}

.mdi-cookie-off::before {
  content: "\F16EA";
}

.mdi-cookie-off-outline::before {
  content: "\F16EB";
}

.mdi-cookie-outline::before {
  content: "\F16DE";
}

.mdi-cookie-plus::before {
  content: "\F16D6";
}

.mdi-cookie-plus-outline::before {
  content: "\F16D7";
}

.mdi-cookie-refresh::before {
  content: "\F16EC";
}

.mdi-cookie-refresh-outline::before {
  content: "\F16ED";
}

.mdi-cookie-remove::before {
  content: "\F16D8";
}

.mdi-cookie-remove-outline::before {
  content: "\F16D9";
}

.mdi-cookie-settings::before {
  content: "\F16DC";
}

.mdi-cookie-settings-outline::before {
  content: "\F16DD";
}

.mdi-coolant-temperature::before {
  content: "\F03C8";
}

.mdi-copyleft::before {
  content: "\F1939";
}

.mdi-copyright::before {
  content: "\F05E6";
}

.mdi-cordova::before {
  content: "\F0958";
}

.mdi-corn::before {
  content: "\F07B8";
}

.mdi-corn-off::before {
  content: "\F13EF";
}

.mdi-cosine-wave::before {
  content: "\F1479";
}

.mdi-counter::before {
  content: "\F0199";
}

.mdi-countertop::before {
  content: "\F181C";
}

.mdi-countertop-outline::before {
  content: "\F181D";
}

.mdi-cow::before {
  content: "\F019A";
}

.mdi-cow-off::before {
  content: "\F18FC";
}

.mdi-cpu-32-bit::before {
  content: "\F0EDF";
}

.mdi-cpu-64-bit::before {
  content: "\F0EE0";
}

.mdi-cradle::before {
  content: "\F198B";
}

.mdi-cradle-outline::before {
  content: "\F1991";
}

.mdi-crane::before {
  content: "\F0862";
}

.mdi-creation::before {
  content: "\F0674";
}

.mdi-creation-outline::before {
  content: "\F1C2B";
}

.mdi-creative-commons::before {
  content: "\F0D6B";
}

.mdi-credit-card::before {
  content: "\F0FEF";
}

.mdi-credit-card-check::before {
  content: "\F13D0";
}

.mdi-credit-card-check-outline::before {
  content: "\F13D1";
}

.mdi-credit-card-chip::before {
  content: "\F190F";
}

.mdi-credit-card-chip-outline::before {
  content: "\F1910";
}

.mdi-credit-card-clock::before {
  content: "\F0EE1";
}

.mdi-credit-card-clock-outline::before {
  content: "\F0EE2";
}

.mdi-credit-card-edit::before {
  content: "\F17D7";
}

.mdi-credit-card-edit-outline::before {
  content: "\F17D8";
}

.mdi-credit-card-fast::before {
  content: "\F1911";
}

.mdi-credit-card-fast-outline::before {
  content: "\F1912";
}

.mdi-credit-card-lock::before {
  content: "\F18E7";
}

.mdi-credit-card-lock-outline::before {
  content: "\F18E8";
}

.mdi-credit-card-marker::before {
  content: "\F06A8";
}

.mdi-credit-card-marker-outline::before {
  content: "\F0DBE";
}

.mdi-credit-card-minus::before {
  content: "\F0FAC";
}

.mdi-credit-card-minus-outline::before {
  content: "\F0FAD";
}

.mdi-credit-card-multiple::before {
  content: "\F0FF0";
}

.mdi-credit-card-multiple-outline::before {
  content: "\F019C";
}

.mdi-credit-card-off::before {
  content: "\F0FF1";
}

.mdi-credit-card-off-outline::before {
  content: "\F05E4";
}

.mdi-credit-card-outline::before {
  content: "\F019B";
}

.mdi-credit-card-plus::before {
  content: "\F0FF2";
}

.mdi-credit-card-plus-outline::before {
  content: "\F0676";
}

.mdi-credit-card-refresh::before {
  content: "\F1645";
}

.mdi-credit-card-refresh-outline::before {
  content: "\F1646";
}

.mdi-credit-card-refund::before {
  content: "\F0FF3";
}

.mdi-credit-card-refund-outline::before {
  content: "\F0AA8";
}

.mdi-credit-card-remove::before {
  content: "\F0FAE";
}

.mdi-credit-card-remove-outline::before {
  content: "\F0FAF";
}

.mdi-credit-card-scan::before {
  content: "\F0FF4";
}

.mdi-credit-card-scan-outline::before {
  content: "\F019D";
}

.mdi-credit-card-search::before {
  content: "\F1647";
}

.mdi-credit-card-search-outline::before {
  content: "\F1648";
}

.mdi-credit-card-settings::before {
  content: "\F0FF5";
}

.mdi-credit-card-settings-outline::before {
  content: "\F08D7";
}

.mdi-credit-card-sync::before {
  content: "\F1649";
}

.mdi-credit-card-sync-outline::before {
  content: "\F164A";
}

.mdi-credit-card-wireless::before {
  content: "\F0802";
}

.mdi-credit-card-wireless-off::before {
  content: "\F057A";
}

.mdi-credit-card-wireless-off-outline::before {
  content: "\F057B";
}

.mdi-credit-card-wireless-outline::before {
  content: "\F0D6C";
}

.mdi-cricket::before {
  content: "\F0D6D";
}

.mdi-crop::before {
  content: "\F019E";
}

.mdi-crop-free::before {
  content: "\F019F";
}

.mdi-crop-landscape::before {
  content: "\F01A0";
}

.mdi-crop-portrait::before {
  content: "\F01A1";
}

.mdi-crop-rotate::before {
  content: "\F0696";
}

.mdi-crop-square::before {
  content: "\F01A2";
}

.mdi-cross::before {
  content: "\F0953";
}

.mdi-cross-bolnisi::before {
  content: "\F0CED";
}

.mdi-cross-celtic::before {
  content: "\F0CF5";
}

.mdi-cross-outline::before {
  content: "\F0CF6";
}

.mdi-crosshairs::before {
  content: "\F01A3";
}

.mdi-crosshairs-gps::before {
  content: "\F01A4";
}

.mdi-crosshairs-off::before {
  content: "\F0F45";
}

.mdi-crosshairs-question::before {
  content: "\F1136";
}

.mdi-crowd::before {
  content: "\F1975";
}

.mdi-crown::before {
  content: "\F01A5";
}

.mdi-crown-circle::before {
  content: "\F17DC";
}

.mdi-crown-circle-outline::before {
  content: "\F17DD";
}

.mdi-crown-outline::before {
  content: "\F11D0";
}

.mdi-cryengine::before {
  content: "\F0959";
}

.mdi-crystal-ball::before {
  content: "\F0B2F";
}

.mdi-cube::before {
  content: "\F01A6";
}

.mdi-cube-off::before {
  content: "\F141C";
}

.mdi-cube-off-outline::before {
  content: "\F141D";
}

.mdi-cube-outline::before {
  content: "\F01A7";
}

.mdi-cube-scan::before {
  content: "\F0B84";
}

.mdi-cube-send::before {
  content: "\F01A8";
}

.mdi-cube-unfolded::before {
  content: "\F01A9";
}

.mdi-cup::before {
  content: "\F01AA";
}

.mdi-cup-off::before {
  content: "\F05E5";
}

.mdi-cup-off-outline::before {
  content: "\F137D";
}

.mdi-cup-outline::before {
  content: "\F130F";
}

.mdi-cup-water::before {
  content: "\F01AB";
}

.mdi-cupboard::before {
  content: "\F0F46";
}

.mdi-cupboard-outline::before {
  content: "\F0F47";
}

.mdi-cupcake::before {
  content: "\F095A";
}

.mdi-curling::before {
  content: "\F0863";
}

.mdi-currency-bdt::before {
  content: "\F0864";
}

.mdi-currency-brl::before {
  content: "\F0B85";
}

.mdi-currency-btc::before {
  content: "\F01AC";
}

.mdi-currency-cny::before {
  content: "\F07BA";
}

.mdi-currency-eth::before {
  content: "\F07BB";
}

.mdi-currency-eur::before {
  content: "\F01AD";
}

.mdi-currency-eur-off::before {
  content: "\F1315";
}

.mdi-currency-fra::before {
  content: "\F1A39";
}

.mdi-currency-gbp::before {
  content: "\F01AE";
}

.mdi-currency-ils::before {
  content: "\F0C61";
}

.mdi-currency-inr::before {
  content: "\F01AF";
}

.mdi-currency-jpy::before {
  content: "\F07BC";
}

.mdi-currency-krw::before {
  content: "\F07BD";
}

.mdi-currency-kzt::before {
  content: "\F0865";
}

.mdi-currency-mnt::before {
  content: "\F1512";
}

.mdi-currency-ngn::before {
  content: "\F01B0";
}

.mdi-currency-php::before {
  content: "\F09E6";
}

.mdi-currency-rial::before {
  content: "\F0E9C";
}

.mdi-currency-rub::before {
  content: "\F01B1";
}

.mdi-currency-rupee::before {
  content: "\F1976";
}

.mdi-currency-sign::before {
  content: "\F07BE";
}

.mdi-currency-thb::before {
  content: "\F1C05";
}

.mdi-currency-try::before {
  content: "\F01B2";
}

.mdi-currency-twd::before {
  content: "\F07BF";
}

.mdi-currency-uah::before {
  content: "\F1B9B";
}

.mdi-currency-usd::before {
  content: "\F01C1";
}

.mdi-currency-usd-off::before {
  content: "\F067A";
}

.mdi-current-ac::before {
  content: "\F1480";
}

.mdi-current-dc::before {
  content: "\F095C";
}

.mdi-cursor-default::before {
  content: "\F01C0";
}

.mdi-cursor-default-click::before {
  content: "\F0CFD";
}

.mdi-cursor-default-click-outline::before {
  content: "\F0CFE";
}

.mdi-cursor-default-gesture::before {
  content: "\F1127";
}

.mdi-cursor-default-gesture-outline::before {
  content: "\F1128";
}

.mdi-cursor-default-outline::before {
  content: "\F01BF";
}

.mdi-cursor-move::before {
  content: "\F01BE";
}

.mdi-cursor-pointer::before {
  content: "\F01BD";
}

.mdi-cursor-text::before {
  content: "\F05E7";
}

.mdi-curtains::before {
  content: "\F1846";
}

.mdi-curtains-closed::before {
  content: "\F1847";
}

.mdi-cylinder::before {
  content: "\F194E";
}

.mdi-cylinder-off::before {
  content: "\F194F";
}

.mdi-dance-ballroom::before {
  content: "\F15FB";
}

.mdi-dance-pole::before {
  content: "\F1578";
}

.mdi-data-matrix::before {
  content: "\F153C";
}

.mdi-data-matrix-edit::before {
  content: "\F153D";
}

.mdi-data-matrix-minus::before {
  content: "\F153E";
}

.mdi-data-matrix-plus::before {
  content: "\F153F";
}

.mdi-data-matrix-remove::before {
  content: "\F1540";
}

.mdi-data-matrix-scan::before {
  content: "\F1541";
}

.mdi-database::before {
  content: "\F01BC";
}

.mdi-database-alert::before {
  content: "\F163A";
}

.mdi-database-alert-outline::before {
  content: "\F1624";
}

.mdi-database-arrow-down::before {
  content: "\F163B";
}

.mdi-database-arrow-down-outline::before {
  content: "\F1625";
}

.mdi-database-arrow-left::before {
  content: "\F163C";
}

.mdi-database-arrow-left-outline::before {
  content: "\F1626";
}

.mdi-database-arrow-right::before {
  content: "\F163D";
}

.mdi-database-arrow-right-outline::before {
  content: "\F1627";
}

.mdi-database-arrow-up::before {
  content: "\F163E";
}

.mdi-database-arrow-up-outline::before {
  content: "\F1628";
}

.mdi-database-check::before {
  content: "\F0AA9";
}

.mdi-database-check-outline::before {
  content: "\F1629";
}

.mdi-database-clock::before {
  content: "\F163F";
}

.mdi-database-clock-outline::before {
  content: "\F162A";
}

.mdi-database-cog::before {
  content: "\F164B";
}

.mdi-database-cog-outline::before {
  content: "\F164C";
}

.mdi-database-edit::before {
  content: "\F0B86";
}

.mdi-database-edit-outline::before {
  content: "\F162B";
}

.mdi-database-export::before {
  content: "\F095E";
}

.mdi-database-export-outline::before {
  content: "\F162C";
}

.mdi-database-eye::before {
  content: "\F191F";
}

.mdi-database-eye-off::before {
  content: "\F1920";
}

.mdi-database-eye-off-outline::before {
  content: "\F1921";
}

.mdi-database-eye-outline::before {
  content: "\F1922";
}

.mdi-database-import::before {
  content: "\F095D";
}

.mdi-database-import-outline::before {
  content: "\F162D";
}

.mdi-database-lock::before {
  content: "\F0AAA";
}

.mdi-database-lock-outline::before {
  content: "\F162E";
}

.mdi-database-marker::before {
  content: "\F12F6";
}

.mdi-database-marker-outline::before {
  content: "\F162F";
}

.mdi-database-minus::before {
  content: "\F01BB";
}

.mdi-database-minus-outline::before {
  content: "\F1630";
}

.mdi-database-off::before {
  content: "\F1640";
}

.mdi-database-off-outline::before {
  content: "\F1631";
}

.mdi-database-outline::before {
  content: "\F1632";
}

.mdi-database-plus::before {
  content: "\F01BA";
}

.mdi-database-plus-outline::before {
  content: "\F1633";
}

.mdi-database-refresh::before {
  content: "\F05C2";
}

.mdi-database-refresh-outline::before {
  content: "\F1634";
}

.mdi-database-remove::before {
  content: "\F0D00";
}

.mdi-database-remove-outline::before {
  content: "\F1635";
}

.mdi-database-search::before {
  content: "\F0866";
}

.mdi-database-search-outline::before {
  content: "\F1636";
}

.mdi-database-settings::before {
  content: "\F0D01";
}

.mdi-database-settings-outline::before {
  content: "\F1637";
}

.mdi-database-sync::before {
  content: "\F0CFF";
}

.mdi-database-sync-outline::before {
  content: "\F1638";
}

.mdi-death-star::before {
  content: "\F08D8";
}

.mdi-death-star-variant::before {
  content: "\F08D9";
}

.mdi-deathly-hallows::before {
  content: "\F0B87";
}

.mdi-debian::before {
  content: "\F08DA";
}

.mdi-debug-step-into::before {
  content: "\F01B9";
}

.mdi-debug-step-out::before {
  content: "\F01B8";
}

.mdi-debug-step-over::before {
  content: "\F01B7";
}

.mdi-decagram::before {
  content: "\F076C";
}

.mdi-decagram-outline::before {
  content: "\F076D";
}

.mdi-decimal::before {
  content: "\F10A1";
}

.mdi-decimal-comma::before {
  content: "\F10A2";
}

.mdi-decimal-comma-decrease::before {
  content: "\F10A3";
}

.mdi-decimal-comma-increase::before {
  content: "\F10A4";
}

.mdi-decimal-decrease::before {
  content: "\F01B6";
}

.mdi-decimal-increase::before {
  content: "\F01B5";
}

.mdi-delete::before {
  content: "\F01B4";
}

.mdi-delete-alert::before {
  content: "\F10A5";
}

.mdi-delete-alert-outline::before {
  content: "\F10A6";
}

.mdi-delete-circle::before {
  content: "\F0683";
}

.mdi-delete-circle-outline::before {
  content: "\F0B88";
}

.mdi-delete-clock::before {
  content: "\F1556";
}

.mdi-delete-clock-outline::before {
  content: "\F1557";
}

.mdi-delete-empty::before {
  content: "\F06CC";
}

.mdi-delete-empty-outline::before {
  content: "\F0E9D";
}

.mdi-delete-forever::before {
  content: "\F05E8";
}

.mdi-delete-forever-outline::before {
  content: "\F0B89";
}

.mdi-delete-off::before {
  content: "\F10A7";
}

.mdi-delete-off-outline::before {
  content: "\F10A8";
}

.mdi-delete-outline::before {
  content: "\F09E7";
}

.mdi-delete-restore::before {
  content: "\F0819";
}

.mdi-delete-sweep::before {
  content: "\F05E9";
}

.mdi-delete-sweep-outline::before {
  content: "\F0C62";
}

.mdi-delete-variant::before {
  content: "\F01B3";
}

.mdi-delta::before {
  content: "\F01C2";
}

.mdi-desk::before {
  content: "\F1239";
}

.mdi-desk-lamp::before {
  content: "\F095F";
}

.mdi-desk-lamp-off::before {
  content: "\F1B1F";
}

.mdi-desk-lamp-on::before {
  content: "\F1B20";
}

.mdi-deskphone::before {
  content: "\F01C3";
}

.mdi-desktop-classic::before {
  content: "\F07C0";
}

.mdi-desktop-tower::before {
  content: "\F01C5";
}

.mdi-desktop-tower-monitor::before {
  content: "\F0AAB";
}

.mdi-details::before {
  content: "\F01C6";
}

.mdi-dev-to::before {
  content: "\F0D6E";
}

.mdi-developer-board::before {
  content: "\F0697";
}

.mdi-deviantart::before {
  content: "\F01C7";
}

.mdi-devices::before {
  content: "\F0FB0";
}

.mdi-dharmachakra::before {
  content: "\F094B";
}

.mdi-diabetes::before {
  content: "\F1126";
}

.mdi-dialpad::before {
  content: "\F061C";
}

.mdi-diameter::before {
  content: "\F0C63";
}

.mdi-diameter-outline::before {
  content: "\F0C64";
}

.mdi-diameter-variant::before {
  content: "\F0C65";
}

.mdi-diamond::before {
  content: "\F0B8A";
}

.mdi-diamond-outline::before {
  content: "\F0B8B";
}

.mdi-diamond-stone::before {
  content: "\F01C8";
}

.mdi-dice-1::before {
  content: "\F01CA";
}

.mdi-dice-1-outline::before {
  content: "\F114A";
}

.mdi-dice-2::before {
  content: "\F01CB";
}

.mdi-dice-2-outline::before {
  content: "\F114B";
}

.mdi-dice-3::before {
  content: "\F01CC";
}

.mdi-dice-3-outline::before {
  content: "\F114C";
}

.mdi-dice-4::before {
  content: "\F01CD";
}

.mdi-dice-4-outline::before {
  content: "\F114D";
}

.mdi-dice-5::before {
  content: "\F01CE";
}

.mdi-dice-5-outline::before {
  content: "\F114E";
}

.mdi-dice-6::before {
  content: "\F01CF";
}

.mdi-dice-6-outline::before {
  content: "\F114F";
}

.mdi-dice-d10::before {
  content: "\F1153";
}

.mdi-dice-d10-outline::before {
  content: "\F076F";
}

.mdi-dice-d12::before {
  content: "\F1154";
}

.mdi-dice-d12-outline::before {
  content: "\F0867";
}

.mdi-dice-d20::before {
  content: "\F1155";
}

.mdi-dice-d20-outline::before {
  content: "\F05EA";
}

.mdi-dice-d4::before {
  content: "\F1150";
}

.mdi-dice-d4-outline::before {
  content: "\F05EB";
}

.mdi-dice-d6::before {
  content: "\F1151";
}

.mdi-dice-d6-outline::before {
  content: "\F05ED";
}

.mdi-dice-d8::before {
  content: "\F1152";
}

.mdi-dice-d8-outline::before {
  content: "\F05EC";
}

.mdi-dice-multiple::before {
  content: "\F076E";
}

.mdi-dice-multiple-outline::before {
  content: "\F1156";
}

.mdi-digital-ocean::before {
  content: "\F1237";
}

.mdi-dip-switch::before {
  content: "\F07C1";
}

.mdi-directions::before {
  content: "\F01D0";
}

.mdi-directions-fork::before {
  content: "\F0641";
}

.mdi-disc::before {
  content: "\F05EE";
}

.mdi-disc-alert::before {
  content: "\F01D1";
}

.mdi-disc-player::before {
  content: "\F0960";
}

.mdi-dishwasher::before {
  content: "\F0AAC";
}

.mdi-dishwasher-alert::before {
  content: "\F11B8";
}

.mdi-dishwasher-off::before {
  content: "\F11B9";
}

.mdi-disqus::before {
  content: "\F01D2";
}

.mdi-distribute-horizontal-center::before {
  content: "\F11C9";
}

.mdi-distribute-horizontal-left::before {
  content: "\F11C8";
}

.mdi-distribute-horizontal-right::before {
  content: "\F11CA";
}

.mdi-distribute-vertical-bottom::before {
  content: "\F11CB";
}

.mdi-distribute-vertical-center::before {
  content: "\F11CC";
}

.mdi-distribute-vertical-top::before {
  content: "\F11CD";
}

.mdi-diversify::before {
  content: "\F1877";
}

.mdi-diving::before {
  content: "\F1977";
}

.mdi-diving-flippers::before {
  content: "\F0DBF";
}

.mdi-diving-helmet::before {
  content: "\F0DC0";
}

.mdi-diving-scuba::before {
  content: "\F1B77";
}

.mdi-diving-scuba-flag::before {
  content: "\F0DC2";
}

.mdi-diving-scuba-mask::before {
  content: "\F0DC1";
}

.mdi-diving-scuba-tank::before {
  content: "\F0DC3";
}

.mdi-diving-scuba-tank-multiple::before {
  content: "\F0DC4";
}

.mdi-diving-snorkel::before {
  content: "\F0DC5";
}

.mdi-division::before {
  content: "\F01D4";
}

.mdi-division-box::before {
  content: "\F01D5";
}

.mdi-dlna::before {
  content: "\F0A41";
}

.mdi-dna::before {
  content: "\F0684";
}

.mdi-dns::before {
  content: "\F01D6";
}

.mdi-dns-outline::before {
  content: "\F0B8C";
}

.mdi-dock-bottom::before {
  content: "\F10A9";
}

.mdi-dock-left::before {
  content: "\F10AA";
}

.mdi-dock-right::before {
  content: "\F10AB";
}

.mdi-dock-top::before {
  content: "\F1513";
}

.mdi-dock-window::before {
  content: "\F10AC";
}

.mdi-docker::before {
  content: "\F0868";
}

.mdi-doctor::before {
  content: "\F0A42";
}

.mdi-dog::before {
  content: "\F0A43";
}

.mdi-dog-service::before {
  content: "\F0AAD";
}

.mdi-dog-side::before {
  content: "\F0A44";
}

.mdi-dog-side-off::before {
  content: "\F16EE";
}

.mdi-dolby::before {
  content: "\F06B3";
}

.mdi-dolly::before {
  content: "\F0E9E";
}

.mdi-dolphin::before {
  content: "\F18B4";
}

.mdi-domain::before {
  content: "\F01D7";
}

.mdi-domain-off::before {
  content: "\F0D6F";
}

.mdi-domain-plus::before {
  content: "\F10AD";
}

.mdi-domain-remove::before {
  content: "\F10AE";
}

.mdi-domain-switch::before {
  content: "\F1C2C";
}

.mdi-dome-light::before {
  content: "\F141E";
}

.mdi-domino-mask::before {
  content: "\F1023";
}

.mdi-donkey::before {
  content: "\F07C2";
}

.mdi-door::before {
  content: "\F081A";
}

.mdi-door-closed::before {
  content: "\F081B";
}

.mdi-door-closed-lock::before {
  content: "\F10AF";
}

.mdi-door-open::before {
  content: "\F081C";
}

.mdi-door-sliding::before {
  content: "\F181E";
}

.mdi-door-sliding-lock::before {
  content: "\F181F";
}

.mdi-door-sliding-open::before {
  content: "\F1820";
}

.mdi-doorbell::before {
  content: "\F12E6";
}

.mdi-doorbell-video::before {
  content: "\F0869";
}

.mdi-dot-net::before {
  content: "\F0AAE";
}

.mdi-dots-circle::before {
  content: "\F1978";
}

.mdi-dots-grid::before {
  content: "\F15FC";
}

.mdi-dots-hexagon::before {
  content: "\F15FF";
}

.mdi-dots-horizontal::before {
  content: "\F01D8";
}

.mdi-dots-horizontal-circle::before {
  content: "\F07C3";
}

.mdi-dots-horizontal-circle-outline::before {
  content: "\F0B8D";
}

.mdi-dots-square::before {
  content: "\F15FD";
}

.mdi-dots-triangle::before {
  content: "\F15FE";
}

.mdi-dots-vertical::before {
  content: "\F01D9";
}

.mdi-dots-vertical-circle::before {
  content: "\F07C4";
}

.mdi-dots-vertical-circle-outline::before {
  content: "\F0B8E";
}

.mdi-download::before {
  content: "\F01DA";
}

.mdi-download-box::before {
  content: "\F1462";
}

.mdi-download-box-outline::before {
  content: "\F1463";
}

.mdi-download-circle::before {
  content: "\F1464";
}

.mdi-download-circle-outline::before {
  content: "\F1465";
}

.mdi-download-lock::before {
  content: "\F1320";
}

.mdi-download-lock-outline::before {
  content: "\F1321";
}

.mdi-download-multiple::before {
  content: "\F09E9";
}

.mdi-download-network::before {
  content: "\F06F4";
}

.mdi-download-network-outline::before {
  content: "\F0C66";
}

.mdi-download-off::before {
  content: "\F10B0";
}

.mdi-download-off-outline::before {
  content: "\F10B1";
}

.mdi-download-outline::before {
  content: "\F0B8F";
}

.mdi-drag::before {
  content: "\F01DB";
}

.mdi-drag-horizontal::before {
  content: "\F01DC";
}

.mdi-drag-horizontal-variant::before {
  content: "\F12F0";
}

.mdi-drag-variant::before {
  content: "\F0B90";
}

.mdi-drag-vertical::before {
  content: "\F01DD";
}

.mdi-drag-vertical-variant::before {
  content: "\F12F1";
}

.mdi-drama-masks::before {
  content: "\F0D02";
}

.mdi-draw::before {
  content: "\F0F49";
}

.mdi-draw-pen::before {
  content: "\F19B9";
}

.mdi-drawing::before {
  content: "\F01DE";
}

.mdi-drawing-box::before {
  content: "\F01DF";
}

.mdi-dresser::before {
  content: "\F0F4A";
}

.mdi-dresser-outline::before {
  content: "\F0F4B";
}

.mdi-drone::before {
  content: "\F01E2";
}

.mdi-dropbox::before {
  content: "\F01E3";
}

.mdi-drupal::before {
  content: "\F01E4";
}

.mdi-duck::before {
  content: "\F01E5";
}

.mdi-dumbbell::before {
  content: "\F01E6";
}

.mdi-dump-truck::before {
  content: "\F0C67";
}

.mdi-ear-hearing::before {
  content: "\F07C5";
}

.mdi-ear-hearing-loop::before {
  content: "\F1AEE";
}

.mdi-ear-hearing-off::before {
  content: "\F0A45";
}

.mdi-earbuds::before {
  content: "\F184F";
}

.mdi-earbuds-off::before {
  content: "\F1850";
}

.mdi-earbuds-off-outline::before {
  content: "\F1851";
}

.mdi-earbuds-outline::before {
  content: "\F1852";
}

.mdi-earth::before {
  content: "\F01E7";
}

.mdi-earth-arrow-right::before {
  content: "\F1311";
}

.mdi-earth-box::before {
  content: "\F06CD";
}

.mdi-earth-box-minus::before {
  content: "\F1407";
}

.mdi-earth-box-off::before {
  content: "\F06CE";
}

.mdi-earth-box-plus::before {
  content: "\F1406";
}

.mdi-earth-box-remove::before {
  content: "\F1408";
}

.mdi-earth-minus::before {
  content: "\F1404";
}

.mdi-earth-off::before {
  content: "\F01E8";
}

.mdi-earth-plus::before {
  content: "\F1403";
}

.mdi-earth-remove::before {
  content: "\F1405";
}

.mdi-egg::before {
  content: "\F0AAF";
}

.mdi-egg-easter::before {
  content: "\F0AB0";
}

.mdi-egg-fried::before {
  content: "\F184A";
}

.mdi-egg-off::before {
  content: "\F13F0";
}

.mdi-egg-off-outline::before {
  content: "\F13F1";
}

.mdi-egg-outline::before {
  content: "\F13F2";
}

.mdi-eiffel-tower::before {
  content: "\F156B";
}

.mdi-eight-track::before {
  content: "\F09EA";
}

.mdi-eject::before {
  content: "\F01EA";
}

.mdi-eject-circle::before {
  content: "\F1B23";
}

.mdi-eject-circle-outline::before {
  content: "\F1B24";
}

.mdi-eject-outline::before {
  content: "\F0B91";
}

.mdi-electric-switch::before {
  content: "\F0E9F";
}

.mdi-electric-switch-closed::before {
  content: "\F10D9";
}

.mdi-electron-framework::before {
  content: "\F1024";
}

.mdi-elephant::before {
  content: "\F07C6";
}

.mdi-elevation-decline::before {
  content: "\F01EB";
}

.mdi-elevation-rise::before {
  content: "\F01EC";
}

.mdi-elevator::before {
  content: "\F01ED";
}

.mdi-elevator-down::before {
  content: "\F12C2";
}

.mdi-elevator-passenger::before {
  content: "\F1381";
}

.mdi-elevator-passenger-off::before {
  content: "\F1979";
}

.mdi-elevator-passenger-off-outline::before {
  content: "\F197A";
}

.mdi-elevator-passenger-outline::before {
  content: "\F197B";
}

.mdi-elevator-up::before {
  content: "\F12C1";
}

.mdi-ellipse::before {
  content: "\F0EA0";
}

.mdi-ellipse-outline::before {
  content: "\F0EA1";
}

.mdi-email::before {
  content: "\F01EE";
}

.mdi-email-alert::before {
  content: "\F06CF";
}

.mdi-email-alert-outline::before {
  content: "\F0D42";
}

.mdi-email-arrow-left::before {
  content: "\F10DA";
}

.mdi-email-arrow-left-outline::before {
  content: "\F10DB";
}

.mdi-email-arrow-right::before {
  content: "\F10DC";
}

.mdi-email-arrow-right-outline::before {
  content: "\F10DD";
}

.mdi-email-box::before {
  content: "\F0D03";
}

.mdi-email-check::before {
  content: "\F0AB1";
}

.mdi-email-check-outline::before {
  content: "\F0AB2";
}

.mdi-email-edit::before {
  content: "\F0EE3";
}

.mdi-email-edit-outline::before {
  content: "\F0EE4";
}

.mdi-email-fast::before {
  content: "\F186F";
}

.mdi-email-fast-outline::before {
  content: "\F1870";
}

.mdi-email-heart-outline::before {
  content: "\F1C5B";
}

.mdi-email-lock::before {
  content: "\F01F1";
}

.mdi-email-lock-outline::before {
  content: "\F1B61";
}

.mdi-email-mark-as-unread::before {
  content: "\F0B92";
}

.mdi-email-minus::before {
  content: "\F0EE5";
}

.mdi-email-minus-outline::before {
  content: "\F0EE6";
}

.mdi-email-multiple::before {
  content: "\F0EE7";
}

.mdi-email-multiple-outline::before {
  content: "\F0EE8";
}

.mdi-email-newsletter::before {
  content: "\F0FB1";
}

.mdi-email-off::before {
  content: "\F13E3";
}

.mdi-email-off-outline::before {
  content: "\F13E4";
}

.mdi-email-open::before {
  content: "\F01EF";
}

.mdi-email-open-heart-outline::before {
  content: "\F1C5C";
}

.mdi-email-open-multiple::before {
  content: "\F0EE9";
}

.mdi-email-open-multiple-outline::before {
  content: "\F0EEA";
}

.mdi-email-open-outline::before {
  content: "\F05EF";
}

.mdi-email-outline::before {
  content: "\F01F0";
}

.mdi-email-plus::before {
  content: "\F09EB";
}

.mdi-email-plus-outline::before {
  content: "\F09EC";
}

.mdi-email-remove::before {
  content: "\F1661";
}

.mdi-email-remove-outline::before {
  content: "\F1662";
}

.mdi-email-seal::before {
  content: "\F195B";
}

.mdi-email-seal-outline::before {
  content: "\F195C";
}

.mdi-email-search::before {
  content: "\F0961";
}

.mdi-email-search-outline::before {
  content: "\F0962";
}

.mdi-email-sync::before {
  content: "\F12C7";
}

.mdi-email-sync-outline::before {
  content: "\F12C8";
}

.mdi-email-variant::before {
  content: "\F05F0";
}

.mdi-ember::before {
  content: "\F0B30";
}

.mdi-emby::before {
  content: "\F06B4";
}

.mdi-emoticon::before {
  content: "\F0C68";
}

.mdi-emoticon-angry::before {
  content: "\F0C69";
}

.mdi-emoticon-angry-outline::before {
  content: "\F0C6A";
}

.mdi-emoticon-confused::before {
  content: "\F10DE";
}

.mdi-emoticon-confused-outline::before {
  content: "\F10DF";
}

.mdi-emoticon-cool::before {
  content: "\F0C6B";
}

.mdi-emoticon-cool-outline::before {
  content: "\F01F3";
}

.mdi-emoticon-cry::before {
  content: "\F0C6C";
}

.mdi-emoticon-cry-outline::before {
  content: "\F0C6D";
}

.mdi-emoticon-dead::before {
  content: "\F0C6E";
}

.mdi-emoticon-dead-outline::before {
  content: "\F069B";
}

.mdi-emoticon-devil::before {
  content: "\F0C6F";
}

.mdi-emoticon-devil-outline::before {
  content: "\F01F4";
}

.mdi-emoticon-excited::before {
  content: "\F0C70";
}

.mdi-emoticon-excited-outline::before {
  content: "\F069C";
}

.mdi-emoticon-frown::before {
  content: "\F0F4C";
}

.mdi-emoticon-frown-outline::before {
  content: "\F0F4D";
}

.mdi-emoticon-happy::before {
  content: "\F0C71";
}

.mdi-emoticon-happy-outline::before {
  content: "\F01F5";
}

.mdi-emoticon-kiss::before {
  content: "\F0C72";
}

.mdi-emoticon-kiss-outline::before {
  content: "\F0C73";
}

.mdi-emoticon-lol::before {
  content: "\F1214";
}

.mdi-emoticon-lol-outline::before {
  content: "\F1215";
}

.mdi-emoticon-neutral::before {
  content: "\F0C74";
}

.mdi-emoticon-neutral-outline::before {
  content: "\F01F6";
}

.mdi-emoticon-outline::before {
  content: "\F01F2";
}

.mdi-emoticon-poop::before {
  content: "\F01F7";
}

.mdi-emoticon-poop-outline::before {
  content: "\F0C75";
}

.mdi-emoticon-sad::before {
  content: "\F0C76";
}

.mdi-emoticon-sad-outline::before {
  content: "\F01F8";
}

.mdi-emoticon-sick::before {
  content: "\F157C";
}

.mdi-emoticon-sick-outline::before {
  content: "\F157D";
}

.mdi-emoticon-tongue::before {
  content: "\F01F9";
}

.mdi-emoticon-tongue-outline::before {
  content: "\F0C77";
}

.mdi-emoticon-wink::before {
  content: "\F0C78";
}

.mdi-emoticon-wink-outline::before {
  content: "\F0C79";
}

.mdi-engine::before {
  content: "\F01FA";
}

.mdi-engine-off::before {
  content: "\F0A46";
}

.mdi-engine-off-outline::before {
  content: "\F0A47";
}

.mdi-engine-outline::before {
  content: "\F01FB";
}

.mdi-epsilon::before {
  content: "\F10E0";
}

.mdi-equal::before {
  content: "\F01FC";
}

.mdi-equal-box::before {
  content: "\F01FD";
}

.mdi-equalizer::before {
  content: "\F0EA2";
}

.mdi-equalizer-outline::before {
  content: "\F0EA3";
}

.mdi-eraser::before {
  content: "\F01FE";
}

.mdi-eraser-variant::before {
  content: "\F0642";
}

.mdi-escalator::before {
  content: "\F01FF";
}

.mdi-escalator-box::before {
  content: "\F1399";
}

.mdi-escalator-down::before {
  content: "\F12C0";
}

.mdi-escalator-up::before {
  content: "\F12BF";
}

.mdi-eslint::before {
  content: "\F0C7A";
}

.mdi-et::before {
  content: "\F0AB3";
}

.mdi-ethereum::before {
  content: "\F086A";
}

.mdi-ethernet::before {
  content: "\F0200";
}

.mdi-ethernet-cable::before {
  content: "\F0201";
}

.mdi-ethernet-cable-off::before {
  content: "\F0202";
}

.mdi-ev-plug-ccs1::before {
  content: "\F1519";
}

.mdi-ev-plug-ccs2::before {
  content: "\F151A";
}

.mdi-ev-plug-chademo::before {
  content: "\F151B";
}

.mdi-ev-plug-tesla::before {
  content: "\F151C";
}

.mdi-ev-plug-type1::before {
  content: "\F151D";
}

.mdi-ev-plug-type2::before {
  content: "\F151E";
}

.mdi-ev-station::before {
  content: "\F05F1";
}

.mdi-evernote::before {
  content: "\F0204";
}

.mdi-excavator::before {
  content: "\F1025";
}

.mdi-exclamation::before {
  content: "\F0205";
}

.mdi-exclamation-thick::before {
  content: "\F1238";
}

.mdi-exit-run::before {
  content: "\F0A48";
}

.mdi-exit-to-app::before {
  content: "\F0206";
}

.mdi-expand-all::before {
  content: "\F0AB4";
}

.mdi-expand-all-outline::before {
  content: "\F0AB5";
}

.mdi-expansion-card::before {
  content: "\F08AE";
}

.mdi-expansion-card-variant::before {
  content: "\F0FB2";
}

.mdi-exponent::before {
  content: "\F0963";
}

.mdi-exponent-box::before {
  content: "\F0964";
}

.mdi-export::before {
  content: "\F0207";
}

.mdi-export-variant::before {
  content: "\F0B93";
}

.mdi-eye::before {
  content: "\F0208";
}

.mdi-eye-arrow-left::before {
  content: "\F18FD";
}

.mdi-eye-arrow-left-outline::before {
  content: "\F18FE";
}

.mdi-eye-arrow-right::before {
  content: "\F18FF";
}

.mdi-eye-arrow-right-outline::before {
  content: "\F1900";
}

.mdi-eye-check::before {
  content: "\F0D04";
}

.mdi-eye-check-outline::before {
  content: "\F0D05";
}

.mdi-eye-circle::before {
  content: "\F0B94";
}

.mdi-eye-circle-outline::before {
  content: "\F0B95";
}

.mdi-eye-lock::before {
  content: "\F1C06";
}

.mdi-eye-lock-open::before {
  content: "\F1C07";
}

.mdi-eye-lock-open-outline::before {
  content: "\F1C08";
}

.mdi-eye-lock-outline::before {
  content: "\F1C09";
}

.mdi-eye-minus::before {
  content: "\F1026";
}

.mdi-eye-minus-outline::before {
  content: "\F1027";
}

.mdi-eye-off::before {
  content: "\F0209";
}

.mdi-eye-off-outline::before {
  content: "\F06D1";
}

.mdi-eye-outline::before {
  content: "\F06D0";
}

.mdi-eye-plus::before {
  content: "\F086B";
}

.mdi-eye-plus-outline::before {
  content: "\F086C";
}

.mdi-eye-refresh::before {
  content: "\F197C";
}

.mdi-eye-refresh-outline::before {
  content: "\F197D";
}

.mdi-eye-remove::before {
  content: "\F15E3";
}

.mdi-eye-remove-outline::before {
  content: "\F15E4";
}

.mdi-eye-settings::before {
  content: "\F086D";
}

.mdi-eye-settings-outline::before {
  content: "\F086E";
}

.mdi-eyedropper::before {
  content: "\F020A";
}

.mdi-eyedropper-minus::before {
  content: "\F13DD";
}

.mdi-eyedropper-off::before {
  content: "\F13DF";
}

.mdi-eyedropper-plus::before {
  content: "\F13DC";
}

.mdi-eyedropper-remove::before {
  content: "\F13DE";
}

.mdi-eyedropper-variant::before {
  content: "\F020B";
}

.mdi-face-agent::before {
  content: "\F0D70";
}

.mdi-face-man::before {
  content: "\F0643";
}

.mdi-face-man-outline::before {
  content: "\F0B96";
}

.mdi-face-man-profile::before {
  content: "\F0644";
}

.mdi-face-man-shimmer::before {
  content: "\F15CC";
}

.mdi-face-man-shimmer-outline::before {
  content: "\F15CD";
}

.mdi-face-mask::before {
  content: "\F1586";
}

.mdi-face-mask-outline::before {
  content: "\F1587";
}

.mdi-face-recognition::before {
  content: "\F0C7B";
}

.mdi-face-woman::before {
  content: "\F1077";
}

.mdi-face-woman-outline::before {
  content: "\F1078";
}

.mdi-face-woman-profile::before {
  content: "\F1076";
}

.mdi-face-woman-shimmer::before {
  content: "\F15CE";
}

.mdi-face-woman-shimmer-outline::before {
  content: "\F15CF";
}

.mdi-facebook::before {
  content: "\F020C";
}

.mdi-facebook-gaming::before {
  content: "\F07DD";
}

.mdi-facebook-messenger::before {
  content: "\F020E";
}

.mdi-facebook-workplace::before {
  content: "\F0B31";
}

.mdi-factory::before {
  content: "\F020F";
}

.mdi-family-tree::before {
  content: "\F160E";
}

.mdi-fan::before {
  content: "\F0210";
}

.mdi-fan-alert::before {
  content: "\F146C";
}

.mdi-fan-auto::before {
  content: "\F171D";
}

.mdi-fan-chevron-down::before {
  content: "\F146D";
}

.mdi-fan-chevron-up::before {
  content: "\F146E";
}

.mdi-fan-clock::before {
  content: "\F1A3A";
}

.mdi-fan-minus::before {
  content: "\F1470";
}

.mdi-fan-off::before {
  content: "\F081D";
}

.mdi-fan-plus::before {
  content: "\F146F";
}

.mdi-fan-remove::before {
  content: "\F1471";
}

.mdi-fan-speed-1::before {
  content: "\F1472";
}

.mdi-fan-speed-2::before {
  content: "\F1473";
}

.mdi-fan-speed-3::before {
  content: "\F1474";
}

.mdi-fast-forward::before {
  content: "\F0211";
}

.mdi-fast-forward-10::before {
  content: "\F0D71";
}

.mdi-fast-forward-15::before {
  content: "\F193A";
}

.mdi-fast-forward-30::before {
  content: "\F0D06";
}

.mdi-fast-forward-45::before {
  content: "\F1B12";
}

.mdi-fast-forward-5::before {
  content: "\F11F8";
}

.mdi-fast-forward-60::before {
  content: "\F160B";
}

.mdi-fast-forward-outline::before {
  content: "\F06D2";
}

.mdi-faucet::before {
  content: "\F1B29";
}

.mdi-faucet-variant::before {
  content: "\F1B2A";
}

.mdi-fax::before {
  content: "\F0212";
}

.mdi-feather::before {
  content: "\F06D3";
}

.mdi-feature-search::before {
  content: "\F0A49";
}

.mdi-feature-search-outline::before {
  content: "\F0A4A";
}

.mdi-fedora::before {
  content: "\F08DB";
}

.mdi-fence::before {
  content: "\F179A";
}

.mdi-fence-electric::before {
  content: "\F17F6";
}

.mdi-fencing::before {
  content: "\F14C1";
}

.mdi-ferris-wheel::before {
  content: "\F0EA4";
}

.mdi-ferry::before {
  content: "\F0213";
}

.mdi-file::before {
  content: "\F0214";
}

.mdi-file-account::before {
  content: "\F073B";
}

.mdi-file-account-outline::before {
  content: "\F1028";
}

.mdi-file-alert::before {
  content: "\F0A4B";
}

.mdi-file-alert-outline::before {
  content: "\F0A4C";
}

.mdi-file-arrow-left-right::before {
  content: "\F1A93";
}

.mdi-file-arrow-left-right-outline::before {
  content: "\F1A94";
}

.mdi-file-arrow-up-down::before {
  content: "\F1A95";
}

.mdi-file-arrow-up-down-outline::before {
  content: "\F1A96";
}

.mdi-file-cabinet::before {
  content: "\F0AB6";
}

.mdi-file-cad::before {
  content: "\F0EEB";
}

.mdi-file-cad-box::before {
  content: "\F0EEC";
}

.mdi-file-cancel::before {
  content: "\F0DC6";
}

.mdi-file-cancel-outline::before {
  content: "\F0DC7";
}

.mdi-file-certificate::before {
  content: "\F1186";
}

.mdi-file-certificate-outline::before {
  content: "\F1187";
}

.mdi-file-chart::before {
  content: "\F0215";
}

.mdi-file-chart-check::before {
  content: "\F19C6";
}

.mdi-file-chart-check-outline::before {
  content: "\F19C7";
}

.mdi-file-chart-outline::before {
  content: "\F1029";
}

.mdi-file-check::before {
  content: "\F0216";
}

.mdi-file-check-outline::before {
  content: "\F0E29";
}

.mdi-file-clock::before {
  content: "\F12E1";
}

.mdi-file-clock-outline::before {
  content: "\F12E2";
}

.mdi-file-cloud::before {
  content: "\F0217";
}

.mdi-file-cloud-outline::before {
  content: "\F102A";
}

.mdi-file-code::before {
  content: "\F022E";
}

.mdi-file-code-outline::before {
  content: "\F102B";
}

.mdi-file-cog::before {
  content: "\F107B";
}

.mdi-file-cog-outline::before {
  content: "\F107C";
}

.mdi-file-compare::before {
  content: "\F08AA";
}

.mdi-file-delimited::before {
  content: "\F0218";
}

.mdi-file-delimited-outline::before {
  content: "\F0EA5";
}

.mdi-file-document::before {
  content: "\F0219";
}

.mdi-file-document-alert::before {
  content: "\F1A97";
}

.mdi-file-document-alert-outline::before {
  content: "\F1A98";
}

.mdi-file-document-arrow-right::before {
  content: "\F1C0F";
}

.mdi-file-document-arrow-right-outline::before {
  content: "\F1C10";
}

.mdi-file-document-check::before {
  content: "\F1A99";
}

.mdi-file-document-check-outline::before {
  content: "\F1A9A";
}

.mdi-file-document-edit::before {
  content: "\F0DC8";
}

.mdi-file-document-edit-outline::before {
  content: "\F0DC9";
}

.mdi-file-document-minus::before {
  content: "\F1A9B";
}

.mdi-file-document-minus-outline::before {
  content: "\F1A9C";
}

.mdi-file-document-multiple::before {
  content: "\F1517";
}

.mdi-file-document-multiple-outline::before {
  content: "\F1518";
}

.mdi-file-document-outline::before {
  content: "\F09EE";
}

.mdi-file-document-plus::before {
  content: "\F1A9D";
}

.mdi-file-document-plus-outline::before {
  content: "\F1A9E";
}

.mdi-file-document-refresh::before {
  content: "\F1C7A";
}

.mdi-file-document-refresh-outline::before {
  content: "\F1C7B";
}

.mdi-file-document-remove::before {
  content: "\F1A9F";
}

.mdi-file-document-remove-outline::before {
  content: "\F1AA0";
}

.mdi-file-download::before {
  content: "\F0965";
}

.mdi-file-download-outline::before {
  content: "\F0966";
}

.mdi-file-edit::before {
  content: "\F11E7";
}

.mdi-file-edit-outline::before {
  content: "\F11E8";
}

.mdi-file-excel::before {
  content: "\F021B";
}

.mdi-file-excel-box::before {
  content: "\F021C";
}

.mdi-file-excel-box-outline::before {
  content: "\F102C";
}

.mdi-file-excel-outline::before {
  content: "\F102D";
}

.mdi-file-export::before {
  content: "\F021D";
}

.mdi-file-export-outline::before {
  content: "\F102E";
}

.mdi-file-eye::before {
  content: "\F0DCA";
}

.mdi-file-eye-outline::before {
  content: "\F0DCB";
}

.mdi-file-find::before {
  content: "\F021E";
}

.mdi-file-find-outline::before {
  content: "\F0B97";
}

.mdi-file-gif-box::before {
  content: "\F0D78";
}

.mdi-file-hidden::before {
  content: "\F0613";
}

.mdi-file-image::before {
  content: "\F021F";
}

.mdi-file-image-marker::before {
  content: "\F1772";
}

.mdi-file-image-marker-outline::before {
  content: "\F1773";
}

.mdi-file-image-minus::before {
  content: "\F193B";
}

.mdi-file-image-minus-outline::before {
  content: "\F193C";
}

.mdi-file-image-outline::before {
  content: "\F0EB0";
}

.mdi-file-image-plus::before {
  content: "\F193D";
}

.mdi-file-image-plus-outline::before {
  content: "\F193E";
}

.mdi-file-image-remove::before {
  content: "\F193F";
}

.mdi-file-image-remove-outline::before {
  content: "\F1940";
}

.mdi-file-import::before {
  content: "\F0220";
}

.mdi-file-import-outline::before {
  content: "\F102F";
}

.mdi-file-jpg-box::before {
  content: "\F0225";
}

.mdi-file-key::before {
  content: "\F1184";
}

.mdi-file-key-outline::before {
  content: "\F1185";
}

.mdi-file-link::before {
  content: "\F1177";
}

.mdi-file-link-outline::before {
  content: "\F1178";
}

.mdi-file-lock::before {
  content: "\F0221";
}

.mdi-file-lock-open::before {
  content: "\F19C8";
}

.mdi-file-lock-open-outline::before {
  content: "\F19C9";
}

.mdi-file-lock-outline::before {
  content: "\F1030";
}

.mdi-file-marker::before {
  content: "\F1774";
}

.mdi-file-marker-outline::before {
  content: "\F1775";
}

.mdi-file-minus::before {
  content: "\F1AA1";
}

.mdi-file-minus-outline::before {
  content: "\F1AA2";
}

.mdi-file-move::before {
  content: "\F0AB9";
}

.mdi-file-move-outline::before {
  content: "\F1031";
}

.mdi-file-multiple::before {
  content: "\F0222";
}

.mdi-file-multiple-outline::before {
  content: "\F1032";
}

.mdi-file-music::before {
  content: "\F0223";
}

.mdi-file-music-outline::before {
  content: "\F0E2A";
}

.mdi-file-outline::before {
  content: "\F0224";
}

.mdi-file-pdf-box::before {
  content: "\F0226";
}

.mdi-file-percent::before {
  content: "\F081E";
}

.mdi-file-percent-outline::before {
  content: "\F1033";
}

.mdi-file-phone::before {
  content: "\F1179";
}

.mdi-file-phone-outline::before {
  content: "\F117A";
}

.mdi-file-plus::before {
  content: "\F0752";
}

.mdi-file-plus-outline::before {
  content: "\F0EED";
}

.mdi-file-png-box::before {
  content: "\F0E2D";
}

.mdi-file-powerpoint::before {
  content: "\F0227";
}

.mdi-file-powerpoint-box::before {
  content: "\F0228";
}

.mdi-file-powerpoint-box-outline::before {
  content: "\F1034";
}

.mdi-file-powerpoint-outline::before {
  content: "\F1035";
}

.mdi-file-presentation-box::before {
  content: "\F0229";
}

.mdi-file-question::before {
  content: "\F086F";
}

.mdi-file-question-outline::before {
  content: "\F1036";
}

.mdi-file-refresh::before {
  content: "\F0918";
}

.mdi-file-refresh-outline::before {
  content: "\F0541";
}

.mdi-file-remove::before {
  content: "\F0B98";
}

.mdi-file-remove-outline::before {
  content: "\F1037";
}

.mdi-file-replace::before {
  content: "\F0B32";
}

.mdi-file-replace-outline::before {
  content: "\F0B33";
}

.mdi-file-restore::before {
  content: "\F0670";
}

.mdi-file-restore-outline::before {
  content: "\F1038";
}

.mdi-file-rotate-left::before {
  content: "\F1A3B";
}

.mdi-file-rotate-left-outline::before {
  content: "\F1A3C";
}

.mdi-file-rotate-right::before {
  content: "\F1A3D";
}

.mdi-file-rotate-right-outline::before {
  content: "\F1A3E";
}

.mdi-file-search::before {
  content: "\F0C7C";
}

.mdi-file-search-outline::before {
  content: "\F0C7D";
}

.mdi-file-send::before {
  content: "\F022A";
}

.mdi-file-send-outline::before {
  content: "\F1039";
}

.mdi-file-settings::before {
  content: "\F1079";
}

.mdi-file-settings-outline::before {
  content: "\F107A";
}

.mdi-file-sign::before {
  content: "\F19C3";
}

.mdi-file-star::before {
  content: "\F103A";
}

.mdi-file-star-four-points::before {
  content: "\F1C2D";
}

.mdi-file-star-four-points-outline::before {
  content: "\F1C2E";
}

.mdi-file-star-outline::before {
  content: "\F103B";
}

.mdi-file-swap::before {
  content: "\F0FB4";
}

.mdi-file-swap-outline::before {
  content: "\F0FB5";
}

.mdi-file-sync::before {
  content: "\F1216";
}

.mdi-file-sync-outline::before {
  content: "\F1217";
}

.mdi-file-table::before {
  content: "\F0C7E";
}

.mdi-file-table-box::before {
  content: "\F10E1";
}

.mdi-file-table-box-multiple::before {
  content: "\F10E2";
}

.mdi-file-table-box-multiple-outline::before {
  content: "\F10E3";
}

.mdi-file-table-box-outline::before {
  content: "\F10E4";
}

.mdi-file-table-outline::before {
  content: "\F0C7F";
}

.mdi-file-tree::before {
  content: "\F0645";
}

.mdi-file-tree-outline::before {
  content: "\F13D2";
}

.mdi-file-undo::before {
  content: "\F08DC";
}

.mdi-file-undo-outline::before {
  content: "\F103C";
}

.mdi-file-upload::before {
  content: "\F0A4D";
}

.mdi-file-upload-outline::before {
  content: "\F0A4E";
}

.mdi-file-video::before {
  content: "\F022B";
}

.mdi-file-video-outline::before {
  content: "\F0E2C";
}

.mdi-file-word::before {
  content: "\F022C";
}

.mdi-file-word-box::before {
  content: "\F022D";
}

.mdi-file-word-box-outline::before {
  content: "\F103D";
}

.mdi-file-word-outline::before {
  content: "\F103E";
}

.mdi-file-xml-box::before {
  content: "\F1B4B";
}

.mdi-film::before {
  content: "\F022F";
}

.mdi-filmstrip::before {
  content: "\F0230";
}

.mdi-filmstrip-box::before {
  content: "\F0332";
}

.mdi-filmstrip-box-multiple::before {
  content: "\F0D18";
}

.mdi-filmstrip-off::before {
  content: "\F0231";
}

.mdi-filter::before {
  content: "\F0232";
}

.mdi-filter-check::before {
  content: "\F18EC";
}

.mdi-filter-check-outline::before {
  content: "\F18ED";
}

.mdi-filter-cog::before {
  content: "\F1AA3";
}

.mdi-filter-cog-outline::before {
  content: "\F1AA4";
}

.mdi-filter-menu::before {
  content: "\F10E5";
}

.mdi-filter-menu-outline::before {
  content: "\F10E6";
}

.mdi-filter-minus::before {
  content: "\F0EEE";
}

.mdi-filter-minus-outline::before {
  content: "\F0EEF";
}

.mdi-filter-multiple::before {
  content: "\F1A3F";
}

.mdi-filter-multiple-outline::before {
  content: "\F1A40";
}

.mdi-filter-off::before {
  content: "\F14EF";
}

.mdi-filter-off-outline::before {
  content: "\F14F0";
}

.mdi-filter-outline::before {
  content: "\F0233";
}

.mdi-filter-plus::before {
  content: "\F0EF0";
}

.mdi-filter-plus-outline::before {
  content: "\F0EF1";
}

.mdi-filter-remove::before {
  content: "\F0234";
}

.mdi-filter-remove-outline::before {
  content: "\F0235";
}

.mdi-filter-settings::before {
  content: "\F1AA5";
}

.mdi-filter-settings-outline::before {
  content: "\F1AA6";
}

.mdi-filter-variant::before {
  content: "\F0236";
}

.mdi-filter-variant-minus::before {
  content: "\F1112";
}

.mdi-filter-variant-plus::before {
  content: "\F1113";
}

.mdi-filter-variant-remove::before {
  content: "\F103F";
}

.mdi-finance::before {
  content: "\F081F";
}

.mdi-find-replace::before {
  content: "\F06D4";
}

.mdi-fingerprint::before {
  content: "\F0237";
}

.mdi-fingerprint-off::before {
  content: "\F0EB1";
}

.mdi-fire::before {
  content: "\F0238";
}

.mdi-fire-alert::before {
  content: "\F15D7";
}

.mdi-fire-circle::before {
  content: "\F1807";
}

.mdi-fire-extinguisher::before {
  content: "\F0EF2";
}

.mdi-fire-hydrant::before {
  content: "\F1137";
}

.mdi-fire-hydrant-alert::before {
  content: "\F1138";
}

.mdi-fire-hydrant-off::before {
  content: "\F1139";
}

.mdi-fire-off::before {
  content: "\F1722";
}

.mdi-fire-truck::before {
  content: "\F08AB";
}

.mdi-firebase::before {
  content: "\F0967";
}

.mdi-firefox::before {
  content: "\F0239";
}

.mdi-fireplace::before {
  content: "\F0E2E";
}

.mdi-fireplace-off::before {
  content: "\F0E2F";
}

.mdi-firewire::before {
  content: "\F05BE";
}

.mdi-firework::before {
  content: "\F0E30";
}

.mdi-firework-off::before {
  content: "\F1723";
}

.mdi-fish::before {
  content: "\F023A";
}

.mdi-fish-off::before {
  content: "\F13F3";
}

.mdi-fishbowl::before {
  content: "\F0EF3";
}

.mdi-fishbowl-outline::before {
  content: "\F0EF4";
}

.mdi-fit-to-page::before {
  content: "\F0EF5";
}

.mdi-fit-to-page-outline::before {
  content: "\F0EF6";
}

.mdi-fit-to-screen::before {
  content: "\F18F4";
}

.mdi-fit-to-screen-outline::before {
  content: "\F18F5";
}

.mdi-flag::before {
  content: "\F023B";
}

.mdi-flag-checkered::before {
  content: "\F023C";
}

.mdi-flag-minus::before {
  content: "\F0B99";
}

.mdi-flag-minus-outline::before {
  content: "\F10B2";
}

.mdi-flag-off::before {
  content: "\F18EE";
}

.mdi-flag-off-outline::before {
  content: "\F18EF";
}

.mdi-flag-outline::before {
  content: "\F023D";
}

.mdi-flag-plus::before {
  content: "\F0B9A";
}

.mdi-flag-plus-outline::before {
  content: "\F10B3";
}

.mdi-flag-remove::before {
  content: "\F0B9B";
}

.mdi-flag-remove-outline::before {
  content: "\F10B4";
}

.mdi-flag-triangle::before {
  content: "\F023F";
}

.mdi-flag-variant::before {
  content: "\F0240";
}

.mdi-flag-variant-minus::before {
  content: "\F1BB4";
}

.mdi-flag-variant-minus-outline::before {
  content: "\F1BB5";
}

.mdi-flag-variant-off::before {
  content: "\F1BB0";
}

.mdi-flag-variant-off-outline::before {
  content: "\F1BB1";
}

.mdi-flag-variant-outline::before {
  content: "\F023E";
}

.mdi-flag-variant-plus::before {
  content: "\F1BB2";
}

.mdi-flag-variant-plus-outline::before {
  content: "\F1BB3";
}

.mdi-flag-variant-remove::before {
  content: "\F1BB6";
}

.mdi-flag-variant-remove-outline::before {
  content: "\F1BB7";
}

.mdi-flare::before {
  content: "\F0D72";
}

.mdi-flash::before {
  content: "\F0241";
}

.mdi-flash-alert::before {
  content: "\F0EF7";
}

.mdi-flash-alert-outline::before {
  content: "\F0EF8";
}

.mdi-flash-auto::before {
  content: "\F0242";
}

.mdi-flash-off::before {
  content: "\F0243";
}

.mdi-flash-off-outline::before {
  content: "\F1B45";
}

.mdi-flash-outline::before {
  content: "\F06D5";
}

.mdi-flash-red-eye::before {
  content: "\F067B";
}

.mdi-flash-triangle::before {
  content: "\F1B1D";
}

.mdi-flash-triangle-outline::before {
  content: "\F1B1E";
}

.mdi-flashlight::before {
  content: "\F0244";
}

.mdi-flashlight-off::before {
  content: "\F0245";
}

.mdi-flask::before {
  content: "\F0093";
}

.mdi-flask-empty::before {
  content: "\F0094";
}

.mdi-flask-empty-minus::before {
  content: "\F123A";
}

.mdi-flask-empty-minus-outline::before {
  content: "\F123B";
}

.mdi-flask-empty-off::before {
  content: "\F13F4";
}

.mdi-flask-empty-off-outline::before {
  content: "\F13F5";
}

.mdi-flask-empty-outline::before {
  content: "\F0095";
}

.mdi-flask-empty-plus::before {
  content: "\F123C";
}

.mdi-flask-empty-plus-outline::before {
  content: "\F123D";
}

.mdi-flask-empty-remove::before {
  content: "\F123E";
}

.mdi-flask-empty-remove-outline::before {
  content: "\F123F";
}

.mdi-flask-minus::before {
  content: "\F1240";
}

.mdi-flask-minus-outline::before {
  content: "\F1241";
}

.mdi-flask-off::before {
  content: "\F13F6";
}

.mdi-flask-off-outline::before {
  content: "\F13F7";
}

.mdi-flask-outline::before {
  content: "\F0096";
}

.mdi-flask-plus::before {
  content: "\F1242";
}

.mdi-flask-plus-outline::before {
  content: "\F1243";
}

.mdi-flask-remove::before {
  content: "\F1244";
}

.mdi-flask-remove-outline::before {
  content: "\F1245";
}

.mdi-flask-round-bottom::before {
  content: "\F124B";
}

.mdi-flask-round-bottom-empty::before {
  content: "\F124C";
}

.mdi-flask-round-bottom-empty-outline::before {
  content: "\F124D";
}

.mdi-flask-round-bottom-outline::before {
  content: "\F124E";
}

.mdi-fleur-de-lis::before {
  content: "\F1303";
}

.mdi-flip-horizontal::before {
  content: "\F10E7";
}

.mdi-flip-to-back::before {
  content: "\F0247";
}

.mdi-flip-to-front::before {
  content: "\F0248";
}

.mdi-flip-vertical::before {
  content: "\F10E8";
}

.mdi-floor-lamp::before {
  content: "\F08DD";
}

.mdi-floor-lamp-dual::before {
  content: "\F1040";
}

.mdi-floor-lamp-dual-outline::before {
  content: "\F17CE";
}

.mdi-floor-lamp-outline::before {
  content: "\F17C8";
}

.mdi-floor-lamp-torchiere::before {
  content: "\F1747";
}

.mdi-floor-lamp-torchiere-outline::before {
  content: "\F17D6";
}

.mdi-floor-lamp-torchiere-variant::before {
  content: "\F1041";
}

.mdi-floor-lamp-torchiere-variant-outline::before {
  content: "\F17CF";
}

.mdi-floor-plan::before {
  content: "\F0821";
}

.mdi-floppy::before {
  content: "\F0249";
}

.mdi-floppy-variant::before {
  content: "\F09EF";
}

.mdi-flower::before {
  content: "\F024A";
}

.mdi-flower-outline::before {
  content: "\F09F0";
}

.mdi-flower-pollen::before {
  content: "\F1885";
}

.mdi-flower-pollen-outline::before {
  content: "\F1886";
}

.mdi-flower-poppy::before {
  content: "\F0D08";
}

.mdi-flower-tulip::before {
  content: "\F09F1";
}

.mdi-flower-tulip-outline::before {
  content: "\F09F2";
}

.mdi-focus-auto::before {
  content: "\F0F4E";
}

.mdi-focus-field::before {
  content: "\F0F4F";
}

.mdi-focus-field-horizontal::before {
  content: "\F0F50";
}

.mdi-focus-field-vertical::before {
  content: "\F0F51";
}

.mdi-folder::before {
  content: "\F024B";
}

.mdi-folder-account::before {
  content: "\F024C";
}

.mdi-folder-account-outline::before {
  content: "\F0B9C";
}

.mdi-folder-alert::before {
  content: "\F0DCC";
}

.mdi-folder-alert-outline::before {
  content: "\F0DCD";
}

.mdi-folder-arrow-down::before {
  content: "\F19E8";
}

.mdi-folder-arrow-down-outline::before {
  content: "\F19E9";
}

.mdi-folder-arrow-left::before {
  content: "\F19EA";
}

.mdi-folder-arrow-left-outline::before {
  content: "\F19EB";
}

.mdi-folder-arrow-left-right::before {
  content: "\F19EC";
}

.mdi-folder-arrow-left-right-outline::before {
  content: "\F19ED";
}

.mdi-folder-arrow-right::before {
  content: "\F19EE";
}

.mdi-folder-arrow-right-outline::before {
  content: "\F19EF";
}

.mdi-folder-arrow-up::before {
  content: "\F19F0";
}

.mdi-folder-arrow-up-down::before {
  content: "\F19F1";
}

.mdi-folder-arrow-up-down-outline::before {
  content: "\F19F2";
}

.mdi-folder-arrow-up-outline::before {
  content: "\F19F3";
}

.mdi-folder-cancel::before {
  content: "\F19F4";
}

.mdi-folder-cancel-outline::before {
  content: "\F19F5";
}

.mdi-folder-check::before {
  content: "\F197E";
}

.mdi-folder-check-outline::before {
  content: "\F197F";
}

.mdi-folder-clock::before {
  content: "\F0ABA";
}

.mdi-folder-clock-outline::before {
  content: "\F0ABB";
}

.mdi-folder-cog::before {
  content: "\F107F";
}

.mdi-folder-cog-outline::before {
  content: "\F1080";
}

.mdi-folder-download::before {
  content: "\F024D";
}

.mdi-folder-download-outline::before {
  content: "\F10E9";
}

.mdi-folder-edit::before {
  content: "\F08DE";
}

.mdi-folder-edit-outline::before {
  content: "\F0DCE";
}

.mdi-folder-eye::before {
  content: "\F178A";
}

.mdi-folder-eye-outline::before {
  content: "\F178B";
}

.mdi-folder-file::before {
  content: "\F19F6";
}

.mdi-folder-file-outline::before {
  content: "\F19F7";
}

.mdi-folder-google-drive::before {
  content: "\F024E";
}

.mdi-folder-heart::before {
  content: "\F10EA";
}

.mdi-folder-heart-outline::before {
  content: "\F10EB";
}

.mdi-folder-hidden::before {
  content: "\F179E";
}

.mdi-folder-home::before {
  content: "\F10B5";
}

.mdi-folder-home-outline::before {
  content: "\F10B6";
}

.mdi-folder-image::before {
  content: "\F024F";
}

.mdi-folder-information::before {
  content: "\F10B7";
}

.mdi-folder-information-outline::before {
  content: "\F10B8";
}

.mdi-folder-key::before {
  content: "\F08AC";
}

.mdi-folder-key-network::before {
  content: "\F08AD";
}

.mdi-folder-key-network-outline::before {
  content: "\F0C80";
}

.mdi-folder-key-outline::before {
  content: "\F10EC";
}

.mdi-folder-lock::before {
  content: "\F0250";
}

.mdi-folder-lock-open::before {
  content: "\F0251";
}

.mdi-folder-lock-open-outline::before {
  content: "\F1AA7";
}

.mdi-folder-lock-outline::before {
  content: "\F1AA8";
}

.mdi-folder-marker::before {
  content: "\F126D";
}

.mdi-folder-marker-outline::before {
  content: "\F126E";
}

.mdi-folder-minus::before {
  content: "\F1B49";
}

.mdi-folder-minus-outline::before {
  content: "\F1B4A";
}

.mdi-folder-move::before {
  content: "\F0252";
}

.mdi-folder-move-outline::before {
  content: "\F1246";
}

.mdi-folder-multiple::before {
  content: "\F0253";
}

.mdi-folder-multiple-image::before {
  content: "\F0254";
}

.mdi-folder-multiple-outline::before {
  content: "\F0255";
}

.mdi-folder-multiple-plus::before {
  content: "\F147E";
}

.mdi-folder-multiple-plus-outline::before {
  content: "\F147F";
}

.mdi-folder-music::before {
  content: "\F1359";
}

.mdi-folder-music-outline::before {
  content: "\F135A";
}

.mdi-folder-network::before {
  content: "\F0870";
}

.mdi-folder-network-outline::before {
  content: "\F0C81";
}

.mdi-folder-off::before {
  content: "\F19F8";
}

.mdi-folder-off-outline::before {
  content: "\F19F9";
}

.mdi-folder-open::before {
  content: "\F0770";
}

.mdi-folder-open-outline::before {
  content: "\F0DCF";
}

.mdi-folder-outline::before {
  content: "\F0256";
}

.mdi-folder-play::before {
  content: "\F19FA";
}

.mdi-folder-play-outline::before {
  content: "\F19FB";
}

.mdi-folder-plus::before {
  content: "\F0257";
}

.mdi-folder-plus-outline::before {
  content: "\F0B9D";
}

.mdi-folder-pound::before {
  content: "\F0D09";
}

.mdi-folder-pound-outline::before {
  content: "\F0D0A";
}

.mdi-folder-question::before {
  content: "\F19CA";
}

.mdi-folder-question-outline::before {
  content: "\F19CB";
}

.mdi-folder-refresh::before {
  content: "\F0749";
}

.mdi-folder-refresh-outline::before {
  content: "\F0542";
}

.mdi-folder-remove::before {
  content: "\F0258";
}

.mdi-folder-remove-outline::before {
  content: "\F0B9E";
}

.mdi-folder-search::before {
  content: "\F0968";
}

.mdi-folder-search-outline::before {
  content: "\F0969";
}

.mdi-folder-settings::before {
  content: "\F107D";
}

.mdi-folder-settings-outline::before {
  content: "\F107E";
}

.mdi-folder-star::before {
  content: "\F069D";
}

.mdi-folder-star-multiple::before {
  content: "\F13D3";
}

.mdi-folder-star-multiple-outline::before {
  content: "\F13D4";
}

.mdi-folder-star-outline::before {
  content: "\F0B9F";
}

.mdi-folder-swap::before {
  content: "\F0FB6";
}

.mdi-folder-swap-outline::before {
  content: "\F0FB7";
}

.mdi-folder-sync::before {
  content: "\F0D0B";
}

.mdi-folder-sync-outline::before {
  content: "\F0D0C";
}

.mdi-folder-table::before {
  content: "\F12E3";
}

.mdi-folder-table-outline::before {
  content: "\F12E4";
}

.mdi-folder-text::before {
  content: "\F0C82";
}

.mdi-folder-text-outline::before {
  content: "\F0C83";
}

.mdi-folder-upload::before {
  content: "\F0259";
}

.mdi-folder-upload-outline::before {
  content: "\F10ED";
}

.mdi-folder-wrench::before {
  content: "\F19FC";
}

.mdi-folder-wrench-outline::before {
  content: "\F19FD";
}

.mdi-folder-zip::before {
  content: "\F06EB";
}

.mdi-folder-zip-outline::before {
  content: "\F07B9";
}

.mdi-font-awesome::before {
  content: "\F003A";
}

.mdi-food::before {
  content: "\F025A";
}

.mdi-food-apple::before {
  content: "\F025B";
}

.mdi-food-apple-outline::before {
  content: "\F0C84";
}

.mdi-food-croissant::before {
  content: "\F07C8";
}

.mdi-food-drumstick::before {
  content: "\F141F";
}

.mdi-food-drumstick-off::before {
  content: "\F1468";
}

.mdi-food-drumstick-off-outline::before {
  content: "\F1469";
}

.mdi-food-drumstick-outline::before {
  content: "\F1420";
}

.mdi-food-fork-drink::before {
  content: "\F05F2";
}

.mdi-food-halal::before {
  content: "\F1572";
}

.mdi-food-hot-dog::before {
  content: "\F184B";
}

.mdi-food-kosher::before {
  content: "\F1573";
}

.mdi-food-off::before {
  content: "\F05F3";
}

.mdi-food-off-outline::before {
  content: "\F1915";
}

.mdi-food-outline::before {
  content: "\F1916";
}

.mdi-food-steak::before {
  content: "\F146A";
}

.mdi-food-steak-off::before {
  content: "\F146B";
}

.mdi-food-takeout-box::before {
  content: "\F1836";
}

.mdi-food-takeout-box-outline::before {
  content: "\F1837";
}

.mdi-food-turkey::before {
  content: "\F171C";
}

.mdi-food-variant::before {
  content: "\F025C";
}

.mdi-food-variant-off::before {
  content: "\F13E5";
}

.mdi-foot-print::before {
  content: "\F0F52";
}

.mdi-football::before {
  content: "\F025D";
}

.mdi-football-australian::before {
  content: "\F025E";
}

.mdi-football-helmet::before {
  content: "\F025F";
}

.mdi-forest::before {
  content: "\F1897";
}

.mdi-forest-outline::before {
  content: "\F1C63";
}

.mdi-forklift::before {
  content: "\F07C9";
}

.mdi-form-dropdown::before {
  content: "\F1400";
}

.mdi-form-select::before {
  content: "\F1401";
}

.mdi-form-textarea::before {
  content: "\F1095";
}

.mdi-form-textbox::before {
  content: "\F060E";
}

.mdi-form-textbox-lock::before {
  content: "\F135D";
}

.mdi-form-textbox-password::before {
  content: "\F07F5";
}

.mdi-format-align-bottom::before {
  content: "\F0753";
}

.mdi-format-align-center::before {
  content: "\F0260";
}

.mdi-format-align-justify::before {
  content: "\F0261";
}

.mdi-format-align-left::before {
  content: "\F0262";
}

.mdi-format-align-middle::before {
  content: "\F0754";
}

.mdi-format-align-right::before {
  content: "\F0263";
}

.mdi-format-align-top::before {
  content: "\F0755";
}

.mdi-format-annotation-minus::before {
  content: "\F0ABC";
}

.mdi-format-annotation-plus::before {
  content: "\F0646";
}

.mdi-format-bold::before {
  content: "\F0264";
}

.mdi-format-clear::before {
  content: "\F0265";
}

.mdi-format-color-fill::before {
  content: "\F0266";
}

.mdi-format-color-highlight::before {
  content: "\F0E31";
}

.mdi-format-color-marker-cancel::before {
  content: "\F1313";
}

.mdi-format-color-text::before {
  content: "\F069E";
}

.mdi-format-columns::before {
  content: "\F08DF";
}

.mdi-format-float-center::before {
  content: "\F0267";
}

.mdi-format-float-left::before {
  content: "\F0268";
}

.mdi-format-float-none::before {
  content: "\F0269";
}

.mdi-format-float-right::before {
  content: "\F026A";
}

.mdi-format-font::before {
  content: "\F06D6";
}

.mdi-format-font-size-decrease::before {
  content: "\F09F3";
}

.mdi-format-font-size-increase::before {
  content: "\F09F4";
}

.mdi-format-header-1::before {
  content: "\F026B";
}

.mdi-format-header-2::before {
  content: "\F026C";
}

.mdi-format-header-3::before {
  content: "\F026D";
}

.mdi-format-header-4::before {
  content: "\F026E";
}

.mdi-format-header-5::before {
  content: "\F026F";
}

.mdi-format-header-6::before {
  content: "\F0270";
}

.mdi-format-header-decrease::before {
  content: "\F0271";
}

.mdi-format-header-equal::before {
  content: "\F0272";
}

.mdi-format-header-increase::before {
  content: "\F0273";
}

.mdi-format-header-pound::before {
  content: "\F0274";
}

.mdi-format-horizontal-align-center::before {
  content: "\F061E";
}

.mdi-format-horizontal-align-left::before {
  content: "\F061F";
}

.mdi-format-horizontal-align-right::before {
  content: "\F0620";
}

.mdi-format-indent-decrease::before {
  content: "\F0275";
}

.mdi-format-indent-increase::before {
  content: "\F0276";
}

.mdi-format-italic::before {
  content: "\F0277";
}

.mdi-format-letter-case::before {
  content: "\F0B34";
}

.mdi-format-letter-case-lower::before {
  content: "\F0B35";
}

.mdi-format-letter-case-upper::before {
  content: "\F0B36";
}

.mdi-format-letter-ends-with::before {
  content: "\F0FB8";
}

.mdi-format-letter-matches::before {
  content: "\F0FB9";
}

.mdi-format-letter-spacing::before {
  content: "\F1956";
}

.mdi-format-letter-spacing-variant::before {
  content: "\F1AFB";
}

.mdi-format-letter-starts-with::before {
  content: "\F0FBA";
}

.mdi-format-line-height::before {
  content: "\F1AFC";
}

.mdi-format-line-spacing::before {
  content: "\F0278";
}

.mdi-format-line-style::before {
  content: "\F05C8";
}

.mdi-format-line-weight::before {
  content: "\F05C9";
}

.mdi-format-list-bulleted::before {
  content: "\F0279";
}

.mdi-format-list-bulleted-square::before {
  content: "\F0DD0";
}

.mdi-format-list-bulleted-triangle::before {
  content: "\F0EB2";
}

.mdi-format-list-bulleted-type::before {
  content: "\F027A";
}

.mdi-format-list-checkbox::before {
  content: "\F096A";
}

.mdi-format-list-checks::before {
  content: "\F0756";
}

.mdi-format-list-group::before {
  content: "\F1860";
}

.mdi-format-list-group-plus::before {
  content: "\F1B56";
}

.mdi-format-list-numbered::before {
  content: "\F027B";
}

.mdi-format-list-numbered-rtl::before {
  content: "\F0D0D";
}

.mdi-format-list-text::before {
  content: "\F126F";
}

.mdi-format-overline::before {
  content: "\F0EB3";
}

.mdi-format-page-break::before {
  content: "\F06D7";
}

.mdi-format-page-split::before {
  content: "\F1917";
}

.mdi-format-paint::before {
  content: "\F027C";
}

.mdi-format-paragraph::before {
  content: "\F027D";
}

.mdi-format-paragraph-spacing::before {
  content: "\F1AFD";
}

.mdi-format-pilcrow::before {
  content: "\F06D8";
}

.mdi-format-pilcrow-arrow-left::before {
  content: "\F0286";
}

.mdi-format-pilcrow-arrow-right::before {
  content: "\F0285";
}

.mdi-format-quote-close::before {
  content: "\F027E";
}

.mdi-format-quote-close-outline::before {
  content: "\F11A8";
}

.mdi-format-quote-open::before {
  content: "\F0757";
}

.mdi-format-quote-open-outline::before {
  content: "\F11A7";
}

.mdi-format-rotate-90::before {
  content: "\F06AA";
}

.mdi-format-section::before {
  content: "\F069F";
}

.mdi-format-size::before {
  content: "\F027F";
}

.mdi-format-strikethrough::before {
  content: "\F0280";
}

.mdi-format-strikethrough-variant::before {
  content: "\F0281";
}

.mdi-format-subscript::before {
  content: "\F0282";
}

.mdi-format-superscript::before {
  content: "\F0283";
}

.mdi-format-text::before {
  content: "\F0284";
}

.mdi-format-text-rotation-angle-down::before {
  content: "\F0FBB";
}

.mdi-format-text-rotation-angle-up::before {
  content: "\F0FBC";
}

.mdi-format-text-rotation-down::before {
  content: "\F0D73";
}

.mdi-format-text-rotation-down-vertical::before {
  content: "\F0FBD";
}

.mdi-format-text-rotation-none::before {
  content: "\F0D74";
}

.mdi-format-text-rotation-up::before {
  content: "\F0FBE";
}

.mdi-format-text-rotation-vertical::before {
  content: "\F0FBF";
}

.mdi-format-text-variant::before {
  content: "\F0E32";
}

.mdi-format-text-variant-outline::before {
  content: "\F150F";
}

.mdi-format-text-wrapping-clip::before {
  content: "\F0D0E";
}

.mdi-format-text-wrapping-overflow::before {
  content: "\F0D0F";
}

.mdi-format-text-wrapping-wrap::before {
  content: "\F0D10";
}

.mdi-format-textbox::before {
  content: "\F0D11";
}

.mdi-format-title::before {
  content: "\F05F4";
}

.mdi-format-underline::before {
  content: "\F0287";
}

.mdi-format-underline-wavy::before {
  content: "\F18E9";
}

.mdi-format-vertical-align-bottom::before {
  content: "\F0621";
}

.mdi-format-vertical-align-center::before {
  content: "\F0622";
}

.mdi-format-vertical-align-top::before {
  content: "\F0623";
}

.mdi-format-wrap-inline::before {
  content: "\F0288";
}

.mdi-format-wrap-square::before {
  content: "\F0289";
}

.mdi-format-wrap-tight::before {
  content: "\F028A";
}

.mdi-format-wrap-top-bottom::before {
  content: "\F028B";
}

.mdi-forum::before {
  content: "\F028C";
}

.mdi-forum-minus::before {
  content: "\F1AA9";
}

.mdi-forum-minus-outline::before {
  content: "\F1AAA";
}

.mdi-forum-outline::before {
  content: "\F0822";
}

.mdi-forum-plus::before {
  content: "\F1AAB";
}

.mdi-forum-plus-outline::before {
  content: "\F1AAC";
}

.mdi-forum-remove::before {
  content: "\F1AAD";
}

.mdi-forum-remove-outline::before {
  content: "\F1AAE";
}

.mdi-forward::before {
  content: "\F028D";
}

.mdi-forwardburger::before {
  content: "\F0D75";
}

.mdi-fountain::before {
  content: "\F096B";
}

.mdi-fountain-pen::before {
  content: "\F0D12";
}

.mdi-fountain-pen-tip::before {
  content: "\F0D13";
}

.mdi-fraction-one-half::before {
  content: "\F1992";
}

.mdi-freebsd::before {
  content: "\F08E0";
}

.mdi-french-fries::before {
  content: "\F1957";
}

.mdi-frequently-asked-questions::before {
  content: "\F0EB4";
}

.mdi-fridge::before {
  content: "\F0290";
}

.mdi-fridge-alert::before {
  content: "\F11B1";
}

.mdi-fridge-alert-outline::before {
  content: "\F11B2";
}

.mdi-fridge-bottom::before {
  content: "\F0292";
}

.mdi-fridge-industrial::before {
  content: "\F15EE";
}

.mdi-fridge-industrial-alert::before {
  content: "\F15EF";
}

.mdi-fridge-industrial-alert-outline::before {
  content: "\F15F0";
}

.mdi-fridge-industrial-off::before {
  content: "\F15F1";
}

.mdi-fridge-industrial-off-outline::before {
  content: "\F15F2";
}

.mdi-fridge-industrial-outline::before {
  content: "\F15F3";
}

.mdi-fridge-off::before {
  content: "\F11AF";
}

.mdi-fridge-off-outline::before {
  content: "\F11B0";
}

.mdi-fridge-outline::before {
  content: "\F028F";
}

.mdi-fridge-top::before {
  content: "\F0291";
}

.mdi-fridge-variant::before {
  content: "\F15F4";
}

.mdi-fridge-variant-alert::before {
  content: "\F15F5";
}

.mdi-fridge-variant-alert-outline::before {
  content: "\F15F6";
}

.mdi-fridge-variant-off::before {
  content: "\F15F7";
}

.mdi-fridge-variant-off-outline::before {
  content: "\F15F8";
}

.mdi-fridge-variant-outline::before {
  content: "\F15F9";
}

.mdi-fruit-cherries::before {
  content: "\F1042";
}

.mdi-fruit-cherries-off::before {
  content: "\F13F8";
}

.mdi-fruit-citrus::before {
  content: "\F1043";
}

.mdi-fruit-citrus-off::before {
  content: "\F13F9";
}

.mdi-fruit-grapes::before {
  content: "\F1044";
}

.mdi-fruit-grapes-outline::before {
  content: "\F1045";
}

.mdi-fruit-pear::before {
  content: "\F1A0E";
}

.mdi-fruit-pineapple::before {
  content: "\F1046";
}

.mdi-fruit-watermelon::before {
  content: "\F1047";
}

.mdi-fuel::before {
  content: "\F07CA";
}

.mdi-fuel-cell::before {
  content: "\F18B5";
}

.mdi-fullscreen::before {
  content: "\F0293";
}

.mdi-fullscreen-exit::before {
  content: "\F0294";
}

.mdi-function::before {
  content: "\F0295";
}

.mdi-function-variant::before {
  content: "\F0871";
}

.mdi-furigana-horizontal::before {
  content: "\F1081";
}

.mdi-furigana-vertical::before {
  content: "\F1082";
}

.mdi-fuse::before {
  content: "\F0C85";
}

.mdi-fuse-alert::before {
  content: "\F142D";
}

.mdi-fuse-blade::before {
  content: "\F0C86";
}

.mdi-fuse-off::before {
  content: "\F142C";
}

.mdi-gamepad::before {
  content: "\F0296";
}

.mdi-gamepad-circle::before {
  content: "\F0E33";
}

.mdi-gamepad-circle-down::before {
  content: "\F0E34";
}

.mdi-gamepad-circle-left::before {
  content: "\F0E35";
}

.mdi-gamepad-circle-outline::before {
  content: "\F0E36";
}

.mdi-gamepad-circle-right::before {
  content: "\F0E37";
}

.mdi-gamepad-circle-up::before {
  content: "\F0E38";
}

.mdi-gamepad-down::before {
  content: "\F0E39";
}

.mdi-gamepad-left::before {
  content: "\F0E3A";
}

.mdi-gamepad-outline::before {
  content: "\F1919";
}

.mdi-gamepad-right::before {
  content: "\F0E3B";
}

.mdi-gamepad-round::before {
  content: "\F0E3C";
}

.mdi-gamepad-round-down::before {
  content: "\F0E3D";
}

.mdi-gamepad-round-left::before {
  content: "\F0E3E";
}

.mdi-gamepad-round-outline::before {
  content: "\F0E3F";
}

.mdi-gamepad-round-right::before {
  content: "\F0E40";
}

.mdi-gamepad-round-up::before {
  content: "\F0E41";
}

.mdi-gamepad-square::before {
  content: "\F0EB5";
}

.mdi-gamepad-square-outline::before {
  content: "\F0EB6";
}

.mdi-gamepad-up::before {
  content: "\F0E42";
}

.mdi-gamepad-variant::before {
  content: "\F0297";
}

.mdi-gamepad-variant-outline::before {
  content: "\F0EB7";
}

.mdi-gamma::before {
  content: "\F10EE";
}

.mdi-gantry-crane::before {
  content: "\F0DD1";
}

.mdi-garage::before {
  content: "\F06D9";
}

.mdi-garage-alert::before {
  content: "\F0872";
}

.mdi-garage-alert-variant::before {
  content: "\F12D5";
}

.mdi-garage-lock::before {
  content: "\F17FB";
}

.mdi-garage-open::before {
  content: "\F06DA";
}

.mdi-garage-open-variant::before {
  content: "\F12D4";
}

.mdi-garage-variant::before {
  content: "\F12D3";
}

.mdi-garage-variant-lock::before {
  content: "\F17FC";
}

.mdi-gas-burner::before {
  content: "\F1A1B";
}

.mdi-gas-cylinder::before {
  content: "\F0647";
}

.mdi-gas-station::before {
  content: "\F0298";
}

.mdi-gas-station-off::before {
  content: "\F1409";
}

.mdi-gas-station-off-outline::before {
  content: "\F140A";
}

.mdi-gas-station-outline::before {
  content: "\F0EB8";
}

.mdi-gate::before {
  content: "\F0299";
}

.mdi-gate-alert::before {
  content: "\F17F8";
}

.mdi-gate-and::before {
  content: "\F08E1";
}

.mdi-gate-arrow-left::before {
  content: "\F17F7";
}

.mdi-gate-arrow-right::before {
  content: "\F1169";
}

.mdi-gate-buffer::before {
  content: "\F1AFE";
}

.mdi-gate-nand::before {
  content: "\F08E2";
}

.mdi-gate-nor::before {
  content: "\F08E3";
}

.mdi-gate-not::before {
  content: "\F08E4";
}

.mdi-gate-open::before {
  content: "\F116A";
}

.mdi-gate-or::before {
  content: "\F08E5";
}

.mdi-gate-xnor::before {
  content: "\F08E6";
}

.mdi-gate-xor::before {
  content: "\F08E7";
}

.mdi-gatsby::before {
  content: "\F0E43";
}

.mdi-gauge::before {
  content: "\F029A";
}

.mdi-gauge-empty::before {
  content: "\F0873";
}

.mdi-gauge-full::before {
  content: "\F0874";
}

.mdi-gauge-low::before {
  content: "\F0875";
}

.mdi-gavel::before {
  content: "\F029B";
}

.mdi-gender-female::before {
  content: "\F029C";
}

.mdi-gender-male::before {
  content: "\F029D";
}

.mdi-gender-male-female::before {
  content: "\F029E";
}

.mdi-gender-male-female-variant::before {
  content: "\F113F";
}

.mdi-gender-non-binary::before {
  content: "\F1140";
}

.mdi-gender-transgender::before {
  content: "\F029F";
}

.mdi-gentoo::before {
  content: "\F08E8";
}

.mdi-gesture::before {
  content: "\F07CB";
}

.mdi-gesture-double-tap::before {
  content: "\F073C";
}

.mdi-gesture-pinch::before {
  content: "\F0ABD";
}

.mdi-gesture-spread::before {
  content: "\F0ABE";
}

.mdi-gesture-swipe::before {
  content: "\F0D76";
}

.mdi-gesture-swipe-down::before {
  content: "\F073D";
}

.mdi-gesture-swipe-horizontal::before {
  content: "\F0ABF";
}

.mdi-gesture-swipe-left::before {
  content: "\F073E";
}

.mdi-gesture-swipe-right::before {
  content: "\F073F";
}

.mdi-gesture-swipe-up::before {
  content: "\F0740";
}

.mdi-gesture-swipe-vertical::before {
  content: "\F0AC0";
}

.mdi-gesture-tap::before {
  content: "\F0741";
}

.mdi-gesture-tap-box::before {
  content: "\F12A9";
}

.mdi-gesture-tap-button::before {
  content: "\F12A8";
}

.mdi-gesture-tap-hold::before {
  content: "\F0D77";
}

.mdi-gesture-two-double-tap::before {
  content: "\F0742";
}

.mdi-gesture-two-tap::before {
  content: "\F0743";
}

.mdi-ghost::before {
  content: "\F02A0";
}

.mdi-ghost-off::before {
  content: "\F09F5";
}

.mdi-ghost-off-outline::before {
  content: "\F165C";
}

.mdi-ghost-outline::before {
  content: "\F165D";
}

.mdi-gift::before {
  content: "\F0E44";
}

.mdi-gift-off::before {
  content: "\F16EF";
}

.mdi-gift-off-outline::before {
  content: "\F16F0";
}

.mdi-gift-open::before {
  content: "\F16F1";
}

.mdi-gift-open-outline::before {
  content: "\F16F2";
}

.mdi-gift-outline::before {
  content: "\F02A1";
}

.mdi-git::before {
  content: "\F02A2";
}

.mdi-github::before {
  content: "\F02A4";
}

.mdi-gitlab::before {
  content: "\F0BA0";
}

.mdi-glass-cocktail::before {
  content: "\F0356";
}

.mdi-glass-cocktail-off::before {
  content: "\F15E6";
}

.mdi-glass-flute::before {
  content: "\F02A5";
}

.mdi-glass-fragile::before {
  content: "\F1873";
}

.mdi-glass-mug::before {
  content: "\F02A6";
}

.mdi-glass-mug-off::before {
  content: "\F15E7";
}

.mdi-glass-mug-variant::before {
  content: "\F1116";
}

.mdi-glass-mug-variant-off::before {
  content: "\F15E8";
}

.mdi-glass-pint-outline::before {
  content: "\F130D";
}

.mdi-glass-stange::before {
  content: "\F02A7";
}

.mdi-glass-tulip::before {
  content: "\F02A8";
}

.mdi-glass-wine::before {
  content: "\F0876";
}

.mdi-glasses::before {
  content: "\F02AA";
}

.mdi-globe-light::before {
  content: "\F066F";
}

.mdi-globe-light-outline::before {
  content: "\F12D7";
}

.mdi-globe-model::before {
  content: "\F08E9";
}

.mdi-gmail::before {
  content: "\F02AB";
}

.mdi-gnome::before {
  content: "\F02AC";
}

.mdi-go-kart::before {
  content: "\F0D79";
}

.mdi-go-kart-track::before {
  content: "\F0D7A";
}

.mdi-gog::before {
  content: "\F0BA1";
}

.mdi-gold::before {
  content: "\F124F";
}

.mdi-golf::before {
  content: "\F0823";
}

.mdi-golf-cart::before {
  content: "\F11A4";
}

.mdi-golf-tee::before {
  content: "\F1083";
}

.mdi-gondola::before {
  content: "\F0686";
}

.mdi-goodreads::before {
  content: "\F0D7B";
}

.mdi-google::before {
  content: "\F02AD";
}

.mdi-google-ads::before {
  content: "\F0C87";
}

.mdi-google-analytics::before {
  content: "\F07CC";
}

.mdi-google-assistant::before {
  content: "\F07CD";
}

.mdi-google-cardboard::before {
  content: "\F02AE";
}

.mdi-google-chrome::before {
  content: "\F02AF";
}

.mdi-google-circles::before {
  content: "\F02B0";
}

.mdi-google-circles-communities::before {
  content: "\F02B1";
}

.mdi-google-circles-extended::before {
  content: "\F02B2";
}

.mdi-google-circles-group::before {
  content: "\F02B3";
}

.mdi-google-classroom::before {
  content: "\F02C0";
}

.mdi-google-cloud::before {
  content: "\F11F6";
}

.mdi-google-downasaur::before {
  content: "\F1362";
}

.mdi-google-drive::before {
  content: "\F02B6";
}

.mdi-google-earth::before {
  content: "\F02B7";
}

.mdi-google-fit::before {
  content: "\F096C";
}

.mdi-google-glass::before {
  content: "\F02B8";
}

.mdi-google-hangouts::before {
  content: "\F02C9";
}

.mdi-google-keep::before {
  content: "\F06DC";
}

.mdi-google-lens::before {
  content: "\F09F6";
}

.mdi-google-maps::before {
  content: "\F05F5";
}

.mdi-google-my-business::before {
  content: "\F1048";
}

.mdi-google-nearby::before {
  content: "\F02B9";
}

.mdi-google-play::before {
  content: "\F02BC";
}

.mdi-google-plus::before {
  content: "\F02BD";
}

.mdi-google-podcast::before {
  content: "\F0EB9";
}

.mdi-google-spreadsheet::before {
  content: "\F09F7";
}

.mdi-google-street-view::before {
  content: "\F0C88";
}

.mdi-google-translate::before {
  content: "\F02BF";
}

.mdi-gradient-horizontal::before {
  content: "\F174A";
}

.mdi-gradient-vertical::before {
  content: "\F06A0";
}

.mdi-grain::before {
  content: "\F0D7C";
}

.mdi-graph::before {
  content: "\F1049";
}

.mdi-graph-outline::before {
  content: "\F104A";
}

.mdi-graphql::before {
  content: "\F0877";
}

.mdi-grass::before {
  content: "\F1510";
}

.mdi-grave-stone::before {
  content: "\F0BA2";
}

.mdi-grease-pencil::before {
  content: "\F0648";
}

.mdi-greater-than::before {
  content: "\F096D";
}

.mdi-greater-than-or-equal::before {
  content: "\F096E";
}

.mdi-greenhouse::before {
  content: "\F002D";
}

.mdi-grid::before {
  content: "\F02C1";
}

.mdi-grid-large::before {
  content: "\F0758";
}

.mdi-grid-off::before {
  content: "\F02C2";
}

.mdi-grill::before {
  content: "\F0E45";
}

.mdi-grill-outline::before {
  content: "\F118A";
}

.mdi-group::before {
  content: "\F02C3";
}

.mdi-guitar-acoustic::before {
  content: "\F0771";
}

.mdi-guitar-electric::before {
  content: "\F02C4";
}

.mdi-guitar-pick::before {
  content: "\F02C5";
}

.mdi-guitar-pick-outline::before {
  content: "\F02C6";
}

.mdi-guy-fawkes-mask::before {
  content: "\F0825";
}

.mdi-gymnastics::before {
  content: "\F1A41";
}

.mdi-hail::before {
  content: "\F0AC1";
}

.mdi-hair-dryer::before {
  content: "\F10EF";
}

.mdi-hair-dryer-outline::before {
  content: "\F10F0";
}

.mdi-halloween::before {
  content: "\F0BA3";
}

.mdi-hamburger::before {
  content: "\F0685";
}

.mdi-hamburger-check::before {
  content: "\F1776";
}

.mdi-hamburger-minus::before {
  content: "\F1777";
}

.mdi-hamburger-off::before {
  content: "\F1778";
}

.mdi-hamburger-plus::before {
  content: "\F1779";
}

.mdi-hamburger-remove::before {
  content: "\F177A";
}

.mdi-hammer::before {
  content: "\F08EA";
}

.mdi-hammer-screwdriver::before {
  content: "\F1322";
}

.mdi-hammer-sickle::before {
  content: "\F1887";
}

.mdi-hammer-wrench::before {
  content: "\F1323";
}

.mdi-hand-back-left::before {
  content: "\F0E46";
}

.mdi-hand-back-left-off::before {
  content: "\F1830";
}

.mdi-hand-back-left-off-outline::before {
  content: "\F1832";
}

.mdi-hand-back-left-outline::before {
  content: "\F182C";
}

.mdi-hand-back-right::before {
  content: "\F0E47";
}

.mdi-hand-back-right-off::before {
  content: "\F1831";
}

.mdi-hand-back-right-off-outline::before {
  content: "\F1833";
}

.mdi-hand-back-right-outline::before {
  content: "\F182D";
}

.mdi-hand-clap::before {
  content: "\F194B";
}

.mdi-hand-clap-off::before {
  content: "\F1A42";
}

.mdi-hand-coin::before {
  content: "\F188F";
}

.mdi-hand-coin-outline::before {
  content: "\F1890";
}

.mdi-hand-cycle::before {
  content: "\F1B9C";
}

.mdi-hand-extended::before {
  content: "\F18B6";
}

.mdi-hand-extended-outline::before {
  content: "\F18B7";
}

.mdi-hand-front-left::before {
  content: "\F182B";
}

.mdi-hand-front-left-outline::before {
  content: "\F182E";
}

.mdi-hand-front-right::before {
  content: "\F0A4F";
}

.mdi-hand-front-right-outline::before {
  content: "\F182F";
}

.mdi-hand-heart::before {
  content: "\F10F1";
}

.mdi-hand-heart-outline::before {
  content: "\F157E";
}

.mdi-hand-okay::before {
  content: "\F0A50";
}

.mdi-hand-peace::before {
  content: "\F0A51";
}

.mdi-hand-peace-variant::before {
  content: "\F0A52";
}

.mdi-hand-pointing-down::before {
  content: "\F0A53";
}

.mdi-hand-pointing-left::before {
  content: "\F0A54";
}

.mdi-hand-pointing-right::before {
  content: "\F02C7";
}

.mdi-hand-pointing-up::before {
  content: "\F0A55";
}

.mdi-hand-saw::before {
  content: "\F0E48";
}

.mdi-hand-wash::before {
  content: "\F157F";
}

.mdi-hand-wash-outline::before {
  content: "\F1580";
}

.mdi-hand-water::before {
  content: "\F139F";
}

.mdi-hand-wave::before {
  content: "\F1821";
}

.mdi-hand-wave-outline::before {
  content: "\F1822";
}

.mdi-handball::before {
  content: "\F0F53";
}

.mdi-handcuffs::before {
  content: "\F113E";
}

.mdi-hands-pray::before {
  content: "\F0579";
}

.mdi-handshake::before {
  content: "\F1218";
}

.mdi-handshake-outline::before {
  content: "\F15A1";
}

.mdi-hanger::before {
  content: "\F02C8";
}

.mdi-hard-hat::before {
  content: "\F096F";
}

.mdi-harddisk::before {
  content: "\F02CA";
}

.mdi-harddisk-plus::before {
  content: "\F104B";
}

.mdi-harddisk-remove::before {
  content: "\F104C";
}

.mdi-hat-fedora::before {
  content: "\F0BA4";
}

.mdi-hazard-lights::before {
  content: "\F0C89";
}

.mdi-hdmi-port::before {
  content: "\F1BB8";
}

.mdi-hdr::before {
  content: "\F0D7D";
}

.mdi-hdr-off::before {
  content: "\F0D7E";
}

.mdi-head::before {
  content: "\F135E";
}

.mdi-head-alert::before {
  content: "\F1338";
}

.mdi-head-alert-outline::before {
  content: "\F1339";
}

.mdi-head-check::before {
  content: "\F133A";
}

.mdi-head-check-outline::before {
  content: "\F133B";
}

.mdi-head-cog::before {
  content: "\F133C";
}

.mdi-head-cog-outline::before {
  content: "\F133D";
}

.mdi-head-dots-horizontal::before {
  content: "\F133E";
}

.mdi-head-dots-horizontal-outline::before {
  content: "\F133F";
}

.mdi-head-flash::before {
  content: "\F1340";
}

.mdi-head-flash-outline::before {
  content: "\F1341";
}

.mdi-head-heart::before {
  content: "\F1342";
}

.mdi-head-heart-outline::before {
  content: "\F1343";
}

.mdi-head-lightbulb::before {
  content: "\F1344";
}

.mdi-head-lightbulb-outline::before {
  content: "\F1345";
}

.mdi-head-minus::before {
  content: "\F1346";
}

.mdi-head-minus-outline::before {
  content: "\F1347";
}

.mdi-head-outline::before {
  content: "\F135F";
}

.mdi-head-plus::before {
  content: "\F1348";
}

.mdi-head-plus-outline::before {
  content: "\F1349";
}

.mdi-head-question::before {
  content: "\F134A";
}

.mdi-head-question-outline::before {
  content: "\F134B";
}

.mdi-head-remove::before {
  content: "\F134C";
}

.mdi-head-remove-outline::before {
  content: "\F134D";
}

.mdi-head-snowflake::before {
  content: "\F134E";
}

.mdi-head-snowflake-outline::before {
  content: "\F134F";
}

.mdi-head-sync::before {
  content: "\F1350";
}

.mdi-head-sync-outline::before {
  content: "\F1351";
}

.mdi-headphones::before {
  content: "\F02CB";
}

.mdi-headphones-bluetooth::before {
  content: "\F0970";
}

.mdi-headphones-box::before {
  content: "\F02CC";
}

.mdi-headphones-off::before {
  content: "\F07CE";
}

.mdi-headphones-settings::before {
  content: "\F02CD";
}

.mdi-headset::before {
  content: "\F02CE";
}

.mdi-headset-dock::before {
  content: "\F02CF";
}

.mdi-headset-off::before {
  content: "\F02D0";
}

.mdi-heart::before {
  content: "\F02D1";
}

.mdi-heart-box::before {
  content: "\F02D2";
}

.mdi-heart-box-outline::before {
  content: "\F02D3";
}

.mdi-heart-broken::before {
  content: "\F02D4";
}

.mdi-heart-broken-outline::before {
  content: "\F0D14";
}

.mdi-heart-circle::before {
  content: "\F0971";
}

.mdi-heart-circle-outline::before {
  content: "\F0972";
}

.mdi-heart-cog::before {
  content: "\F1663";
}

.mdi-heart-cog-outline::before {
  content: "\F1664";
}

.mdi-heart-flash::before {
  content: "\F0EF9";
}

.mdi-heart-half::before {
  content: "\F06DF";
}

.mdi-heart-half-full::before {
  content: "\F06DE";
}

.mdi-heart-half-outline::before {
  content: "\F06E0";
}

.mdi-heart-minus::before {
  content: "\F142F";
}

.mdi-heart-minus-outline::before {
  content: "\F1432";
}

.mdi-heart-multiple::before {
  content: "\F0A56";
}

.mdi-heart-multiple-outline::before {
  content: "\F0A57";
}

.mdi-heart-off::before {
  content: "\F0759";
}

.mdi-heart-off-outline::before {
  content: "\F1434";
}

.mdi-heart-outline::before {
  content: "\F02D5";
}

.mdi-heart-plus::before {
  content: "\F142E";
}

.mdi-heart-plus-outline::before {
  content: "\F1431";
}

.mdi-heart-pulse::before {
  content: "\F05F6";
}

.mdi-heart-remove::before {
  content: "\F1430";
}

.mdi-heart-remove-outline::before {
  content: "\F1433";
}

.mdi-heart-settings::before {
  content: "\F1665";
}

.mdi-heart-settings-outline::before {
  content: "\F1666";
}

.mdi-heat-pump::before {
  content: "\F1A43";
}

.mdi-heat-pump-outline::before {
  content: "\F1A44";
}

.mdi-heat-wave::before {
  content: "\F1A45";
}

.mdi-heating-coil::before {
  content: "\F1AAF";
}

.mdi-helicopter::before {
  content: "\F0AC2";
}

.mdi-help::before {
  content: "\F02D6";
}

.mdi-help-box::before {
  content: "\F078B";
}

.mdi-help-box-multiple::before {
  content: "\F1C0A";
}

.mdi-help-box-multiple-outline::before {
  content: "\F1C0B";
}

.mdi-help-box-outline::before {
  content: "\F1C0C";
}

.mdi-help-circle::before {
  content: "\F02D7";
}

.mdi-help-circle-outline::before {
  content: "\F0625";
}

.mdi-help-network::before {
  content: "\F06F5";
}

.mdi-help-network-outline::before {
  content: "\F0C8A";
}

.mdi-help-rhombus::before {
  content: "\F0BA5";
}

.mdi-help-rhombus-outline::before {
  content: "\F0BA6";
}

.mdi-hexadecimal::before {
  content: "\F12A7";
}

.mdi-hexagon::before {
  content: "\F02D8";
}

.mdi-hexagon-multiple::before {
  content: "\F06E1";
}

.mdi-hexagon-multiple-outline::before {
  content: "\F10F2";
}

.mdi-hexagon-outline::before {
  content: "\F02D9";
}

.mdi-hexagon-slice-1::before {
  content: "\F0AC3";
}

.mdi-hexagon-slice-2::before {
  content: "\F0AC4";
}

.mdi-hexagon-slice-3::before {
  content: "\F0AC5";
}

.mdi-hexagon-slice-4::before {
  content: "\F0AC6";
}

.mdi-hexagon-slice-5::before {
  content: "\F0AC7";
}

.mdi-hexagon-slice-6::before {
  content: "\F0AC8";
}

.mdi-hexagram::before {
  content: "\F0AC9";
}

.mdi-hexagram-outline::before {
  content: "\F0ACA";
}

.mdi-high-definition::before {
  content: "\F07CF";
}

.mdi-high-definition-box::before {
  content: "\F0878";
}

.mdi-highway::before {
  content: "\F05F7";
}

.mdi-hiking::before {
  content: "\F0D7F";
}

.mdi-history::before {
  content: "\F02DA";
}

.mdi-hockey-puck::before {
  content: "\F0879";
}

.mdi-hockey-sticks::before {
  content: "\F087A";
}

.mdi-hololens::before {
  content: "\F02DB";
}

.mdi-home::before {
  content: "\F02DC";
}

.mdi-home-account::before {
  content: "\F0826";
}

.mdi-home-alert::before {
  content: "\F087B";
}

.mdi-home-alert-outline::before {
  content: "\F15D0";
}

.mdi-home-analytics::before {
  content: "\F0EBA";
}

.mdi-home-assistant::before {
  content: "\F07D0";
}

.mdi-home-automation::before {
  content: "\F07D1";
}

.mdi-home-battery::before {
  content: "\F1901";
}

.mdi-home-battery-outline::before {
  content: "\F1902";
}

.mdi-home-circle::before {
  content: "\F07D2";
}

.mdi-home-circle-outline::before {
  content: "\F104D";
}

.mdi-home-city::before {
  content: "\F0D15";
}

.mdi-home-city-outline::before {
  content: "\F0D16";
}

.mdi-home-clock::before {
  content: "\F1A12";
}

.mdi-home-clock-outline::before {
  content: "\F1A13";
}

.mdi-home-edit::before {
  content: "\F1159";
}

.mdi-home-edit-outline::before {
  content: "\F115A";
}

.mdi-home-export-outline::before {
  content: "\F0F9B";
}

.mdi-home-flood::before {
  content: "\F0EFA";
}

.mdi-home-floor-0::before {
  content: "\F0DD2";
}

.mdi-home-floor-1::before {
  content: "\F0D80";
}

.mdi-home-floor-2::before {
  content: "\F0D81";
}

.mdi-home-floor-3::before {
  content: "\F0D82";
}

.mdi-home-floor-a::before {
  content: "\F0D83";
}

.mdi-home-floor-b::before {
  content: "\F0D84";
}

.mdi-home-floor-g::before {
  content: "\F0D85";
}

.mdi-home-floor-l::before {
  content: "\F0D86";
}

.mdi-home-floor-negative-1::before {
  content: "\F0DD3";
}

.mdi-home-group::before {
  content: "\F0DD4";
}

.mdi-home-group-minus::before {
  content: "\F19C1";
}

.mdi-home-group-plus::before {
  content: "\F19C0";
}

.mdi-home-group-remove::before {
  content: "\F19C2";
}

.mdi-home-heart::before {
  content: "\F0827";
}

.mdi-home-import-outline::before {
  content: "\F0F9C";
}

.mdi-home-lightbulb::before {
  content: "\F1251";
}

.mdi-home-lightbulb-outline::before {
  content: "\F1252";
}

.mdi-home-lightning-bolt::before {
  content: "\F1903";
}

.mdi-home-lightning-bolt-outline::before {
  content: "\F1904";
}

.mdi-home-lock::before {
  content: "\F08EB";
}

.mdi-home-lock-open::before {
  content: "\F08EC";
}

.mdi-home-map-marker::before {
  content: "\F05F8";
}

.mdi-home-minus::before {
  content: "\F0974";
}

.mdi-home-minus-outline::before {
  content: "\F13D5";
}

.mdi-home-modern::before {
  content: "\F02DD";
}

.mdi-home-off::before {
  content: "\F1A46";
}

.mdi-home-off-outline::before {
  content: "\F1A47";
}

.mdi-home-outline::before {
  content: "\F06A1";
}

.mdi-home-percent::before {
  content: "\F1C7C";
}

.mdi-home-percent-outline::before {
  content: "\F1C7D";
}

.mdi-home-plus::before {
  content: "\F0975";
}

.mdi-home-plus-outline::before {
  content: "\F13D6";
}

.mdi-home-remove::before {
  content: "\F1247";
}

.mdi-home-remove-outline::before {
  content: "\F13D7";
}

.mdi-home-roof::before {
  content: "\F112B";
}

.mdi-home-search::before {
  content: "\F13B0";
}

.mdi-home-search-outline::before {
  content: "\F13B1";
}

.mdi-home-silo::before {
  content: "\F1BA0";
}

.mdi-home-silo-outline::before {
  content: "\F1BA1";
}

.mdi-home-sound-in::before {
  content: "\F1C2F";
}

.mdi-home-sound-in-outline::before {
  content: "\F1C30";
}

.mdi-home-sound-out::before {
  content: "\F1C31";
}

.mdi-home-sound-out-outline::before {
  content: "\F1C32";
}

.mdi-home-switch::before {
  content: "\F1794";
}

.mdi-home-switch-outline::before {
  content: "\F1795";
}

.mdi-home-thermometer::before {
  content: "\F0F54";
}

.mdi-home-thermometer-outline::before {
  content: "\F0F55";
}

.mdi-home-variant::before {
  content: "\F02DE";
}

.mdi-home-variant-outline::before {
  content: "\F0BA7";
}

.mdi-hook::before {
  content: "\F06E2";
}

.mdi-hook-off::before {
  content: "\F06E3";
}

.mdi-hoop-house::before {
  content: "\F0E56";
}

.mdi-hops::before {
  content: "\F02DF";
}

.mdi-horizontal-rotate-clockwise::before {
  content: "\F10F3";
}

.mdi-horizontal-rotate-counterclockwise::before {
  content: "\F10F4";
}

.mdi-horse::before {
  content: "\F15BF";
}

.mdi-horse-human::before {
  content: "\F15C0";
}

.mdi-horse-variant::before {
  content: "\F15C1";
}

.mdi-horse-variant-fast::before {
  content: "\F186E";
}

.mdi-horseshoe::before {
  content: "\F0A58";
}

.mdi-hospital::before {
  content: "\F0FF6";
}

.mdi-hospital-box::before {
  content: "\F02E0";
}

.mdi-hospital-box-outline::before {
  content: "\F0FF7";
}

.mdi-hospital-building::before {
  content: "\F02E1";
}

.mdi-hospital-marker::before {
  content: "\F02E2";
}

.mdi-hot-tub::before {
  content: "\F0828";
}

.mdi-hours-24::before {
  content: "\F1478";
}

.mdi-hubspot::before {
  content: "\F0D17";
}

.mdi-hulu::before {
  content: "\F0829";
}

.mdi-human::before {
  content: "\F02E6";
}

.mdi-human-baby-changing-table::before {
  content: "\F138B";
}

.mdi-human-cane::before {
  content: "\F1581";
}

.mdi-human-capacity-decrease::before {
  content: "\F159B";
}

.mdi-human-capacity-increase::before {
  content: "\F159C";
}

.mdi-human-child::before {
  content: "\F02E7";
}

.mdi-human-dolly::before {
  content: "\F1980";
}

.mdi-human-edit::before {
  content: "\F14E8";
}

.mdi-human-female::before {
  content: "\F0649";
}

.mdi-human-female-boy::before {
  content: "\F0A59";
}

.mdi-human-female-dance::before {
  content: "\F15C9";
}

.mdi-human-female-female::before {
  content: "\F0A5A";
}

.mdi-human-female-girl::before {
  content: "\F0A5B";
}

.mdi-human-greeting::before {
  content: "\F17C4";
}

.mdi-human-greeting-proximity::before {
  content: "\F159D";
}

.mdi-human-greeting-variant::before {
  content: "\F064A";
}

.mdi-human-handsdown::before {
  content: "\F064B";
}

.mdi-human-handsup::before {
  content: "\F064C";
}

.mdi-human-male::before {
  content: "\F064D";
}

.mdi-human-male-board::before {
  content: "\F0890";
}

.mdi-human-male-board-poll::before {
  content: "\F0846";
}

.mdi-human-male-boy::before {
  content: "\F0A5C";
}

.mdi-human-male-child::before {
  content: "\F138C";
}

.mdi-human-male-female::before {
  content: "\F02E8";
}

.mdi-human-male-female-child::before {
  content: "\F1823";
}

.mdi-human-male-girl::before {
  content: "\F0A5D";
}

.mdi-human-male-height::before {
  content: "\F0EFB";
}

.mdi-human-male-height-variant::before {
  content: "\F0EFC";
}

.mdi-human-male-male::before {
  content: "\F0A5E";
}

.mdi-human-non-binary::before {
  content: "\F1848";
}

.mdi-human-pregnant::before {
  content: "\F05CF";
}

.mdi-human-queue::before {
  content: "\F1571";
}

.mdi-human-scooter::before {
  content: "\F11E9";
}

.mdi-human-walker::before {
  content: "\F1B71";
}

.mdi-human-wheelchair::before {
  content: "\F138D";
}

.mdi-human-white-cane::before {
  content: "\F1981";
}

.mdi-humble-bundle::before {
  content: "\F0744";
}

.mdi-hvac::before {
  content: "\F1352";
}

.mdi-hvac-off::before {
  content: "\F159E";
}

.mdi-hydraulic-oil-level::before {
  content: "\F1324";
}

.mdi-hydraulic-oil-temperature::before {
  content: "\F1325";
}

.mdi-hydro-power::before {
  content: "\F12E5";
}

.mdi-hydrogen-station::before {
  content: "\F1894";
}

.mdi-ice-cream::before {
  content: "\F082A";
}

.mdi-ice-cream-off::before {
  content: "\F0E52";
}

.mdi-ice-pop::before {
  content: "\F0EFD";
}

.mdi-id-card::before {
  content: "\F0FC0";
}

.mdi-identifier::before {
  content: "\F0EFE";
}

.mdi-ideogram-cjk::before {
  content: "\F1331";
}

.mdi-ideogram-cjk-variant::before {
  content: "\F1332";
}

.mdi-image::before {
  content: "\F02E9";
}

.mdi-image-album::before {
  content: "\F02EA";
}

.mdi-image-area::before {
  content: "\F02EB";
}

.mdi-image-area-close::before {
  content: "\F02EC";
}

.mdi-image-auto-adjust::before {
  content: "\F0FC1";
}

.mdi-image-broken::before {
  content: "\F02ED";
}

.mdi-image-broken-variant::before {
  content: "\F02EE";
}

.mdi-image-check::before {
  content: "\F1B25";
}

.mdi-image-check-outline::before {
  content: "\F1B26";
}

.mdi-image-edit::before {
  content: "\F11E3";
}

.mdi-image-edit-outline::before {
  content: "\F11E4";
}

.mdi-image-filter-black-white::before {
  content: "\F02F0";
}

.mdi-image-filter-center-focus::before {
  content: "\F02F1";
}

.mdi-image-filter-center-focus-strong::before {
  content: "\F0EFF";
}

.mdi-image-filter-center-focus-strong-outline::before {
  content: "\F0F00";
}

.mdi-image-filter-center-focus-weak::before {
  content: "\F02F2";
}

.mdi-image-filter-drama::before {
  content: "\F02F3";
}

.mdi-image-filter-drama-outline::before {
  content: "\F1BFF";
}

.mdi-image-filter-frames::before {
  content: "\F02F4";
}

.mdi-image-filter-hdr::before {
  content: "\F02F5";
}

.mdi-image-filter-hdr-outline::before {
  content: "\F1C64";
}

.mdi-image-filter-none::before {
  content: "\F02F6";
}

.mdi-image-filter-tilt-shift::before {
  content: "\F02F7";
}

.mdi-image-filter-vintage::before {
  content: "\F02F8";
}

.mdi-image-frame::before {
  content: "\F0E49";
}

.mdi-image-lock::before {
  content: "\F1AB0";
}

.mdi-image-lock-outline::before {
  content: "\F1AB1";
}

.mdi-image-marker::before {
  content: "\F177B";
}

.mdi-image-marker-outline::before {
  content: "\F177C";
}

.mdi-image-minus::before {
  content: "\F1419";
}

.mdi-image-minus-outline::before {
  content: "\F1B47";
}

.mdi-image-move::before {
  content: "\F09F8";
}

.mdi-image-multiple::before {
  content: "\F02F9";
}

.mdi-image-multiple-outline::before {
  content: "\F02EF";
}

.mdi-image-off::before {
  content: "\F082B";
}

.mdi-image-off-outline::before {
  content: "\F11D1";
}

.mdi-image-outline::before {
  content: "\F0976";
}

.mdi-image-plus::before {
  content: "\F087C";
}

.mdi-image-plus-outline::before {
  content: "\F1B46";
}

.mdi-image-refresh::before {
  content: "\F19FE";
}

.mdi-image-refresh-outline::before {
  content: "\F19FF";
}

.mdi-image-remove::before {
  content: "\F1418";
}

.mdi-image-remove-outline::before {
  content: "\F1B48";
}

.mdi-image-search::before {
  content: "\F0977";
}

.mdi-image-search-outline::before {
  content: "\F0978";
}

.mdi-image-size-select-actual::before {
  content: "\F0C8D";
}

.mdi-image-size-select-large::before {
  content: "\F0C8E";
}

.mdi-image-size-select-small::before {
  content: "\F0C8F";
}

.mdi-image-sync::before {
  content: "\F1A00";
}

.mdi-image-sync-outline::before {
  content: "\F1A01";
}

.mdi-image-text::before {
  content: "\F160D";
}

.mdi-import::before {
  content: "\F02FA";
}

.mdi-inbox::before {
  content: "\F0687";
}

.mdi-inbox-arrow-down::before {
  content: "\F02FB";
}

.mdi-inbox-arrow-down-outline::before {
  content: "\F1270";
}

.mdi-inbox-arrow-up::before {
  content: "\F03D1";
}

.mdi-inbox-arrow-up-outline::before {
  content: "\F1271";
}

.mdi-inbox-full::before {
  content: "\F1272";
}

.mdi-inbox-full-outline::before {
  content: "\F1273";
}

.mdi-inbox-multiple::before {
  content: "\F08B0";
}

.mdi-inbox-multiple-outline::before {
  content: "\F0BA8";
}

.mdi-inbox-outline::before {
  content: "\F1274";
}

.mdi-inbox-remove::before {
  content: "\F159F";
}

.mdi-inbox-remove-outline::before {
  content: "\F15A0";
}

.mdi-incognito::before {
  content: "\F05F9";
}

.mdi-incognito-circle::before {
  content: "\F1421";
}

.mdi-incognito-circle-off::before {
  content: "\F1422";
}

.mdi-incognito-off::before {
  content: "\F0075";
}

.mdi-induction::before {
  content: "\F184C";
}

.mdi-infinity::before {
  content: "\F06E4";
}

.mdi-information::before {
  content: "\F02FC";
}

.mdi-information-box::before {
  content: "\F1C65";
}

.mdi-information-box-outline::before {
  content: "\F1C66";
}

.mdi-information-off::before {
  content: "\F178C";
}

.mdi-information-off-outline::before {
  content: "\F178D";
}

.mdi-information-outline::before {
  content: "\F02FD";
}

.mdi-information-slab-box::before {
  content: "\F1C67";
}

.mdi-information-slab-box-outline::before {
  content: "\F1C68";
}

.mdi-information-slab-circle::before {
  content: "\F1C69";
}

.mdi-information-slab-circle-outline::before {
  content: "\F1C6A";
}

.mdi-information-slab-symbol::before {
  content: "\F1C6B";
}

.mdi-information-symbol::before {
  content: "\F1C6C";
}

.mdi-information-variant::before {
  content: "\F064E";
}

.mdi-information-variant-box::before {
  content: "\F1C6D";
}

.mdi-information-variant-box-outline::before {
  content: "\F1C6E";
}

.mdi-information-variant-circle::before {
  content: "\F1C6F";
}

.mdi-information-variant-circle-outline::before {
  content: "\F1C70";
}

.mdi-instagram::before {
  content: "\F02FE";
}

.mdi-instrument-triangle::before {
  content: "\F104E";
}

.mdi-integrated-circuit-chip::before {
  content: "\F1913";
}

.mdi-invert-colors::before {
  content: "\F0301";
}

.mdi-invert-colors-off::before {
  content: "\F0E4A";
}

.mdi-iobroker::before {
  content: "\F12E8";
}

.mdi-ip::before {
  content: "\F0A5F";
}

.mdi-ip-network::before {
  content: "\F0A60";
}

.mdi-ip-network-outline::before {
  content: "\F0C90";
}

.mdi-ip-outline::before {
  content: "\F1982";
}

.mdi-ipod::before {
  content: "\F0C91";
}

.mdi-iron::before {
  content: "\F1824";
}

.mdi-iron-board::before {
  content: "\F1838";
}

.mdi-iron-outline::before {
  content: "\F1825";
}

.mdi-island::before {
  content: "\F104F";
}

.mdi-iv-bag::before {
  content: "\F10B9";
}

.mdi-jabber::before {
  content: "\F0DD5";
}

.mdi-jeepney::before {
  content: "\F0302";
}

.mdi-jellyfish::before {
  content: "\F0F01";
}

.mdi-jellyfish-outline::before {
  content: "\F0F02";
}

.mdi-jira::before {
  content: "\F0303";
}

.mdi-jquery::before {
  content: "\F087D";
}

.mdi-jsfiddle::before {
  content: "\F0304";
}

.mdi-jump-rope::before {
  content: "\F12FF";
}

.mdi-kabaddi::before {
  content: "\F0D87";
}

.mdi-kangaroo::before {
  content: "\F1558";
}

.mdi-karate::before {
  content: "\F082C";
}

.mdi-kayaking::before {
  content: "\F08AF";
}

.mdi-keg::before {
  content: "\F0305";
}

.mdi-kettle::before {
  content: "\F05FA";
}

.mdi-kettle-alert::before {
  content: "\F1317";
}

.mdi-kettle-alert-outline::before {
  content: "\F1318";
}

.mdi-kettle-off::before {
  content: "\F131B";
}

.mdi-kettle-off-outline::before {
  content: "\F131C";
}

.mdi-kettle-outline::before {
  content: "\F0F56";
}

.mdi-kettle-pour-over::before {
  content: "\F173C";
}

.mdi-kettle-steam::before {
  content: "\F1319";
}

.mdi-kettle-steam-outline::before {
  content: "\F131A";
}

.mdi-kettlebell::before {
  content: "\F1300";
}

.mdi-key::before {
  content: "\F0306";
}

.mdi-key-alert::before {
  content: "\F1983";
}

.mdi-key-alert-outline::before {
  content: "\F1984";
}

.mdi-key-arrow-right::before {
  content: "\F1312";
}

.mdi-key-chain::before {
  content: "\F1574";
}

.mdi-key-chain-variant::before {
  content: "\F1575";
}

.mdi-key-change::before {
  content: "\F0307";
}

.mdi-key-link::before {
  content: "\F119F";
}

.mdi-key-minus::before {
  content: "\F0308";
}

.mdi-key-outline::before {
  content: "\F0DD6";
}

.mdi-key-plus::before {
  content: "\F0309";
}

.mdi-key-remove::before {
  content: "\F030A";
}

.mdi-key-star::before {
  content: "\F119E";
}

.mdi-key-variant::before {
  content: "\F030B";
}

.mdi-key-wireless::before {
  content: "\F0FC2";
}

.mdi-keyboard::before {
  content: "\F030C";
}

.mdi-keyboard-backspace::before {
  content: "\F030D";
}

.mdi-keyboard-caps::before {
  content: "\F030E";
}

.mdi-keyboard-close::before {
  content: "\F030F";
}

.mdi-keyboard-close-outline::before {
  content: "\F1C00";
}

.mdi-keyboard-esc::before {
  content: "\F12B7";
}

.mdi-keyboard-f1::before {
  content: "\F12AB";
}

.mdi-keyboard-f10::before {
  content: "\F12B4";
}

.mdi-keyboard-f11::before {
  content: "\F12B5";
}

.mdi-keyboard-f12::before {
  content: "\F12B6";
}

.mdi-keyboard-f2::before {
  content: "\F12AC";
}

.mdi-keyboard-f3::before {
  content: "\F12AD";
}

.mdi-keyboard-f4::before {
  content: "\F12AE";
}

.mdi-keyboard-f5::before {
  content: "\F12AF";
}

.mdi-keyboard-f6::before {
  content: "\F12B0";
}

.mdi-keyboard-f7::before {
  content: "\F12B1";
}

.mdi-keyboard-f8::before {
  content: "\F12B2";
}

.mdi-keyboard-f9::before {
  content: "\F12B3";
}

.mdi-keyboard-off::before {
  content: "\F0310";
}

.mdi-keyboard-off-outline::before {
  content: "\F0E4B";
}

.mdi-keyboard-outline::before {
  content: "\F097B";
}

.mdi-keyboard-return::before {
  content: "\F0311";
}

.mdi-keyboard-settings::before {
  content: "\F09F9";
}

.mdi-keyboard-settings-outline::before {
  content: "\F09FA";
}

.mdi-keyboard-space::before {
  content: "\F1050";
}

.mdi-keyboard-tab::before {
  content: "\F0312";
}

.mdi-keyboard-tab-reverse::before {
  content: "\F0325";
}

.mdi-keyboard-variant::before {
  content: "\F0313";
}

.mdi-khanda::before {
  content: "\F10FD";
}

.mdi-kickstarter::before {
  content: "\F0745";
}

.mdi-kite::before {
  content: "\F1985";
}

.mdi-kite-outline::before {
  content: "\F1986";
}

.mdi-kitesurfing::before {
  content: "\F1744";
}

.mdi-klingon::before {
  content: "\F135B";
}

.mdi-knife::before {
  content: "\F09FB";
}

.mdi-knife-military::before {
  content: "\F09FC";
}

.mdi-knob::before {
  content: "\F1B96";
}

.mdi-koala::before {
  content: "\F173F";
}

.mdi-kodi::before {
  content: "\F0314";
}

.mdi-kubernetes::before {
  content: "\F10FE";
}

.mdi-label::before {
  content: "\F0315";
}

.mdi-label-multiple::before {
  content: "\F1375";
}

.mdi-label-multiple-outline::before {
  content: "\F1376";
}

.mdi-label-off::before {
  content: "\F0ACB";
}

.mdi-label-off-outline::before {
  content: "\F0ACC";
}

.mdi-label-outline::before {
  content: "\F0316";
}

.mdi-label-percent::before {
  content: "\F12EA";
}

.mdi-label-percent-outline::before {
  content: "\F12EB";
}

.mdi-label-variant::before {
  content: "\F0ACD";
}

.mdi-label-variant-outline::before {
  content: "\F0ACE";
}

.mdi-ladder::before {
  content: "\F15A2";
}

.mdi-ladybug::before {
  content: "\F082D";
}

.mdi-lambda::before {
  content: "\F0627";
}

.mdi-lamp::before {
  content: "\F06B5";
}

.mdi-lamp-outline::before {
  content: "\F17D0";
}

.mdi-lamps::before {
  content: "\F1576";
}

.mdi-lamps-outline::before {
  content: "\F17D1";
}

.mdi-lan::before {
  content: "\F0317";
}

.mdi-lan-check::before {
  content: "\F12AA";
}

.mdi-lan-connect::before {
  content: "\F0318";
}

.mdi-lan-disconnect::before {
  content: "\F0319";
}

.mdi-lan-pending::before {
  content: "\F031A";
}

.mdi-land-fields::before {
  content: "\F1AB2";
}

.mdi-land-plots::before {
  content: "\F1AB3";
}

.mdi-land-plots-circle::before {
  content: "\F1AB4";
}

.mdi-land-plots-circle-variant::before {
  content: "\F1AB5";
}

.mdi-land-plots-marker::before {
  content: "\F1C5D";
}

.mdi-land-rows-horizontal::before {
  content: "\F1AB6";
}

.mdi-land-rows-vertical::before {
  content: "\F1AB7";
}

.mdi-landslide::before {
  content: "\F1A48";
}

.mdi-landslide-outline::before {
  content: "\F1A49";
}

.mdi-language-c::before {
  content: "\F0671";
}

.mdi-language-cpp::before {
  content: "\F0672";
}

.mdi-language-csharp::before {
  content: "\F031B";
}

.mdi-language-css3::before {
  content: "\F031C";
}

.mdi-language-fortran::before {
  content: "\F121A";
}

.mdi-language-go::before {
  content: "\F07D3";
}

.mdi-language-haskell::before {
  content: "\F0C92";
}

.mdi-language-html5::before {
  content: "\F031D";
}

.mdi-language-java::before {
  content: "\F0B37";
}

.mdi-language-javascript::before {
  content: "\F031E";
}

.mdi-language-kotlin::before {
  content: "\F1219";
}

.mdi-language-lua::before {
  content: "\F08B1";
}

.mdi-language-markdown::before {
  content: "\F0354";
}

.mdi-language-markdown-outline::before {
  content: "\F0F5B";
}

.mdi-language-php::before {
  content: "\F031F";
}

.mdi-language-python::before {
  content: "\F0320";
}

.mdi-language-r::before {
  content: "\F07D4";
}

.mdi-language-ruby::before {
  content: "\F0D2D";
}

.mdi-language-ruby-on-rails::before {
  content: "\F0ACF";
}

.mdi-language-rust::before {
  content: "\F1617";
}

.mdi-language-swift::before {
  content: "\F06E5";
}

.mdi-language-typescript::before {
  content: "\F06E6";
}

.mdi-language-xaml::before {
  content: "\F0673";
}

.mdi-laptop::before {
  content: "\F0322";
}

.mdi-laptop-account::before {
  content: "\F1A4A";
}

.mdi-laptop-off::before {
  content: "\F06E7";
}

.mdi-laravel::before {
  content: "\F0AD0";
}

.mdi-laser-pointer::before {
  content: "\F1484";
}

.mdi-lasso::before {
  content: "\F0F03";
}

.mdi-lastpass::before {
  content: "\F0446";
}

.mdi-latitude::before {
  content: "\F0F57";
}

.mdi-launch::before {
  content: "\F0327";
}

.mdi-lava-lamp::before {
  content: "\F07D5";
}

.mdi-layers::before {
  content: "\F0328";
}

.mdi-layers-edit::before {
  content: "\F1892";
}

.mdi-layers-minus::before {
  content: "\F0E4C";
}

.mdi-layers-off::before {
  content: "\F0329";
}

.mdi-layers-off-outline::before {
  content: "\F09FD";
}

.mdi-layers-outline::before {
  content: "\F09FE";
}

.mdi-layers-plus::before {
  content: "\F0E4D";
}

.mdi-layers-remove::before {
  content: "\F0E4E";
}

.mdi-layers-search::before {
  content: "\F1206";
}

.mdi-layers-search-outline::before {
  content: "\F1207";
}

.mdi-layers-triple::before {
  content: "\F0F58";
}

.mdi-layers-triple-outline::before {
  content: "\F0F59";
}

.mdi-lead-pencil::before {
  content: "\F064F";
}

.mdi-leaf::before {
  content: "\F032A";
}

.mdi-leaf-circle::before {
  content: "\F1905";
}

.mdi-leaf-circle-outline::before {
  content: "\F1906";
}

.mdi-leaf-maple::before {
  content: "\F0C93";
}

.mdi-leaf-maple-off::before {
  content: "\F12DA";
}

.mdi-leaf-off::before {
  content: "\F12D9";
}

.mdi-leak::before {
  content: "\F0DD7";
}

.mdi-leak-off::before {
  content: "\F0DD8";
}

.mdi-lectern::before {
  content: "\F1AF0";
}

.mdi-led-off::before {
  content: "\F032B";
}

.mdi-led-on::before {
  content: "\F032C";
}

.mdi-led-outline::before {
  content: "\F032D";
}

.mdi-led-strip::before {
  content: "\F07D6";
}

.mdi-led-strip-variant::before {
  content: "\F1051";
}

.mdi-led-strip-variant-off::before {
  content: "\F1A4B";
}

.mdi-led-variant-off::before {
  content: "\F032E";
}

.mdi-led-variant-on::before {
  content: "\F032F";
}

.mdi-led-variant-outline::before {
  content: "\F0330";
}

.mdi-leek::before {
  content: "\F117D";
}

.mdi-less-than::before {
  content: "\F097C";
}

.mdi-less-than-or-equal::before {
  content: "\F097D";
}

.mdi-library::before {
  content: "\F0331";
}

.mdi-library-outline::before {
  content: "\F1A22";
}

.mdi-library-shelves::before {
  content: "\F0BA9";
}

.mdi-license::before {
  content: "\F0FC3";
}

.mdi-lifebuoy::before {
  content: "\F087E";
}

.mdi-light-flood-down::before {
  content: "\F1987";
}

.mdi-light-flood-up::before {
  content: "\F1988";
}

.mdi-light-recessed::before {
  content: "\F179B";
}

.mdi-light-switch::before {
  content: "\F097E";
}

.mdi-light-switch-off::before {
  content: "\F1A24";
}

.mdi-lightbulb::before {
  content: "\F0335";
}

.mdi-lightbulb-alert::before {
  content: "\F19E1";
}

.mdi-lightbulb-alert-outline::before {
  content: "\F19E2";
}

.mdi-lightbulb-auto::before {
  content: "\F1800";
}

.mdi-lightbulb-auto-outline::before {
  content: "\F1801";
}

.mdi-lightbulb-cfl::before {
  content: "\F1208";
}

.mdi-lightbulb-cfl-off::before {
  content: "\F1209";
}

.mdi-lightbulb-cfl-spiral::before {
  content: "\F1275";
}

.mdi-lightbulb-cfl-spiral-off::before {
  content: "\F12C3";
}

.mdi-lightbulb-fluorescent-tube::before {
  content: "\F1804";
}

.mdi-lightbulb-fluorescent-tube-outline::before {
  content: "\F1805";
}

.mdi-lightbulb-group::before {
  content: "\F1253";
}

.mdi-lightbulb-group-off::before {
  content: "\F12CD";
}

.mdi-lightbulb-group-off-outline::before {
  content: "\F12CE";
}

.mdi-lightbulb-group-outline::before {
  content: "\F1254";
}

.mdi-lightbulb-multiple::before {
  content: "\F1255";
}

.mdi-lightbulb-multiple-off::before {
  content: "\F12CF";
}

.mdi-lightbulb-multiple-off-outline::before {
  content: "\F12D0";
}

.mdi-lightbulb-multiple-outline::before {
  content: "\F1256";
}

.mdi-lightbulb-night::before {
  content: "\F1A4C";
}

.mdi-lightbulb-night-outline::before {
  content: "\F1A4D";
}

.mdi-lightbulb-off::before {
  content: "\F0E4F";
}

.mdi-lightbulb-off-outline::before {
  content: "\F0E50";
}

.mdi-lightbulb-on::before {
  content: "\F06E8";
}

.mdi-lightbulb-on-10::before {
  content: "\F1A4E";
}

.mdi-lightbulb-on-20::before {
  content: "\F1A4F";
}

.mdi-lightbulb-on-30::before {
  content: "\F1A50";
}

.mdi-lightbulb-on-40::before {
  content: "\F1A51";
}

.mdi-lightbulb-on-50::before {
  content: "\F1A52";
}

.mdi-lightbulb-on-60::before {
  content: "\F1A53";
}

.mdi-lightbulb-on-70::before {
  content: "\F1A54";
}

.mdi-lightbulb-on-80::before {
  content: "\F1A55";
}

.mdi-lightbulb-on-90::before {
  content: "\F1A56";
}

.mdi-lightbulb-on-outline::before {
  content: "\F06E9";
}

.mdi-lightbulb-outline::before {
  content: "\F0336";
}

.mdi-lightbulb-question::before {
  content: "\F19E3";
}

.mdi-lightbulb-question-outline::before {
  content: "\F19E4";
}

.mdi-lightbulb-spot::before {
  content: "\F17F4";
}

.mdi-lightbulb-spot-off::before {
  content: "\F17F5";
}

.mdi-lightbulb-variant::before {
  content: "\F1802";
}

.mdi-lightbulb-variant-outline::before {
  content: "\F1803";
}

.mdi-lighthouse::before {
  content: "\F09FF";
}

.mdi-lighthouse-on::before {
  content: "\F0A00";
}

.mdi-lightning-bolt::before {
  content: "\F140B";
}

.mdi-lightning-bolt-circle::before {
  content: "\F0820";
}

.mdi-lightning-bolt-outline::before {
  content: "\F140C";
}

.mdi-line-scan::before {
  content: "\F0624";
}

.mdi-lingerie::before {
  content: "\F1476";
}

.mdi-link::before {
  content: "\F0337";
}

.mdi-link-box::before {
  content: "\F0D1A";
}

.mdi-link-box-outline::before {
  content: "\F0D1B";
}

.mdi-link-box-variant::before {
  content: "\F0D1C";
}

.mdi-link-box-variant-outline::before {
  content: "\F0D1D";
}

.mdi-link-lock::before {
  content: "\F10BA";
}

.mdi-link-off::before {
  content: "\F0338";
}

.mdi-link-plus::before {
  content: "\F0C94";
}

.mdi-link-variant::before {
  content: "\F0339";
}

.mdi-link-variant-minus::before {
  content: "\F10FF";
}

.mdi-link-variant-off::before {
  content: "\F033A";
}

.mdi-link-variant-plus::before {
  content: "\F1100";
}

.mdi-link-variant-remove::before {
  content: "\F1101";
}

.mdi-linkedin::before {
  content: "\F033B";
}

.mdi-linux::before {
  content: "\F033D";
}

.mdi-linux-mint::before {
  content: "\F08ED";
}

.mdi-lipstick::before {
  content: "\F13B5";
}

.mdi-liquid-spot::before {
  content: "\F1826";
}

.mdi-liquor::before {
  content: "\F191E";
}

.mdi-list-box::before {
  content: "\F1B7B";
}

.mdi-list-box-outline::before {
  content: "\F1B7C";
}

.mdi-list-status::before {
  content: "\F15AB";
}

.mdi-litecoin::before {
  content: "\F0A61";
}

.mdi-loading::before {
  content: "\F0772";
}

.mdi-location-enter::before {
  content: "\F0FC4";
}

.mdi-location-exit::before {
  content: "\F0FC5";
}

.mdi-lock::before {
  content: "\F033E";
}

.mdi-lock-alert::before {
  content: "\F08EE";
}

.mdi-lock-alert-outline::before {
  content: "\F15D1";
}

.mdi-lock-check::before {
  content: "\F139A";
}

.mdi-lock-check-outline::before {
  content: "\F16A8";
}

.mdi-lock-clock::before {
  content: "\F097F";
}

.mdi-lock-minus::before {
  content: "\F16A9";
}

.mdi-lock-minus-outline::before {
  content: "\F16AA";
}

.mdi-lock-off::before {
  content: "\F1671";
}

.mdi-lock-off-outline::before {
  content: "\F1672";
}

.mdi-lock-open::before {
  content: "\F033F";
}

.mdi-lock-open-alert::before {
  content: "\F139B";
}

.mdi-lock-open-alert-outline::before {
  content: "\F15D2";
}

.mdi-lock-open-check::before {
  content: "\F139C";
}

.mdi-lock-open-check-outline::before {
  content: "\F16AB";
}

.mdi-lock-open-minus::before {
  content: "\F16AC";
}

.mdi-lock-open-minus-outline::before {
  content: "\F16AD";
}

.mdi-lock-open-outline::before {
  content: "\F0340";
}

.mdi-lock-open-plus::before {
  content: "\F16AE";
}

.mdi-lock-open-plus-outline::before {
  content: "\F16AF";
}

.mdi-lock-open-remove::before {
  content: "\F16B0";
}

.mdi-lock-open-remove-outline::before {
  content: "\F16B1";
}

.mdi-lock-open-variant::before {
  content: "\F0FC6";
}

.mdi-lock-open-variant-outline::before {
  content: "\F0FC7";
}

.mdi-lock-outline::before {
  content: "\F0341";
}

.mdi-lock-pattern::before {
  content: "\F06EA";
}

.mdi-lock-percent::before {
  content: "\F1C12";
}

.mdi-lock-percent-open::before {
  content: "\F1C13";
}

.mdi-lock-percent-open-outline::before {
  content: "\F1C14";
}

.mdi-lock-percent-open-variant::before {
  content: "\F1C15";
}

.mdi-lock-percent-open-variant-outline::before {
  content: "\F1C16";
}

.mdi-lock-percent-outline::before {
  content: "\F1C17";
}

.mdi-lock-plus::before {
  content: "\F05FB";
}

.mdi-lock-plus-outline::before {
  content: "\F16B2";
}

.mdi-lock-question::before {
  content: "\F08EF";
}

.mdi-lock-remove::before {
  content: "\F16B3";
}

.mdi-lock-remove-outline::before {
  content: "\F16B4";
}

.mdi-lock-reset::before {
  content: "\F0773";
}

.mdi-lock-smart::before {
  content: "\F08B2";
}

.mdi-locker::before {
  content: "\F07D7";
}

.mdi-locker-multiple::before {
  content: "\F07D8";
}

.mdi-login::before {
  content: "\F0342";
}

.mdi-login-variant::before {
  content: "\F05FC";
}

.mdi-logout::before {
  content: "\F0343";
}

.mdi-logout-variant::before {
  content: "\F05FD";
}

.mdi-longitude::before {
  content: "\F0F5A";
}

.mdi-looks::before {
  content: "\F0344";
}

.mdi-lotion::before {
  content: "\F1582";
}

.mdi-lotion-outline::before {
  content: "\F1583";
}

.mdi-lotion-plus::before {
  content: "\F1584";
}

.mdi-lotion-plus-outline::before {
  content: "\F1585";
}

.mdi-loupe::before {
  content: "\F0345";
}

.mdi-lumx::before {
  content: "\F0346";
}

.mdi-lungs::before {
  content: "\F1084";
}

.mdi-mace::before {
  content: "\F1843";
}

.mdi-magazine-pistol::before {
  content: "\F0324";
}

.mdi-magazine-rifle::before {
  content: "\F0323";
}

.mdi-magic-staff::before {
  content: "\F1844";
}

.mdi-magnet::before {
  content: "\F0347";
}

.mdi-magnet-on::before {
  content: "\F0348";
}

.mdi-magnify::before {
  content: "\F0349";
}

.mdi-magnify-close::before {
  content: "\F0980";
}

.mdi-magnify-expand::before {
  content: "\F1874";
}

.mdi-magnify-minus::before {
  content: "\F034A";
}

.mdi-magnify-minus-cursor::before {
  content: "\F0A62";
}

.mdi-magnify-minus-outline::before {
  content: "\F06EC";
}

.mdi-magnify-plus::before {
  content: "\F034B";
}

.mdi-magnify-plus-cursor::before {
  content: "\F0A63";
}

.mdi-magnify-plus-outline::before {
  content: "\F06ED";
}

.mdi-magnify-remove-cursor::before {
  content: "\F120C";
}

.mdi-magnify-remove-outline::before {
  content: "\F120D";
}

.mdi-magnify-scan::before {
  content: "\F1276";
}

.mdi-mail::before {
  content: "\F0EBB";
}

.mdi-mailbox::before {
  content: "\F06EE";
}

.mdi-mailbox-open::before {
  content: "\F0D88";
}

.mdi-mailbox-open-outline::before {
  content: "\F0D89";
}

.mdi-mailbox-open-up::before {
  content: "\F0D8A";
}

.mdi-mailbox-open-up-outline::before {
  content: "\F0D8B";
}

.mdi-mailbox-outline::before {
  content: "\F0D8C";
}

.mdi-mailbox-up::before {
  content: "\F0D8D";
}

.mdi-mailbox-up-outline::before {
  content: "\F0D8E";
}

.mdi-manjaro::before {
  content: "\F160A";
}

.mdi-map::before {
  content: "\F034D";
}

.mdi-map-check::before {
  content: "\F0EBC";
}

.mdi-map-check-outline::before {
  content: "\F0EBD";
}

.mdi-map-clock::before {
  content: "\F0D1E";
}

.mdi-map-clock-outline::before {
  content: "\F0D1F";
}

.mdi-map-legend::before {
  content: "\F0A01";
}

.mdi-map-marker::before {
  content: "\F034E";
}

.mdi-map-marker-account::before {
  content: "\F18E3";
}

.mdi-map-marker-account-outline::before {
  content: "\F18E4";
}

.mdi-map-marker-alert::before {
  content: "\F0F05";
}

.mdi-map-marker-alert-outline::before {
  content: "\F0F06";
}

.mdi-map-marker-check::before {
  content: "\F0C95";
}

.mdi-map-marker-check-outline::before {
  content: "\F12FB";
}

.mdi-map-marker-circle::before {
  content: "\F034F";
}

.mdi-map-marker-distance::before {
  content: "\F08F0";
}

.mdi-map-marker-down::before {
  content: "\F1102";
}

.mdi-map-marker-left::before {
  content: "\F12DB";
}

.mdi-map-marker-left-outline::before {
  content: "\F12DD";
}

.mdi-map-marker-minus::before {
  content: "\F0650";
}

.mdi-map-marker-minus-outline::before {
  content: "\F12F9";
}

.mdi-map-marker-multiple::before {
  content: "\F0350";
}

.mdi-map-marker-multiple-outline::before {
  content: "\F1277";
}

.mdi-map-marker-off::before {
  content: "\F0351";
}

.mdi-map-marker-off-outline::before {
  content: "\F12FD";
}

.mdi-map-marker-outline::before {
  content: "\F07D9";
}

.mdi-map-marker-path::before {
  content: "\F0D20";
}

.mdi-map-marker-plus::before {
  content: "\F0651";
}

.mdi-map-marker-plus-outline::before {
  content: "\F12F8";
}

.mdi-map-marker-question::before {
  content: "\F0F07";
}

.mdi-map-marker-question-outline::before {
  content: "\F0F08";
}

.mdi-map-marker-radius::before {
  content: "\F0352";
}

.mdi-map-marker-radius-outline::before {
  content: "\F12FC";
}

.mdi-map-marker-remove::before {
  content: "\F0F09";
}

.mdi-map-marker-remove-outline::before {
  content: "\F12FA";
}

.mdi-map-marker-remove-variant::before {
  content: "\F0F0A";
}

.mdi-map-marker-right::before {
  content: "\F12DC";
}

.mdi-map-marker-right-outline::before {
  content: "\F12DE";
}

.mdi-map-marker-star::before {
  content: "\F1608";
}

.mdi-map-marker-star-outline::before {
  content: "\F1609";
}

.mdi-map-marker-up::before {
  content: "\F1103";
}

.mdi-map-minus::before {
  content: "\F0981";
}

.mdi-map-outline::before {
  content: "\F0982";
}

.mdi-map-plus::before {
  content: "\F0983";
}

.mdi-map-search::before {
  content: "\F0984";
}

.mdi-map-search-outline::before {
  content: "\F0985";
}

.mdi-mapbox::before {
  content: "\F0BAA";
}

.mdi-margin::before {
  content: "\F0353";
}

.mdi-marker::before {
  content: "\F0652";
}

.mdi-marker-cancel::before {
  content: "\F0DD9";
}

.mdi-marker-check::before {
  content: "\F0355";
}

.mdi-mastodon::before {
  content: "\F0AD1";
}

.mdi-material-design::before {
  content: "\F0986";
}

.mdi-material-ui::before {
  content: "\F0357";
}

.mdi-math-compass::before {
  content: "\F0358";
}

.mdi-math-cos::before {
  content: "\F0C96";
}

.mdi-math-integral::before {
  content: "\F0FC8";
}

.mdi-math-integral-box::before {
  content: "\F0FC9";
}

.mdi-math-log::before {
  content: "\F1085";
}

.mdi-math-norm::before {
  content: "\F0FCA";
}

.mdi-math-norm-box::before {
  content: "\F0FCB";
}

.mdi-math-sin::before {
  content: "\F0C97";
}

.mdi-math-tan::before {
  content: "\F0C98";
}

.mdi-matrix::before {
  content: "\F0628";
}

.mdi-medal::before {
  content: "\F0987";
}

.mdi-medal-outline::before {
  content: "\F1326";
}

.mdi-medical-bag::before {
  content: "\F06EF";
}

.mdi-medical-cotton-swab::before {
  content: "\F1AB8";
}

.mdi-medication::before {
  content: "\F1B14";
}

.mdi-medication-outline::before {
  content: "\F1B15";
}

.mdi-meditation::before {
  content: "\F117B";
}

.mdi-memory::before {
  content: "\F035B";
}

.mdi-menorah::before {
  content: "\F17D4";
}

.mdi-menorah-fire::before {
  content: "\F17D5";
}

.mdi-menu::before {
  content: "\F035C";
}

.mdi-menu-down::before {
  content: "\F035D";
}

.mdi-menu-down-outline::before {
  content: "\F06B6";
}

.mdi-menu-left::before {
  content: "\F035E";
}

.mdi-menu-left-outline::before {
  content: "\F0A02";
}

.mdi-menu-open::before {
  content: "\F0BAB";
}

.mdi-menu-right::before {
  content: "\F035F";
}

.mdi-menu-right-outline::before {
  content: "\F0A03";
}

.mdi-menu-swap::before {
  content: "\F0A64";
}

.mdi-menu-swap-outline::before {
  content: "\F0A65";
}

.mdi-menu-up::before {
  content: "\F0360";
}

.mdi-menu-up-outline::before {
  content: "\F06B7";
}

.mdi-merge::before {
  content: "\F0F5C";
}

.mdi-message::before {
  content: "\F0361";
}

.mdi-message-alert::before {
  content: "\F0362";
}

.mdi-message-alert-outline::before {
  content: "\F0A04";
}

.mdi-message-arrow-left::before {
  content: "\F12F2";
}

.mdi-message-arrow-left-outline::before {
  content: "\F12F3";
}

.mdi-message-arrow-right::before {
  content: "\F12F4";
}

.mdi-message-arrow-right-outline::before {
  content: "\F12F5";
}

.mdi-message-badge::before {
  content: "\F1941";
}

.mdi-message-badge-outline::before {
  content: "\F1942";
}

.mdi-message-bookmark::before {
  content: "\F15AC";
}

.mdi-message-bookmark-outline::before {
  content: "\F15AD";
}

.mdi-message-bulleted::before {
  content: "\F06A2";
}

.mdi-message-bulleted-off::before {
  content: "\F06A3";
}

.mdi-message-check::before {
  content: "\F1B8A";
}

.mdi-message-check-outline::before {
  content: "\F1B8B";
}

.mdi-message-cog::before {
  content: "\F06F1";
}

.mdi-message-cog-outline::before {
  content: "\F1172";
}

.mdi-message-draw::before {
  content: "\F0363";
}

.mdi-message-fast::before {
  content: "\F19CC";
}

.mdi-message-fast-outline::before {
  content: "\F19CD";
}

.mdi-message-flash::before {
  content: "\F15A9";
}

.mdi-message-flash-outline::before {
  content: "\F15AA";
}

.mdi-message-image::before {
  content: "\F0364";
}

.mdi-message-image-outline::before {
  content: "\F116C";
}

.mdi-message-lock::before {
  content: "\F0FCC";
}

.mdi-message-lock-outline::before {
  content: "\F116D";
}

.mdi-message-minus::before {
  content: "\F116E";
}

.mdi-message-minus-outline::before {
  content: "\F116F";
}

.mdi-message-off::before {
  content: "\F164D";
}

.mdi-message-off-outline::before {
  content: "\F164E";
}

.mdi-message-outline::before {
  content: "\F0365";
}

.mdi-message-plus::before {
  content: "\F0653";
}

.mdi-message-plus-outline::before {
  content: "\F10BB";
}

.mdi-message-processing::before {
  content: "\F0366";
}

.mdi-message-processing-outline::before {
  content: "\F1170";
}

.mdi-message-question::before {
  content: "\F173A";
}

.mdi-message-question-outline::before {
  content: "\F173B";
}

.mdi-message-reply::before {
  content: "\F0367";
}

.mdi-message-reply-outline::before {
  content: "\F173D";
}

.mdi-message-reply-text::before {
  content: "\F0368";
}

.mdi-message-reply-text-outline::before {
  content: "\F173E";
}

.mdi-message-settings::before {
  content: "\F06F0";
}

.mdi-message-settings-outline::before {
  content: "\F1171";
}

.mdi-message-star::before {
  content: "\F069A";
}

.mdi-message-star-outline::before {
  content: "\F1250";
}

.mdi-message-text::before {
  content: "\F0369";
}

.mdi-message-text-clock::before {
  content: "\F1173";
}

.mdi-message-text-clock-outline::before {
  content: "\F1174";
}

.mdi-message-text-fast::before {
  content: "\F19CE";
}

.mdi-message-text-fast-outline::before {
  content: "\F19CF";
}

.mdi-message-text-lock::before {
  content: "\F0FCD";
}

.mdi-message-text-lock-outline::before {
  content: "\F1175";
}

.mdi-message-text-outline::before {
  content: "\F036A";
}

.mdi-message-video::before {
  content: "\F036B";
}

.mdi-meteor::before {
  content: "\F0629";
}

.mdi-meter-electric::before {
  content: "\F1A57";
}

.mdi-meter-electric-outline::before {
  content: "\F1A58";
}

.mdi-meter-gas::before {
  content: "\F1A59";
}

.mdi-meter-gas-outline::before {
  content: "\F1A5A";
}

.mdi-metronome::before {
  content: "\F07DA";
}

.mdi-metronome-tick::before {
  content: "\F07DB";
}

.mdi-micro-sd::before {
  content: "\F07DC";
}

.mdi-microphone::before {
  content: "\F036C";
}

.mdi-microphone-message::before {
  content: "\F050A";
}

.mdi-microphone-message-off::before {
  content: "\F050B";
}

.mdi-microphone-minus::before {
  content: "\F08B3";
}

.mdi-microphone-off::before {
  content: "\F036D";
}

.mdi-microphone-outline::before {
  content: "\F036E";
}

.mdi-microphone-plus::before {
  content: "\F08B4";
}

.mdi-microphone-question::before {
  content: "\F1989";
}

.mdi-microphone-question-outline::before {
  content: "\F198A";
}

.mdi-microphone-settings::before {
  content: "\F036F";
}

.mdi-microphone-variant::before {
  content: "\F0370";
}

.mdi-microphone-variant-off::before {
  content: "\F0371";
}

.mdi-microscope::before {
  content: "\F0654";
}

.mdi-microsoft::before {
  content: "\F0372";
}

.mdi-microsoft-access::before {
  content: "\F138E";
}

.mdi-microsoft-azure::before {
  content: "\F0805";
}

.mdi-microsoft-azure-devops::before {
  content: "\F0FD5";
}

.mdi-microsoft-bing::before {
  content: "\F00A4";
}

.mdi-microsoft-dynamics-365::before {
  content: "\F0988";
}

.mdi-microsoft-edge::before {
  content: "\F01E9";
}

.mdi-microsoft-excel::before {
  content: "\F138F";
}

.mdi-microsoft-internet-explorer::before {
  content: "\F0300";
}

.mdi-microsoft-office::before {
  content: "\F03C6";
}

.mdi-microsoft-onedrive::before {
  content: "\F03CA";
}

.mdi-microsoft-onenote::before {
  content: "\F0747";
}

.mdi-microsoft-outlook::before {
  content: "\F0D22";
}

.mdi-microsoft-powerpoint::before {
  content: "\F1390";
}

.mdi-microsoft-sharepoint::before {
  content: "\F1391";
}

.mdi-microsoft-teams::before {
  content: "\F02BB";
}

.mdi-microsoft-visual-studio::before {
  content: "\F0610";
}

.mdi-microsoft-visual-studio-code::before {
  content: "\F0A1E";
}

.mdi-microsoft-windows::before {
  content: "\F05B3";
}

.mdi-microsoft-windows-classic::before {
  content: "\F0A21";
}

.mdi-microsoft-word::before {
  content: "\F1392";
}

.mdi-microsoft-xbox::before {
  content: "\F05B9";
}

.mdi-microsoft-xbox-controller::before {
  content: "\F05BA";
}

.mdi-microsoft-xbox-controller-battery-alert::before {
  content: "\F074B";
}

.mdi-microsoft-xbox-controller-battery-charging::before {
  content: "\F0A22";
}

.mdi-microsoft-xbox-controller-battery-empty::before {
  content: "\F074C";
}

.mdi-microsoft-xbox-controller-battery-full::before {
  content: "\F074D";
}

.mdi-microsoft-xbox-controller-battery-low::before {
  content: "\F074E";
}

.mdi-microsoft-xbox-controller-battery-medium::before {
  content: "\F074F";
}

.mdi-microsoft-xbox-controller-battery-unknown::before {
  content: "\F0750";
}

.mdi-microsoft-xbox-controller-menu::before {
  content: "\F0E6F";
}

.mdi-microsoft-xbox-controller-off::before {
  content: "\F05BB";
}

.mdi-microsoft-xbox-controller-view::before {
  content: "\F0E70";
}

.mdi-microwave::before {
  content: "\F0C99";
}

.mdi-microwave-off::before {
  content: "\F1423";
}

.mdi-middleware::before {
  content: "\F0F5D";
}

.mdi-middleware-outline::before {
  content: "\F0F5E";
}

.mdi-midi::before {
  content: "\F08F1";
}

.mdi-midi-port::before {
  content: "\F08F2";
}

.mdi-mine::before {
  content: "\F0DDA";
}

.mdi-minecraft::before {
  content: "\F0373";
}

.mdi-mini-sd::before {
  content: "\F0A05";
}

.mdi-minidisc::before {
  content: "\F0A06";
}

.mdi-minus::before {
  content: "\F0374";
}

.mdi-minus-box::before {
  content: "\F0375";
}

.mdi-minus-box-multiple::before {
  content: "\F1141";
}

.mdi-minus-box-multiple-outline::before {
  content: "\F1142";
}

.mdi-minus-box-outline::before {
  content: "\F06F2";
}

.mdi-minus-circle::before {
  content: "\F0376";
}

.mdi-minus-circle-multiple::before {
  content: "\F035A";
}

.mdi-minus-circle-multiple-outline::before {
  content: "\F0AD3";
}

.mdi-minus-circle-off::before {
  content: "\F1459";
}

.mdi-minus-circle-off-outline::before {
  content: "\F145A";
}

.mdi-minus-circle-outline::before {
  content: "\F0377";
}

.mdi-minus-network::before {
  content: "\F0378";
}

.mdi-minus-network-outline::before {
  content: "\F0C9A";
}

.mdi-minus-thick::before {
  content: "\F1639";
}

.mdi-mirror::before {
  content: "\F11FD";
}

.mdi-mirror-rectangle::before {
  content: "\F179F";
}

.mdi-mirror-variant::before {
  content: "\F17A0";
}

.mdi-mixed-martial-arts::before {
  content: "\F0D8F";
}

.mdi-mixed-reality::before {
  content: "\F087F";
}

.mdi-molecule::before {
  content: "\F0BAC";
}

.mdi-molecule-co::before {
  content: "\F12FE";
}

.mdi-molecule-co2::before {
  content: "\F07E4";
}

.mdi-monitor::before {
  content: "\F0379";
}

.mdi-monitor-account::before {
  content: "\F1A5B";
}

.mdi-monitor-arrow-down::before {
  content: "\F19D0";
}

.mdi-monitor-arrow-down-variant::before {
  content: "\F19D1";
}

.mdi-monitor-cellphone::before {
  content: "\F0989";
}

.mdi-monitor-cellphone-star::before {
  content: "\F098A";
}

.mdi-monitor-dashboard::before {
  content: "\F0A07";
}

.mdi-monitor-edit::before {
  content: "\F12C6";
}

.mdi-monitor-eye::before {
  content: "\F13B4";
}

.mdi-monitor-lock::before {
  content: "\F0DDB";
}

.mdi-monitor-multiple::before {
  content: "\F037A";
}

.mdi-monitor-off::before {
  content: "\F0D90";
}

.mdi-monitor-screenshot::before {
  content: "\F0E51";
}

.mdi-monitor-share::before {
  content: "\F1483";
}

.mdi-monitor-shimmer::before {
  content: "\F1104";
}

.mdi-monitor-small::before {
  content: "\F1876";
}

.mdi-monitor-speaker::before {
  content: "\F0F5F";
}

.mdi-monitor-speaker-off::before {
  content: "\F0F60";
}

.mdi-monitor-star::before {
  content: "\F0DDC";
}

.mdi-monitor-vertical::before {
  content: "\F1C33";
}

.mdi-moon-first-quarter::before {
  content: "\F0F61";
}

.mdi-moon-full::before {
  content: "\F0F62";
}

.mdi-moon-last-quarter::before {
  content: "\F0F63";
}

.mdi-moon-new::before {
  content: "\F0F64";
}

.mdi-moon-waning-crescent::before {
  content: "\F0F65";
}

.mdi-moon-waning-gibbous::before {
  content: "\F0F66";
}

.mdi-moon-waxing-crescent::before {
  content: "\F0F67";
}

.mdi-moon-waxing-gibbous::before {
  content: "\F0F68";
}

.mdi-moped::before {
  content: "\F1086";
}

.mdi-moped-electric::before {
  content: "\F15B7";
}

.mdi-moped-electric-outline::before {
  content: "\F15B8";
}

.mdi-moped-outline::before {
  content: "\F15B9";
}

.mdi-more::before {
  content: "\F037B";
}

.mdi-mortar-pestle::before {
  content: "\F1748";
}

.mdi-mortar-pestle-plus::before {
  content: "\F03F1";
}

.mdi-mosque::before {
  content: "\F0D45";
}

.mdi-mosque-outline::before {
  content: "\F1827";
}

.mdi-mother-heart::before {
  content: "\F1314";
}

.mdi-mother-nurse::before {
  content: "\F0D21";
}

.mdi-motion::before {
  content: "\F15B2";
}

.mdi-motion-outline::before {
  content: "\F15B3";
}

.mdi-motion-pause::before {
  content: "\F1590";
}

.mdi-motion-pause-outline::before {
  content: "\F1592";
}

.mdi-motion-play::before {
  content: "\F158F";
}

.mdi-motion-play-outline::before {
  content: "\F1591";
}

.mdi-motion-sensor::before {
  content: "\F0D91";
}

.mdi-motion-sensor-off::before {
  content: "\F1435";
}

.mdi-motorbike::before {
  content: "\F037C";
}

.mdi-motorbike-electric::before {
  content: "\F15BA";
}

.mdi-motorbike-off::before {
  content: "\F1B16";
}

.mdi-mouse::before {
  content: "\F037D";
}

.mdi-mouse-bluetooth::before {
  content: "\F098B";
}

.mdi-mouse-move-down::before {
  content: "\F1550";
}

.mdi-mouse-move-up::before {
  content: "\F1551";
}

.mdi-mouse-move-vertical::before {
  content: "\F1552";
}

.mdi-mouse-off::before {
  content: "\F037E";
}

.mdi-mouse-variant::before {
  content: "\F037F";
}

.mdi-mouse-variant-off::before {
  content: "\F0380";
}

.mdi-move-resize::before {
  content: "\F0655";
}

.mdi-move-resize-variant::before {
  content: "\F0656";
}

.mdi-movie::before {
  content: "\F0381";
}

.mdi-movie-check::before {
  content: "\F16F3";
}

.mdi-movie-check-outline::before {
  content: "\F16F4";
}

.mdi-movie-cog::before {
  content: "\F16F5";
}

.mdi-movie-cog-outline::before {
  content: "\F16F6";
}

.mdi-movie-edit::before {
  content: "\F1122";
}

.mdi-movie-edit-outline::before {
  content: "\F1123";
}

.mdi-movie-filter::before {
  content: "\F1124";
}

.mdi-movie-filter-outline::before {
  content: "\F1125";
}

.mdi-movie-minus::before {
  content: "\F16F7";
}

.mdi-movie-minus-outline::before {
  content: "\F16F8";
}

.mdi-movie-off::before {
  content: "\F16F9";
}

.mdi-movie-off-outline::before {
  content: "\F16FA";
}

.mdi-movie-open::before {
  content: "\F0FCE";
}

.mdi-movie-open-check::before {
  content: "\F16FB";
}

.mdi-movie-open-check-outline::before {
  content: "\F16FC";
}

.mdi-movie-open-cog::before {
  content: "\F16FD";
}

.mdi-movie-open-cog-outline::before {
  content: "\F16FE";
}

.mdi-movie-open-edit::before {
  content: "\F16FF";
}

.mdi-movie-open-edit-outline::before {
  content: "\F1700";
}

.mdi-movie-open-minus::before {
  content: "\F1701";
}

.mdi-movie-open-minus-outline::before {
  content: "\F1702";
}

.mdi-movie-open-off::before {
  content: "\F1703";
}

.mdi-movie-open-off-outline::before {
  content: "\F1704";
}

.mdi-movie-open-outline::before {
  content: "\F0FCF";
}

.mdi-movie-open-play::before {
  content: "\F1705";
}

.mdi-movie-open-play-outline::before {
  content: "\F1706";
}

.mdi-movie-open-plus::before {
  content: "\F1707";
}

.mdi-movie-open-plus-outline::before {
  content: "\F1708";
}

.mdi-movie-open-remove::before {
  content: "\F1709";
}

.mdi-movie-open-remove-outline::before {
  content: "\F170A";
}

.mdi-movie-open-settings::before {
  content: "\F170B";
}

.mdi-movie-open-settings-outline::before {
  content: "\F170C";
}

.mdi-movie-open-star::before {
  content: "\F170D";
}

.mdi-movie-open-star-outline::before {
  content: "\F170E";
}

.mdi-movie-outline::before {
  content: "\F0DDD";
}

.mdi-movie-play::before {
  content: "\F170F";
}

.mdi-movie-play-outline::before {
  content: "\F1710";
}

.mdi-movie-plus::before {
  content: "\F1711";
}

.mdi-movie-plus-outline::before {
  content: "\F1712";
}

.mdi-movie-remove::before {
  content: "\F1713";
}

.mdi-movie-remove-outline::before {
  content: "\F1714";
}

.mdi-movie-roll::before {
  content: "\F07DE";
}

.mdi-movie-search::before {
  content: "\F11D2";
}

.mdi-movie-search-outline::before {
  content: "\F11D3";
}

.mdi-movie-settings::before {
  content: "\F1715";
}

.mdi-movie-settings-outline::before {
  content: "\F1716";
}

.mdi-movie-star::before {
  content: "\F1717";
}

.mdi-movie-star-outline::before {
  content: "\F1718";
}

.mdi-mower::before {
  content: "\F166F";
}

.mdi-mower-bag::before {
  content: "\F1670";
}

.mdi-mower-bag-on::before {
  content: "\F1B60";
}

.mdi-mower-on::before {
  content: "\F1B5F";
}

.mdi-muffin::before {
  content: "\F098C";
}

.mdi-multicast::before {
  content: "\F1893";
}

.mdi-multimedia::before {
  content: "\F1B97";
}

.mdi-multiplication::before {
  content: "\F0382";
}

.mdi-multiplication-box::before {
  content: "\F0383";
}

.mdi-mushroom::before {
  content: "\F07DF";
}

.mdi-mushroom-off::before {
  content: "\F13FA";
}

.mdi-mushroom-off-outline::before {
  content: "\F13FB";
}

.mdi-mushroom-outline::before {
  content: "\F07E0";
}

.mdi-music::before {
  content: "\F075A";
}

.mdi-music-accidental-double-flat::before {
  content: "\F0F69";
}

.mdi-music-accidental-double-sharp::before {
  content: "\F0F6A";
}

.mdi-music-accidental-flat::before {
  content: "\F0F6B";
}

.mdi-music-accidental-natural::before {
  content: "\F0F6C";
}

.mdi-music-accidental-sharp::before {
  content: "\F0F6D";
}

.mdi-music-box::before {
  content: "\F0384";
}

.mdi-music-box-multiple::before {
  content: "\F0333";
}

.mdi-music-box-multiple-outline::before {
  content: "\F0F04";
}

.mdi-music-box-outline::before {
  content: "\F0385";
}

.mdi-music-circle::before {
  content: "\F0386";
}

.mdi-music-circle-outline::before {
  content: "\F0AD4";
}

.mdi-music-clef-alto::before {
  content: "\F0F6E";
}

.mdi-music-clef-bass::before {
  content: "\F0F6F";
}

.mdi-music-clef-treble::before {
  content: "\F0F70";
}

.mdi-music-note::before {
  content: "\F0387";
}

.mdi-music-note-bluetooth::before {
  content: "\F05FE";
}

.mdi-music-note-bluetooth-off::before {
  content: "\F05FF";
}

.mdi-music-note-eighth::before {
  content: "\F0388";
}

.mdi-music-note-eighth-dotted::before {
  content: "\F0F71";
}

.mdi-music-note-half::before {
  content: "\F0389";
}

.mdi-music-note-half-dotted::before {
  content: "\F0F72";
}

.mdi-music-note-minus::before {
  content: "\F1B89";
}

.mdi-music-note-off::before {
  content: "\F038A";
}

.mdi-music-note-off-outline::before {
  content: "\F0F73";
}

.mdi-music-note-outline::before {
  content: "\F0F74";
}

.mdi-music-note-plus::before {
  content: "\F0DDE";
}

.mdi-music-note-quarter::before {
  content: "\F038B";
}

.mdi-music-note-quarter-dotted::before {
  content: "\F0F75";
}

.mdi-music-note-sixteenth::before {
  content: "\F038C";
}

.mdi-music-note-sixteenth-dotted::before {
  content: "\F0F76";
}

.mdi-music-note-whole::before {
  content: "\F038D";
}

.mdi-music-note-whole-dotted::before {
  content: "\F0F77";
}

.mdi-music-off::before {
  content: "\F075B";
}

.mdi-music-rest-eighth::before {
  content: "\F0F78";
}

.mdi-music-rest-half::before {
  content: "\F0F79";
}

.mdi-music-rest-quarter::before {
  content: "\F0F7A";
}

.mdi-music-rest-sixteenth::before {
  content: "\F0F7B";
}

.mdi-music-rest-whole::before {
  content: "\F0F7C";
}

.mdi-mustache::before {
  content: "\F15DE";
}

.mdi-nail::before {
  content: "\F0DDF";
}

.mdi-nas::before {
  content: "\F08F3";
}

.mdi-nativescript::before {
  content: "\F0880";
}

.mdi-nature::before {
  content: "\F038E";
}

.mdi-nature-outline::before {
  content: "\F1C71";
}

.mdi-nature-people::before {
  content: "\F038F";
}

.mdi-nature-people-outline::before {
  content: "\F1C72";
}

.mdi-navigation::before {
  content: "\F0390";
}

.mdi-navigation-outline::before {
  content: "\F1607";
}

.mdi-navigation-variant::before {
  content: "\F18F0";
}

.mdi-navigation-variant-outline::before {
  content: "\F18F1";
}

.mdi-near-me::before {
  content: "\F05CD";
}

.mdi-necklace::before {
  content: "\F0F0B";
}

.mdi-needle::before {
  content: "\F0391";
}

.mdi-needle-off::before {
  content: "\F19D2";
}

.mdi-netflix::before {
  content: "\F0746";
}

.mdi-network::before {
  content: "\F06F3";
}

.mdi-network-off::before {
  content: "\F0C9B";
}

.mdi-network-off-outline::before {
  content: "\F0C9C";
}

.mdi-network-outline::before {
  content: "\F0C9D";
}

.mdi-network-pos::before {
  content: "\F1ACB";
}

.mdi-network-strength-1::before {
  content: "\F08F4";
}

.mdi-network-strength-1-alert::before {
  content: "\F08F5";
}

.mdi-network-strength-2::before {
  content: "\F08F6";
}

.mdi-network-strength-2-alert::before {
  content: "\F08F7";
}

.mdi-network-strength-3::before {
  content: "\F08F8";
}

.mdi-network-strength-3-alert::before {
  content: "\F08F9";
}

.mdi-network-strength-4::before {
  content: "\F08FA";
}

.mdi-network-strength-4-alert::before {
  content: "\F08FB";
}

.mdi-network-strength-4-cog::before {
  content: "\F191A";
}

.mdi-network-strength-off::before {
  content: "\F08FC";
}

.mdi-network-strength-off-outline::before {
  content: "\F08FD";
}

.mdi-network-strength-outline::before {
  content: "\F08FE";
}

.mdi-new-box::before {
  content: "\F0394";
}

.mdi-newspaper::before {
  content: "\F0395";
}

.mdi-newspaper-check::before {
  content: "\F1943";
}

.mdi-newspaper-minus::before {
  content: "\F0F0C";
}

.mdi-newspaper-plus::before {
  content: "\F0F0D";
}

.mdi-newspaper-remove::before {
  content: "\F1944";
}

.mdi-newspaper-variant::before {
  content: "\F1001";
}

.mdi-newspaper-variant-multiple::before {
  content: "\F1002";
}

.mdi-newspaper-variant-multiple-outline::before {
  content: "\F1003";
}

.mdi-newspaper-variant-outline::before {
  content: "\F1004";
}

.mdi-nfc::before {
  content: "\F0396";
}

.mdi-nfc-search-variant::before {
  content: "\F0E53";
}

.mdi-nfc-tap::before {
  content: "\F0397";
}

.mdi-nfc-variant::before {
  content: "\F0398";
}

.mdi-nfc-variant-off::before {
  content: "\F0E54";
}

.mdi-ninja::before {
  content: "\F0774";
}

.mdi-nintendo-game-boy::before {
  content: "\F1393";
}

.mdi-nintendo-switch::before {
  content: "\F07E1";
}

.mdi-nintendo-wii::before {
  content: "\F05AB";
}

.mdi-nintendo-wiiu::before {
  content: "\F072D";
}

.mdi-nix::before {
  content: "\F1105";
}

.mdi-nodejs::before {
  content: "\F0399";
}

.mdi-noodles::before {
  content: "\F117E";
}

.mdi-not-equal::before {
  content: "\F098D";
}

.mdi-not-equal-variant::before {
  content: "\F098E";
}

.mdi-note::before {
  content: "\F039A";
}

.mdi-note-alert::before {
  content: "\F177D";
}

.mdi-note-alert-outline::before {
  content: "\F177E";
}

.mdi-note-check::before {
  content: "\F177F";
}

.mdi-note-check-outline::before {
  content: "\F1780";
}

.mdi-note-edit::before {
  content: "\F1781";
}

.mdi-note-edit-outline::before {
  content: "\F1782";
}

.mdi-note-minus::before {
  content: "\F164F";
}

.mdi-note-minus-outline::before {
  content: "\F1650";
}

.mdi-note-multiple::before {
  content: "\F06B8";
}

.mdi-note-multiple-outline::before {
  content: "\F06B9";
}

.mdi-note-off::before {
  content: "\F1783";
}

.mdi-note-off-outline::before {
  content: "\F1784";
}

.mdi-note-outline::before {
  content: "\F039B";
}

.mdi-note-plus::before {
  content: "\F039C";
}

.mdi-note-plus-outline::before {
  content: "\F039D";
}

.mdi-note-remove::before {
  content: "\F1651";
}

.mdi-note-remove-outline::before {
  content: "\F1652";
}

.mdi-note-search::before {
  content: "\F1653";
}

.mdi-note-search-outline::before {
  content: "\F1654";
}

.mdi-note-text::before {
  content: "\F039E";
}

.mdi-note-text-outline::before {
  content: "\F11D7";
}

.mdi-notebook::before {
  content: "\F082E";
}

.mdi-notebook-check::before {
  content: "\F14F5";
}

.mdi-notebook-check-outline::before {
  content: "\F14F6";
}

.mdi-notebook-edit::before {
  content: "\F14E7";
}

.mdi-notebook-edit-outline::before {
  content: "\F14E9";
}

.mdi-notebook-heart::before {
  content: "\F1A0B";
}

.mdi-notebook-heart-outline::before {
  content: "\F1A0C";
}

.mdi-notebook-minus::before {
  content: "\F1610";
}

.mdi-notebook-minus-outline::before {
  content: "\F1611";
}

.mdi-notebook-multiple::before {
  content: "\F0E55";
}

.mdi-notebook-outline::before {
  content: "\F0EBF";
}

.mdi-notebook-plus::before {
  content: "\F1612";
}

.mdi-notebook-plus-outline::before {
  content: "\F1613";
}

.mdi-notebook-remove::before {
  content: "\F1614";
}

.mdi-notebook-remove-outline::before {
  content: "\F1615";
}

.mdi-notification-clear-all::before {
  content: "\F039F";
}

.mdi-npm::before {
  content: "\F06F7";
}

.mdi-nuke::before {
  content: "\F06A4";
}

.mdi-null::before {
  content: "\F07E2";
}

.mdi-numeric::before {
  content: "\F03A0";
}

.mdi-numeric-0::before {
  content: "\F0B39";
}

.mdi-numeric-0-box::before {
  content: "\F03A1";
}

.mdi-numeric-0-box-multiple::before {
  content: "\F0F0E";
}

.mdi-numeric-0-box-multiple-outline::before {
  content: "\F03A2";
}

.mdi-numeric-0-box-outline::before {
  content: "\F03A3";
}

.mdi-numeric-0-circle::before {
  content: "\F0C9E";
}

.mdi-numeric-0-circle-outline::before {
  content: "\F0C9F";
}

.mdi-numeric-1::before {
  content: "\F0B3A";
}

.mdi-numeric-1-box::before {
  content: "\F03A4";
}

.mdi-numeric-1-box-multiple::before {
  content: "\F0F0F";
}

.mdi-numeric-1-box-multiple-outline::before {
  content: "\F03A5";
}

.mdi-numeric-1-box-outline::before {
  content: "\F03A6";
}

.mdi-numeric-1-circle::before {
  content: "\F0CA0";
}

.mdi-numeric-1-circle-outline::before {
  content: "\F0CA1";
}

.mdi-numeric-10::before {
  content: "\F0FE9";
}

.mdi-numeric-10-box::before {
  content: "\F0F7D";
}

.mdi-numeric-10-box-multiple::before {
  content: "\F0FEA";
}

.mdi-numeric-10-box-multiple-outline::before {
  content: "\F0FEB";
}

.mdi-numeric-10-box-outline::before {
  content: "\F0F7E";
}

.mdi-numeric-10-circle::before {
  content: "\F0FEC";
}

.mdi-numeric-10-circle-outline::before {
  content: "\F0FED";
}

.mdi-numeric-2::before {
  content: "\F0B3B";
}

.mdi-numeric-2-box::before {
  content: "\F03A7";
}

.mdi-numeric-2-box-multiple::before {
  content: "\F0F10";
}

.mdi-numeric-2-box-multiple-outline::before {
  content: "\F03A8";
}

.mdi-numeric-2-box-outline::before {
  content: "\F03A9";
}

.mdi-numeric-2-circle::before {
  content: "\F0CA2";
}

.mdi-numeric-2-circle-outline::before {
  content: "\F0CA3";
}

.mdi-numeric-3::before {
  content: "\F0B3C";
}

.mdi-numeric-3-box::before {
  content: "\F03AA";
}

.mdi-numeric-3-box-multiple::before {
  content: "\F0F11";
}

.mdi-numeric-3-box-multiple-outline::before {
  content: "\F03AB";
}

.mdi-numeric-3-box-outline::before {
  content: "\F03AC";
}

.mdi-numeric-3-circle::before {
  content: "\F0CA4";
}

.mdi-numeric-3-circle-outline::before {
  content: "\F0CA5";
}

.mdi-numeric-4::before {
  content: "\F0B3D";
}

.mdi-numeric-4-box::before {
  content: "\F03AD";
}

.mdi-numeric-4-box-multiple::before {
  content: "\F0F12";
}

.mdi-numeric-4-box-multiple-outline::before {
  content: "\F03B2";
}

.mdi-numeric-4-box-outline::before {
  content: "\F03AE";
}

.mdi-numeric-4-circle::before {
  content: "\F0CA6";
}

.mdi-numeric-4-circle-outline::before {
  content: "\F0CA7";
}

.mdi-numeric-5::before {
  content: "\F0B3E";
}

.mdi-numeric-5-box::before {
  content: "\F03B1";
}

.mdi-numeric-5-box-multiple::before {
  content: "\F0F13";
}

.mdi-numeric-5-box-multiple-outline::before {
  content: "\F03AF";
}

.mdi-numeric-5-box-outline::before {
  content: "\F03B0";
}

.mdi-numeric-5-circle::before {
  content: "\F0CA8";
}

.mdi-numeric-5-circle-outline::before {
  content: "\F0CA9";
}

.mdi-numeric-6::before {
  content: "\F0B3F";
}

.mdi-numeric-6-box::before {
  content: "\F03B3";
}

.mdi-numeric-6-box-multiple::before {
  content: "\F0F14";
}

.mdi-numeric-6-box-multiple-outline::before {
  content: "\F03B4";
}

.mdi-numeric-6-box-outline::before {
  content: "\F03B5";
}

.mdi-numeric-6-circle::before {
  content: "\F0CAA";
}

.mdi-numeric-6-circle-outline::before {
  content: "\F0CAB";
}

.mdi-numeric-7::before {
  content: "\F0B40";
}

.mdi-numeric-7-box::before {
  content: "\F03B6";
}

.mdi-numeric-7-box-multiple::before {
  content: "\F0F15";
}

.mdi-numeric-7-box-multiple-outline::before {
  content: "\F03B7";
}

.mdi-numeric-7-box-outline::before {
  content: "\F03B8";
}

.mdi-numeric-7-circle::before {
  content: "\F0CAC";
}

.mdi-numeric-7-circle-outline::before {
  content: "\F0CAD";
}

.mdi-numeric-8::before {
  content: "\F0B41";
}

.mdi-numeric-8-box::before {
  content: "\F03B9";
}

.mdi-numeric-8-box-multiple::before {
  content: "\F0F16";
}

.mdi-numeric-8-box-multiple-outline::before {
  content: "\F03BA";
}

.mdi-numeric-8-box-outline::before {
  content: "\F03BB";
}

.mdi-numeric-8-circle::before {
  content: "\F0CAE";
}

.mdi-numeric-8-circle-outline::before {
  content: "\F0CAF";
}

.mdi-numeric-9::before {
  content: "\F0B42";
}

.mdi-numeric-9-box::before {
  content: "\F03BC";
}

.mdi-numeric-9-box-multiple::before {
  content: "\F0F17";
}

.mdi-numeric-9-box-multiple-outline::before {
  content: "\F03BD";
}

.mdi-numeric-9-box-outline::before {
  content: "\F03BE";
}

.mdi-numeric-9-circle::before {
  content: "\F0CB0";
}

.mdi-numeric-9-circle-outline::before {
  content: "\F0CB1";
}

.mdi-numeric-9-plus::before {
  content: "\F0FEE";
}

.mdi-numeric-9-plus-box::before {
  content: "\F03BF";
}

.mdi-numeric-9-plus-box-multiple::before {
  content: "\F0F18";
}

.mdi-numeric-9-plus-box-multiple-outline::before {
  content: "\F03C0";
}

.mdi-numeric-9-plus-box-outline::before {
  content: "\F03C1";
}

.mdi-numeric-9-plus-circle::before {
  content: "\F0CB2";
}

.mdi-numeric-9-plus-circle-outline::before {
  content: "\F0CB3";
}

.mdi-numeric-negative-1::before {
  content: "\F1052";
}

.mdi-numeric-off::before {
  content: "\F19D3";
}

.mdi-numeric-positive-1::before {
  content: "\F15CB";
}

.mdi-nut::before {
  content: "\F06F8";
}

.mdi-nutrition::before {
  content: "\F03C2";
}

.mdi-nuxt::before {
  content: "\F1106";
}

.mdi-oar::before {
  content: "\F067C";
}

.mdi-ocarina::before {
  content: "\F0DE0";
}

.mdi-oci::before {
  content: "\F12E9";
}

.mdi-ocr::before {
  content: "\F113A";
}

.mdi-octagon::before {
  content: "\F03C3";
}

.mdi-octagon-outline::before {
  content: "\F03C4";
}

.mdi-octagram::before {
  content: "\F06F9";
}

.mdi-octagram-edit::before {
  content: "\F1C34";
}

.mdi-octagram-edit-outline::before {
  content: "\F1C35";
}

.mdi-octagram-minus::before {
  content: "\F1C36";
}

.mdi-octagram-minus-outline::before {
  content: "\F1C37";
}

.mdi-octagram-outline::before {
  content: "\F0775";
}

.mdi-octagram-plus::before {
  content: "\F1C38";
}

.mdi-octagram-plus-outline::before {
  content: "\F1C39";
}

.mdi-octahedron::before {
  content: "\F1950";
}

.mdi-octahedron-off::before {
  content: "\F1951";
}

.mdi-odnoklassniki::before {
  content: "\F03C5";
}

.mdi-offer::before {
  content: "\F121B";
}

.mdi-office-building::before {
  content: "\F0991";
}

.mdi-office-building-cog::before {
  content: "\F1949";
}

.mdi-office-building-cog-outline::before {
  content: "\F194A";
}

.mdi-office-building-marker::before {
  content: "\F1520";
}

.mdi-office-building-marker-outline::before {
  content: "\F1521";
}

.mdi-office-building-minus::before {
  content: "\F1BAA";
}

.mdi-office-building-minus-outline::before {
  content: "\F1BAB";
}

.mdi-office-building-outline::before {
  content: "\F151F";
}

.mdi-office-building-plus::before {
  content: "\F1BA8";
}

.mdi-office-building-plus-outline::before {
  content: "\F1BA9";
}

.mdi-office-building-remove::before {
  content: "\F1BAC";
}

.mdi-office-building-remove-outline::before {
  content: "\F1BAD";
}

.mdi-oil::before {
  content: "\F03C7";
}

.mdi-oil-lamp::before {
  content: "\F0F19";
}

.mdi-oil-level::before {
  content: "\F1053";
}

.mdi-oil-temperature::before {
  content: "\F0FF8";
}

.mdi-om::before {
  content: "\F0973";
}

.mdi-omega::before {
  content: "\F03C9";
}

.mdi-one-up::before {
  content: "\F0BAD";
}

.mdi-onepassword::before {
  content: "\F0881";
}

.mdi-opacity::before {
  content: "\F05CC";
}

.mdi-open-in-app::before {
  content: "\F03CB";
}

.mdi-open-in-new::before {
  content: "\F03CC";
}

.mdi-open-source-initiative::before {
  content: "\F0BAE";
}

.mdi-openid::before {
  content: "\F03CD";
}

.mdi-opera::before {
  content: "\F03CE";
}

.mdi-orbit::before {
  content: "\F0018";
}

.mdi-orbit-variant::before {
  content: "\F15DB";
}

.mdi-order-alphabetical-ascending::before {
  content: "\F020D";
}

.mdi-order-alphabetical-descending::before {
  content: "\F0D07";
}

.mdi-order-bool-ascending::before {
  content: "\F02BE";
}

.mdi-order-bool-ascending-variant::before {
  content: "\F098F";
}

.mdi-order-bool-descending::before {
  content: "\F1384";
}

.mdi-order-bool-descending-variant::before {
  content: "\F0990";
}

.mdi-order-numeric-ascending::before {
  content: "\F0545";
}

.mdi-order-numeric-descending::before {
  content: "\F0546";
}

.mdi-origin::before {
  content: "\F0B43";
}

.mdi-ornament::before {
  content: "\F03CF";
}

.mdi-ornament-variant::before {
  content: "\F03D0";
}

.mdi-outdoor-lamp::before {
  content: "\F1054";
}

.mdi-overscan::before {
  content: "\F1005";
}

.mdi-owl::before {
  content: "\F03D2";
}

.mdi-pac-man::before {
  content: "\F0BAF";
}

.mdi-package::before {
  content: "\F03D3";
}

.mdi-package-check::before {
  content: "\F1B51";
}

.mdi-package-down::before {
  content: "\F03D4";
}

.mdi-package-up::before {
  content: "\F03D5";
}

.mdi-package-variant::before {
  content: "\F03D6";
}

.mdi-package-variant-closed::before {
  content: "\F03D7";
}

.mdi-package-variant-closed-check::before {
  content: "\F1B52";
}

.mdi-package-variant-closed-minus::before {
  content: "\F19D4";
}

.mdi-package-variant-closed-plus::before {
  content: "\F19D5";
}

.mdi-package-variant-closed-remove::before {
  content: "\F19D6";
}

.mdi-package-variant-minus::before {
  content: "\F19D7";
}

.mdi-package-variant-plus::before {
  content: "\F19D8";
}

.mdi-package-variant-remove::before {
  content: "\F19D9";
}

.mdi-page-first::before {
  content: "\F0600";
}

.mdi-page-last::before {
  content: "\F0601";
}

.mdi-page-layout-body::before {
  content: "\F06FA";
}

.mdi-page-layout-footer::before {
  content: "\F06FB";
}

.mdi-page-layout-header::before {
  content: "\F06FC";
}

.mdi-page-layout-header-footer::before {
  content: "\F0F7F";
}

.mdi-page-layout-sidebar-left::before {
  content: "\F06FD";
}

.mdi-page-layout-sidebar-right::before {
  content: "\F06FE";
}

.mdi-page-next::before {
  content: "\F0BB0";
}

.mdi-page-next-outline::before {
  content: "\F0BB1";
}

.mdi-page-previous::before {
  content: "\F0BB2";
}

.mdi-page-previous-outline::before {
  content: "\F0BB3";
}

.mdi-pail::before {
  content: "\F1417";
}

.mdi-pail-minus::before {
  content: "\F1437";
}

.mdi-pail-minus-outline::before {
  content: "\F143C";
}

.mdi-pail-off::before {
  content: "\F1439";
}

.mdi-pail-off-outline::before {
  content: "\F143E";
}

.mdi-pail-outline::before {
  content: "\F143A";
}

.mdi-pail-plus::before {
  content: "\F1436";
}

.mdi-pail-plus-outline::before {
  content: "\F143B";
}

.mdi-pail-remove::before {
  content: "\F1438";
}

.mdi-pail-remove-outline::before {
  content: "\F143D";
}

.mdi-palette::before {
  content: "\F03D8";
}

.mdi-palette-advanced::before {
  content: "\F03D9";
}

.mdi-palette-outline::before {
  content: "\F0E0C";
}

.mdi-palette-swatch::before {
  content: "\F08B5";
}

.mdi-palette-swatch-outline::before {
  content: "\F135C";
}

.mdi-palette-swatch-variant::before {
  content: "\F195A";
}

.mdi-palm-tree::before {
  content: "\F1055";
}

.mdi-pan::before {
  content: "\F0BB4";
}

.mdi-pan-bottom-left::before {
  content: "\F0BB5";
}

.mdi-pan-bottom-right::before {
  content: "\F0BB6";
}

.mdi-pan-down::before {
  content: "\F0BB7";
}

.mdi-pan-horizontal::before {
  content: "\F0BB8";
}

.mdi-pan-left::before {
  content: "\F0BB9";
}

.mdi-pan-right::before {
  content: "\F0BBA";
}

.mdi-pan-top-left::before {
  content: "\F0BBB";
}

.mdi-pan-top-right::before {
  content: "\F0BBC";
}

.mdi-pan-up::before {
  content: "\F0BBD";
}

.mdi-pan-vertical::before {
  content: "\F0BBE";
}

.mdi-panda::before {
  content: "\F03DA";
}

.mdi-pandora::before {
  content: "\F03DB";
}

.mdi-panorama::before {
  content: "\F03DC";
}

.mdi-panorama-fisheye::before {
  content: "\F03DD";
}

.mdi-panorama-horizontal::before {
  content: "\F1928";
}

.mdi-panorama-horizontal-outline::before {
  content: "\F03DE";
}

.mdi-panorama-outline::before {
  content: "\F198C";
}

.mdi-panorama-sphere::before {
  content: "\F198D";
}

.mdi-panorama-sphere-outline::before {
  content: "\F198E";
}

.mdi-panorama-variant::before {
  content: "\F198F";
}

.mdi-panorama-variant-outline::before {
  content: "\F1990";
}

.mdi-panorama-vertical::before {
  content: "\F1929";
}

.mdi-panorama-vertical-outline::before {
  content: "\F03DF";
}

.mdi-panorama-wide-angle::before {
  content: "\F195F";
}

.mdi-panorama-wide-angle-outline::before {
  content: "\F03E0";
}

.mdi-paper-cut-vertical::before {
  content: "\F03E1";
}

.mdi-paper-roll::before {
  content: "\F1157";
}

.mdi-paper-roll-outline::before {
  content: "\F1158";
}

.mdi-paperclip::before {
  content: "\F03E2";
}

.mdi-paperclip-check::before {
  content: "\F1AC6";
}

.mdi-paperclip-lock::before {
  content: "\F19DA";
}

.mdi-paperclip-minus::before {
  content: "\F1AC7";
}

.mdi-paperclip-off::before {
  content: "\F1AC8";
}

.mdi-paperclip-plus::before {
  content: "\F1AC9";
}

.mdi-paperclip-remove::before {
  content: "\F1ACA";
}

.mdi-parachute::before {
  content: "\F0CB4";
}

.mdi-parachute-outline::before {
  content: "\F0CB5";
}

.mdi-paragliding::before {
  content: "\F1745";
}

.mdi-parking::before {
  content: "\F03E3";
}

.mdi-party-popper::before {
  content: "\F1056";
}

.mdi-passport::before {
  content: "\F07E3";
}

.mdi-passport-biometric::before {
  content: "\F0DE1";
}

.mdi-pasta::before {
  content: "\F1160";
}

.mdi-patio-heater::before {
  content: "\F0F80";
}

.mdi-patreon::before {
  content: "\F0882";
}

.mdi-pause::before {
  content: "\F03E4";
}

.mdi-pause-box::before {
  content: "\F00BC";
}

.mdi-pause-box-outline::before {
  content: "\F1B7A";
}

.mdi-pause-circle::before {
  content: "\F03E5";
}

.mdi-pause-circle-outline::before {
  content: "\F03E6";
}

.mdi-pause-octagon::before {
  content: "\F03E7";
}

.mdi-pause-octagon-outline::before {
  content: "\F03E8";
}

.mdi-paw::before {
  content: "\F03E9";
}

.mdi-paw-off::before {
  content: "\F0657";
}

.mdi-paw-off-outline::before {
  content: "\F1676";
}

.mdi-paw-outline::before {
  content: "\F1675";
}

.mdi-peace::before {
  content: "\F0884";
}

.mdi-peanut::before {
  content: "\F0FFC";
}

.mdi-peanut-off::before {
  content: "\F0FFD";
}

.mdi-peanut-off-outline::before {
  content: "\F0FFF";
}

.mdi-peanut-outline::before {
  content: "\F0FFE";
}

.mdi-pen::before {
  content: "\F03EA";
}

.mdi-pen-lock::before {
  content: "\F0DE2";
}

.mdi-pen-minus::before {
  content: "\F0DE3";
}

.mdi-pen-off::before {
  content: "\F0DE4";
}

.mdi-pen-plus::before {
  content: "\F0DE5";
}

.mdi-pen-remove::before {
  content: "\F0DE6";
}

.mdi-pencil::before {
  content: "\F03EB";
}

.mdi-pencil-box::before {
  content: "\F03EC";
}

.mdi-pencil-box-multiple::before {
  content: "\F1144";
}

.mdi-pencil-box-multiple-outline::before {
  content: "\F1145";
}

.mdi-pencil-box-outline::before {
  content: "\F03ED";
}

.mdi-pencil-circle::before {
  content: "\F06FF";
}

.mdi-pencil-circle-outline::before {
  content: "\F0776";
}

.mdi-pencil-lock::before {
  content: "\F03EE";
}

.mdi-pencil-lock-outline::before {
  content: "\F0DE7";
}

.mdi-pencil-minus::before {
  content: "\F0DE8";
}

.mdi-pencil-minus-outline::before {
  content: "\F0DE9";
}

.mdi-pencil-off::before {
  content: "\F03EF";
}

.mdi-pencil-off-outline::before {
  content: "\F0DEA";
}

.mdi-pencil-outline::before {
  content: "\F0CB6";
}

.mdi-pencil-plus::before {
  content: "\F0DEB";
}

.mdi-pencil-plus-outline::before {
  content: "\F0DEC";
}

.mdi-pencil-remove::before {
  content: "\F0DED";
}

.mdi-pencil-remove-outline::before {
  content: "\F0DEE";
}

.mdi-pencil-ruler::before {
  content: "\F1353";
}

.mdi-pencil-ruler-outline::before {
  content: "\F1C11";
}

.mdi-penguin::before {
  content: "\F0EC0";
}

.mdi-pentagon::before {
  content: "\F0701";
}

.mdi-pentagon-outline::before {
  content: "\F0700";
}

.mdi-pentagram::before {
  content: "\F1667";
}

.mdi-percent::before {
  content: "\F03F0";
}

.mdi-percent-box::before {
  content: "\F1A02";
}

.mdi-percent-box-outline::before {
  content: "\F1A03";
}

.mdi-percent-circle::before {
  content: "\F1A04";
}

.mdi-percent-circle-outline::before {
  content: "\F1A05";
}

.mdi-percent-outline::before {
  content: "\F1278";
}

.mdi-periodic-table::before {
  content: "\F08B6";
}

.mdi-perspective-less::before {
  content: "\F0D23";
}

.mdi-perspective-more::before {
  content: "\F0D24";
}

.mdi-ph::before {
  content: "\F17C5";
}

.mdi-phone::before {
  content: "\F03F2";
}

.mdi-phone-alert::before {
  content: "\F0F1A";
}

.mdi-phone-alert-outline::before {
  content: "\F118E";
}

.mdi-phone-bluetooth::before {
  content: "\F03F3";
}

.mdi-phone-bluetooth-outline::before {
  content: "\F118F";
}

.mdi-phone-cancel::before {
  content: "\F10BC";
}

.mdi-phone-cancel-outline::before {
  content: "\F1190";
}

.mdi-phone-check::before {
  content: "\F11A9";
}

.mdi-phone-check-outline::before {
  content: "\F11AA";
}

.mdi-phone-classic::before {
  content: "\F0602";
}

.mdi-phone-classic-off::before {
  content: "\F1279";
}

.mdi-phone-clock::before {
  content: "\F19DB";
}

.mdi-phone-dial::before {
  content: "\F1559";
}

.mdi-phone-dial-outline::before {
  content: "\F155A";
}

.mdi-phone-forward::before {
  content: "\F03F4";
}

.mdi-phone-forward-outline::before {
  content: "\F1191";
}

.mdi-phone-hangup::before {
  content: "\F03F5";
}

.mdi-phone-hangup-outline::before {
  content: "\F1192";
}

.mdi-phone-in-talk::before {
  content: "\F03F6";
}

.mdi-phone-in-talk-outline::before {
  content: "\F1182";
}

.mdi-phone-incoming::before {
  content: "\F03F7";
}

.mdi-phone-incoming-outgoing::before {
  content: "\F1B3F";
}

.mdi-phone-incoming-outgoing-outline::before {
  content: "\F1B40";
}

.mdi-phone-incoming-outline::before {
  content: "\F1193";
}

.mdi-phone-lock::before {
  content: "\F03F8";
}

.mdi-phone-lock-outline::before {
  content: "\F1194";
}

.mdi-phone-log::before {
  content: "\F03F9";
}

.mdi-phone-log-outline::before {
  content: "\F1195";
}

.mdi-phone-message::before {
  content: "\F1196";
}

.mdi-phone-message-outline::before {
  content: "\F1197";
}

.mdi-phone-minus::before {
  content: "\F0658";
}

.mdi-phone-minus-outline::before {
  content: "\F1198";
}

.mdi-phone-missed::before {
  content: "\F03FA";
}

.mdi-phone-missed-outline::before {
  content: "\F11A5";
}

.mdi-phone-off::before {
  content: "\F0DEF";
}

.mdi-phone-off-outline::before {
  content: "\F11A6";
}

.mdi-phone-outgoing::before {
  content: "\F03FB";
}

.mdi-phone-outgoing-outline::before {
  content: "\F1199";
}

.mdi-phone-outline::before {
  content: "\F0DF0";
}

.mdi-phone-paused::before {
  content: "\F03FC";
}

.mdi-phone-paused-outline::before {
  content: "\F119A";
}

.mdi-phone-plus::before {
  content: "\F0659";
}

.mdi-phone-plus-outline::before {
  content: "\F119B";
}

.mdi-phone-refresh::before {
  content: "\F1993";
}

.mdi-phone-refresh-outline::before {
  content: "\F1994";
}

.mdi-phone-remove::before {
  content: "\F152F";
}

.mdi-phone-remove-outline::before {
  content: "\F1530";
}

.mdi-phone-return::before {
  content: "\F082F";
}

.mdi-phone-return-outline::before {
  content: "\F119C";
}

.mdi-phone-ring::before {
  content: "\F11AB";
}

.mdi-phone-ring-outline::before {
  content: "\F11AC";
}

.mdi-phone-rotate-landscape::before {
  content: "\F0885";
}

.mdi-phone-rotate-portrait::before {
  content: "\F0886";
}

.mdi-phone-settings::before {
  content: "\F03FD";
}

.mdi-phone-settings-outline::before {
  content: "\F119D";
}

.mdi-phone-sync::before {
  content: "\F1995";
}

.mdi-phone-sync-outline::before {
  content: "\F1996";
}

.mdi-phone-voip::before {
  content: "\F03FE";
}

.mdi-pi::before {
  content: "\F03FF";
}

.mdi-pi-box::before {
  content: "\F0400";
}

.mdi-pi-hole::before {
  content: "\F0DF1";
}

.mdi-piano::before {
  content: "\F067D";
}

.mdi-piano-off::before {
  content: "\F0698";
}

.mdi-pickaxe::before {
  content: "\F08B7";
}

.mdi-picture-in-picture-bottom-right::before {
  content: "\F0E57";
}

.mdi-picture-in-picture-bottom-right-outline::before {
  content: "\F0E58";
}

.mdi-picture-in-picture-top-right::before {
  content: "\F0E59";
}

.mdi-picture-in-picture-top-right-outline::before {
  content: "\F0E5A";
}

.mdi-pier::before {
  content: "\F0887";
}

.mdi-pier-crane::before {
  content: "\F0888";
}

.mdi-pig::before {
  content: "\F0401";
}

.mdi-pig-variant::before {
  content: "\F1006";
}

.mdi-pig-variant-outline::before {
  content: "\F1678";
}

.mdi-piggy-bank::before {
  content: "\F1007";
}

.mdi-piggy-bank-outline::before {
  content: "\F1679";
}

.mdi-pill::before {
  content: "\F0402";
}

.mdi-pill-multiple::before {
  content: "\F1B4C";
}

.mdi-pill-off::before {
  content: "\F1A5C";
}

.mdi-pillar::before {
  content: "\F0702";
}

.mdi-pin::before {
  content: "\F0403";
}

.mdi-pin-off::before {
  content: "\F0404";
}

.mdi-pin-off-outline::before {
  content: "\F0930";
}

.mdi-pin-outline::before {
  content: "\F0931";
}

.mdi-pine-tree::before {
  content: "\F0405";
}

.mdi-pine-tree-box::before {
  content: "\F0406";
}

.mdi-pine-tree-fire::before {
  content: "\F141A";
}

.mdi-pine-tree-variant::before {
  content: "\F1C73";
}

.mdi-pine-tree-variant-outline::before {
  content: "\F1C74";
}

.mdi-pinterest::before {
  content: "\F0407";
}

.mdi-pinwheel::before {
  content: "\F0AD5";
}

.mdi-pinwheel-outline::before {
  content: "\F0AD6";
}

.mdi-pipe::before {
  content: "\F07E5";
}

.mdi-pipe-disconnected::before {
  content: "\F07E6";
}

.mdi-pipe-leak::before {
  content: "\F0889";
}

.mdi-pipe-valve::before {
  content: "\F184D";
}

.mdi-pipe-wrench::before {
  content: "\F1354";
}

.mdi-pirate::before {
  content: "\F0A08";
}

.mdi-pistol::before {
  content: "\F0703";
}

.mdi-piston::before {
  content: "\F088A";
}

.mdi-pitchfork::before {
  content: "\F1553";
}

.mdi-pizza::before {
  content: "\F0409";
}

.mdi-plane-car::before {
  content: "\F1AFF";
}

.mdi-plane-train::before {
  content: "\F1B00";
}

.mdi-play::before {
  content: "\F040A";
}

.mdi-play-box::before {
  content: "\F127A";
}

.mdi-play-box-edit-outline::before {
  content: "\F1C3A";
}

.mdi-play-box-lock::before {
  content: "\F1A16";
}

.mdi-play-box-lock-open::before {
  content: "\F1A17";
}

.mdi-play-box-lock-open-outline::before {
  content: "\F1A18";
}

.mdi-play-box-lock-outline::before {
  content: "\F1A19";
}

.mdi-play-box-multiple::before {
  content: "\F0D19";
}

.mdi-play-box-multiple-outline::before {
  content: "\F13E6";
}

.mdi-play-box-outline::before {
  content: "\F040B";
}

.mdi-play-circle::before {
  content: "\F040C";
}

.mdi-play-circle-outline::before {
  content: "\F040D";
}

.mdi-play-network::before {
  content: "\F088B";
}

.mdi-play-network-outline::before {
  content: "\F0CB7";
}

.mdi-play-outline::before {
  content: "\F0F1B";
}

.mdi-play-pause::before {
  content: "\F040E";
}

.mdi-play-protected-content::before {
  content: "\F040F";
}

.mdi-play-speed::before {
  content: "\F08FF";
}

.mdi-playlist-check::before {
  content: "\F05C7";
}

.mdi-playlist-edit::before {
  content: "\F0900";
}

.mdi-playlist-minus::before {
  content: "\F0410";
}

.mdi-playlist-music::before {
  content: "\F0CB8";
}

.mdi-playlist-music-outline::before {
  content: "\F0CB9";
}

.mdi-playlist-play::before {
  content: "\F0411";
}

.mdi-playlist-plus::before {
  content: "\F0412";
}

.mdi-playlist-remove::before {
  content: "\F0413";
}

.mdi-playlist-star::before {
  content: "\F0DF2";
}

.mdi-plex::before {
  content: "\F06BA";
}

.mdi-pliers::before {
  content: "\F19A4";
}

.mdi-plus::before {
  content: "\F0415";
}

.mdi-plus-box::before {
  content: "\F0416";
}

.mdi-plus-box-multiple::before {
  content: "\F0334";
}

.mdi-plus-box-multiple-outline::before {
  content: "\F1143";
}

.mdi-plus-box-outline::before {
  content: "\F0704";
}

.mdi-plus-circle::before {
  content: "\F0417";
}

.mdi-plus-circle-multiple::before {
  content: "\F034C";
}

.mdi-plus-circle-multiple-outline::before {
  content: "\F0418";
}

.mdi-plus-circle-outline::before {
  content: "\F0419";
}

.mdi-plus-lock::before {
  content: "\F1A5D";
}

.mdi-plus-lock-open::before {
  content: "\F1A5E";
}

.mdi-plus-minus::before {
  content: "\F0992";
}

.mdi-plus-minus-box::before {
  content: "\F0993";
}

.mdi-plus-minus-variant::before {
  content: "\F14C9";
}

.mdi-plus-network::before {
  content: "\F041A";
}

.mdi-plus-network-outline::before {
  content: "\F0CBA";
}

.mdi-plus-outline::before {
  content: "\F0705";
}

.mdi-plus-thick::before {
  content: "\F11EC";
}

.mdi-podcast::before {
  content: "\F0994";
}

.mdi-podium::before {
  content: "\F0D25";
}

.mdi-podium-bronze::before {
  content: "\F0D26";
}

.mdi-podium-gold::before {
  content: "\F0D27";
}

.mdi-podium-silver::before {
  content: "\F0D28";
}

.mdi-point-of-sale::before {
  content: "\F0D92";
}

.mdi-pokeball::before {
  content: "\F041D";
}

.mdi-pokemon-go::before {
  content: "\F0A09";
}

.mdi-poker-chip::before {
  content: "\F0830";
}

.mdi-polaroid::before {
  content: "\F041E";
}

.mdi-police-badge::before {
  content: "\F1167";
}

.mdi-police-badge-outline::before {
  content: "\F1168";
}

.mdi-police-station::before {
  content: "\F1839";
}

.mdi-poll::before {
  content: "\F041F";
}

.mdi-polo::before {
  content: "\F14C3";
}

.mdi-polymer::before {
  content: "\F0421";
}

.mdi-pool::before {
  content: "\F0606";
}

.mdi-pool-thermometer::before {
  content: "\F1A5F";
}

.mdi-popcorn::before {
  content: "\F0422";
}

.mdi-post::before {
  content: "\F1008";
}

.mdi-post-lamp::before {
  content: "\F1A60";
}

.mdi-post-outline::before {
  content: "\F1009";
}

.mdi-postage-stamp::before {
  content: "\F0CBB";
}

.mdi-pot::before {
  content: "\F02E5";
}

.mdi-pot-mix::before {
  content: "\F065B";
}

.mdi-pot-mix-outline::before {
  content: "\F0677";
}

.mdi-pot-outline::before {
  content: "\F02FF";
}

.mdi-pot-steam::before {
  content: "\F065A";
}

.mdi-pot-steam-outline::before {
  content: "\F0326";
}

.mdi-pound::before {
  content: "\F0423";
}

.mdi-pound-box::before {
  content: "\F0424";
}

.mdi-pound-box-outline::before {
  content: "\F117F";
}

.mdi-power::before {
  content: "\F0425";
}

.mdi-power-cycle::before {
  content: "\F0901";
}

.mdi-power-off::before {
  content: "\F0902";
}

.mdi-power-on::before {
  content: "\F0903";
}

.mdi-power-plug::before {
  content: "\F06A5";
}

.mdi-power-plug-battery::before {
  content: "\F1C3B";
}

.mdi-power-plug-battery-outline::before {
  content: "\F1C3C";
}

.mdi-power-plug-off::before {
  content: "\F06A6";
}

.mdi-power-plug-off-outline::before {
  content: "\F1424";
}

.mdi-power-plug-outline::before {
  content: "\F1425";
}

.mdi-power-settings::before {
  content: "\F0426";
}

.mdi-power-sleep::before {
  content: "\F0904";
}

.mdi-power-socket::before {
  content: "\F0427";
}

.mdi-power-socket-au::before {
  content: "\F0905";
}

.mdi-power-socket-ch::before {
  content: "\F0FB3";
}

.mdi-power-socket-de::before {
  content: "\F1107";
}

.mdi-power-socket-eu::before {
  content: "\F07E7";
}

.mdi-power-socket-fr::before {
  content: "\F1108";
}

.mdi-power-socket-it::before {
  content: "\F14FF";
}

.mdi-power-socket-jp::before {
  content: "\F1109";
}

.mdi-power-socket-uk::before {
  content: "\F07E8";
}

.mdi-power-socket-us::before {
  content: "\F07E9";
}

.mdi-power-standby::before {
  content: "\F0906";
}

.mdi-powershell::before {
  content: "\F0A0A";
}

.mdi-prescription::before {
  content: "\F0706";
}

.mdi-presentation::before {
  content: "\F0428";
}

.mdi-presentation-play::before {
  content: "\F0429";
}

.mdi-pretzel::before {
  content: "\F1562";
}

.mdi-printer::before {
  content: "\F042A";
}

.mdi-printer-3d::before {
  content: "\F042B";
}

.mdi-printer-3d-nozzle::before {
  content: "\F0E5B";
}

.mdi-printer-3d-nozzle-alert::before {
  content: "\F11C0";
}

.mdi-printer-3d-nozzle-alert-outline::before {
  content: "\F11C1";
}

.mdi-printer-3d-nozzle-heat::before {
  content: "\F18B8";
}

.mdi-printer-3d-nozzle-heat-outline::before {
  content: "\F18B9";
}

.mdi-printer-3d-nozzle-off::before {
  content: "\F1B19";
}

.mdi-printer-3d-nozzle-off-outline::before {
  content: "\F1B1A";
}

.mdi-printer-3d-nozzle-outline::before {
  content: "\F0E5C";
}

.mdi-printer-3d-off::before {
  content: "\F1B0E";
}

.mdi-printer-alert::before {
  content: "\F042C";
}

.mdi-printer-check::before {
  content: "\F1146";
}

.mdi-printer-eye::before {
  content: "\F1458";
}

.mdi-printer-off::before {
  content: "\F0E5D";
}

.mdi-printer-off-outline::before {
  content: "\F1785";
}

.mdi-printer-outline::before {
  content: "\F1786";
}

.mdi-printer-pos::before {
  content: "\F1057";
}

.mdi-printer-pos-alert::before {
  content: "\F1BBC";
}

.mdi-printer-pos-alert-outline::before {
  content: "\F1BBD";
}

.mdi-printer-pos-cancel::before {
  content: "\F1BBE";
}

.mdi-printer-pos-cancel-outline::before {
  content: "\F1BBF";
}

.mdi-printer-pos-check::before {
  content: "\F1BC0";
}

.mdi-printer-pos-check-outline::before {
  content: "\F1BC1";
}

.mdi-printer-pos-cog::before {
  content: "\F1BC2";
}

.mdi-printer-pos-cog-outline::before {
  content: "\F1BC3";
}

.mdi-printer-pos-edit::before {
  content: "\F1BC4";
}

.mdi-printer-pos-edit-outline::before {
  content: "\F1BC5";
}

.mdi-printer-pos-minus::before {
  content: "\F1BC6";
}

.mdi-printer-pos-minus-outline::before {
  content: "\F1BC7";
}

.mdi-printer-pos-network::before {
  content: "\F1BC8";
}

.mdi-printer-pos-network-outline::before {
  content: "\F1BC9";
}

.mdi-printer-pos-off::before {
  content: "\F1BCA";
}

.mdi-printer-pos-off-outline::before {
  content: "\F1BCB";
}

.mdi-printer-pos-outline::before {
  content: "\F1BCC";
}

.mdi-printer-pos-pause::before {
  content: "\F1BCD";
}

.mdi-printer-pos-pause-outline::before {
  content: "\F1BCE";
}

.mdi-printer-pos-play::before {
  content: "\F1BCF";
}

.mdi-printer-pos-play-outline::before {
  content: "\F1BD0";
}

.mdi-printer-pos-plus::before {
  content: "\F1BD1";
}

.mdi-printer-pos-plus-outline::before {
  content: "\F1BD2";
}

.mdi-printer-pos-refresh::before {
  content: "\F1BD3";
}

.mdi-printer-pos-refresh-outline::before {
  content: "\F1BD4";
}

.mdi-printer-pos-remove::before {
  content: "\F1BD5";
}

.mdi-printer-pos-remove-outline::before {
  content: "\F1BD6";
}

.mdi-printer-pos-star::before {
  content: "\F1BD7";
}

.mdi-printer-pos-star-outline::before {
  content: "\F1BD8";
}

.mdi-printer-pos-stop::before {
  content: "\F1BD9";
}

.mdi-printer-pos-stop-outline::before {
  content: "\F1BDA";
}

.mdi-printer-pos-sync::before {
  content: "\F1BDB";
}

.mdi-printer-pos-sync-outline::before {
  content: "\F1BDC";
}

.mdi-printer-pos-wrench::before {
  content: "\F1BDD";
}

.mdi-printer-pos-wrench-outline::before {
  content: "\F1BDE";
}

.mdi-printer-search::before {
  content: "\F1457";
}

.mdi-printer-settings::before {
  content: "\F0707";
}

.mdi-printer-wireless::before {
  content: "\F0A0B";
}

.mdi-priority-high::before {
  content: "\F0603";
}

.mdi-priority-low::before {
  content: "\F0604";
}

.mdi-professional-hexagon::before {
  content: "\F042D";
}

.mdi-progress-alert::before {
  content: "\F0CBC";
}

.mdi-progress-check::before {
  content: "\F0995";
}

.mdi-progress-clock::before {
  content: "\F0996";
}

.mdi-progress-close::before {
  content: "\F110A";
}

.mdi-progress-download::before {
  content: "\F0997";
}

.mdi-progress-helper::before {
  content: "\F1BA2";
}

.mdi-progress-pencil::before {
  content: "\F1787";
}

.mdi-progress-question::before {
  content: "\F1522";
}

.mdi-progress-star::before {
  content: "\F1788";
}

.mdi-progress-star-four-points::before {
  content: "\F1C3D";
}

.mdi-progress-upload::before {
  content: "\F0998";
}

.mdi-progress-wrench::before {
  content: "\F0CBD";
}

.mdi-projector::before {
  content: "\F042E";
}

.mdi-projector-off::before {
  content: "\F1A23";
}

.mdi-projector-screen::before {
  content: "\F042F";
}

.mdi-projector-screen-off::before {
  content: "\F180D";
}

.mdi-projector-screen-off-outline::before {
  content: "\F180E";
}

.mdi-projector-screen-outline::before {
  content: "\F1724";
}

.mdi-projector-screen-variant::before {
  content: "\F180F";
}

.mdi-projector-screen-variant-off::before {
  content: "\F1810";
}

.mdi-projector-screen-variant-off-outline::before {
  content: "\F1811";
}

.mdi-projector-screen-variant-outline::before {
  content: "\F1812";
}

.mdi-propane-tank::before {
  content: "\F1357";
}

.mdi-propane-tank-outline::before {
  content: "\F1358";
}

.mdi-protocol::before {
  content: "\F0FD8";
}

.mdi-publish::before {
  content: "\F06A7";
}

.mdi-publish-off::before {
  content: "\F1945";
}

.mdi-pulse::before {
  content: "\F0430";
}

.mdi-pump::before {
  content: "\F1402";
}

.mdi-pump-off::before {
  content: "\F1B22";
}

.mdi-pumpkin::before {
  content: "\F0BBF";
}

.mdi-purse::before {
  content: "\F0F1C";
}

.mdi-purse-outline::before {
  content: "\F0F1D";
}

.mdi-puzzle::before {
  content: "\F0431";
}

.mdi-puzzle-check::before {
  content: "\F1426";
}

.mdi-puzzle-check-outline::before {
  content: "\F1427";
}

.mdi-puzzle-edit::before {
  content: "\F14D3";
}

.mdi-puzzle-edit-outline::before {
  content: "\F14D9";
}

.mdi-puzzle-heart::before {
  content: "\F14D4";
}

.mdi-puzzle-heart-outline::before {
  content: "\F14DA";
}

.mdi-puzzle-minus::before {
  content: "\F14D1";
}

.mdi-puzzle-minus-outline::before {
  content: "\F14D7";
}

.mdi-puzzle-outline::before {
  content: "\F0A66";
}

.mdi-puzzle-plus::before {
  content: "\F14D0";
}

.mdi-puzzle-plus-outline::before {
  content: "\F14D6";
}

.mdi-puzzle-remove::before {
  content: "\F14D2";
}

.mdi-puzzle-remove-outline::before {
  content: "\F14D8";
}

.mdi-puzzle-star::before {
  content: "\F14D5";
}

.mdi-puzzle-star-outline::before {
  content: "\F14DB";
}

.mdi-pyramid::before {
  content: "\F1952";
}

.mdi-pyramid-off::before {
  content: "\F1953";
}

.mdi-qi::before {
  content: "\F0999";
}

.mdi-qqchat::before {
  content: "\F0605";
}

.mdi-qrcode::before {
  content: "\F0432";
}

.mdi-qrcode-edit::before {
  content: "\F08B8";
}

.mdi-qrcode-minus::before {
  content: "\F118C";
}

.mdi-qrcode-plus::before {
  content: "\F118B";
}

.mdi-qrcode-remove::before {
  content: "\F118D";
}

.mdi-qrcode-scan::before {
  content: "\F0433";
}

.mdi-quadcopter::before {
  content: "\F0434";
}

.mdi-quality-high::before {
  content: "\F0435";
}

.mdi-quality-low::before {
  content: "\F0A0C";
}

.mdi-quality-medium::before {
  content: "\F0A0D";
}

.mdi-quora::before {
  content: "\F0D29";
}

.mdi-rabbit::before {
  content: "\F0907";
}

.mdi-rabbit-variant::before {
  content: "\F1A61";
}

.mdi-rabbit-variant-outline::before {
  content: "\F1A62";
}

.mdi-racing-helmet::before {
  content: "\F0D93";
}

.mdi-racquetball::before {
  content: "\F0D94";
}

.mdi-radar::before {
  content: "\F0437";
}

.mdi-radiator::before {
  content: "\F0438";
}

.mdi-radiator-disabled::before {
  content: "\F0AD7";
}

.mdi-radiator-off::before {
  content: "\F0AD8";
}

.mdi-radio::before {
  content: "\F0439";
}

.mdi-radio-am::before {
  content: "\F0CBE";
}

.mdi-radio-fm::before {
  content: "\F0CBF";
}

.mdi-radio-handheld::before {
  content: "\F043A";
}

.mdi-radio-off::before {
  content: "\F121C";
}

.mdi-radio-tower::before {
  content: "\F043B";
}

.mdi-radioactive::before {
  content: "\F043C";
}

.mdi-radioactive-circle::before {
  content: "\F185D";
}

.mdi-radioactive-circle-outline::before {
  content: "\F185E";
}

.mdi-radioactive-off::before {
  content: "\F0EC1";
}

.mdi-radiobox-blank::before {
  content: "\F043D";
}

.mdi-radiobox-indeterminate-variant::before {
  content: "\F1C5E";
}

.mdi-radiobox-marked::before {
  content: "\F043E";
}

.mdi-radiology-box::before {
  content: "\F14C5";
}

.mdi-radiology-box-outline::before {
  content: "\F14C6";
}

.mdi-radius::before {
  content: "\F0CC0";
}

.mdi-radius-outline::before {
  content: "\F0CC1";
}

.mdi-railroad-light::before {
  content: "\F0F1E";
}

.mdi-rake::before {
  content: "\F1544";
}

.mdi-raspberry-pi::before {
  content: "\F043F";
}

.mdi-raw::before {
  content: "\F1A0F";
}

.mdi-raw-off::before {
  content: "\F1A10";
}

.mdi-ray-end::before {
  content: "\F0440";
}

.mdi-ray-end-arrow::before {
  content: "\F0441";
}

.mdi-ray-start::before {
  content: "\F0442";
}

.mdi-ray-start-arrow::before {
  content: "\F0443";
}

.mdi-ray-start-end::before {
  content: "\F0444";
}

.mdi-ray-start-vertex-end::before {
  content: "\F15D8";
}

.mdi-ray-vertex::before {
  content: "\F0445";
}

.mdi-razor-double-edge::before {
  content: "\F1997";
}

.mdi-razor-single-edge::before {
  content: "\F1998";
}

.mdi-react::before {
  content: "\F0708";
}

.mdi-read::before {
  content: "\F0447";
}

.mdi-receipt::before {
  content: "\F0824";
}

.mdi-receipt-clock::before {
  content: "\F1C3E";
}

.mdi-receipt-clock-outline::before {
  content: "\F1C3F";
}

.mdi-receipt-outline::before {
  content: "\F04F7";
}

.mdi-receipt-send::before {
  content: "\F1C40";
}

.mdi-receipt-send-outline::before {
  content: "\F1C41";
}

.mdi-receipt-text::before {
  content: "\F0449";
}

.mdi-receipt-text-arrow-left::before {
  content: "\F1C42";
}

.mdi-receipt-text-arrow-left-outline::before {
  content: "\F1C43";
}

.mdi-receipt-text-arrow-right::before {
  content: "\F1C44";
}

.mdi-receipt-text-arrow-right-outline::before {
  content: "\F1C45";
}

.mdi-receipt-text-check::before {
  content: "\F1A63";
}

.mdi-receipt-text-check-outline::before {
  content: "\F1A64";
}

.mdi-receipt-text-clock::before {
  content: "\F1C46";
}

.mdi-receipt-text-clock-outline::before {
  content: "\F1C47";
}

.mdi-receipt-text-edit::before {
  content: "\F1C48";
}

.mdi-receipt-text-edit-outline::before {
  content: "\F1C49";
}

.mdi-receipt-text-minus::before {
  content: "\F1A65";
}

.mdi-receipt-text-minus-outline::before {
  content: "\F1A66";
}

.mdi-receipt-text-outline::before {
  content: "\F19DC";
}

.mdi-receipt-text-plus::before {
  content: "\F1A67";
}

.mdi-receipt-text-plus-outline::before {
  content: "\F1A68";
}

.mdi-receipt-text-remove::before {
  content: "\F1A69";
}

.mdi-receipt-text-remove-outline::before {
  content: "\F1A6A";
}

.mdi-receipt-text-send::before {
  content: "\F1C4A";
}

.mdi-receipt-text-send-outline::before {
  content: "\F1C4B";
}

.mdi-record::before {
  content: "\F044A";
}

.mdi-record-circle::before {
  content: "\F0EC2";
}

.mdi-record-circle-outline::before {
  content: "\F0EC3";
}

.mdi-record-player::before {
  content: "\F099A";
}

.mdi-record-rec::before {
  content: "\F044B";
}

.mdi-rectangle::before {
  content: "\F0E5E";
}

.mdi-rectangle-outline::before {
  content: "\F0E5F";
}

.mdi-recycle::before {
  content: "\F044C";
}

.mdi-recycle-variant::before {
  content: "\F139D";
}

.mdi-reddit::before {
  content: "\F044D";
}

.mdi-redhat::before {
  content: "\F111B";
}

.mdi-redo::before {
  content: "\F044E";
}

.mdi-redo-variant::before {
  content: "\F044F";
}

.mdi-reflect-horizontal::before {
  content: "\F0A0E";
}

.mdi-reflect-vertical::before {
  content: "\F0A0F";
}

.mdi-refresh::before {
  content: "\F0450";
}

.mdi-refresh-auto::before {
  content: "\F18F2";
}

.mdi-refresh-circle::before {
  content: "\F1377";
}

.mdi-regex::before {
  content: "\F0451";
}

.mdi-registered-trademark::before {
  content: "\F0A67";
}

.mdi-reiterate::before {
  content: "\F1588";
}

.mdi-relation-many-to-many::before {
  content: "\F1496";
}

.mdi-relation-many-to-one::before {
  content: "\F1497";
}

.mdi-relation-many-to-one-or-many::before {
  content: "\F1498";
}

.mdi-relation-many-to-only-one::before {
  content: "\F1499";
}

.mdi-relation-many-to-zero-or-many::before {
  content: "\F149A";
}

.mdi-relation-many-to-zero-or-one::before {
  content: "\F149B";
}

.mdi-relation-one-or-many-to-many::before {
  content: "\F149C";
}

.mdi-relation-one-or-many-to-one::before {
  content: "\F149D";
}

.mdi-relation-one-or-many-to-one-or-many::before {
  content: "\F149E";
}

.mdi-relation-one-or-many-to-only-one::before {
  content: "\F149F";
}

.mdi-relation-one-or-many-to-zero-or-many::before {
  content: "\F14A0";
}

.mdi-relation-one-or-many-to-zero-or-one::before {
  content: "\F14A1";
}

.mdi-relation-one-to-many::before {
  content: "\F14A2";
}

.mdi-relation-one-to-one::before {
  content: "\F14A3";
}

.mdi-relation-one-to-one-or-many::before {
  content: "\F14A4";
}

.mdi-relation-one-to-only-one::before {
  content: "\F14A5";
}

.mdi-relation-one-to-zero-or-many::before {
  content: "\F14A6";
}

.mdi-relation-one-to-zero-or-one::before {
  content: "\F14A7";
}

.mdi-relation-only-one-to-many::before {
  content: "\F14A8";
}

.mdi-relation-only-one-to-one::before {
  content: "\F14A9";
}

.mdi-relation-only-one-to-one-or-many::before {
  content: "\F14AA";
}

.mdi-relation-only-one-to-only-one::before {
  content: "\F14AB";
}

.mdi-relation-only-one-to-zero-or-many::before {
  content: "\F14AC";
}

.mdi-relation-only-one-to-zero-or-one::before {
  content: "\F14AD";
}

.mdi-relation-zero-or-many-to-many::before {
  content: "\F14AE";
}

.mdi-relation-zero-or-many-to-one::before {
  content: "\F14AF";
}

.mdi-relation-zero-or-many-to-one-or-many::before {
  content: "\F14B0";
}

.mdi-relation-zero-or-many-to-only-one::before {
  content: "\F14B1";
}

.mdi-relation-zero-or-many-to-zero-or-many::before {
  content: "\F14B2";
}

.mdi-relation-zero-or-many-to-zero-or-one::before {
  content: "\F14B3";
}

.mdi-relation-zero-or-one-to-many::before {
  content: "\F14B4";
}

.mdi-relation-zero-or-one-to-one::before {
  content: "\F14B5";
}

.mdi-relation-zero-or-one-to-one-or-many::before {
  content: "\F14B6";
}

.mdi-relation-zero-or-one-to-only-one::before {
  content: "\F14B7";
}

.mdi-relation-zero-or-one-to-zero-or-many::before {
  content: "\F14B8";
}

.mdi-relation-zero-or-one-to-zero-or-one::before {
  content: "\F14B9";
}

.mdi-relative-scale::before {
  content: "\F0452";
}

.mdi-reload::before {
  content: "\F0453";
}

.mdi-reload-alert::before {
  content: "\F110B";
}

.mdi-reminder::before {
  content: "\F088C";
}

.mdi-remote::before {
  content: "\F0454";
}

.mdi-remote-desktop::before {
  content: "\F08B9";
}

.mdi-remote-off::before {
  content: "\F0EC4";
}

.mdi-remote-tv::before {
  content: "\F0EC5";
}

.mdi-remote-tv-off::before {
  content: "\F0EC6";
}

.mdi-rename::before {
  content: "\F1C18";
}

.mdi-rename-box::before {
  content: "\F0455";
}

.mdi-rename-box-outline::before {
  content: "\F1C19";
}

.mdi-rename-outline::before {
  content: "\F1C1A";
}

.mdi-reorder-horizontal::before {
  content: "\F0688";
}

.mdi-reorder-vertical::before {
  content: "\F0689";
}

.mdi-repeat::before {
  content: "\F0456";
}

.mdi-repeat-off::before {
  content: "\F0457";
}

.mdi-repeat-once::before {
  content: "\F0458";
}

.mdi-repeat-variant::before {
  content: "\F0547";
}

.mdi-replay::before {
  content: "\F0459";
}

.mdi-reply::before {
  content: "\F045A";
}

.mdi-reply-all::before {
  content: "\F045B";
}

.mdi-reply-all-outline::before {
  content: "\F0F1F";
}

.mdi-reply-circle::before {
  content: "\F11AE";
}

.mdi-reply-outline::before {
  content: "\F0F20";
}

.mdi-reproduction::before {
  content: "\F045C";
}

.mdi-resistor::before {
  content: "\F0B44";
}

.mdi-resistor-nodes::before {
  content: "\F0B45";
}

.mdi-resize::before {
  content: "\F0A68";
}

.mdi-resize-bottom-right::before {
  content: "\F045D";
}

.mdi-responsive::before {
  content: "\F045E";
}

.mdi-restart::before {
  content: "\F0709";
}

.mdi-restart-alert::before {
  content: "\F110C";
}

.mdi-restart-off::before {
  content: "\F0D95";
}

.mdi-restore::before {
  content: "\F099B";
}

.mdi-restore-alert::before {
  content: "\F110D";
}

.mdi-rewind::before {
  content: "\F045F";
}

.mdi-rewind-10::before {
  content: "\F0D2A";
}

.mdi-rewind-15::before {
  content: "\F1946";
}

.mdi-rewind-30::before {
  content: "\F0D96";
}

.mdi-rewind-45::before {
  content: "\F1B13";
}

.mdi-rewind-5::before {
  content: "\F11F9";
}

.mdi-rewind-60::before {
  content: "\F160C";
}

.mdi-rewind-outline::before {
  content: "\F070A";
}

.mdi-rhombus::before {
  content: "\F070B";
}

.mdi-rhombus-medium::before {
  content: "\F0A10";
}

.mdi-rhombus-medium-outline::before {
  content: "\F14DC";
}

.mdi-rhombus-outline::before {
  content: "\F070C";
}

.mdi-rhombus-split::before {
  content: "\F0A11";
}

.mdi-rhombus-split-outline::before {
  content: "\F14DD";
}

.mdi-ribbon::before {
  content: "\F0460";
}

.mdi-rice::before {
  content: "\F07EA";
}

.mdi-rickshaw::before {
  content: "\F15BB";
}

.mdi-rickshaw-electric::before {
  content: "\F15BC";
}

.mdi-ring::before {
  content: "\F07EB";
}

.mdi-rivet::before {
  content: "\F0E60";
}

.mdi-road::before {
  content: "\F0461";
}

.mdi-road-variant::before {
  content: "\F0462";
}

.mdi-robber::before {
  content: "\F1058";
}

.mdi-robot::before {
  content: "\F06A9";
}

.mdi-robot-angry::before {
  content: "\F169D";
}

.mdi-robot-angry-outline::before {
  content: "\F169E";
}

.mdi-robot-confused::before {
  content: "\F169F";
}

.mdi-robot-confused-outline::before {
  content: "\F16A0";
}

.mdi-robot-dead::before {
  content: "\F16A1";
}

.mdi-robot-dead-outline::before {
  content: "\F16A2";
}

.mdi-robot-excited::before {
  content: "\F16A3";
}

.mdi-robot-excited-outline::before {
  content: "\F16A4";
}

.mdi-robot-happy::before {
  content: "\F1719";
}

.mdi-robot-happy-outline::before {
  content: "\F171A";
}

.mdi-robot-industrial::before {
  content: "\F0B46";
}

.mdi-robot-industrial-outline::before {
  content: "\F1A1A";
}

.mdi-robot-love::before {
  content: "\F16A5";
}

.mdi-robot-love-outline::before {
  content: "\F16A6";
}

.mdi-robot-mower::before {
  content: "\F11F7";
}

.mdi-robot-mower-outline::before {
  content: "\F11F3";
}

.mdi-robot-off::before {
  content: "\F16A7";
}

.mdi-robot-off-outline::before {
  content: "\F167B";
}

.mdi-robot-outline::before {
  content: "\F167A";
}

.mdi-robot-vacuum::before {
  content: "\F070D";
}

.mdi-robot-vacuum-alert::before {
  content: "\F1B5D";
}

.mdi-robot-vacuum-off::before {
  content: "\F1C01";
}

.mdi-robot-vacuum-variant::before {
  content: "\F0908";
}

.mdi-robot-vacuum-variant-alert::before {
  content: "\F1B5E";
}

.mdi-robot-vacuum-variant-off::before {
  content: "\F1C02";
}

.mdi-rocket::before {
  content: "\F0463";
}

.mdi-rocket-launch::before {
  content: "\F14DE";
}

.mdi-rocket-launch-outline::before {
  content: "\F14DF";
}

.mdi-rocket-outline::before {
  content: "\F13AF";
}

.mdi-rodent::before {
  content: "\F1327";
}

.mdi-roller-shade::before {
  content: "\F1A6B";
}

.mdi-roller-shade-closed::before {
  content: "\F1A6C";
}

.mdi-roller-skate::before {
  content: "\F0D2B";
}

.mdi-roller-skate-off::before {
  content: "\F0145";
}

.mdi-rollerblade::before {
  content: "\F0D2C";
}

.mdi-rollerblade-off::before {
  content: "\F002E";
}

.mdi-rollupjs::before {
  content: "\F0BC0";
}

.mdi-rolodex::before {
  content: "\F1AB9";
}

.mdi-rolodex-outline::before {
  content: "\F1ABA";
}

.mdi-roman-numeral-1::before {
  content: "\F1088";
}

.mdi-roman-numeral-10::before {
  content: "\F1091";
}

.mdi-roman-numeral-2::before {
  content: "\F1089";
}

.mdi-roman-numeral-3::before {
  content: "\F108A";
}

.mdi-roman-numeral-4::before {
  content: "\F108B";
}

.mdi-roman-numeral-5::before {
  content: "\F108C";
}

.mdi-roman-numeral-6::before {
  content: "\F108D";
}

.mdi-roman-numeral-7::before {
  content: "\F108E";
}

.mdi-roman-numeral-8::before {
  content: "\F108F";
}

.mdi-roman-numeral-9::before {
  content: "\F1090";
}

.mdi-room-service::before {
  content: "\F088D";
}

.mdi-room-service-outline::before {
  content: "\F0D97";
}

.mdi-rotate-360::before {
  content: "\F1999";
}

.mdi-rotate-3d::before {
  content: "\F0EC7";
}

.mdi-rotate-3d-variant::before {
  content: "\F0464";
}

.mdi-rotate-left::before {
  content: "\F0465";
}

.mdi-rotate-left-variant::before {
  content: "\F0466";
}

.mdi-rotate-orbit::before {
  content: "\F0D98";
}

.mdi-rotate-right::before {
  content: "\F0467";
}

.mdi-rotate-right-variant::before {
  content: "\F0468";
}

.mdi-rounded-corner::before {
  content: "\F0607";
}

.mdi-router::before {
  content: "\F11E2";
}

.mdi-router-network::before {
  content: "\F1087";
}

.mdi-router-wireless::before {
  content: "\F0469";
}

.mdi-router-wireless-off::before {
  content: "\F15A3";
}

.mdi-router-wireless-settings::before {
  content: "\F0A69";
}

.mdi-routes::before {
  content: "\F046A";
}

.mdi-routes-clock::before {
  content: "\F1059";
}

.mdi-rowing::before {
  content: "\F0608";
}

.mdi-rss::before {
  content: "\F046B";
}

.mdi-rss-box::before {
  content: "\F046C";
}

.mdi-rss-off::before {
  content: "\F0F21";
}

.mdi-rug::before {
  content: "\F1475";
}

.mdi-rugby::before {
  content: "\F0D99";
}

.mdi-ruler::before {
  content: "\F046D";
}

.mdi-ruler-square::before {
  content: "\F0CC2";
}

.mdi-ruler-square-compass::before {
  content: "\F0EBE";
}

.mdi-run::before {
  content: "\F070E";
}

.mdi-run-fast::before {
  content: "\F046E";
}

.mdi-rv-truck::before {
  content: "\F11D4";
}

.mdi-sack::before {
  content: "\F0D2E";
}

.mdi-sack-outline::before {
  content: "\F1C4C";
}

.mdi-sack-percent::before {
  content: "\F0D2F";
}

.mdi-safe::before {
  content: "\F0A6A";
}

.mdi-safe-square::before {
  content: "\F127C";
}

.mdi-safe-square-outline::before {
  content: "\F127D";
}

.mdi-safety-goggles::before {
  content: "\F0D30";
}

.mdi-sail-boat::before {
  content: "\F0EC8";
}

.mdi-sail-boat-sink::before {
  content: "\F1AEF";
}

.mdi-sale::before {
  content: "\F046F";
}

.mdi-sale-outline::before {
  content: "\F1A06";
}

.mdi-salesforce::before {
  content: "\F088E";
}

.mdi-sass::before {
  content: "\F07EC";
}

.mdi-satellite::before {
  content: "\F0470";
}

.mdi-satellite-uplink::before {
  content: "\F0909";
}

.mdi-satellite-variant::before {
  content: "\F0471";
}

.mdi-sausage::before {
  content: "\F08BA";
}

.mdi-sausage-off::before {
  content: "\F1789";
}

.mdi-saw-blade::before {
  content: "\F0E61";
}

.mdi-sawtooth-wave::before {
  content: "\F147A";
}

.mdi-saxophone::before {
  content: "\F0609";
}

.mdi-scale::before {
  content: "\F0472";
}

.mdi-scale-balance::before {
  content: "\F05D1";
}

.mdi-scale-bathroom::before {
  content: "\F0473";
}

.mdi-scale-off::before {
  content: "\F105A";
}

.mdi-scale-unbalanced::before {
  content: "\F19B8";
}

.mdi-scan-helper::before {
  content: "\F13D8";
}

.mdi-scanner::before {
  content: "\F06AB";
}

.mdi-scanner-off::before {
  content: "\F090A";
}

.mdi-scatter-plot::before {
  content: "\F0EC9";
}

.mdi-scatter-plot-outline::before {
  content: "\F0ECA";
}

.mdi-scent::before {
  content: "\F1958";
}

.mdi-scent-off::before {
  content: "\F1959";
}

.mdi-school::before {
  content: "\F0474";
}

.mdi-school-outline::before {
  content: "\F1180";
}

.mdi-scissors-cutting::before {
  content: "\F0A6B";
}

.mdi-scooter::before {
  content: "\F15BD";
}

.mdi-scooter-electric::before {
  content: "\F15BE";
}

.mdi-scoreboard::before {
  content: "\F127E";
}

.mdi-scoreboard-outline::before {
  content: "\F127F";
}

.mdi-screen-rotation::before {
  content: "\F0475";
}

.mdi-screen-rotation-lock::before {
  content: "\F0478";
}

.mdi-screw-flat-top::before {
  content: "\F0DF3";
}

.mdi-screw-lag::before {
  content: "\F0DF4";
}

.mdi-screw-machine-flat-top::before {
  content: "\F0DF5";
}

.mdi-screw-machine-round-top::before {
  content: "\F0DF6";
}

.mdi-screw-round-top::before {
  content: "\F0DF7";
}

.mdi-screwdriver::before {
  content: "\F0476";
}

.mdi-script::before {
  content: "\F0BC1";
}

.mdi-script-outline::before {
  content: "\F0477";
}

.mdi-script-text::before {
  content: "\F0BC2";
}

.mdi-script-text-key::before {
  content: "\F1725";
}

.mdi-script-text-key-outline::before {
  content: "\F1726";
}

.mdi-script-text-outline::before {
  content: "\F0BC3";
}

.mdi-script-text-play::before {
  content: "\F1727";
}

.mdi-script-text-play-outline::before {
  content: "\F1728";
}

.mdi-sd::before {
  content: "\F0479";
}

.mdi-seal::before {
  content: "\F047A";
}

.mdi-seal-variant::before {
  content: "\F0FD9";
}

.mdi-search-web::before {
  content: "\F070F";
}

.mdi-seat::before {
  content: "\F0CC3";
}

.mdi-seat-flat::before {
  content: "\F047B";
}

.mdi-seat-flat-angled::before {
  content: "\F047C";
}

.mdi-seat-individual-suite::before {
  content: "\F047D";
}

.mdi-seat-legroom-extra::before {
  content: "\F047E";
}

.mdi-seat-legroom-normal::before {
  content: "\F047F";
}

.mdi-seat-legroom-reduced::before {
  content: "\F0480";
}

.mdi-seat-outline::before {
  content: "\F0CC4";
}

.mdi-seat-passenger::before {
  content: "\F1249";
}

.mdi-seat-recline-extra::before {
  content: "\F0481";
}

.mdi-seat-recline-normal::before {
  content: "\F0482";
}

.mdi-seatbelt::before {
  content: "\F0CC5";
}

.mdi-security::before {
  content: "\F0483";
}

.mdi-security-network::before {
  content: "\F0484";
}

.mdi-seed::before {
  content: "\F0E62";
}

.mdi-seed-off::before {
  content: "\F13FD";
}

.mdi-seed-off-outline::before {
  content: "\F13FE";
}

.mdi-seed-outline::before {
  content: "\F0E63";
}

.mdi-seed-plus::before {
  content: "\F1A6D";
}

.mdi-seed-plus-outline::before {
  content: "\F1A6E";
}

.mdi-seesaw::before {
  content: "\F15A4";
}

.mdi-segment::before {
  content: "\F0ECB";
}

.mdi-select::before {
  content: "\F0485";
}

.mdi-select-all::before {
  content: "\F0486";
}

.mdi-select-arrow-down::before {
  content: "\F1B59";
}

.mdi-select-arrow-up::before {
  content: "\F1B58";
}

.mdi-select-color::before {
  content: "\F0D31";
}

.mdi-select-compare::before {
  content: "\F0AD9";
}

.mdi-select-drag::before {
  content: "\F0A6C";
}

.mdi-select-group::before {
  content: "\F0F82";
}

.mdi-select-inverse::before {
  content: "\F0487";
}

.mdi-select-marker::before {
  content: "\F1280";
}

.mdi-select-multiple::before {
  content: "\F1281";
}

.mdi-select-multiple-marker::before {
  content: "\F1282";
}

.mdi-select-off::before {
  content: "\F0488";
}

.mdi-select-place::before {
  content: "\F0FDA";
}

.mdi-select-remove::before {
  content: "\F17C1";
}

.mdi-select-search::before {
  content: "\F1204";
}

.mdi-selection::before {
  content: "\F0489";
}

.mdi-selection-drag::before {
  content: "\F0A6D";
}

.mdi-selection-ellipse::before {
  content: "\F0D32";
}

.mdi-selection-ellipse-arrow-inside::before {
  content: "\F0F22";
}

.mdi-selection-ellipse-remove::before {
  content: "\F17C2";
}

.mdi-selection-marker::before {
  content: "\F1283";
}

.mdi-selection-multiple::before {
  content: "\F1285";
}

.mdi-selection-multiple-marker::before {
  content: "\F1284";
}

.mdi-selection-off::before {
  content: "\F0777";
}

.mdi-selection-remove::before {
  content: "\F17C3";
}

.mdi-selection-search::before {
  content: "\F1205";
}

.mdi-semantic-web::before {
  content: "\F1316";
}

.mdi-send::before {
  content: "\F048A";
}

.mdi-send-check::before {
  content: "\F1161";
}

.mdi-send-check-outline::before {
  content: "\F1162";
}

.mdi-send-circle::before {
  content: "\F0DF8";
}

.mdi-send-circle-outline::before {
  content: "\F0DF9";
}

.mdi-send-clock::before {
  content: "\F1163";
}

.mdi-send-clock-outline::before {
  content: "\F1164";
}

.mdi-send-lock::before {
  content: "\F07ED";
}

.mdi-send-lock-outline::before {
  content: "\F1166";
}

.mdi-send-outline::before {
  content: "\F1165";
}

.mdi-send-variant::before {
  content: "\F1C4D";
}

.mdi-send-variant-clock::before {
  content: "\F1C7E";
}

.mdi-send-variant-clock-outline::before {
  content: "\F1C7F";
}

.mdi-send-variant-outline::before {
  content: "\F1C4E";
}

.mdi-serial-port::before {
  content: "\F065C";
}

.mdi-server::before {
  content: "\F048B";
}

.mdi-server-minus::before {
  content: "\F048C";
}

.mdi-server-network::before {
  content: "\F048D";
}

.mdi-server-network-off::before {
  content: "\F048E";
}

.mdi-server-off::before {
  content: "\F048F";
}

.mdi-server-plus::before {
  content: "\F0490";
}

.mdi-server-remove::before {
  content: "\F0491";
}

.mdi-server-security::before {
  content: "\F0492";
}

.mdi-set-all::before {
  content: "\F0778";
}

.mdi-set-center::before {
  content: "\F0779";
}

.mdi-set-center-right::before {
  content: "\F077A";
}

.mdi-set-left::before {
  content: "\F077B";
}

.mdi-set-left-center::before {
  content: "\F077C";
}

.mdi-set-left-right::before {
  content: "\F077D";
}

.mdi-set-merge::before {
  content: "\F14E0";
}

.mdi-set-none::before {
  content: "\F077E";
}

.mdi-set-right::before {
  content: "\F077F";
}

.mdi-set-split::before {
  content: "\F14E1";
}

.mdi-set-square::before {
  content: "\F145D";
}

.mdi-set-top-box::before {
  content: "\F099F";
}

.mdi-settings-helper::before {
  content: "\F0A6E";
}

.mdi-shaker::before {
  content: "\F110E";
}

.mdi-shaker-outline::before {
  content: "\F110F";
}

.mdi-shape::before {
  content: "\F0831";
}

.mdi-shape-circle-plus::before {
  content: "\F065D";
}

.mdi-shape-outline::before {
  content: "\F0832";
}

.mdi-shape-oval-plus::before {
  content: "\F11FA";
}

.mdi-shape-plus::before {
  content: "\F0495";
}

.mdi-shape-plus-outline::before {
  content: "\F1C4F";
}

.mdi-shape-polygon-plus::before {
  content: "\F065E";
}

.mdi-shape-rectangle-plus::before {
  content: "\F065F";
}

.mdi-shape-square-plus::before {
  content: "\F0660";
}

.mdi-shape-square-rounded-plus::before {
  content: "\F14FA";
}

.mdi-share::before {
  content: "\F0496";
}

.mdi-share-all::before {
  content: "\F11F4";
}

.mdi-share-all-outline::before {
  content: "\F11F5";
}

.mdi-share-circle::before {
  content: "\F11AD";
}

.mdi-share-off::before {
  content: "\F0F23";
}

.mdi-share-off-outline::before {
  content: "\F0F24";
}

.mdi-share-outline::before {
  content: "\F0932";
}

.mdi-share-variant::before {
  content: "\F0497";
}

.mdi-share-variant-outline::before {
  content: "\F1514";
}

.mdi-shark::before {
  content: "\F18BA";
}

.mdi-shark-fin::before {
  content: "\F1673";
}

.mdi-shark-fin-outline::before {
  content: "\F1674";
}

.mdi-shark-off::before {
  content: "\F18BB";
}

.mdi-sheep::before {
  content: "\F0CC6";
}

.mdi-shield::before {
  content: "\F0498";
}

.mdi-shield-account::before {
  content: "\F088F";
}

.mdi-shield-account-outline::before {
  content: "\F0A12";
}

.mdi-shield-account-variant::before {
  content: "\F15A7";
}

.mdi-shield-account-variant-outline::before {
  content: "\F15A8";
}

.mdi-shield-airplane::before {
  content: "\F06BB";
}

.mdi-shield-airplane-outline::before {
  content: "\F0CC7";
}

.mdi-shield-alert::before {
  content: "\F0ECC";
}

.mdi-shield-alert-outline::before {
  content: "\F0ECD";
}

.mdi-shield-bug::before {
  content: "\F13DA";
}

.mdi-shield-bug-outline::before {
  content: "\F13DB";
}

.mdi-shield-car::before {
  content: "\F0F83";
}

.mdi-shield-check::before {
  content: "\F0565";
}

.mdi-shield-check-outline::before {
  content: "\F0CC8";
}

.mdi-shield-cross::before {
  content: "\F0CC9";
}

.mdi-shield-cross-outline::before {
  content: "\F0CCA";
}

.mdi-shield-crown::before {
  content: "\F18BC";
}

.mdi-shield-crown-outline::before {
  content: "\F18BD";
}

.mdi-shield-edit::before {
  content: "\F11A0";
}

.mdi-shield-edit-outline::before {
  content: "\F11A1";
}

.mdi-shield-half::before {
  content: "\F1360";
}

.mdi-shield-half-full::before {
  content: "\F0780";
}

.mdi-shield-home::before {
  content: "\F068A";
}

.mdi-shield-home-outline::before {
  content: "\F0CCB";
}

.mdi-shield-key::before {
  content: "\F0BC4";
}

.mdi-shield-key-outline::before {
  content: "\F0BC5";
}

.mdi-shield-link-variant::before {
  content: "\F0D33";
}

.mdi-shield-link-variant-outline::before {
  content: "\F0D34";
}

.mdi-shield-lock::before {
  content: "\F099D";
}

.mdi-shield-lock-open::before {
  content: "\F199A";
}

.mdi-shield-lock-open-outline::before {
  content: "\F199B";
}

.mdi-shield-lock-outline::before {
  content: "\F0CCC";
}

.mdi-shield-moon::before {
  content: "\F1828";
}

.mdi-shield-moon-outline::before {
  content: "\F1829";
}

.mdi-shield-off::before {
  content: "\F099E";
}

.mdi-shield-off-outline::before {
  content: "\F099C";
}

.mdi-shield-outline::before {
  content: "\F0499";
}

.mdi-shield-plus::before {
  content: "\F0ADA";
}

.mdi-shield-plus-outline::before {
  content: "\F0ADB";
}

.mdi-shield-refresh::before {
  content: "\F00AA";
}

.mdi-shield-refresh-outline::before {
  content: "\F01E0";
}

.mdi-shield-remove::before {
  content: "\F0ADC";
}

.mdi-shield-remove-outline::before {
  content: "\F0ADD";
}

.mdi-shield-search::before {
  content: "\F0D9A";
}

.mdi-shield-star::before {
  content: "\F113B";
}

.mdi-shield-star-outline::before {
  content: "\F113C";
}

.mdi-shield-sun::before {
  content: "\F105D";
}

.mdi-shield-sun-outline::before {
  content: "\F105E";
}

.mdi-shield-sword::before {
  content: "\F18BE";
}

.mdi-shield-sword-outline::before {
  content: "\F18BF";
}

.mdi-shield-sync::before {
  content: "\F11A2";
}

.mdi-shield-sync-outline::before {
  content: "\F11A3";
}

.mdi-shimmer::before {
  content: "\F1545";
}

.mdi-ship-wheel::before {
  content: "\F0833";
}

.mdi-shipping-pallet::before {
  content: "\F184E";
}

.mdi-shoe-ballet::before {
  content: "\F15CA";
}

.mdi-shoe-cleat::before {
  content: "\F15C7";
}

.mdi-shoe-formal::before {
  content: "\F0B47";
}

.mdi-shoe-heel::before {
  content: "\F0B48";
}

.mdi-shoe-print::before {
  content: "\F0DFA";
}

.mdi-shoe-sneaker::before {
  content: "\F15C8";
}

.mdi-shopping::before {
  content: "\F049A";
}

.mdi-shopping-music::before {
  content: "\F049B";
}

.mdi-shopping-outline::before {
  content: "\F11D5";
}

.mdi-shopping-search::before {
  content: "\F0F84";
}

.mdi-shopping-search-outline::before {
  content: "\F1A6F";
}

.mdi-shore::before {
  content: "\F14F9";
}

.mdi-shovel::before {
  content: "\F0710";
}

.mdi-shovel-off::before {
  content: "\F0711";
}

.mdi-shower::before {
  content: "\F09A0";
}

.mdi-shower-head::before {
  content: "\F09A1";
}

.mdi-shredder::before {
  content: "\F049C";
}

.mdi-shuffle::before {
  content: "\F049D";
}

.mdi-shuffle-disabled::before {
  content: "\F049E";
}

.mdi-shuffle-variant::before {
  content: "\F049F";
}

.mdi-shuriken::before {
  content: "\F137F";
}

.mdi-sickle::before {
  content: "\F18C0";
}

.mdi-sigma::before {
  content: "\F04A0";
}

.mdi-sigma-lower::before {
  content: "\F062B";
}

.mdi-sign-caution::before {
  content: "\F04A1";
}

.mdi-sign-direction::before {
  content: "\F0781";
}

.mdi-sign-direction-minus::before {
  content: "\F1000";
}

.mdi-sign-direction-plus::before {
  content: "\F0FDC";
}

.mdi-sign-direction-remove::before {
  content: "\F0FDD";
}

.mdi-sign-language::before {
  content: "\F1B4D";
}

.mdi-sign-language-outline::before {
  content: "\F1B4E";
}

.mdi-sign-pole::before {
  content: "\F14F8";
}

.mdi-sign-real-estate::before {
  content: "\F1118";
}

.mdi-sign-text::before {
  content: "\F0782";
}

.mdi-sign-yield::before {
  content: "\F1BAF";
}

.mdi-signal::before {
  content: "\F04A2";
}

.mdi-signal-2g::before {
  content: "\F0712";
}

.mdi-signal-3g::before {
  content: "\F0713";
}

.mdi-signal-4g::before {
  content: "\F0714";
}

.mdi-signal-5g::before {
  content: "\F0A6F";
}

.mdi-signal-cellular-1::before {
  content: "\F08BC";
}

.mdi-signal-cellular-2::before {
  content: "\F08BD";
}

.mdi-signal-cellular-3::before {
  content: "\F08BE";
}

.mdi-signal-cellular-outline::before {
  content: "\F08BF";
}

.mdi-signal-distance-variant::before {
  content: "\F0E64";
}

.mdi-signal-hspa::before {
  content: "\F0715";
}

.mdi-signal-hspa-plus::before {
  content: "\F0716";
}

.mdi-signal-off::before {
  content: "\F0783";
}

.mdi-signal-variant::before {
  content: "\F060A";
}

.mdi-signature::before {
  content: "\F0DFB";
}

.mdi-signature-freehand::before {
  content: "\F0DFC";
}

.mdi-signature-image::before {
  content: "\F0DFD";
}

.mdi-signature-text::before {
  content: "\F0DFE";
}

.mdi-silo::before {
  content: "\F1B9F";
}

.mdi-silo-outline::before {
  content: "\F0B49";
}

.mdi-silverware::before {
  content: "\F04A3";
}

.mdi-silverware-clean::before {
  content: "\F0FDE";
}

.mdi-silverware-fork::before {
  content: "\F04A4";
}

.mdi-silverware-fork-knife::before {
  content: "\F0A70";
}

.mdi-silverware-spoon::before {
  content: "\F04A5";
}

.mdi-silverware-variant::before {
  content: "\F04A6";
}

.mdi-sim::before {
  content: "\F04A7";
}

.mdi-sim-alert::before {
  content: "\F04A8";
}

.mdi-sim-alert-outline::before {
  content: "\F15D3";
}

.mdi-sim-off::before {
  content: "\F04A9";
}

.mdi-sim-off-outline::before {
  content: "\F15D4";
}

.mdi-sim-outline::before {
  content: "\F15D5";
}

.mdi-simple-icons::before {
  content: "\F131D";
}

.mdi-sina-weibo::before {
  content: "\F0ADF";
}

.mdi-sine-wave::before {
  content: "\F095B";
}

.mdi-sitemap::before {
  content: "\F04AA";
}

.mdi-sitemap-outline::before {
  content: "\F199C";
}

.mdi-size-l::before {
  content: "\F13A6";
}

.mdi-size-m::before {
  content: "\F13A5";
}

.mdi-size-s::before {
  content: "\F13A4";
}

.mdi-size-xl::before {
  content: "\F13A7";
}

.mdi-size-xs::before {
  content: "\F13A3";
}

.mdi-size-xxl::before {
  content: "\F13A8";
}

.mdi-size-xxs::before {
  content: "\F13A2";
}

.mdi-size-xxxl::before {
  content: "\F13A9";
}

.mdi-skate::before {
  content: "\F0D35";
}

.mdi-skate-off::before {
  content: "\F0699";
}

.mdi-skateboard::before {
  content: "\F14C2";
}

.mdi-skateboarding::before {
  content: "\F0501";
}

.mdi-skew-less::before {
  content: "\F0D36";
}

.mdi-skew-more::before {
  content: "\F0D37";
}

.mdi-ski::before {
  content: "\F1304";
}

.mdi-ski-cross-country::before {
  content: "\F1305";
}

.mdi-ski-water::before {
  content: "\F1306";
}

.mdi-skip-backward::before {
  content: "\F04AB";
}

.mdi-skip-backward-outline::before {
  content: "\F0F25";
}

.mdi-skip-forward::before {
  content: "\F04AC";
}

.mdi-skip-forward-outline::before {
  content: "\F0F26";
}

.mdi-skip-next::before {
  content: "\F04AD";
}

.mdi-skip-next-circle::before {
  content: "\F0661";
}

.mdi-skip-next-circle-outline::before {
  content: "\F0662";
}

.mdi-skip-next-outline::before {
  content: "\F0F27";
}

.mdi-skip-previous::before {
  content: "\F04AE";
}

.mdi-skip-previous-circle::before {
  content: "\F0663";
}

.mdi-skip-previous-circle-outline::before {
  content: "\F0664";
}

.mdi-skip-previous-outline::before {
  content: "\F0F28";
}

.mdi-skull::before {
  content: "\F068C";
}

.mdi-skull-crossbones::before {
  content: "\F0BC6";
}

.mdi-skull-crossbones-outline::before {
  content: "\F0BC7";
}

.mdi-skull-outline::before {
  content: "\F0BC8";
}

.mdi-skull-scan::before {
  content: "\F14C7";
}

.mdi-skull-scan-outline::before {
  content: "\F14C8";
}

.mdi-skype::before {
  content: "\F04AF";
}

.mdi-skype-business::before {
  content: "\F04B0";
}

.mdi-slack::before {
  content: "\F04B1";
}

.mdi-slash-forward::before {
  content: "\F0FDF";
}

.mdi-slash-forward-box::before {
  content: "\F0FE0";
}

.mdi-sledding::before {
  content: "\F041B";
}

.mdi-sleep::before {
  content: "\F04B2";
}

.mdi-sleep-off::before {
  content: "\F04B3";
}

.mdi-slide::before {
  content: "\F15A5";
}

.mdi-slope-downhill::before {
  content: "\F0DFF";
}

.mdi-slope-uphill::before {
  content: "\F0E00";
}

.mdi-slot-machine::before {
  content: "\F1114";
}

.mdi-slot-machine-outline::before {
  content: "\F1115";
}

.mdi-smart-card::before {
  content: "\F10BD";
}

.mdi-smart-card-off::before {
  content: "\F18F7";
}

.mdi-smart-card-off-outline::before {
  content: "\F18F8";
}

.mdi-smart-card-outline::before {
  content: "\F10BE";
}

.mdi-smart-card-reader::before {
  content: "\F10BF";
}

.mdi-smart-card-reader-outline::before {
  content: "\F10C0";
}

.mdi-smog::before {
  content: "\F0A71";
}

.mdi-smoke::before {
  content: "\F1799";
}

.mdi-smoke-detector::before {
  content: "\F0392";
}

.mdi-smoke-detector-alert::before {
  content: "\F192E";
}

.mdi-smoke-detector-alert-outline::before {
  content: "\F192F";
}

.mdi-smoke-detector-off::before {
  content: "\F1809";
}

.mdi-smoke-detector-off-outline::before {
  content: "\F180A";
}

.mdi-smoke-detector-outline::before {
  content: "\F1808";
}

.mdi-smoke-detector-variant::before {
  content: "\F180B";
}

.mdi-smoke-detector-variant-alert::before {
  content: "\F1930";
}

.mdi-smoke-detector-variant-off::before {
  content: "\F180C";
}

.mdi-smoking::before {
  content: "\F04B4";
}

.mdi-smoking-off::before {
  content: "\F04B5";
}

.mdi-smoking-pipe::before {
  content: "\F140D";
}

.mdi-smoking-pipe-off::before {
  content: "\F1428";
}

.mdi-snail::before {
  content: "\F1677";
}

.mdi-snake::before {
  content: "\F150E";
}

.mdi-snapchat::before {
  content: "\F04B6";
}

.mdi-snowboard::before {
  content: "\F1307";
}

.mdi-snowflake::before {
  content: "\F0717";
}

.mdi-snowflake-alert::before {
  content: "\F0F29";
}

.mdi-snowflake-check::before {
  content: "\F1A70";
}

.mdi-snowflake-melt::before {
  content: "\F12CB";
}

.mdi-snowflake-off::before {
  content: "\F14E3";
}

.mdi-snowflake-thermometer::before {
  content: "\F1A71";
}

.mdi-snowflake-variant::before {
  content: "\F0F2A";
}

.mdi-snowman::before {
  content: "\F04B7";
}

.mdi-snowmobile::before {
  content: "\F06DD";
}

.mdi-snowshoeing::before {
  content: "\F1A72";
}

.mdi-soccer::before {
  content: "\F04B8";
}

.mdi-soccer-field::before {
  content: "\F0834";
}

.mdi-social-distance-2-meters::before {
  content: "\F1579";
}

.mdi-social-distance-6-feet::before {
  content: "\F157A";
}

.mdi-sofa::before {
  content: "\F04B9";
}

.mdi-sofa-outline::before {
  content: "\F156D";
}

.mdi-sofa-single::before {
  content: "\F156E";
}

.mdi-sofa-single-outline::before {
  content: "\F156F";
}

.mdi-solar-panel::before {
  content: "\F0D9B";
}

.mdi-solar-panel-large::before {
  content: "\F0D9C";
}

.mdi-solar-power::before {
  content: "\F0A72";
}

.mdi-solar-power-variant::before {
  content: "\F1A73";
}

.mdi-solar-power-variant-outline::before {
  content: "\F1A74";
}

.mdi-soldering-iron::before {
  content: "\F1092";
}

.mdi-solid::before {
  content: "\F068D";
}

.mdi-sony-playstation::before {
  content: "\F0414";
}

.mdi-sort::before {
  content: "\F04BA";
}

.mdi-sort-alphabetical-ascending::before {
  content: "\F05BD";
}

.mdi-sort-alphabetical-ascending-variant::before {
  content: "\F1148";
}

.mdi-sort-alphabetical-descending::before {
  content: "\F05BF";
}

.mdi-sort-alphabetical-descending-variant::before {
  content: "\F1149";
}

.mdi-sort-alphabetical-variant::before {
  content: "\F04BB";
}

.mdi-sort-ascending::before {
  content: "\F04BC";
}

.mdi-sort-bool-ascending::before {
  content: "\F1385";
}

.mdi-sort-bool-ascending-variant::before {
  content: "\F1386";
}

.mdi-sort-bool-descending::before {
  content: "\F1387";
}

.mdi-sort-bool-descending-variant::before {
  content: "\F1388";
}

.mdi-sort-calendar-ascending::before {
  content: "\F1547";
}

.mdi-sort-calendar-descending::before {
  content: "\F1548";
}

.mdi-sort-clock-ascending::before {
  content: "\F1549";
}

.mdi-sort-clock-ascending-outline::before {
  content: "\F154A";
}

.mdi-sort-clock-descending::before {
  content: "\F154B";
}

.mdi-sort-clock-descending-outline::before {
  content: "\F154C";
}

.mdi-sort-descending::before {
  content: "\F04BD";
}

.mdi-sort-numeric-ascending::before {
  content: "\F1389";
}

.mdi-sort-numeric-ascending-variant::before {
  content: "\F090D";
}

.mdi-sort-numeric-descending::before {
  content: "\F138A";
}

.mdi-sort-numeric-descending-variant::before {
  content: "\F0AD2";
}

.mdi-sort-numeric-variant::before {
  content: "\F04BE";
}

.mdi-sort-reverse-variant::before {
  content: "\F033C";
}

.mdi-sort-variant::before {
  content: "\F04BF";
}

.mdi-sort-variant-lock::before {
  content: "\F0CCD";
}

.mdi-sort-variant-lock-open::before {
  content: "\F0CCE";
}

.mdi-sort-variant-off::before {
  content: "\F1ABB";
}

.mdi-sort-variant-remove::before {
  content: "\F1147";
}

.mdi-soundbar::before {
  content: "\F17DB";
}

.mdi-soundcloud::before {
  content: "\F04C0";
}

.mdi-source-branch::before {
  content: "\F062C";
}

.mdi-source-branch-check::before {
  content: "\F14CF";
}

.mdi-source-branch-minus::before {
  content: "\F14CB";
}

.mdi-source-branch-plus::before {
  content: "\F14CA";
}

.mdi-source-branch-refresh::before {
  content: "\F14CD";
}

.mdi-source-branch-remove::before {
  content: "\F14CC";
}

.mdi-source-branch-sync::before {
  content: "\F14CE";
}

.mdi-source-commit::before {
  content: "\F0718";
}

.mdi-source-commit-end::before {
  content: "\F0719";
}

.mdi-source-commit-end-local::before {
  content: "\F071A";
}

.mdi-source-commit-local::before {
  content: "\F071B";
}

.mdi-source-commit-next-local::before {
  content: "\F071C";
}

.mdi-source-commit-start::before {
  content: "\F071D";
}

.mdi-source-commit-start-next-local::before {
  content: "\F071E";
}

.mdi-source-fork::before {
  content: "\F04C1";
}

.mdi-source-merge::before {
  content: "\F062D";
}

.mdi-source-pull::before {
  content: "\F04C2";
}

.mdi-source-repository::before {
  content: "\F0CCF";
}

.mdi-source-repository-multiple::before {
  content: "\F0CD0";
}

.mdi-soy-sauce::before {
  content: "\F07EE";
}

.mdi-soy-sauce-off::before {
  content: "\F13FC";
}

.mdi-spa::before {
  content: "\F0CD1";
}

.mdi-spa-outline::before {
  content: "\F0CD2";
}

.mdi-space-invaders::before {
  content: "\F0BC9";
}

.mdi-space-station::before {
  content: "\F1383";
}

.mdi-spade::before {
  content: "\F0E65";
}

.mdi-speaker::before {
  content: "\F04C3";
}

.mdi-speaker-bluetooth::before {
  content: "\F09A2";
}

.mdi-speaker-message::before {
  content: "\F1B11";
}

.mdi-speaker-multiple::before {
  content: "\F0D38";
}

.mdi-speaker-off::before {
  content: "\F04C4";
}

.mdi-speaker-pause::before {
  content: "\F1B73";
}

.mdi-speaker-play::before {
  content: "\F1B72";
}

.mdi-speaker-stop::before {
  content: "\F1B74";
}

.mdi-speaker-wireless::before {
  content: "\F071F";
}

.mdi-spear::before {
  content: "\F1845";
}

.mdi-speedometer::before {
  content: "\F04C5";
}

.mdi-speedometer-medium::before {
  content: "\F0F85";
}

.mdi-speedometer-slow::before {
  content: "\F0F86";
}

.mdi-spellcheck::before {
  content: "\F04C6";
}

.mdi-sphere::before {
  content: "\F1954";
}

.mdi-sphere-off::before {
  content: "\F1955";
}

.mdi-spider::before {
  content: "\F11EA";
}

.mdi-spider-outline::before {
  content: "\F1C75";
}

.mdi-spider-thread::before {
  content: "\F11EB";
}

.mdi-spider-web::before {
  content: "\F0BCA";
}

.mdi-spirit-level::before {
  content: "\F14F1";
}

.mdi-spoon-sugar::before {
  content: "\F1429";
}

.mdi-spotify::before {
  content: "\F04C7";
}

.mdi-spotlight::before {
  content: "\F04C8";
}

.mdi-spotlight-beam::before {
  content: "\F04C9";
}

.mdi-spray::before {
  content: "\F0665";
}

.mdi-spray-bottle::before {
  content: "\F0AE0";
}

.mdi-sprinkler::before {
  content: "\F105F";
}

.mdi-sprinkler-fire::before {
  content: "\F199D";
}

.mdi-sprinkler-variant::before {
  content: "\F1060";
}

.mdi-sprout::before {
  content: "\F0E66";
}

.mdi-sprout-outline::before {
  content: "\F0E67";
}

.mdi-square::before {
  content: "\F0764";
}

.mdi-square-circle::before {
  content: "\F1500";
}

.mdi-square-circle-outline::before {
  content: "\F1C50";
}

.mdi-square-edit-outline::before {
  content: "\F090C";
}

.mdi-square-medium::before {
  content: "\F0A13";
}

.mdi-square-medium-outline::before {
  content: "\F0A14";
}

.mdi-square-off::before {
  content: "\F12EE";
}

.mdi-square-off-outline::before {
  content: "\F12EF";
}

.mdi-square-opacity::before {
  content: "\F1854";
}

.mdi-square-outline::before {
  content: "\F0763";
}

.mdi-square-root::before {
  content: "\F0784";
}

.mdi-square-root-box::before {
  content: "\F09A3";
}

.mdi-square-rounded::before {
  content: "\F14FB";
}

.mdi-square-rounded-badge::before {
  content: "\F1A07";
}

.mdi-square-rounded-badge-outline::before {
  content: "\F1A08";
}

.mdi-square-rounded-outline::before {
  content: "\F14FC";
}

.mdi-square-small::before {
  content: "\F0A15";
}

.mdi-square-wave::before {
  content: "\F147B";
}

.mdi-squeegee::before {
  content: "\F0AE1";
}

.mdi-ssh::before {
  content: "\F08C0";
}

.mdi-stack-exchange::before {
  content: "\F060B";
}

.mdi-stack-overflow::before {
  content: "\F04CC";
}

.mdi-stackpath::before {
  content: "\F0359";
}

.mdi-stadium::before {
  content: "\F0FF9";
}

.mdi-stadium-outline::before {
  content: "\F1B03";
}

.mdi-stadium-variant::before {
  content: "\F0720";
}

.mdi-stairs::before {
  content: "\F04CD";
}

.mdi-stairs-box::before {
  content: "\F139E";
}

.mdi-stairs-down::before {
  content: "\F12BE";
}

.mdi-stairs-up::before {
  content: "\F12BD";
}

.mdi-stamper::before {
  content: "\F0D39";
}

.mdi-standard-definition::before {
  content: "\F07EF";
}

.mdi-star::before {
  content: "\F04CE";
}

.mdi-star-box::before {
  content: "\F0A73";
}

.mdi-star-box-multiple::before {
  content: "\F1286";
}

.mdi-star-box-multiple-outline::before {
  content: "\F1287";
}

.mdi-star-box-outline::before {
  content: "\F0A74";
}

.mdi-star-check::before {
  content: "\F1566";
}

.mdi-star-check-outline::before {
  content: "\F156A";
}

.mdi-star-circle::before {
  content: "\F04CF";
}

.mdi-star-circle-outline::before {
  content: "\F09A4";
}

.mdi-star-cog::before {
  content: "\F1668";
}

.mdi-star-cog-outline::before {
  content: "\F1669";
}

.mdi-star-crescent::before {
  content: "\F0979";
}

.mdi-star-david::before {
  content: "\F097A";
}

.mdi-star-face::before {
  content: "\F09A5";
}

.mdi-star-four-points::before {
  content: "\F0AE2";
}

.mdi-star-four-points-box::before {
  content: "\F1C51";
}

.mdi-star-four-points-box-outline::before {
  content: "\F1C52";
}

.mdi-star-four-points-circle::before {
  content: "\F1C53";
}

.mdi-star-four-points-circle-outline::before {
  content: "\F1C54";
}

.mdi-star-four-points-outline::before {
  content: "\F0AE3";
}

.mdi-star-four-points-small::before {
  content: "\F1C55";
}

.mdi-star-half::before {
  content: "\F0246";
}

.mdi-star-half-full::before {
  content: "\F04D0";
}

.mdi-star-minus::before {
  content: "\F1564";
}

.mdi-star-minus-outline::before {
  content: "\F1568";
}

.mdi-star-off::before {
  content: "\F04D1";
}

.mdi-star-off-outline::before {
  content: "\F155B";
}

.mdi-star-outline::before {
  content: "\F04D2";
}

.mdi-star-plus::before {
  content: "\F1563";
}

.mdi-star-plus-outline::before {
  content: "\F1567";
}

.mdi-star-remove::before {
  content: "\F1565";
}

.mdi-star-remove-outline::before {
  content: "\F1569";
}

.mdi-star-settings::before {
  content: "\F166A";
}

.mdi-star-settings-outline::before {
  content: "\F166B";
}

.mdi-star-shooting::before {
  content: "\F1741";
}

.mdi-star-shooting-outline::before {
  content: "\F1742";
}

.mdi-star-three-points::before {
  content: "\F0AE4";
}

.mdi-star-three-points-outline::before {
  content: "\F0AE5";
}

.mdi-state-machine::before {
  content: "\F11EF";
}

.mdi-steam::before {
  content: "\F04D3";
}

.mdi-steering::before {
  content: "\F04D4";
}

.mdi-steering-off::before {
  content: "\F090E";
}

.mdi-step-backward::before {
  content: "\F04D5";
}

.mdi-step-backward-2::before {
  content: "\F04D6";
}

.mdi-step-forward::before {
  content: "\F04D7";
}

.mdi-step-forward-2::before {
  content: "\F04D8";
}

.mdi-stethoscope::before {
  content: "\F04D9";
}

.mdi-sticker::before {
  content: "\F1364";
}

.mdi-sticker-alert::before {
  content: "\F1365";
}

.mdi-sticker-alert-outline::before {
  content: "\F1366";
}

.mdi-sticker-check::before {
  content: "\F1367";
}

.mdi-sticker-check-outline::before {
  content: "\F1368";
}

.mdi-sticker-circle-outline::before {
  content: "\F05D0";
}

.mdi-sticker-emoji::before {
  content: "\F0785";
}

.mdi-sticker-minus::before {
  content: "\F1369";
}

.mdi-sticker-minus-outline::before {
  content: "\F136A";
}

.mdi-sticker-outline::before {
  content: "\F136B";
}

.mdi-sticker-plus::before {
  content: "\F136C";
}

.mdi-sticker-plus-outline::before {
  content: "\F136D";
}

.mdi-sticker-remove::before {
  content: "\F136E";
}

.mdi-sticker-remove-outline::before {
  content: "\F136F";
}

.mdi-sticker-text::before {
  content: "\F178E";
}

.mdi-sticker-text-outline::before {
  content: "\F178F";
}

.mdi-stocking::before {
  content: "\F04DA";
}

.mdi-stomach::before {
  content: "\F1093";
}

.mdi-stool::before {
  content: "\F195D";
}

.mdi-stool-outline::before {
  content: "\F195E";
}

.mdi-stop::before {
  content: "\F04DB";
}

.mdi-stop-circle::before {
  content: "\F0666";
}

.mdi-stop-circle-outline::before {
  content: "\F0667";
}

.mdi-storage-tank::before {
  content: "\F1A75";
}

.mdi-storage-tank-outline::before {
  content: "\F1A76";
}

.mdi-store::before {
  content: "\F04DC";
}

.mdi-store-24-hour::before {
  content: "\F04DD";
}

.mdi-store-alert::before {
  content: "\F18C1";
}

.mdi-store-alert-outline::before {
  content: "\F18C2";
}

.mdi-store-check::before {
  content: "\F18C3";
}

.mdi-store-check-outline::before {
  content: "\F18C4";
}

.mdi-store-clock::before {
  content: "\F18C5";
}

.mdi-store-clock-outline::before {
  content: "\F18C6";
}

.mdi-store-cog::before {
  content: "\F18C7";
}

.mdi-store-cog-outline::before {
  content: "\F18C8";
}

.mdi-store-edit::before {
  content: "\F18C9";
}

.mdi-store-edit-outline::before {
  content: "\F18CA";
}

.mdi-store-marker::before {
  content: "\F18CB";
}

.mdi-store-marker-outline::before {
  content: "\F18CC";
}

.mdi-store-minus::before {
  content: "\F165E";
}

.mdi-store-minus-outline::before {
  content: "\F18CD";
}

.mdi-store-off::before {
  content: "\F18CE";
}

.mdi-store-off-outline::before {
  content: "\F18CF";
}

.mdi-store-outline::before {
  content: "\F1361";
}

.mdi-store-plus::before {
  content: "\F165F";
}

.mdi-store-plus-outline::before {
  content: "\F18D0";
}

.mdi-store-remove::before {
  content: "\F1660";
}

.mdi-store-remove-outline::before {
  content: "\F18D1";
}

.mdi-store-search::before {
  content: "\F18D2";
}

.mdi-store-search-outline::before {
  content: "\F18D3";
}

.mdi-store-settings::before {
  content: "\F18D4";
}

.mdi-store-settings-outline::before {
  content: "\F18D5";
}

.mdi-storefront::before {
  content: "\F07C7";
}

.mdi-storefront-check::before {
  content: "\F1B7D";
}

.mdi-storefront-check-outline::before {
  content: "\F1B7E";
}

.mdi-storefront-edit::before {
  content: "\F1B7F";
}

.mdi-storefront-edit-outline::before {
  content: "\F1B80";
}

.mdi-storefront-minus::before {
  content: "\F1B83";
}

.mdi-storefront-minus-outline::before {
  content: "\F1B84";
}

.mdi-storefront-outline::before {
  content: "\F10C1";
}

.mdi-storefront-plus::before {
  content: "\F1B81";
}

.mdi-storefront-plus-outline::before {
  content: "\F1B82";
}

.mdi-storefront-remove::before {
  content: "\F1B85";
}

.mdi-storefront-remove-outline::before {
  content: "\F1B86";
}

.mdi-stove::before {
  content: "\F04DE";
}

.mdi-strategy::before {
  content: "\F11D6";
}

.mdi-stretch-to-page::before {
  content: "\F0F2B";
}

.mdi-stretch-to-page-outline::before {
  content: "\F0F2C";
}

.mdi-string-lights::before {
  content: "\F12BA";
}

.mdi-string-lights-off::before {
  content: "\F12BB";
}

.mdi-subdirectory-arrow-left::before {
  content: "\F060C";
}

.mdi-subdirectory-arrow-right::before {
  content: "\F060D";
}

.mdi-submarine::before {
  content: "\F156C";
}

.mdi-subtitles::before {
  content: "\F0A16";
}

.mdi-subtitles-outline::before {
  content: "\F0A17";
}

.mdi-subway::before {
  content: "\F06AC";
}

.mdi-subway-alert-variant::before {
  content: "\F0D9D";
}

.mdi-subway-variant::before {
  content: "\F04DF";
}

.mdi-summit::before {
  content: "\F0786";
}

.mdi-sun-angle::before {
  content: "\F1B27";
}

.mdi-sun-angle-outline::before {
  content: "\F1B28";
}

.mdi-sun-clock::before {
  content: "\F1A77";
}

.mdi-sun-clock-outline::before {
  content: "\F1A78";
}

.mdi-sun-compass::before {
  content: "\F19A5";
}

.mdi-sun-snowflake::before {
  content: "\F1796";
}

.mdi-sun-snowflake-variant::before {
  content: "\F1A79";
}

.mdi-sun-thermometer::before {
  content: "\F18D6";
}

.mdi-sun-thermometer-outline::before {
  content: "\F18D7";
}

.mdi-sun-wireless::before {
  content: "\F17FE";
}

.mdi-sun-wireless-outline::before {
  content: "\F17FF";
}

.mdi-sunglasses::before {
  content: "\F04E0";
}

.mdi-surfing::before {
  content: "\F1746";
}

.mdi-surround-sound::before {
  content: "\F05C5";
}

.mdi-surround-sound-2-0::before {
  content: "\F07F0";
}

.mdi-surround-sound-2-1::before {
  content: "\F1729";
}

.mdi-surround-sound-3-1::before {
  content: "\F07F1";
}

.mdi-surround-sound-5-1::before {
  content: "\F07F2";
}

.mdi-surround-sound-5-1-2::before {
  content: "\F172A";
}

.mdi-surround-sound-7-1::before {
  content: "\F07F3";
}

.mdi-svg::before {
  content: "\F0721";
}

.mdi-swap-horizontal::before {
  content: "\F04E1";
}

.mdi-swap-horizontal-bold::before {
  content: "\F0BCD";
}

.mdi-swap-horizontal-circle::before {
  content: "\F0FE1";
}

.mdi-swap-horizontal-circle-outline::before {
  content: "\F0FE2";
}

.mdi-swap-horizontal-variant::before {
  content: "\F08C1";
}

.mdi-swap-vertical::before {
  content: "\F04E2";
}

.mdi-swap-vertical-bold::before {
  content: "\F0BCE";
}

.mdi-swap-vertical-circle::before {
  content: "\F0FE3";
}

.mdi-swap-vertical-circle-outline::before {
  content: "\F0FE4";
}

.mdi-swap-vertical-variant::before {
  content: "\F08C2";
}

.mdi-swim::before {
  content: "\F04E3";
}

.mdi-switch::before {
  content: "\F04E4";
}

.mdi-sword::before {
  content: "\F04E5";
}

.mdi-sword-cross::before {
  content: "\F0787";
}

.mdi-syllabary-hangul::before {
  content: "\F1333";
}

.mdi-syllabary-hiragana::before {
  content: "\F1334";
}

.mdi-syllabary-katakana::before {
  content: "\F1335";
}

.mdi-syllabary-katakana-halfwidth::before {
  content: "\F1336";
}

.mdi-symbol::before {
  content: "\F1501";
}

.mdi-symfony::before {
  content: "\F0AE6";
}

.mdi-synagogue::before {
  content: "\F1B04";
}

.mdi-synagogue-outline::before {
  content: "\F1B05";
}

.mdi-sync::before {
  content: "\F04E6";
}

.mdi-sync-alert::before {
  content: "\F04E7";
}

.mdi-sync-circle::before {
  content: "\F1378";
}

.mdi-sync-off::before {
  content: "\F04E8";
}

.mdi-tab::before {
  content: "\F04E9";
}

.mdi-tab-minus::before {
  content: "\F0B4B";
}

.mdi-tab-plus::before {
  content: "\F075C";
}

.mdi-tab-remove::before {
  content: "\F0B4C";
}

.mdi-tab-search::before {
  content: "\F199E";
}

.mdi-tab-unselected::before {
  content: "\F04EA";
}

.mdi-table::before {
  content: "\F04EB";
}

.mdi-table-account::before {
  content: "\F13B9";
}

.mdi-table-alert::before {
  content: "\F13BA";
}

.mdi-table-arrow-down::before {
  content: "\F13BB";
}

.mdi-table-arrow-left::before {
  content: "\F13BC";
}

.mdi-table-arrow-right::before {
  content: "\F13BD";
}

.mdi-table-arrow-up::before {
  content: "\F13BE";
}

.mdi-table-border::before {
  content: "\F0A18";
}

.mdi-table-cancel::before {
  content: "\F13BF";
}

.mdi-table-chair::before {
  content: "\F1061";
}

.mdi-table-check::before {
  content: "\F13C0";
}

.mdi-table-clock::before {
  content: "\F13C1";
}

.mdi-table-cog::before {
  content: "\F13C2";
}

.mdi-table-column::before {
  content: "\F0835";
}

.mdi-table-column-plus-after::before {
  content: "\F04EC";
}

.mdi-table-column-plus-before::before {
  content: "\F04ED";
}

.mdi-table-column-remove::before {
  content: "\F04EE";
}

.mdi-table-column-width::before {
  content: "\F04EF";
}

.mdi-table-edit::before {
  content: "\F04F0";
}

.mdi-table-eye::before {
  content: "\F1094";
}

.mdi-table-eye-off::before {
  content: "\F13C3";
}

.mdi-table-filter::before {
  content: "\F1B8C";
}

.mdi-table-furniture::before {
  content: "\F05BC";
}

.mdi-table-headers-eye::before {
  content: "\F121D";
}

.mdi-table-headers-eye-off::before {
  content: "\F121E";
}

.mdi-table-heart::before {
  content: "\F13C4";
}

.mdi-table-key::before {
  content: "\F13C5";
}

.mdi-table-large::before {
  content: "\F04F1";
}

.mdi-table-large-plus::before {
  content: "\F0F87";
}

.mdi-table-large-remove::before {
  content: "\F0F88";
}

.mdi-table-lock::before {
  content: "\F13C6";
}

.mdi-table-merge-cells::before {
  content: "\F09A6";
}

.mdi-table-minus::before {
  content: "\F13C7";
}

.mdi-table-multiple::before {
  content: "\F13C8";
}

.mdi-table-network::before {
  content: "\F13C9";
}

.mdi-table-of-contents::before {
  content: "\F0836";
}

.mdi-table-off::before {
  content: "\F13CA";
}

.mdi-table-picnic::before {
  content: "\F1743";
}

.mdi-table-pivot::before {
  content: "\F183C";
}

.mdi-table-plus::before {
  content: "\F0A75";
}

.mdi-table-question::before {
  content: "\F1B21";
}

.mdi-table-refresh::before {
  content: "\F13A0";
}

.mdi-table-remove::before {
  content: "\F0A76";
}

.mdi-table-row::before {
  content: "\F0837";
}

.mdi-table-row-height::before {
  content: "\F04F2";
}

.mdi-table-row-plus-after::before {
  content: "\F04F3";
}

.mdi-table-row-plus-before::before {
  content: "\F04F4";
}

.mdi-table-row-remove::before {
  content: "\F04F5";
}

.mdi-table-search::before {
  content: "\F090F";
}

.mdi-table-settings::before {
  content: "\F0838";
}

.mdi-table-split-cell::before {
  content: "\F142A";
}

.mdi-table-star::before {
  content: "\F13CB";
}

.mdi-table-sync::before {
  content: "\F13A1";
}

.mdi-table-tennis::before {
  content: "\F0E68";
}

.mdi-tablet::before {
  content: "\F04F6";
}

.mdi-tablet-cellphone::before {
  content: "\F09A7";
}

.mdi-tablet-dashboard::before {
  content: "\F0ECE";
}

.mdi-taco::before {
  content: "\F0762";
}

.mdi-tag::before {
  content: "\F04F9";
}

.mdi-tag-arrow-down::before {
  content: "\F172B";
}

.mdi-tag-arrow-down-outline::before {
  content: "\F172C";
}

.mdi-tag-arrow-left::before {
  content: "\F172D";
}

.mdi-tag-arrow-left-outline::before {
  content: "\F172E";
}

.mdi-tag-arrow-right::before {
  content: "\F172F";
}

.mdi-tag-arrow-right-outline::before {
  content: "\F1730";
}

.mdi-tag-arrow-up::before {
  content: "\F1731";
}

.mdi-tag-arrow-up-outline::before {
  content: "\F1732";
}

.mdi-tag-check::before {
  content: "\F1A7A";
}

.mdi-tag-check-outline::before {
  content: "\F1A7B";
}

.mdi-tag-faces::before {
  content: "\F04FA";
}

.mdi-tag-heart::before {
  content: "\F068B";
}

.mdi-tag-heart-outline::before {
  content: "\F0BCF";
}

.mdi-tag-hidden::before {
  content: "\F1C76";
}

.mdi-tag-minus::before {
  content: "\F0910";
}

.mdi-tag-minus-outline::before {
  content: "\F121F";
}

.mdi-tag-multiple::before {
  content: "\F04FB";
}

.mdi-tag-multiple-outline::before {
  content: "\F12F7";
}

.mdi-tag-off::before {
  content: "\F1220";
}

.mdi-tag-off-outline::before {
  content: "\F1221";
}

.mdi-tag-outline::before {
  content: "\F04FC";
}

.mdi-tag-plus::before {
  content: "\F0722";
}

.mdi-tag-plus-outline::before {
  content: "\F1222";
}

.mdi-tag-remove::before {
  content: "\F0723";
}

.mdi-tag-remove-outline::before {
  content: "\F1223";
}

.mdi-tag-search::before {
  content: "\F1907";
}

.mdi-tag-search-outline::before {
  content: "\F1908";
}

.mdi-tag-text::before {
  content: "\F1224";
}

.mdi-tag-text-outline::before {
  content: "\F04FD";
}

.mdi-tailwind::before {
  content: "\F13FF";
}

.mdi-tally-mark-1::before {
  content: "\F1ABC";
}

.mdi-tally-mark-2::before {
  content: "\F1ABD";
}

.mdi-tally-mark-3::before {
  content: "\F1ABE";
}

.mdi-tally-mark-4::before {
  content: "\F1ABF";
}

.mdi-tally-mark-5::before {
  content: "\F1AC0";
}

.mdi-tangram::before {
  content: "\F04F8";
}

.mdi-tank::before {
  content: "\F0D3A";
}

.mdi-tanker-truck::before {
  content: "\F0FE5";
}

.mdi-tape-drive::before {
  content: "\F16DF";
}

.mdi-tape-measure::before {
  content: "\F0B4D";
}

.mdi-target::before {
  content: "\F04FE";
}

.mdi-target-account::before {
  content: "\F0BD0";
}

.mdi-target-variant::before {
  content: "\F0A77";
}

.mdi-taxi::before {
  content: "\F04FF";
}

.mdi-tea::before {
  content: "\F0D9E";
}

.mdi-tea-outline::before {
  content: "\F0D9F";
}

.mdi-teamviewer::before {
  content: "\F0500";
}

.mdi-teddy-bear::before {
  content: "\F18FB";
}

.mdi-telescope::before {
  content: "\F0B4E";
}

.mdi-television::before {
  content: "\F0502";
}

.mdi-television-ambient-light::before {
  content: "\F1356";
}

.mdi-television-box::before {
  content: "\F0839";
}

.mdi-television-classic::before {
  content: "\F07F4";
}

.mdi-television-classic-off::before {
  content: "\F083A";
}

.mdi-television-guide::before {
  content: "\F0503";
}

.mdi-television-off::before {
  content: "\F083B";
}

.mdi-television-pause::before {
  content: "\F0F89";
}

.mdi-television-play::before {
  content: "\F0ECF";
}

.mdi-television-shimmer::before {
  content: "\F1110";
}

.mdi-television-speaker::before {
  content: "\F1B1B";
}

.mdi-television-speaker-off::before {
  content: "\F1B1C";
}

.mdi-television-stop::before {
  content: "\F0F8A";
}

.mdi-temperature-celsius::before {
  content: "\F0504";
}

.mdi-temperature-fahrenheit::before {
  content: "\F0505";
}

.mdi-temperature-kelvin::before {
  content: "\F0506";
}

.mdi-temple-buddhist::before {
  content: "\F1B06";
}

.mdi-temple-buddhist-outline::before {
  content: "\F1B07";
}

.mdi-temple-hindu::before {
  content: "\F1B08";
}

.mdi-temple-hindu-outline::before {
  content: "\F1B09";
}

.mdi-tennis::before {
  content: "\F0DA0";
}

.mdi-tennis-ball::before {
  content: "\F0507";
}

.mdi-tennis-ball-outline::before {
  content: "\F1C5F";
}

.mdi-tent::before {
  content: "\F0508";
}

.mdi-terraform::before {
  content: "\F1062";
}

.mdi-terrain::before {
  content: "\F0509";
}

.mdi-test-tube::before {
  content: "\F0668";
}

.mdi-test-tube-empty::before {
  content: "\F0911";
}

.mdi-test-tube-off::before {
  content: "\F0912";
}

.mdi-text::before {
  content: "\F09A8";
}

.mdi-text-account::before {
  content: "\F1570";
}

.mdi-text-box::before {
  content: "\F021A";
}

.mdi-text-box-check::before {
  content: "\F0EA6";
}

.mdi-text-box-check-outline::before {
  content: "\F0EA7";
}

.mdi-text-box-edit::before {
  content: "\F1A7C";
}

.mdi-text-box-edit-outline::before {
  content: "\F1A7D";
}

.mdi-text-box-minus::before {
  content: "\F0EA8";
}

.mdi-text-box-minus-outline::before {
  content: "\F0EA9";
}

.mdi-text-box-multiple::before {
  content: "\F0AB7";
}

.mdi-text-box-multiple-outline::before {
  content: "\F0AB8";
}

.mdi-text-box-outline::before {
  content: "\F09ED";
}

.mdi-text-box-plus::before {
  content: "\F0EAA";
}

.mdi-text-box-plus-outline::before {
  content: "\F0EAB";
}

.mdi-text-box-remove::before {
  content: "\F0EAC";
}

.mdi-text-box-remove-outline::before {
  content: "\F0EAD";
}

.mdi-text-box-search::before {
  content: "\F0EAE";
}

.mdi-text-box-search-outline::before {
  content: "\F0EAF";
}

.mdi-text-long::before {
  content: "\F09AA";
}

.mdi-text-recognition::before {
  content: "\F113D";
}

.mdi-text-search::before {
  content: "\F13B8";
}

.mdi-text-search-variant::before {
  content: "\F1A7E";
}

.mdi-text-shadow::before {
  content: "\F0669";
}

.mdi-text-short::before {
  content: "\F09A9";
}

.mdi-texture::before {
  content: "\F050C";
}

.mdi-texture-box::before {
  content: "\F0FE6";
}

.mdi-theater::before {
  content: "\F050D";
}

.mdi-theme-light-dark::before {
  content: "\F050E";
}

.mdi-thermometer::before {
  content: "\F050F";
}

.mdi-thermometer-alert::before {
  content: "\F0E01";
}

.mdi-thermometer-auto::before {
  content: "\F1B0F";
}

.mdi-thermometer-bluetooth::before {
  content: "\F1895";
}

.mdi-thermometer-check::before {
  content: "\F1A7F";
}

.mdi-thermometer-chevron-down::before {
  content: "\F0E02";
}

.mdi-thermometer-chevron-up::before {
  content: "\F0E03";
}

.mdi-thermometer-high::before {
  content: "\F10C2";
}

.mdi-thermometer-lines::before {
  content: "\F0510";
}

.mdi-thermometer-low::before {
  content: "\F10C3";
}

.mdi-thermometer-minus::before {
  content: "\F0E04";
}

.mdi-thermometer-off::before {
  content: "\F1531";
}

.mdi-thermometer-plus::before {
  content: "\F0E05";
}

.mdi-thermometer-probe::before {
  content: "\F1B2B";
}

.mdi-thermometer-probe-off::before {
  content: "\F1B2C";
}

.mdi-thermometer-water::before {
  content: "\F1A80";
}

.mdi-thermostat::before {
  content: "\F0393";
}

.mdi-thermostat-auto::before {
  content: "\F1B17";
}

.mdi-thermostat-box::before {
  content: "\F0891";
}

.mdi-thermostat-box-auto::before {
  content: "\F1B18";
}

.mdi-thermostat-cog::before {
  content: "\F1C80";
}

.mdi-thought-bubble::before {
  content: "\F07F6";
}

.mdi-thought-bubble-outline::before {
  content: "\F07F7";
}

.mdi-thumb-down::before {
  content: "\F0511";
}

.mdi-thumb-down-outline::before {
  content: "\F0512";
}

.mdi-thumb-up::before {
  content: "\F0513";
}

.mdi-thumb-up-outline::before {
  content: "\F0514";
}

.mdi-thumbs-up-down::before {
  content: "\F0515";
}

.mdi-thumbs-up-down-outline::before {
  content: "\F1914";
}

.mdi-ticket::before {
  content: "\F0516";
}

.mdi-ticket-account::before {
  content: "\F0517";
}

.mdi-ticket-confirmation::before {
  content: "\F0518";
}

.mdi-ticket-confirmation-outline::before {
  content: "\F13AA";
}

.mdi-ticket-outline::before {
  content: "\F0913";
}

.mdi-ticket-percent::before {
  content: "\F0724";
}

.mdi-ticket-percent-outline::before {
  content: "\F142B";
}

.mdi-tie::before {
  content: "\F0519";
}

.mdi-tilde::before {
  content: "\F0725";
}

.mdi-tilde-off::before {
  content: "\F18F3";
}

.mdi-timelapse::before {
  content: "\F051A";
}

.mdi-timeline::before {
  content: "\F0BD1";
}

.mdi-timeline-alert::before {
  content: "\F0F95";
}

.mdi-timeline-alert-outline::before {
  content: "\F0F98";
}

.mdi-timeline-check::before {
  content: "\F1532";
}

.mdi-timeline-check-outline::before {
  content: "\F1533";
}

.mdi-timeline-clock::before {
  content: "\F11FB";
}

.mdi-timeline-clock-outline::before {
  content: "\F11FC";
}

.mdi-timeline-minus::before {
  content: "\F1534";
}

.mdi-timeline-minus-outline::before {
  content: "\F1535";
}

.mdi-timeline-outline::before {
  content: "\F0BD2";
}

.mdi-timeline-plus::before {
  content: "\F0F96";
}

.mdi-timeline-plus-outline::before {
  content: "\F0F97";
}

.mdi-timeline-question::before {
  content: "\F0F99";
}

.mdi-timeline-question-outline::before {
  content: "\F0F9A";
}

.mdi-timeline-remove::before {
  content: "\F1536";
}

.mdi-timeline-remove-outline::before {
  content: "\F1537";
}

.mdi-timeline-text::before {
  content: "\F0BD3";
}

.mdi-timeline-text-outline::before {
  content: "\F0BD4";
}

.mdi-timer::before {
  content: "\F13AB";
}

.mdi-timer-10::before {
  content: "\F051C";
}

.mdi-timer-3::before {
  content: "\F051D";
}

.mdi-timer-alert::before {
  content: "\F1ACC";
}

.mdi-timer-alert-outline::before {
  content: "\F1ACD";
}

.mdi-timer-cancel::before {
  content: "\F1ACE";
}

.mdi-timer-cancel-outline::before {
  content: "\F1ACF";
}

.mdi-timer-check::before {
  content: "\F1AD0";
}

.mdi-timer-check-outline::before {
  content: "\F1AD1";
}

.mdi-timer-cog::before {
  content: "\F1925";
}

.mdi-timer-cog-outline::before {
  content: "\F1926";
}

.mdi-timer-edit::before {
  content: "\F1AD2";
}

.mdi-timer-edit-outline::before {
  content: "\F1AD3";
}

.mdi-timer-lock::before {
  content: "\F1AD4";
}

.mdi-timer-lock-open::before {
  content: "\F1AD5";
}

.mdi-timer-lock-open-outline::before {
  content: "\F1AD6";
}

.mdi-timer-lock-outline::before {
  content: "\F1AD7";
}

.mdi-timer-marker::before {
  content: "\F1AD8";
}

.mdi-timer-marker-outline::before {
  content: "\F1AD9";
}

.mdi-timer-minus::before {
  content: "\F1ADA";
}

.mdi-timer-minus-outline::before {
  content: "\F1ADB";
}

.mdi-timer-music::before {
  content: "\F1ADC";
}

.mdi-timer-music-outline::before {
  content: "\F1ADD";
}

.mdi-timer-off::before {
  content: "\F13AC";
}

.mdi-timer-off-outline::before {
  content: "\F051E";
}

.mdi-timer-outline::before {
  content: "\F051B";
}

.mdi-timer-pause::before {
  content: "\F1ADE";
}

.mdi-timer-pause-outline::before {
  content: "\F1ADF";
}

.mdi-timer-play::before {
  content: "\F1AE0";
}

.mdi-timer-play-outline::before {
  content: "\F1AE1";
}

.mdi-timer-plus::before {
  content: "\F1AE2";
}

.mdi-timer-plus-outline::before {
  content: "\F1AE3";
}

.mdi-timer-refresh::before {
  content: "\F1AE4";
}

.mdi-timer-refresh-outline::before {
  content: "\F1AE5";
}

.mdi-timer-remove::before {
  content: "\F1AE6";
}

.mdi-timer-remove-outline::before {
  content: "\F1AE7";
}

.mdi-timer-sand::before {
  content: "\F051F";
}

.mdi-timer-sand-complete::before {
  content: "\F199F";
}

.mdi-timer-sand-empty::before {
  content: "\F06AD";
}

.mdi-timer-sand-full::before {
  content: "\F078C";
}

.mdi-timer-sand-paused::before {
  content: "\F19A0";
}

.mdi-timer-settings::before {
  content: "\F1923";
}

.mdi-timer-settings-outline::before {
  content: "\F1924";
}

.mdi-timer-star::before {
  content: "\F1AE8";
}

.mdi-timer-star-outline::before {
  content: "\F1AE9";
}

.mdi-timer-stop::before {
  content: "\F1AEA";
}

.mdi-timer-stop-outline::before {
  content: "\F1AEB";
}

.mdi-timer-sync::before {
  content: "\F1AEC";
}

.mdi-timer-sync-outline::before {
  content: "\F1AED";
}

.mdi-timetable::before {
  content: "\F0520";
}

.mdi-tire::before {
  content: "\F1896";
}

.mdi-toaster::before {
  content: "\F1063";
}

.mdi-toaster-off::before {
  content: "\F11B7";
}

.mdi-toaster-oven::before {
  content: "\F0CD3";
}

.mdi-toggle-switch::before {
  content: "\F0521";
}

.mdi-toggle-switch-off::before {
  content: "\F0522";
}

.mdi-toggle-switch-off-outline::before {
  content: "\F0A19";
}

.mdi-toggle-switch-outline::before {
  content: "\F0A1A";
}

.mdi-toggle-switch-variant::before {
  content: "\F1A25";
}

.mdi-toggle-switch-variant-off::before {
  content: "\F1A26";
}

.mdi-toilet::before {
  content: "\F09AB";
}

.mdi-toolbox::before {
  content: "\F09AC";
}

.mdi-toolbox-outline::before {
  content: "\F09AD";
}

.mdi-tools::before {
  content: "\F1064";
}

.mdi-tooltip::before {
  content: "\F0523";
}

.mdi-tooltip-account::before {
  content: "\F000C";
}

.mdi-tooltip-cellphone::before {
  content: "\F183B";
}

.mdi-tooltip-check::before {
  content: "\F155C";
}

.mdi-tooltip-check-outline::before {
  content: "\F155D";
}

.mdi-tooltip-edit::before {
  content: "\F0524";
}

.mdi-tooltip-edit-outline::before {
  content: "\F12C5";
}

.mdi-tooltip-image::before {
  content: "\F0525";
}

.mdi-tooltip-image-outline::before {
  content: "\F0BD5";
}

.mdi-tooltip-minus::before {
  content: "\F155E";
}

.mdi-tooltip-minus-outline::before {
  content: "\F155F";
}

.mdi-tooltip-outline::before {
  content: "\F0526";
}

.mdi-tooltip-plus::before {
  content: "\F0BD6";
}

.mdi-tooltip-plus-outline::before {
  content: "\F0527";
}

.mdi-tooltip-question::before {
  content: "\F1BBA";
}

.mdi-tooltip-question-outline::before {
  content: "\F1BBB";
}

.mdi-tooltip-remove::before {
  content: "\F1560";
}

.mdi-tooltip-remove-outline::before {
  content: "\F1561";
}

.mdi-tooltip-text::before {
  content: "\F0528";
}

.mdi-tooltip-text-outline::before {
  content: "\F0BD7";
}

.mdi-tooth::before {
  content: "\F08C3";
}

.mdi-tooth-outline::before {
  content: "\F0529";
}

.mdi-toothbrush::before {
  content: "\F1129";
}

.mdi-toothbrush-electric::before {
  content: "\F112C";
}

.mdi-toothbrush-paste::before {
  content: "\F112A";
}

.mdi-torch::before {
  content: "\F1606";
}

.mdi-tortoise::before {
  content: "\F0D3B";
}

.mdi-toslink::before {
  content: "\F12B8";
}

.mdi-touch-text-outline::before {
  content: "\F1C60";
}

.mdi-tournament::before {
  content: "\F09AE";
}

.mdi-tow-truck::before {
  content: "\F083C";
}

.mdi-tower-beach::before {
  content: "\F0681";
}

.mdi-tower-fire::before {
  content: "\F0682";
}

.mdi-town-hall::before {
  content: "\F1875";
}

.mdi-toy-brick::before {
  content: "\F1288";
}

.mdi-toy-brick-marker::before {
  content: "\F1289";
}

.mdi-toy-brick-marker-outline::before {
  content: "\F128A";
}

.mdi-toy-brick-minus::before {
  content: "\F128B";
}

.mdi-toy-brick-minus-outline::before {
  content: "\F128C";
}

.mdi-toy-brick-outline::before {
  content: "\F128D";
}

.mdi-toy-brick-plus::before {
  content: "\F128E";
}

.mdi-toy-brick-plus-outline::before {
  content: "\F128F";
}

.mdi-toy-brick-remove::before {
  content: "\F1290";
}

.mdi-toy-brick-remove-outline::before {
  content: "\F1291";
}

.mdi-toy-brick-search::before {
  content: "\F1292";
}

.mdi-toy-brick-search-outline::before {
  content: "\F1293";
}

.mdi-track-light::before {
  content: "\F0914";
}

.mdi-track-light-off::before {
  content: "\F1B01";
}

.mdi-trackpad::before {
  content: "\F07F8";
}

.mdi-trackpad-lock::before {
  content: "\F0933";
}

.mdi-tractor::before {
  content: "\F0892";
}

.mdi-tractor-variant::before {
  content: "\F14C4";
}

.mdi-trademark::before {
  content: "\F0A78";
}

.mdi-traffic-cone::before {
  content: "\F137C";
}

.mdi-traffic-light::before {
  content: "\F052B";
}

.mdi-traffic-light-outline::before {
  content: "\F182A";
}

.mdi-train::before {
  content: "\F052C";
}

.mdi-train-car::before {
  content: "\F0BD8";
}

.mdi-train-car-autorack::before {
  content: "\F1B2D";
}

.mdi-train-car-box::before {
  content: "\F1B2E";
}

.mdi-train-car-box-full::before {
  content: "\F1B2F";
}

.mdi-train-car-box-open::before {
  content: "\F1B30";
}

.mdi-train-car-caboose::before {
  content: "\F1B31";
}

.mdi-train-car-centerbeam::before {
  content: "\F1B32";
}

.mdi-train-car-centerbeam-full::before {
  content: "\F1B33";
}

.mdi-train-car-container::before {
  content: "\F1B34";
}

.mdi-train-car-flatbed::before {
  content: "\F1B35";
}

.mdi-train-car-flatbed-car::before {
  content: "\F1B36";
}

.mdi-train-car-flatbed-tank::before {
  content: "\F1B37";
}

.mdi-train-car-gondola::before {
  content: "\F1B38";
}

.mdi-train-car-gondola-full::before {
  content: "\F1B39";
}

.mdi-train-car-hopper::before {
  content: "\F1B3A";
}

.mdi-train-car-hopper-covered::before {
  content: "\F1B3B";
}

.mdi-train-car-hopper-full::before {
  content: "\F1B3C";
}

.mdi-train-car-intermodal::before {
  content: "\F1B3D";
}

.mdi-train-car-passenger::before {
  content: "\F1733";
}

.mdi-train-car-passenger-door::before {
  content: "\F1734";
}

.mdi-train-car-passenger-door-open::before {
  content: "\F1735";
}

.mdi-train-car-passenger-variant::before {
  content: "\F1736";
}

.mdi-train-car-tank::before {
  content: "\F1B3E";
}

.mdi-train-variant::before {
  content: "\F08C4";
}

.mdi-tram::before {
  content: "\F052D";
}

.mdi-tram-side::before {
  content: "\F0FE7";
}

.mdi-transcribe::before {
  content: "\F052E";
}

.mdi-transcribe-close::before {
  content: "\F052F";
}

.mdi-transfer::before {
  content: "\F1065";
}

.mdi-transfer-down::before {
  content: "\F0DA1";
}

.mdi-transfer-left::before {
  content: "\F0DA2";
}

.mdi-transfer-right::before {
  content: "\F0530";
}

.mdi-transfer-up::before {
  content: "\F0DA3";
}

.mdi-transit-connection::before {
  content: "\F0D3C";
}

.mdi-transit-connection-horizontal::before {
  content: "\F1546";
}

.mdi-transit-connection-variant::before {
  content: "\F0D3D";
}

.mdi-transit-detour::before {
  content: "\F0F8B";
}

.mdi-transit-skip::before {
  content: "\F1515";
}

.mdi-transit-transfer::before {
  content: "\F06AE";
}

.mdi-transition::before {
  content: "\F0915";
}

.mdi-transition-masked::before {
  content: "\F0916";
}

.mdi-translate::before {
  content: "\F05CA";
}

.mdi-translate-off::before {
  content: "\F0E06";
}

.mdi-translate-variant::before {
  content: "\F1B99";
}

.mdi-transmission-tower::before {
  content: "\F0D3E";
}

.mdi-transmission-tower-export::before {
  content: "\F192C";
}

.mdi-transmission-tower-import::before {
  content: "\F192D";
}

.mdi-transmission-tower-off::before {
  content: "\F19DD";
}

.mdi-trash-can::before {
  content: "\F0A79";
}

.mdi-trash-can-outline::before {
  content: "\F0A7A";
}

.mdi-tray::before {
  content: "\F1294";
}

.mdi-tray-alert::before {
  content: "\F1295";
}

.mdi-tray-arrow-down::before {
  content: "\F0120";
}

.mdi-tray-arrow-up::before {
  content: "\F011D";
}

.mdi-tray-full::before {
  content: "\F1296";
}

.mdi-tray-minus::before {
  content: "\F1297";
}

.mdi-tray-plus::before {
  content: "\F1298";
}

.mdi-tray-remove::before {
  content: "\F1299";
}

.mdi-treasure-chest::before {
  content: "\F0726";
}

.mdi-treasure-chest-outline::before {
  content: "\F1C77";
}

.mdi-tree::before {
  content: "\F0531";
}

.mdi-tree-outline::before {
  content: "\F0E69";
}

.mdi-trello::before {
  content: "\F0532";
}

.mdi-trending-down::before {
  content: "\F0533";
}

.mdi-trending-neutral::before {
  content: "\F0534";
}

.mdi-trending-up::before {
  content: "\F0535";
}

.mdi-triangle::before {
  content: "\F0536";
}

.mdi-triangle-down::before {
  content: "\F1C56";
}

.mdi-triangle-down-outline::before {
  content: "\F1C57";
}

.mdi-triangle-outline::before {
  content: "\F0537";
}

.mdi-triangle-small-down::before {
  content: "\F1A09";
}

.mdi-triangle-small-up::before {
  content: "\F1A0A";
}

.mdi-triangle-wave::before {
  content: "\F147C";
}

.mdi-triforce::before {
  content: "\F0BD9";
}

.mdi-trophy::before {
  content: "\F0538";
}

.mdi-trophy-award::before {
  content: "\F0539";
}

.mdi-trophy-broken::before {
  content: "\F0DA4";
}

.mdi-trophy-outline::before {
  content: "\F053A";
}

.mdi-trophy-variant::before {
  content: "\F053B";
}

.mdi-trophy-variant-outline::before {
  content: "\F053C";
}

.mdi-truck::before {
  content: "\F053D";
}

.mdi-truck-alert::before {
  content: "\F19DE";
}

.mdi-truck-alert-outline::before {
  content: "\F19DF";
}

.mdi-truck-cargo-container::before {
  content: "\F18D8";
}

.mdi-truck-check::before {
  content: "\F0CD4";
}

.mdi-truck-check-outline::before {
  content: "\F129A";
}

.mdi-truck-delivery::before {
  content: "\F053E";
}

.mdi-truck-delivery-outline::before {
  content: "\F129B";
}

.mdi-truck-fast::before {
  content: "\F0788";
}

.mdi-truck-fast-outline::before {
  content: "\F129C";
}

.mdi-truck-flatbed::before {
  content: "\F1891";
}

.mdi-truck-minus::before {
  content: "\F19AE";
}

.mdi-truck-minus-outline::before {
  content: "\F19BD";
}

.mdi-truck-outline::before {
  content: "\F129D";
}

.mdi-truck-plus::before {
  content: "\F19AD";
}

.mdi-truck-plus-outline::before {
  content: "\F19BC";
}

.mdi-truck-remove::before {
  content: "\F19AF";
}

.mdi-truck-remove-outline::before {
  content: "\F19BE";
}

.mdi-truck-snowflake::before {
  content: "\F19A6";
}

.mdi-truck-trailer::before {
  content: "\F0727";
}

.mdi-trumpet::before {
  content: "\F1096";
}

.mdi-tshirt-crew::before {
  content: "\F0A7B";
}

.mdi-tshirt-crew-outline::before {
  content: "\F053F";
}

.mdi-tshirt-v::before {
  content: "\F0A7C";
}

.mdi-tshirt-v-outline::before {
  content: "\F0540";
}

.mdi-tsunami::before {
  content: "\F1A81";
}

.mdi-tumble-dryer::before {
  content: "\F0917";
}

.mdi-tumble-dryer-alert::before {
  content: "\F11BA";
}

.mdi-tumble-dryer-off::before {
  content: "\F11BB";
}

.mdi-tune::before {
  content: "\F062E";
}

.mdi-tune-variant::before {
  content: "\F1542";
}

.mdi-tune-vertical::before {
  content: "\F066A";
}

.mdi-tune-vertical-variant::before {
  content: "\F1543";
}

.mdi-tunnel::before {
  content: "\F183D";
}

.mdi-tunnel-outline::before {
  content: "\F183E";
}

.mdi-turbine::before {
  content: "\F1A82";
}

.mdi-turkey::before {
  content: "\F171B";
}

.mdi-turnstile::before {
  content: "\F0CD5";
}

.mdi-turnstile-outline::before {
  content: "\F0CD6";
}

.mdi-turtle::before {
  content: "\F0CD7";
}

.mdi-twitch::before {
  content: "\F0543";
}

.mdi-twitter::before {
  content: "\F0544";
}

.mdi-two-factor-authentication::before {
  content: "\F09AF";
}

.mdi-typewriter::before {
  content: "\F0F2D";
}

.mdi-ubisoft::before {
  content: "\F0BDA";
}

.mdi-ubuntu::before {
  content: "\F0548";
}

.mdi-ufo::before {
  content: "\F10C4";
}

.mdi-ufo-outline::before {
  content: "\F10C5";
}

.mdi-ultra-high-definition::before {
  content: "\F07F9";
}

.mdi-umbraco::before {
  content: "\F0549";
}

.mdi-umbrella::before {
  content: "\F054A";
}

.mdi-umbrella-beach::before {
  content: "\F188A";
}

.mdi-umbrella-beach-outline::before {
  content: "\F188B";
}

.mdi-umbrella-closed::before {
  content: "\F09B0";
}

.mdi-umbrella-closed-outline::before {
  content: "\F13E2";
}

.mdi-umbrella-closed-variant::before {
  content: "\F13E1";
}

.mdi-umbrella-outline::before {
  content: "\F054B";
}

.mdi-undo::before {
  content: "\F054C";
}

.mdi-undo-variant::before {
  content: "\F054D";
}

.mdi-unfold-less-horizontal::before {
  content: "\F054E";
}

.mdi-unfold-less-vertical::before {
  content: "\F0760";
}

.mdi-unfold-more-horizontal::before {
  content: "\F054F";
}

.mdi-unfold-more-vertical::before {
  content: "\F0761";
}

.mdi-ungroup::before {
  content: "\F0550";
}

.mdi-unicode::before {
  content: "\F0ED0";
}

.mdi-unicorn::before {
  content: "\F15C2";
}

.mdi-unicorn-variant::before {
  content: "\F15C3";
}

.mdi-unicycle::before {
  content: "\F15E5";
}

.mdi-unity::before {
  content: "\F06AF";
}

.mdi-unreal::before {
  content: "\F09B1";
}

.mdi-update::before {
  content: "\F06B0";
}

.mdi-upload::before {
  content: "\F0552";
}

.mdi-upload-lock::before {
  content: "\F1373";
}

.mdi-upload-lock-outline::before {
  content: "\F1374";
}

.mdi-upload-multiple::before {
  content: "\F083D";
}

.mdi-upload-network::before {
  content: "\F06F6";
}

.mdi-upload-network-outline::before {
  content: "\F0CD8";
}

.mdi-upload-off::before {
  content: "\F10C6";
}

.mdi-upload-off-outline::before {
  content: "\F10C7";
}

.mdi-upload-outline::before {
  content: "\F0E07";
}

.mdi-usb::before {
  content: "\F0553";
}

.mdi-usb-flash-drive::before {
  content: "\F129E";
}

.mdi-usb-flash-drive-outline::before {
  content: "\F129F";
}

.mdi-usb-port::before {
  content: "\F11F0";
}

.mdi-vacuum::before {
  content: "\F19A1";
}

.mdi-vacuum-outline::before {
  content: "\F19A2";
}

.mdi-valve::before {
  content: "\F1066";
}

.mdi-valve-closed::before {
  content: "\F1067";
}

.mdi-valve-open::before {
  content: "\F1068";
}

.mdi-van-passenger::before {
  content: "\F07FA";
}

.mdi-van-utility::before {
  content: "\F07FB";
}

.mdi-vanish::before {
  content: "\F07FC";
}

.mdi-vanish-quarter::before {
  content: "\F1554";
}

.mdi-vanity-light::before {
  content: "\F11E1";
}

.mdi-variable::before {
  content: "\F0AE7";
}

.mdi-variable-box::before {
  content: "\F1111";
}

.mdi-vector-arrange-above::before {
  content: "\F0554";
}

.mdi-vector-arrange-below::before {
  content: "\F0555";
}

.mdi-vector-bezier::before {
  content: "\F0AE8";
}

.mdi-vector-circle::before {
  content: "\F0556";
}

.mdi-vector-circle-variant::before {
  content: "\F0557";
}

.mdi-vector-combine::before {
  content: "\F0558";
}

.mdi-vector-curve::before {
  content: "\F0559";
}

.mdi-vector-difference::before {
  content: "\F055A";
}

.mdi-vector-difference-ab::before {
  content: "\F055B";
}

.mdi-vector-difference-ba::before {
  content: "\F055C";
}

.mdi-vector-ellipse::before {
  content: "\F0893";
}

.mdi-vector-intersection::before {
  content: "\F055D";
}

.mdi-vector-line::before {
  content: "\F055E";
}

.mdi-vector-link::before {
  content: "\F0FE8";
}

.mdi-vector-point::before {
  content: "\F01C4";
}

.mdi-vector-point-edit::before {
  content: "\F09E8";
}

.mdi-vector-point-minus::before {
  content: "\F1B78";
}

.mdi-vector-point-plus::before {
  content: "\F1B79";
}

.mdi-vector-point-select::before {
  content: "\F055F";
}

.mdi-vector-polygon::before {
  content: "\F0560";
}

.mdi-vector-polygon-variant::before {
  content: "\F1856";
}

.mdi-vector-polyline::before {
  content: "\F0561";
}

.mdi-vector-polyline-edit::before {
  content: "\F1225";
}

.mdi-vector-polyline-minus::before {
  content: "\F1226";
}

.mdi-vector-polyline-plus::before {
  content: "\F1227";
}

.mdi-vector-polyline-remove::before {
  content: "\F1228";
}

.mdi-vector-radius::before {
  content: "\F074A";
}

.mdi-vector-rectangle::before {
  content: "\F05C6";
}

.mdi-vector-selection::before {
  content: "\F0562";
}

.mdi-vector-square::before {
  content: "\F0001";
}

.mdi-vector-square-close::before {
  content: "\F1857";
}

.mdi-vector-square-edit::before {
  content: "\F18D9";
}

.mdi-vector-square-minus::before {
  content: "\F18DA";
}

.mdi-vector-square-open::before {
  content: "\F1858";
}

.mdi-vector-square-plus::before {
  content: "\F18DB";
}

.mdi-vector-square-remove::before {
  content: "\F18DC";
}

.mdi-vector-triangle::before {
  content: "\F0563";
}

.mdi-vector-union::before {
  content: "\F0564";
}

.mdi-vhs::before {
  content: "\F0A1B";
}

.mdi-vibrate::before {
  content: "\F0566";
}

.mdi-vibrate-off::before {
  content: "\F0CD9";
}

.mdi-video::before {
  content: "\F0567";
}

.mdi-video-2d::before {
  content: "\F1A1C";
}

.mdi-video-3d::before {
  content: "\F07FD";
}

.mdi-video-3d-off::before {
  content: "\F13D9";
}

.mdi-video-3d-variant::before {
  content: "\F0ED1";
}

.mdi-video-4k-box::before {
  content: "\F083E";
}

.mdi-video-account::before {
  content: "\F0919";
}

.mdi-video-box::before {
  content: "\F00FD";
}

.mdi-video-box-off::before {
  content: "\F00FE";
}

.mdi-video-check::before {
  content: "\F1069";
}

.mdi-video-check-outline::before {
  content: "\F106A";
}

.mdi-video-high-definition::before {
  content: "\F152E";
}

.mdi-video-image::before {
  content: "\F091A";
}

.mdi-video-input-antenna::before {
  content: "\F083F";
}

.mdi-video-input-component::before {
  content: "\F0840";
}

.mdi-video-input-hdmi::before {
  content: "\F0841";
}

.mdi-video-input-scart::before {
  content: "\F0F8C";
}

.mdi-video-input-svideo::before {
  content: "\F0842";
}

.mdi-video-marker::before {
  content: "\F19A9";
}

.mdi-video-marker-outline::before {
  content: "\F19AA";
}

.mdi-video-minus::before {
  content: "\F09B2";
}

.mdi-video-minus-outline::before {
  content: "\F02BA";
}

.mdi-video-off::before {
  content: "\F0568";
}

.mdi-video-off-outline::before {
  content: "\F0BDB";
}

.mdi-video-outline::before {
  content: "\F0BDC";
}

.mdi-video-plus::before {
  content: "\F09B3";
}

.mdi-video-plus-outline::before {
  content: "\F01D3";
}

.mdi-video-stabilization::before {
  content: "\F091B";
}

.mdi-video-switch::before {
  content: "\F0569";
}

.mdi-video-switch-outline::before {
  content: "\F0790";
}

.mdi-video-vintage::before {
  content: "\F0A1C";
}

.mdi-video-wireless::before {
  content: "\F0ED2";
}

.mdi-video-wireless-outline::before {
  content: "\F0ED3";
}

.mdi-view-agenda::before {
  content: "\F056A";
}

.mdi-view-agenda-outline::before {
  content: "\F11D8";
}

.mdi-view-array::before {
  content: "\F056B";
}

.mdi-view-array-outline::before {
  content: "\F1485";
}

.mdi-view-carousel::before {
  content: "\F056C";
}

.mdi-view-carousel-outline::before {
  content: "\F1486";
}

.mdi-view-column::before {
  content: "\F056D";
}

.mdi-view-column-outline::before {
  content: "\F1487";
}

.mdi-view-comfy::before {
  content: "\F0E6A";
}

.mdi-view-comfy-outline::before {
  content: "\F1488";
}

.mdi-view-compact::before {
  content: "\F0E6B";
}

.mdi-view-compact-outline::before {
  content: "\F0E6C";
}

.mdi-view-dashboard::before {
  content: "\F056E";
}

.mdi-view-dashboard-edit::before {
  content: "\F1947";
}

.mdi-view-dashboard-edit-outline::before {
  content: "\F1948";
}

.mdi-view-dashboard-outline::before {
  content: "\F0A1D";
}

.mdi-view-dashboard-variant::before {
  content: "\F0843";
}

.mdi-view-dashboard-variant-outline::before {
  content: "\F1489";
}

.mdi-view-day::before {
  content: "\F056F";
}

.mdi-view-day-outline::before {
  content: "\F148A";
}

.mdi-view-gallery::before {
  content: "\F1888";
}

.mdi-view-gallery-outline::before {
  content: "\F1889";
}

.mdi-view-grid::before {
  content: "\F0570";
}

.mdi-view-grid-compact::before {
  content: "\F1C61";
}

.mdi-view-grid-outline::before {
  content: "\F11D9";
}

.mdi-view-grid-plus::before {
  content: "\F0F8D";
}

.mdi-view-grid-plus-outline::before {
  content: "\F11DA";
}

.mdi-view-headline::before {
  content: "\F0571";
}

.mdi-view-list::before {
  content: "\F0572";
}

.mdi-view-list-outline::before {
  content: "\F148B";
}

.mdi-view-module::before {
  content: "\F0573";
}

.mdi-view-module-outline::before {
  content: "\F148C";
}

.mdi-view-parallel::before {
  content: "\F0728";
}

.mdi-view-parallel-outline::before {
  content: "\F148D";
}

.mdi-view-quilt::before {
  content: "\F0574";
}

.mdi-view-quilt-outline::before {
  content: "\F148E";
}

.mdi-view-sequential::before {
  content: "\F0729";
}

.mdi-view-sequential-outline::before {
  content: "\F148F";
}

.mdi-view-split-horizontal::before {
  content: "\F0BCB";
}

.mdi-view-split-vertical::before {
  content: "\F0BCC";
}

.mdi-view-stream::before {
  content: "\F0575";
}

.mdi-view-stream-outline::before {
  content: "\F1490";
}

.mdi-view-week::before {
  content: "\F0576";
}

.mdi-view-week-outline::before {
  content: "\F1491";
}

.mdi-vimeo::before {
  content: "\F0577";
}

.mdi-violin::before {
  content: "\F060F";
}

.mdi-virtual-reality::before {
  content: "\F0894";
}

.mdi-virus::before {
  content: "\F13B6";
}

.mdi-virus-off::before {
  content: "\F18E1";
}

.mdi-virus-off-outline::before {
  content: "\F18E2";
}

.mdi-virus-outline::before {
  content: "\F13B7";
}

.mdi-vlc::before {
  content: "\F057C";
}

.mdi-voicemail::before {
  content: "\F057D";
}

.mdi-volcano::before {
  content: "\F1A83";
}

.mdi-volcano-outline::before {
  content: "\F1A84";
}

.mdi-volleyball::before {
  content: "\F09B4";
}

.mdi-volume-equal::before {
  content: "\F1B10";
}

.mdi-volume-high::before {
  content: "\F057E";
}

.mdi-volume-low::before {
  content: "\F057F";
}

.mdi-volume-medium::before {
  content: "\F0580";
}

.mdi-volume-minus::before {
  content: "\F075E";
}

.mdi-volume-mute::before {
  content: "\F075F";
}

.mdi-volume-off::before {
  content: "\F0581";
}

.mdi-volume-plus::before {
  content: "\F075D";
}

.mdi-volume-source::before {
  content: "\F1120";
}

.mdi-volume-variant-off::before {
  content: "\F0E08";
}

.mdi-volume-vibrate::before {
  content: "\F1121";
}

.mdi-vote::before {
  content: "\F0A1F";
}

.mdi-vote-outline::before {
  content: "\F0A20";
}

.mdi-vpn::before {
  content: "\F0582";
}

.mdi-vuejs::before {
  content: "\F0844";
}

.mdi-vuetify::before {
  content: "\F0E6D";
}

.mdi-walk::before {
  content: "\F0583";
}

.mdi-wall::before {
  content: "\F07FE";
}

.mdi-wall-fire::before {
  content: "\F1A11";
}

.mdi-wall-sconce::before {
  content: "\F091C";
}

.mdi-wall-sconce-flat::before {
  content: "\F091D";
}

.mdi-wall-sconce-flat-outline::before {
  content: "\F17C9";
}

.mdi-wall-sconce-flat-variant::before {
  content: "\F041C";
}

.mdi-wall-sconce-flat-variant-outline::before {
  content: "\F17CA";
}

.mdi-wall-sconce-outline::before {
  content: "\F17CB";
}

.mdi-wall-sconce-round::before {
  content: "\F0748";
}

.mdi-wall-sconce-round-outline::before {
  content: "\F17CC";
}

.mdi-wall-sconce-round-variant::before {
  content: "\F091E";
}

.mdi-wall-sconce-round-variant-outline::before {
  content: "\F17CD";
}

.mdi-wallet::before {
  content: "\F0584";
}

.mdi-wallet-bifold::before {
  content: "\F1C58";
}

.mdi-wallet-bifold-outline::before {
  content: "\F1C59";
}

.mdi-wallet-giftcard::before {
  content: "\F0585";
}

.mdi-wallet-membership::before {
  content: "\F0586";
}

.mdi-wallet-outline::before {
  content: "\F0BDD";
}

.mdi-wallet-plus::before {
  content: "\F0F8E";
}

.mdi-wallet-plus-outline::before {
  content: "\F0F8F";
}

.mdi-wallet-travel::before {
  content: "\F0587";
}

.mdi-wallpaper::before {
  content: "\F0E09";
}

.mdi-wan::before {
  content: "\F0588";
}

.mdi-wardrobe::before {
  content: "\F0F90";
}

.mdi-wardrobe-outline::before {
  content: "\F0F91";
}

.mdi-warehouse::before {
  content: "\F0F81";
}

.mdi-washing-machine::before {
  content: "\F072A";
}

.mdi-washing-machine-alert::before {
  content: "\F11BC";
}

.mdi-washing-machine-off::before {
  content: "\F11BD";
}

.mdi-watch::before {
  content: "\F0589";
}

.mdi-watch-export::before {
  content: "\F058A";
}

.mdi-watch-export-variant::before {
  content: "\F0895";
}

.mdi-watch-import::before {
  content: "\F058B";
}

.mdi-watch-import-variant::before {
  content: "\F0896";
}

.mdi-watch-variant::before {
  content: "\F0897";
}

.mdi-watch-vibrate::before {
  content: "\F06B1";
}

.mdi-watch-vibrate-off::before {
  content: "\F0CDA";
}

.mdi-water::before {
  content: "\F058C";
}

.mdi-water-alert::before {
  content: "\F1502";
}

.mdi-water-alert-outline::before {
  content: "\F1503";
}

.mdi-water-boiler::before {
  content: "\F0F92";
}

.mdi-water-boiler-alert::before {
  content: "\F11B3";
}

.mdi-water-boiler-auto::before {
  content: "\F1B98";
}

.mdi-water-boiler-off::before {
  content: "\F11B4";
}

.mdi-water-check::before {
  content: "\F1504";
}

.mdi-water-check-outline::before {
  content: "\F1505";
}

.mdi-water-circle::before {
  content: "\F1806";
}

.mdi-water-minus::before {
  content: "\F1506";
}

.mdi-water-minus-outline::before {
  content: "\F1507";
}

.mdi-water-off::before {
  content: "\F058D";
}

.mdi-water-off-outline::before {
  content: "\F1508";
}

.mdi-water-opacity::before {
  content: "\F1855";
}

.mdi-water-outline::before {
  content: "\F0E0A";
}

.mdi-water-percent::before {
  content: "\F058E";
}

.mdi-water-percent-alert::before {
  content: "\F1509";
}

.mdi-water-plus::before {
  content: "\F150A";
}

.mdi-water-plus-outline::before {
  content: "\F150B";
}

.mdi-water-polo::before {
  content: "\F12A0";
}

.mdi-water-pump::before {
  content: "\F058F";
}

.mdi-water-pump-off::before {
  content: "\F0F93";
}

.mdi-water-remove::before {
  content: "\F150C";
}

.mdi-water-remove-outline::before {
  content: "\F150D";
}

.mdi-water-sync::before {
  content: "\F17C6";
}

.mdi-water-thermometer::before {
  content: "\F1A85";
}

.mdi-water-thermometer-outline::before {
  content: "\F1A86";
}

.mdi-water-well::before {
  content: "\F106B";
}

.mdi-water-well-outline::before {
  content: "\F106C";
}

.mdi-waterfall::before {
  content: "\F1849";
}

.mdi-watering-can::before {
  content: "\F1481";
}

.mdi-watering-can-outline::before {
  content: "\F1482";
}

.mdi-watermark::before {
  content: "\F0612";
}

.mdi-wave::before {
  content: "\F0F2E";
}

.mdi-waveform::before {
  content: "\F147D";
}

.mdi-waves::before {
  content: "\F078D";
}

.mdi-waves-arrow-left::before {
  content: "\F1859";
}

.mdi-waves-arrow-right::before {
  content: "\F185A";
}

.mdi-waves-arrow-up::before {
  content: "\F185B";
}

.mdi-waze::before {
  content: "\F0BDE";
}

.mdi-weather-cloudy::before {
  content: "\F0590";
}

.mdi-weather-cloudy-alert::before {
  content: "\F0F2F";
}

.mdi-weather-cloudy-arrow-right::before {
  content: "\F0E6E";
}

.mdi-weather-cloudy-clock::before {
  content: "\F18F6";
}

.mdi-weather-dust::before {
  content: "\F1B5A";
}

.mdi-weather-fog::before {
  content: "\F0591";
}

.mdi-weather-hail::before {
  content: "\F0592";
}

.mdi-weather-hazy::before {
  content: "\F0F30";
}

.mdi-weather-hurricane::before {
  content: "\F0898";
}

.mdi-weather-hurricane-outline::before {
  content: "\F1C78";
}

.mdi-weather-lightning::before {
  content: "\F0593";
}

.mdi-weather-lightning-rainy::before {
  content: "\F067E";
}

.mdi-weather-night::before {
  content: "\F0594";
}

.mdi-weather-night-partly-cloudy::before {
  content: "\F0F31";
}

.mdi-weather-partly-cloudy::before {
  content: "\F0595";
}

.mdi-weather-partly-lightning::before {
  content: "\F0F32";
}

.mdi-weather-partly-rainy::before {
  content: "\F0F33";
}

.mdi-weather-partly-snowy::before {
  content: "\F0F34";
}

.mdi-weather-partly-snowy-rainy::before {
  content: "\F0F35";
}

.mdi-weather-pouring::before {
  content: "\F0596";
}

.mdi-weather-rainy::before {
  content: "\F0597";
}

.mdi-weather-snowy::before {
  content: "\F0598";
}

.mdi-weather-snowy-heavy::before {
  content: "\F0F36";
}

.mdi-weather-snowy-rainy::before {
  content: "\F067F";
}

.mdi-weather-sunny::before {
  content: "\F0599";
}

.mdi-weather-sunny-alert::before {
  content: "\F0F37";
}

.mdi-weather-sunny-off::before {
  content: "\F14E4";
}

.mdi-weather-sunset::before {
  content: "\F059A";
}

.mdi-weather-sunset-down::before {
  content: "\F059B";
}

.mdi-weather-sunset-up::before {
  content: "\F059C";
}

.mdi-weather-tornado::before {
  content: "\F0F38";
}

.mdi-weather-windy::before {
  content: "\F059D";
}

.mdi-weather-windy-variant::before {
  content: "\F059E";
}

.mdi-web::before {
  content: "\F059F";
}

.mdi-web-box::before {
  content: "\F0F94";
}

.mdi-web-cancel::before {
  content: "\F1790";
}

.mdi-web-check::before {
  content: "\F0789";
}

.mdi-web-clock::before {
  content: "\F124A";
}

.mdi-web-minus::before {
  content: "\F10A0";
}

.mdi-web-off::before {
  content: "\F0A8E";
}

.mdi-web-plus::before {
  content: "\F0033";
}

.mdi-web-refresh::before {
  content: "\F1791";
}

.mdi-web-remove::before {
  content: "\F0551";
}

.mdi-web-sync::before {
  content: "\F1792";
}

.mdi-webcam::before {
  content: "\F05A0";
}

.mdi-webcam-off::before {
  content: "\F1737";
}

.mdi-webhook::before {
  content: "\F062F";
}

.mdi-webpack::before {
  content: "\F072B";
}

.mdi-webrtc::before {
  content: "\F1248";
}

.mdi-wechat::before {
  content: "\F0611";
}

.mdi-weight::before {
  content: "\F05A1";
}

.mdi-weight-gram::before {
  content: "\F0D3F";
}

.mdi-weight-kilogram::before {
  content: "\F05A2";
}

.mdi-weight-lifter::before {
  content: "\F115D";
}

.mdi-weight-pound::before {
  content: "\F09B5";
}

.mdi-whatsapp::before {
  content: "\F05A3";
}

.mdi-wheel-barrow::before {
  content: "\F14F2";
}

.mdi-wheelchair::before {
  content: "\F1A87";
}

.mdi-wheelchair-accessibility::before {
  content: "\F05A4";
}

.mdi-whistle::before {
  content: "\F09B6";
}

.mdi-whistle-outline::before {
  content: "\F12BC";
}

.mdi-white-balance-auto::before {
  content: "\F05A5";
}

.mdi-white-balance-incandescent::before {
  content: "\F05A6";
}

.mdi-white-balance-iridescent::before {
  content: "\F05A7";
}

.mdi-white-balance-sunny::before {
  content: "\F05A8";
}

.mdi-widgets::before {
  content: "\F072C";
}

.mdi-widgets-outline::before {
  content: "\F1355";
}

.mdi-wifi::before {
  content: "\F05A9";
}

.mdi-wifi-alert::before {
  content: "\F16B5";
}

.mdi-wifi-arrow-down::before {
  content: "\F16B6";
}

.mdi-wifi-arrow-left::before {
  content: "\F16B7";
}

.mdi-wifi-arrow-left-right::before {
  content: "\F16B8";
}

.mdi-wifi-arrow-right::before {
  content: "\F16B9";
}

.mdi-wifi-arrow-up::before {
  content: "\F16BA";
}

.mdi-wifi-arrow-up-down::before {
  content: "\F16BB";
}

.mdi-wifi-cancel::before {
  content: "\F16BC";
}

.mdi-wifi-check::before {
  content: "\F16BD";
}

.mdi-wifi-cog::before {
  content: "\F16BE";
}

.mdi-wifi-lock::before {
  content: "\F16BF";
}

.mdi-wifi-lock-open::before {
  content: "\F16C0";
}

.mdi-wifi-marker::before {
  content: "\F16C1";
}

.mdi-wifi-minus::before {
  content: "\F16C2";
}

.mdi-wifi-off::before {
  content: "\F05AA";
}

.mdi-wifi-plus::before {
  content: "\F16C3";
}

.mdi-wifi-refresh::before {
  content: "\F16C4";
}

.mdi-wifi-remove::before {
  content: "\F16C5";
}

.mdi-wifi-settings::before {
  content: "\F16C6";
}

.mdi-wifi-star::before {
  content: "\F0E0B";
}

.mdi-wifi-strength-1::before {
  content: "\F091F";
}

.mdi-wifi-strength-1-alert::before {
  content: "\F0920";
}

.mdi-wifi-strength-1-lock::before {
  content: "\F0921";
}

.mdi-wifi-strength-1-lock-open::before {
  content: "\F16CB";
}

.mdi-wifi-strength-2::before {
  content: "\F0922";
}

.mdi-wifi-strength-2-alert::before {
  content: "\F0923";
}

.mdi-wifi-strength-2-lock::before {
  content: "\F0924";
}

.mdi-wifi-strength-2-lock-open::before {
  content: "\F16CC";
}

.mdi-wifi-strength-3::before {
  content: "\F0925";
}

.mdi-wifi-strength-3-alert::before {
  content: "\F0926";
}

.mdi-wifi-strength-3-lock::before {
  content: "\F0927";
}

.mdi-wifi-strength-3-lock-open::before {
  content: "\F16CD";
}

.mdi-wifi-strength-4::before {
  content: "\F0928";
}

.mdi-wifi-strength-4-alert::before {
  content: "\F0929";
}

.mdi-wifi-strength-4-lock::before {
  content: "\F092A";
}

.mdi-wifi-strength-4-lock-open::before {
  content: "\F16CE";
}

.mdi-wifi-strength-alert-outline::before {
  content: "\F092B";
}

.mdi-wifi-strength-lock-open-outline::before {
  content: "\F16CF";
}

.mdi-wifi-strength-lock-outline::before {
  content: "\F092C";
}

.mdi-wifi-strength-off::before {
  content: "\F092D";
}

.mdi-wifi-strength-off-outline::before {
  content: "\F092E";
}

.mdi-wifi-strength-outline::before {
  content: "\F092F";
}

.mdi-wifi-sync::before {
  content: "\F16C7";
}

.mdi-wikipedia::before {
  content: "\F05AC";
}

.mdi-wind-power::before {
  content: "\F1A88";
}

.mdi-wind-power-outline::before {
  content: "\F1A89";
}

.mdi-wind-turbine::before {
  content: "\F0DA5";
}

.mdi-wind-turbine-alert::before {
  content: "\F19AB";
}

.mdi-wind-turbine-check::before {
  content: "\F19AC";
}

.mdi-window-close::before {
  content: "\F05AD";
}

.mdi-window-closed::before {
  content: "\F05AE";
}

.mdi-window-closed-variant::before {
  content: "\F11DB";
}

.mdi-window-maximize::before {
  content: "\F05AF";
}

.mdi-window-minimize::before {
  content: "\F05B0";
}

.mdi-window-open::before {
  content: "\F05B1";
}

.mdi-window-open-variant::before {
  content: "\F11DC";
}

.mdi-window-restore::before {
  content: "\F05B2";
}

.mdi-window-shutter::before {
  content: "\F111C";
}

.mdi-window-shutter-alert::before {
  content: "\F111D";
}

.mdi-window-shutter-auto::before {
  content: "\F1BA3";
}

.mdi-window-shutter-cog::before {
  content: "\F1A8A";
}

.mdi-window-shutter-open::before {
  content: "\F111E";
}

.mdi-window-shutter-settings::before {
  content: "\F1A8B";
}

.mdi-windsock::before {
  content: "\F15FA";
}

.mdi-wiper::before {
  content: "\F0AE9";
}

.mdi-wiper-wash::before {
  content: "\F0DA6";
}

.mdi-wiper-wash-alert::before {
  content: "\F18DF";
}

.mdi-wizard-hat::before {
  content: "\F1477";
}

.mdi-wordpress::before {
  content: "\F05B4";
}

.mdi-wrap::before {
  content: "\F05B6";
}

.mdi-wrap-disabled::before {
  content: "\F0BDF";
}

.mdi-wrench::before {
  content: "\F05B7";
}

.mdi-wrench-check::before {
  content: "\F1B8F";
}

.mdi-wrench-check-outline::before {
  content: "\F1B90";
}

.mdi-wrench-clock::before {
  content: "\F19A3";
}

.mdi-wrench-clock-outline::before {
  content: "\F1B93";
}

.mdi-wrench-cog::before {
  content: "\F1B91";
}

.mdi-wrench-cog-outline::before {
  content: "\F1B92";
}

.mdi-wrench-outline::before {
  content: "\F0BE0";
}

.mdi-xamarin::before {
  content: "\F0845";
}

.mdi-xml::before {
  content: "\F05C0";
}

.mdi-xmpp::before {
  content: "\F07FF";
}

.mdi-yahoo::before {
  content: "\F0B4F";
}

.mdi-yeast::before {
  content: "\F05C1";
}

.mdi-yin-yang::before {
  content: "\F0680";
}

.mdi-yoga::before {
  content: "\F117C";
}

.mdi-youtube::before {
  content: "\F05C3";
}

.mdi-youtube-gaming::before {
  content: "\F0848";
}

.mdi-youtube-studio::before {
  content: "\F0847";
}

.mdi-youtube-subscription::before {
  content: "\F0D40";
}

.mdi-youtube-tv::before {
  content: "\F0448";
}

.mdi-yurt::before {
  content: "\F1516";
}

.mdi-z-wave::before {
  content: "\F0AEA";
}

.mdi-zend::before {
  content: "\F0AEB";
}

.mdi-zigbee::before {
  content: "\F0D41";
}

.mdi-zip-box::before {
  content: "\F05C4";
}

.mdi-zip-box-outline::before {
  content: "\F0FFA";
}

.mdi-zip-disk::before {
  content: "\F0A23";
}

.mdi-zodiac-aquarius::before {
  content: "\F0A7D";
}

.mdi-zodiac-aries::before {
  content: "\F0A7E";
}

.mdi-zodiac-cancer::before {
  content: "\F0A7F";
}

.mdi-zodiac-capricorn::before {
  content: "\F0A80";
}

.mdi-zodiac-gemini::before {
  content: "\F0A81";
}

.mdi-zodiac-leo::before {
  content: "\F0A82";
}

.mdi-zodiac-libra::before {
  content: "\F0A83";
}

.mdi-zodiac-pisces::before {
  content: "\F0A84";
}

.mdi-zodiac-sagittarius::before {
  content: "\F0A85";
}

.mdi-zodiac-scorpio::before {
  content: "\F0A86";
}

.mdi-zodiac-taurus::before {
  content: "\F0A87";
}

.mdi-zodiac-virgo::before {
  content: "\F0A88";
}

.mdi-blank::before {
  content: "\F68C";
  visibility: hidden;
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
  font-size: 18px;
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
  font-size: 24px;
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
  font-size: 36px;
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
  font-size: 48px;
}

.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}

.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

.mdi-light:before {
  color: white;
}

.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

.mdi-rotate-45 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(45deg);
            transform: scaleX(-1) rotate(45deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: scaleY(-1) rotate(45deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mdi-rotate-90 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(90deg);
            transform: scaleX(-1) rotate(90deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: scaleY(-1) rotate(90deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mdi-rotate-135 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: scaleY(-1) rotate(135deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.mdi-rotate-180 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(180deg);
            transform: scaleX(-1) rotate(180deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: scaleY(-1) rotate(180deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mdi-rotate-225 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(225deg);
            transform: scaleX(-1) rotate(225deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: scaleY(-1) rotate(225deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.mdi-rotate-270 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(270deg);
            transform: scaleX(-1) rotate(270deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: scaleY(-1) rotate(270deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mdi-rotate-315 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(315deg);
            transform: scaleX(-1) rotate(315deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(315deg);
            -ms-transform: rotate(315deg);
            transform: scaleY(-1) rotate(315deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/*# sourceMappingURL=materialdesignicons.css.map */