@charset "UTF-8";

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    src: local("SourceSansPro-ExtraLight"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLight.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    src: local("SourceSansPro-Light"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Light.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: local("SourceSansPro-Regular"), local("Source Sans Pro"), url("../fonts/SourceSansPro-Regular.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    src: local("SourceSansPro-Semibold"), local("Source Sans Pro Semibold"), url("../fonts/SourceSansPro-Semibold.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: local("SourceSansPro-Bold"), local("Source Sans Pro Bold"), url("../fonts/SourceSansPro-Bold.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    src: local("SourceSansPro-Black"), local("Source Sans Pro Black"), url("../fonts/SourceSansPro-Black.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 200;
    font-style: italic;
    font-stretch: normal;
    src: local("SourceSansPro-ExtraLightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-ExtraLightIt.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    src: local("SourceSansPro-LightIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-LightIt.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    src: local("SourceSansPro-It"), local("Source Sans Pro"), url("../fonts/SourceSansPro-It.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    src: local("SourceSansPro-SemiboldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-SemiboldIt.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    src: local("SourceSansPro-BoldIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BoldIt.woff") format("woff");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
    src: local("SourceSansPro-BlackIt"), local("Source Sans Pro"), url("../fonts/SourceSansPro-BlackIt.woff") format("woff");
}


html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    min-height: 100%;
    /*overflow:hidden;*/
}

a:hover {
    color: #81D4FA;
}

.container {
    position: relative;
    margin: 0 auto;
}

.first, .second {
    margin: 70px 0 0 200px; /* where 400px is width offset is / 2) */
    position: absolute;
    top: 10%;
    left: 10%;
}

.second {
    margin: 364px 0  0 -20px; /* let's guess second image was 200px wide */
}

.wrapper {
    position: absolute;
    width: 100%;
}

.divider-with-label {
    position: relative;
    text-align: center;
    margin: 16px 0;
}

.divider-label {
    position: absolute;
    top: -12px; /* Adjust as needed */
    left: 50%;
    transform: translateX(-50%);
    padding: 0 8px; /* Padding to give some space around the text */
    font-weight: bold; /* Makes the text bold */
    font-size: 1.0rem; /* Adjust font size as needed */
}

.divider-with-label > .mud-divider {
    margin: 16px 0; /* Optional: Adjust spacing around the divider */
}

.custom-data-grid .mud-table-cell {
    font-size: 12px; /* Adjust size as needed */
}

.custom-data-grid >>> .mud-table-head {
    font-size: 12px; /* Adjust size for header as well */
    background-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-text-primary);
}


.fish {
    position: absolute;
    width: 100px;
    z-index: 10;
    left: 1%;
    animation: moveFish 12s ease-in-out forwards;
}

.fish2 {
    position: absolute;
    width: 100px;
    z-index: 10;
    left: -32%;
    animation: moveFish2 6s ease-in-out 7.5s forwards;
}

.custom-cursor {
    cursor: wait;
}

.gridOddRow {
    background-color: #bdd4df;
}

@keyframes moveFish {
    0% {
        left: 1%;
    }

    100% {
        left: 110%;
    }
}

@keyframes moveFish2 {
    0% {
        left: -32%;
    }

    100% {
        left: 50%;
    }
}

.division {
    border: 1px solid black;
    padding: 10px;
    margin: 10px;
}

.section {
    border: 1px solid blue;
    padding: 10px;
    margin: 10px;
}

.child-section {
    border: 1px solid green;
    padding: 10px;
    margin: 10px;
}

.child-of-child-section {
    border: 1px solid orange;
    padding: 10px;
    margin: 10px;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.bgMain {
    background-image: url("../images/Ocean2_transparent.svg");
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

app {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row {
    height: 3.5rem;
    display: flex;
    align-items: center;
    z-index: 10;
}

.main {
    flex: 1;
}

    .main .top-row {
        background-color: #f7f7f7;
        border-bottom: 1px solid #d6d5d5;
        justify-content: flex-end;
    }

        .main .top-row > a, .main .top-row .btn-link {
            white-space: nowrap;
            margin-left: 1.5rem;
        }

        .main .top-row a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand {
        font-size: 1.1rem;
    }

    .sidebar .oi {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

    .sidebar .nav-item {
        font-size: 0.9rem;
        padding-bottom: 0.5rem;
    }

        .sidebar .nav-item:first-of-type {
            padding-top: 1rem;
        }

        .sidebar .nav-item:last-of-type {
            padding-bottom: 1rem;
        }

        .sidebar .nav-item a {
            color: #d7d7d7;
            border-radius: 4px;
            height: 3rem;
            display: flex;
            align-items: center;
            line-height: 3rem;
        }

            .sidebar .nav-item a.active {
                background-color: rgba(255,255,255,0.25);
                color: white;
            }

            .sidebar .nav-item a:hover {
                background-color: rgba(255,255,255,0.1);
                color: white;
            }

.content {
    padding-top: 1.1rem;
}

.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

@media (max-width: 767.98px) {
    .main .top-row:not(.auth) {
        display: none;
    }

    .main .top-row.auth {
        justify-content: space-between;
    }

    .main .top-row a, .main .top-row .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    app {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .main .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .navbar-toggler {
        display: none;
    }

    .sidebar .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.fix-bottom {
    bottom: 0;
    position: fixed !important;
}

body, div, form, input, label {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
}

legend {
    color: #fff;
    background-color: #095484;
    padding: 3px 5px;
    font-size: 20px;
}

h1 {
    position: absolute;
    margin: 0;
    font-size: 36px;
    color: #fff;
    z-index: 2;
}

.testbox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

.editForm {
    width: 100%;
    padding: 20px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 20px 0 #095484;
}

.banner {
    position: relative;
    height: 320px;
    background-image: url("/uploads/media/default/0001/02/19ea6ba00def11fb8f5113a4d7555a97bd58ce3d.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        width: 100%;
        height: 100%;
    }

input {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input {
    width: calc(100% - 10px);
    padding: 5px;
}

select {
    width: 100%;
    padding: 7px 0;
    background: transparent;
}

input[type="date"] {
    padding: 4px 5px;
}

.item:hover p, .item:hover i, .question:hover p, .question label:hover, input:hover::placeholder {
    color: #095484;
}

.item input:hover {
    border: 1px solid transparent;
    box-shadow: 0 0 6px 0 #095484;
    color: #095484;
}

.item {
    position: relative;
    margin: 10px 0;
}

    .item span {
        color: red;
    }

input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

.item i, input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    font-size: 20px;
    color: #095484;
}

.item i {
    right: 2%;
    top: 30px;
    z-index: 1;
}

[type="date"]::-webkit-calendar-picker-indicator {
    right: 1%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.question span {
    margin-left: 30px;
}

.btn-block {
    margin-top: 10px;
    text-align: center;
}

.stylebutton {
    width: 150px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #095484;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

    .stylebutton:hover {
        background: #4286f4;
    }

@media (min-width: 568px) {
    .name-item, .city-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .name-item input, .city-item input, .name-item div {
            width: calc(50% - 20px);
        }

            .name-item div input {
                width: 97%;
            }

            .name-item div label {
                display: block;
                padding-bottom: 5px;
            }
}

@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Quattrocento);

.snip1376 {
    font-family: 'Quattrocento', Arial, sans-serif;
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 230px;
    max-width: 315px;
    width: 100%;
    color: #141414;
    text-align: left;
    line-height: 1.4em;
    font-size: 16px;
}

    .snip1376 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .snip1376 img {
        max-width: 100%;
        vertical-align: top;
    }

    .snip1376 figcaption {
        width: 100%;
        background-color: #ffffff;
        padding: 15px 25px 65px;
        position: relative;
    }

        .snip1376 figcaption:before {
            position: absolute;
            content: '';
            z-index: 2;
            bottom: 100%;
            left: 0;
            width: 100%;
            height: 80px;
            background-image: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
            background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
        }

    .snip1376 h2,
    .snip1376 p {
        margin: 0 0 10px;
    }

    .snip1376 h2 {
        font-weight: 300;
        font-size: 1.5em;
        line-height: 1.2em;
        font-family: 'Oswald', Arial, sans-serif;
        text-transform: uppercase;
    }

    .snip1376 p {
        font-size: 0.9em;
        letter-spacing: 1px;
        opacity: 0.9;
    }

    .snip1376 .icons {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #e6e6e6;
        width: 100%;
        text-align: center;
    }

    .snip1376 i {
        padding: 10px 5px;
        display: inline-block;
        font-size: 24px;
        color: #141414;
        opacity: 0.65;
    }

        .snip1376 i:hover {
            opacity: 1;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

/*body {
    margin-top: 20px;
    color: #1a202c;
    text-align: left;
    background-color: #e2e8f0;
}

.main-body {
    padding: 15px;
}*/

.card {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}

    .gutters-sm > .col, .gutters-sm > [class*=col-] {
        padding-right: 8px;
        padding-left: 8px;
    }

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.bg-gray-300 {
    background-color: #e2e8f0;
}

.h-100 {
    height: 100% !important;
}

.shadow-none {
    box-shadow: none !important;
}

.mud-input,
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 0.875rem; /* 1 rem is default */
}


/* Placing MudBlazor CSS here so I don't have to worry about updates overwriting my CSS changes */
@charset "UTF-8";
/*!
 * MudBlazor (https://mudblazor.com/)
 * Copyright (c) 2021 MudBlazor
 * Licensed under MIT (https://github.com/MudBlazor/MudBlazor/blob/master/LICENSE)
 */
.mud-primary {
    background-color: var(--mud-palette-primary) !important;
}

.mud-primary-text {
    color: var(--mud-palette-primary) !important;
}

.mud-primary-hover {
    background-color: var(--mud-palette-primary-hover) !important;
}

.hover\:mud-primary-hover:hover, .hover\:mud-primary-hover:focus-visible {
    background-color: var(--mud-palette-primary-hover) !important;
}

.mud-border-primary {
    border-color: var(--mud-palette-primary) !important;
}

.mud-theme-primary {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-primary) !important;
}

.mud-secondary {
    background-color: var(--mud-palette-secondary) !important;
}

.mud-secondary-text {
    color: var(--mud-palette-secondary) !important;
}

.mud-secondary-hover {
    background-color: var(--mud-palette-secondary-hover) !important;
}

.hover\:mud-secondary-hover:hover, .hover\:mud-secondary-hover:focus-visible {
    background-color: var(--mud-palette-secondary-hover) !important;
}

.mud-border-secondary {
    border-color: var(--mud-palette-secondary) !important;
}

.mud-theme-secondary {
    color: var(--mud-palette-secondary-text) !important;
    background-color: var(--mud-palette-secondary) !important;
}

.mud-tertiary {
    background-color: var(--mud-palette-tertiary) !important;
}

.mud-tertiary-text {
    color: var(--mud-palette-tertiary) !important;
}

.mud-tertiary-hover {
    background-color: var(--mud-palette-tertiary-hover) !important;
}

.hover\:mud-tertiary-hover:hover, .hover\:mud-tertiary-hover:focus-visible {
    background-color: var(--mud-palette-tertiary-hover) !important;
}

.mud-border-tertiary {
    border-color: var(--mud-palette-tertiary) !important;
}

.mud-theme-tertiary {
    color: var(--mud-palette-tertiary-text) !important;
    background-color: var(--mud-palette-tertiary) !important;
}

.mud-info {
    background-color: var(--mud-palette-info) !important;
}

.mud-info-text {
    color: var(--mud-palette-info) !important;
}

.mud-info-hover {
    background-color: var(--mud-palette-info-hover) !important;
}

.hover\:mud-info-hover:hover, .hover\:mud-info-hover:focus-visible {
    background-color: var(--mud-palette-info-hover) !important;
}

.mud-border-info {
    border-color: var(--mud-palette-info) !important;
}

.mud-theme-info {
    color: var(--mud-palette-info-text) !important;
    background-color: var(--mud-palette-info) !important;
}

.mud-success {
    background-color: var(--mud-palette-success) !important;
}

.mud-success-text {
    color: var(--mud-palette-success) !important;
}

.mud-success-hover {
    background-color: var(--mud-palette-success-hover) !important;
}

.hover\:mud-success-hover:hover, .hover\:mud-success-hover:focus-visible {
    background-color: var(--mud-palette-success-hover) !important;
}

.mud-border-success {
    border-color: var(--mud-palette-success) !important;
}

.mud-theme-success {
    color: var(--mud-palette-success-text) !important;
    background-color: var(--mud-palette-success) !important;
}

.mud-warning {
    background-color: var(--mud-palette-warning) !important;
}

.mud-warning-text {
    color: var(--mud-palette-warning) !important;
}

.mud-warning-hover {
    background-color: var(--mud-palette-warning-hover) !important;
}

.hover\:mud-warning-hover:hover, .hover\:mud-warning-hover:focus-visible {
    background-color: var(--mud-palette-warning-hover) !important;
}

.mud-border-warning {
    border-color: var(--mud-palette-warning) !important;
}

.mud-theme-warning {
    color: var(--mud-palette-warning-text) !important;
    background-color: var(--mud-palette-warning) !important;
}

.mud-error {
    background-color: var(--mud-palette-error) !important;
}

.mud-error-text {
    color: var(--mud-palette-error) !important;
}

.mud-error-hover {
    background-color: var(--mud-palette-error-hover) !important;
}

.hover\:mud-error-hover:hover, .hover\:mud-error-hover:focus-visible {
    background-color: var(--mud-palette-error-hover) !important;
}

.mud-border-error {
    border-color: var(--mud-palette-error) !important;
}

.mud-theme-error {
    color: var(--mud-palette-error-text) !important;
    background-color: var(--mud-palette-error) !important;
}

.mud-dark {
    background-color: var(--mud-palette-dark) !important;
}

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

.mud-dark-hover {
    background-color: var(--mud-palette-dark-hover) !important;
}

.hover\:mud-dark-hover:hover, .hover\:mud-dark-hover:focus-visible {
    background-color: var(--mud-palette-dark-hover) !important;
}

.mud-border-dark {
    border-color: var(--mud-palette-dark) !important;
}

.mud-theme-dark {
    color: var(--mud-palette-dark-text) !important;
    background-color: var(--mud-palette-dark) !important;
}

.mud-inherit-text {
    color: inherit !important;
}

.mud-border-lines-default {
    border-color: var(--mud-palette-lines-default);
}

.mud-background {
    background-color: var(--mud-palette-background) !important;
}

.mud-background-gray {
    background-color: var(--mud-palette-background-grey) !important;
}

.mud-theme-transparent {
    color: inherit !important;
    background-color: transparent !important;
}

.mud-transparent {
    background-color: transparent !important;
}

.mud-transparent-text {
    color: transparent !important;
}

.mud-text-primary {
    color: var(--mud-palette-text-primary);
}

.mud-text-secondary {
    color: var(--mud-palette-text-secondary);
}

.mud-text-disabled {
    color: var(--mud-palette-text-disabled);
}

.white {
    background-color: #fff !important;
}

.white-text {
    color: #fff !important;
}

.black {
    background-color: #000 !important;
}

.black-text {
    color: #000 !important;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

strong, b {
    font-weight: 700;
}

body {
    color: var(--mud-palette-text-primary);
    font-family: var(--mud-typography-default-family);
    font-size: var(--mud-typography-default-size);
    font-weight: var(--mud-typography-default-weight);
    line-height: var(--mud-typography-default-lineheight);
    letter-spacing: var(--mud-typography-default-letterspacing);
    text-transform: var(--mud-typography-default-text-transform);
    background-color: var(--mud-palette-background);
}

a {
    color: var(--mud-palette-text-primary);
}

.mud-layout {
    height: 100%;
    width: 100%;
    position: relative;
}

#blazor-error-ui {
    background: #ffffe0;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0,0,0,.2);
    display: none;
    left: 0;
    padding: .6rem 1.25rem .7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: .75rem;
        top: .5rem;
    }

#components-reconnect-modal {
    z-index: 9999 !important;
}

    #components-reconnect-modal h5 {
        font-size: 18px;
    }

    #components-reconnect-modal button {
        color: var(--mud-palette-text-primary);
        padding: 8px 16px;
        font-size: .875rem;
        min-width: 64px;
        box-sizing: border-box;
        transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1) 0ms;
        font-weight: 500;
        line-height: 1;
        border-radius: var(--mud-default-borderradius);
        letter-spacing: .02857em;
        text-transform: uppercase;
        margin: 40px auto !important;
    }

        #components-reconnect-modal button:hover {
            background-color: var(--mud-palette-action-default-hover);
        }

@keyframes mud-animation-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes mud-animation-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes mud-animation-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes mud-animation-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes mud-animation-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes mud-scale-up-center {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes mud-scale-up-center {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes mud-skeleton-keyframes-pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes mud-skeleton-keyframes-wave {
    0% {
        transform: translateX(-100%);
    }

    60% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@-webkit-keyframes mud-progress-circular-keyframes-circular-rotate {
    0% {
        transform-origin: 50% 50%;
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes mud-progress-circular-keyframes-circular-dash {
    0% {
        stroke-dasharray: 1px,200px;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 100px,200px;
        stroke-dashoffset: -15px;
    }

    100% {
        stroke-dasharray: 100px,200px;
        stroke-dashoffset: -125px;
    }
}

@-webkit-keyframes mud-progress-linear-horizontal-keyframes-indeterminate1 {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes mud-progress-linear-horizontal-keyframes-indeterminate2 {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@-webkit-keyframes mud-progress-linear-horizontal-keyframes-buffer {
    0% {
        opacity: 1;
        background-position: 0 -23px;
    }

    50% {
        opacity: 0;
        background-position: 0 -23px;
    }

    100% {
        opacity: 1;
        background-position: -200px -23px;
    }
}

@-webkit-keyframes mud-progress-linear-vertical-keyframes-indeterminate1 {
    0% {
        bottom: -35%;
        top: 100%;
    }

    60% {
        bottom: 100%;
        top: -90%;
    }

    100% {
        bottom: 100%;
        top: -90%;
    }
}

@-webkit-keyframes mud-progress-linear-vertical-keyframes-indeterminate2 {
    0% {
        bottom: -200%;
        top: 100%;
    }

    60% {
        bottom: 107%;
        top: -8%;
    }

    100% {
        bottom: 107%;
        top: -8%;
    }
}

@-webkit-keyframes mud-progress-linear-vertical-keyframes-buffer {
    0% {
        opacity: 1;
        background-position: -23px 0;
    }

    50% {
        opacity: 0;
        background-position: -23px 0;
    }

    100% {
        opacity: 1;
        background-position: -23px -200px;
    }
}

@keyframes mud-progress-linear-striped-loading {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 300px 0;
    }
}

a {
    text-decoration: none;
}

    a:focus-visible {
        outline: none;
    }

label {
    display: inline-block;
}

button {
    color: inherit;
    border: 0;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    outline: 0;
    padding: 0;
    position: relative;
    align-items: center;
    user-select: none;
    border-radius: 0;
    vertical-align: middle;
    -moz-appearance: none;
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

    button:focus {
        outline: none;
    }

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

select {
    word-wrap: normal;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

iframe {
    border: none;
    height: 100%;
    width: 100%;
}

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

.mud-elevation-0 {
    box-shadow: var(--mud-elevation-0);
}

.mud-elevation-1 {
    box-shadow: var(--mud-elevation-1);
}

.mud-elevation-2 {
    box-shadow: var(--mud-elevation-2);
}

.mud-elevation-3 {
    box-shadow: var(--mud-elevation-3);
}

.mud-elevation-4 {
    box-shadow: var(--mud-elevation-4);
}

.mud-elevation-5 {
    box-shadow: var(--mud-elevation-5);
}

.mud-elevation-6 {
    box-shadow: var(--mud-elevation-6);
}

.mud-elevation-7 {
    box-shadow: var(--mud-elevation-7);
}

.mud-elevation-8 {
    box-shadow: var(--mud-elevation-8);
}

.mud-elevation-9 {
    box-shadow: var(--mud-elevation-9);
}

.mud-elevation-10 {
    box-shadow: var(--mud-elevation-10);
}

.mud-elevation-11 {
    box-shadow: var(--mud-elevation-11);
}

.mud-elevation-12 {
    box-shadow: var(--mud-elevation-12);
}

.mud-elevation-13 {
    box-shadow: var(--mud-elevation-13);
}

.mud-elevation-14 {
    box-shadow: var(--mud-elevation-14);
}

.mud-elevation-15 {
    box-shadow: var(--mud-elevation-15);
}

.mud-elevation-16 {
    box-shadow: var(--mud-elevation-16);
}

.mud-elevation-17 {
    box-shadow: var(--mud-elevation-17);
}

.mud-elevation-18 {
    box-shadow: var(--mud-elevation-18);
}

.mud-elevation-19 {
    box-shadow: var(--mud-elevation-19);
}

.mud-elevation-20 {
    box-shadow: var(--mud-elevation-20);
}

.mud-elevation-21 {
    box-shadow: var(--mud-elevation-21);
}

.mud-elevation-22 {
    box-shadow: var(--mud-elevation-22);
}

.mud-elevation-23 {
    box-shadow: var(--mud-elevation-23);
}

.mud-elevation-24 {
    box-shadow: var(--mud-elevation-24);
}

.mud-elevation-25 {
    box-shadow: var(--mud-elevation-25);
}

.mud-alert {
    display: flex;
    padding: 6px 16px;
    border-radius: var(--mud-default-borderradius);
    background-color: transparent;
    transition: box-shadow 300ms cubic-bezier(.4,0,.2,1) 0ms;
}

    .mud-alert.mud-square {
        border-radius: 0;
    }

    .mud-alert.mud-dense {
        padding: 0 12px;
    }

.mud-alert-text-normal {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-dark-hover);
}

.mud-alert-text-primary {
    color: var(--mud-palette-primary-darken);
    background-color: var(--mud-palette-primary-hover);
}

    .mud-alert-text-primary .mud-alert-icon {
        color: var(--mud-palette-primary);
    }

.mud-alert-text-secondary {
    color: var(--mud-palette-secondary-darken);
    background-color: var(--mud-palette-secondary-hover);
}

    .mud-alert-text-secondary .mud-alert-icon {
        color: var(--mud-palette-secondary);
    }

.mud-alert-text-tertiary {
    color: var(--mud-palette-tertiary-darken);
    background-color: var(--mud-palette-tertiary-hover);
}

    .mud-alert-text-tertiary .mud-alert-icon {
        color: var(--mud-palette-tertiary);
    }

.mud-alert-text-info {
    color: var(--mud-palette-info-darken);
    background-color: var(--mud-palette-info-hover);
}

    .mud-alert-text-info .mud-alert-icon {
        color: var(--mud-palette-info);
    }

.mud-alert-text-success {
    color: var(--mud-palette-success-darken);
    background-color: var(--mud-palette-success-hover);
}

    .mud-alert-text-success .mud-alert-icon {
        color: var(--mud-palette-success);
    }

.mud-alert-text-warning {
    color: var(--mud-palette-warning-darken);
    background-color: var(--mud-palette-warning-hover);
}

    .mud-alert-text-warning .mud-alert-icon {
        color: var(--mud-palette-warning);
    }

.mud-alert-text-error {
    color: var(--mud-palette-error-darken);
    background-color: var(--mud-palette-error-hover);
}

    .mud-alert-text-error .mud-alert-icon {
        color: var(--mud-palette-error);
    }

.mud-alert-text-dark {
    color: var(--mud-palette-dark-darken);
    background-color: var(--mud-palette-dark-hover);
}

    .mud-alert-text-dark .mud-alert-icon {
        color: var(--mud-palette-dark);
    }

.mud-alert-outlined-normal {
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-text-primary);
}

.mud-alert-outlined-primary {
    color: var(--mud-palette-primary-darken);
    border: 1px solid var(--mud-palette-primary);
}

    .mud-alert-outlined-primary .mud-alert-icon {
        color: var(--mud-palette-primary);
    }

.mud-alert-outlined-secondary {
    color: var(--mud-palette-secondary-darken);
    border: 1px solid var(--mud-palette-secondary);
}

    .mud-alert-outlined-secondary .mud-alert-icon {
        color: var(--mud-palette-secondary);
    }

.mud-alert-outlined-tertiary {
    color: var(--mud-palette-tertiary-darken);
    border: 1px solid var(--mud-palette-tertiary);
}

    .mud-alert-outlined-tertiary .mud-alert-icon {
        color: var(--mud-palette-tertiary);
    }

.mud-alert-outlined-info {
    color: var(--mud-palette-info-darken);
    border: 1px solid var(--mud-palette-info);
}

    .mud-alert-outlined-info .mud-alert-icon {
        color: var(--mud-palette-info);
    }

.mud-alert-outlined-success {
    color: var(--mud-palette-success-darken);
    border: 1px solid var(--mud-palette-success);
}

    .mud-alert-outlined-success .mud-alert-icon {
        color: var(--mud-palette-success);
    }

.mud-alert-outlined-warning {
    color: var(--mud-palette-warning-darken);
    border: 1px solid var(--mud-palette-warning);
}

    .mud-alert-outlined-warning .mud-alert-icon {
        color: var(--mud-palette-warning);
    }

.mud-alert-outlined-error {
    color: var(--mud-palette-error-darken);
    border: 1px solid var(--mud-palette-error);
}

    .mud-alert-outlined-error .mud-alert-icon {
        color: var(--mud-palette-error);
    }

.mud-alert-outlined-dark {
    color: var(--mud-palette-dark-darken);
    border: 1px solid var(--mud-palette-dark);
}

    .mud-alert-outlined-dark .mud-alert-icon {
        color: var(--mud-palette-dark);
    }

.mud-alert-filled-normal {
    color: var(--mud-palette-dark-text);
    font-weight: 500;
    background-color: var(--mud-palette-dark);
}

.mud-alert-filled-primary {
    color: var(--mud-palette-primary-text);
    font-weight: 500;
    background-color: var(--mud-palette-primary);
}

.mud-alert-filled-secondary {
    color: var(--mud-palette-secondary-text);
    font-weight: 500;
    background-color: var(--mud-palette-secondary);
}

.mud-alert-filled-tertiary {
    color: var(--mud-palette-tertiary-text);
    font-weight: 500;
    background-color: var(--mud-palette-tertiary);
}

.mud-alert-filled-info {
    color: var(--mud-palette-info-text);
    font-weight: 500;
    background-color: var(--mud-palette-info);
}

.mud-alert-filled-success {
    color: var(--mud-palette-success-text);
    font-weight: 500;
    background-color: var(--mud-palette-success);
}

.mud-alert-filled-warning {
    color: var(--mud-palette-warning-text);
    font-weight: 500;
    background-color: var(--mud-palette-warning);
}

.mud-alert-filled-error {
    color: var(--mud-palette-error-text);
    font-weight: 500;
    background-color: var(--mud-palette-error);
}

.mud-alert-filled-dark {
    color: var(--mud-palette-dark-text);
    font-weight: 500;
    background-color: var(--mud-palette-dark);
}

.mud-alert-icon {
    display: flex;
    opacity: .9;
    padding: 7px 0;
    font-size: 22px;
    margin-right: 12px;
    margin-inline-end: 12px;
    margin-inline-start: unset;
}

    .mud-alert-icon.mud-alert-icon-left {
        margin-right: 12px;
        margin-inline-end: 12px;
        margin-inline-start: unset;
    }

    .mud-alert-icon.mud-alert-icon-right {
        margin-left: 12px;
        margin-inline-start: 12px;
        margin-inline-end: unset;
    }

.mud-alert-message {
    padding: 9px 0;
}

.mud-alert-position {
    flex: 1;
    display: flex;
}

.mud-alert-close {
    display: flex;
    flex: 0;
    align-items: center;
    margin-left: 8px;
}

.mud-badge-root {
    position: relative;
    display: inline-block;
}

    .mud-badge-root .mud-badge-wrapper {
        top: 0;
        left: 0;
        flex: 0 1;
        width: 100%;
        height: 100%;
        display: flex;
        pointer-events: none;
        position: absolute;
    }

        .mud-badge-root .mud-badge-wrapper.mud-badge-top {
            align-items: flex-start;
        }

            .mud-badge-root .mud-badge-wrapper.mud-badge-top.left {
                justify-content: flex-start;
            }

            .mud-badge-root .mud-badge-wrapper.mud-badge-top.center {
                justify-content: center;
            }

            .mud-badge-root .mud-badge-wrapper.mud-badge-top.right {
                justify-content: flex-end;
            }

        .mud-badge-root .mud-badge-wrapper.mud-badge-center {
            align-items: center;
        }

            .mud-badge-root .mud-badge-wrapper.mud-badge-center.left {
                justify-content: flex-start;
            }

            .mud-badge-root .mud-badge-wrapper.mud-badge-center.center {
                justify-content: center;
            }

            .mud-badge-root .mud-badge-wrapper.mud-badge-center.right {
                justify-content: flex-end;
            }

        .mud-badge-root .mud-badge-wrapper.mud-badge-bottom {
            align-items: flex-end;
        }

            .mud-badge-root .mud-badge-wrapper.mud-badge-bottom.left {
                justify-content: flex-start;
            }

            .mud-badge-root .mud-badge-wrapper.mud-badge-bottom.center {
                justify-content: center;
            }

            .mud-badge-root .mud-badge-wrapper.mud-badge-bottom.right {
                justify-content: flex-end;
            }

.mud-badge {
    border-radius: 10px;
    font-size: 12px;
    height: 20px;
    letter-spacing: 0;
    min-width: 20px;
    padding: 4px 6px;
    pointer-events: auto;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: auto;
    transition: .3s cubic-bezier(.25,.8,.5,1);
    white-space: nowrap;
}

    .mud-badge.mud-badge-default {
        color: var(--mud-palette-text-primary);
        background-color: var(--mud-palette-grey-light);
    }

    .mud-badge.mud-badge-bordered {
        border-color: var(--mud-palette-surface);
        border-style: solid;
        border-width: 2px;
        padding: 3px 4px;
    }

        .mud-badge.mud-badge-bordered.mud-badge-icon {
            padding: 4px 6px;
        }

            .mud-badge.mud-badge-bordered.mud-badge-icon .mud-icon-badge {
                margin-left: -4px;
                margin-inline-start: -4px;
                margin-inline-end: unset;
                margin-top: -4px;
            }

    .mud-badge.mud-badge-icon {
        width: 20px;
        height: 20px;
    }

        .mud-badge.mud-badge-icon .mud-icon-badge {
            color: inherit;
            font-size: 12px;
            margin-left: -2px;
            margin-inline-start: -2px;
            margin-inline-end: unset;
        }

    .mud-badge.mud-badge-dot {
        border-radius: 50%;
        height: 9px;
        min-width: 0;
        padding: 0;
        width: 9px;
    }

    .mud-badge.mud-badge-top.left {
        inset: auto calc(100% - 4px) calc(100% - 4px) auto;
    }

        .mud-badge.mud-badge-top.left.mud-badge-overlap {
            inset: auto calc(100% - 12px) calc(100% - 12px) auto;
        }

    .mud-badge.mud-badge-top.center {
        bottom: calc(100% - 4px);
    }

        .mud-badge.mud-badge-top.center.mud-badge-overlap {
            bottom: calc(100% - 12px);
        }

    .mud-badge.mud-badge-top.right {
        inset: auto auto calc(100% - 4px) calc(100% - 4px);
    }

        .mud-badge.mud-badge-top.right.mud-badge-overlap {
            inset: auto auto calc(100% - 12px) calc(100% - 12px);
        }

    .mud-badge.mud-badge-center.left {
        right: calc(100% - 4px);
    }

        .mud-badge.mud-badge-center.left.mud-badge-overlap {
            right: calc(100% - 12px);
        }

    .mud-badge.mud-badge-center.right {
        left: calc(100% - 4px);
    }

        .mud-badge.mud-badge-center.right.mud-badge-overlap {
            left: calc(100% - 12px);
        }

    .mud-badge.mud-badge-bottom.left {
        inset: calc(100% - 4px) calc(100% - 4px) auto auto;
    }

        .mud-badge.mud-badge-bottom.left.mud-badge-overlap {
            inset: calc(100% - 12px) calc(100% - 12px) auto auto;
        }

    .mud-badge.mud-badge-bottom.center {
        top: calc(100% - 4px);
    }

        .mud-badge.mud-badge-bottom.center.mud-badge-overlap {
            top: calc(100% - 12px);
        }

    .mud-badge.mud-badge-bottom.right {
        inset: calc(100% - 4px) auto auto calc(100% - 4px);
    }

        .mud-badge.mud-badge-bottom.right.mud-badge-overlap {
            inset: calc(100% - 12px) auto auto calc(100% - 12px);
        }

.mud-toolbar {
    display: flex;
    position: relative;
    align-items: center;
    height: 56px;
}

.mud-toolbar-gutters {
    padding-left: 16px;
    padding-right: 16px;
}

@media(min-width:0) and (orientation:landscape) {
    .mud-toolbar {
        height: 48px;
    }
}

@media(min-width:600px) {
    .mud-toolbar {
        height: 64px;
    }

    .mud-toolbar-gutters {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.mud-toolbar-dense {
    height: 48px;
}

.mud-tooltip-root {
    width: fit-content;
}

    .mud-tooltip-root.mud-tooltip-inline {
        display: inline-block;
    }

.mud-tooltip {
    padding: 4px 8px;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4em;
    border-radius: var(--mud-default-borderradius);
    z-index: var(--mud-zindex-tooltip);
}

    .mud-tooltip.mud-tooltip-default {
        color: var(--mud-palette-dark-text);
        background-color: var(--mud-palette-grey-darker);
    }

        .mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::after {
            border-color: var(--mud-palette-grey-darker) transparent transparent transparent;
        }

    .mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip] {
        transform: translateX(-10px);
    }

        .mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip].mud-tooltip-arrow::after {
            left: 100%;
            transform: rotate(270deg);
        }

    .mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip] {
        transform: translateX(10px);
    }

        .mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip].mud-tooltip-arrow::after {
            right: 100%;
            transform: rotate(90deg);
        }

    .mud-tooltip.mud-tooltip-top-center:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-bottom-center[data-mudpopover-flip] {
        transform: translateY(-10px);
    }

        .mud-tooltip.mud-tooltip-top-center:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-bottom-center[data-mudpopover-flip].mud-tooltip-arrow::after {
            top: 100%;
            transform: rotate(0deg);
        }

    .mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip] {
        transform: translateY(10px);
    }

        .mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip].mud-tooltip-arrow::after {
            bottom: 100%;
            transform: rotate(180deg);
        }

    .mud-tooltip.mud-tooltip-arrow::after {
        content: "";
        position: absolute;
        border-width: 6px;
        border-style: solid;
        border-color: transparent;
        border-top-color: inherit;
    }

.mud-avatar {
    display: flex;
    overflow: hidden;
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
    color: var(--mud-palette-white);
    background-color: var(--mud-palette-grey-light);
}

    .mud-avatar.mud-avatar-small {
        width: 24px;
        height: 24px;
        font-size: .875rem;
    }

    .mud-avatar.mud-avatar-medium {
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
    }

    .mud-avatar.mud-avatar-large {
        width: 56px;
        height: 56px;
        font-size: 1.75rem;
    }

.mud-avatar-rounded {
    border-radius: var(--mud-default-borderradius);
}

.mud-avatar-square {
    border-radius: 0;
}

.mud-avatar-img {
    color: transparent;
    width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
    text-indent: 10000px;
}

.mud-avatar-fallback {
    width: 75%;
    height: 75%;
}

.mud-avatar-outlined {
    color: var(--mud-palette-text-primary);
    background-color: unset;
    border: 1px solid var(--mud-palette-text-primary);
}

    .mud-avatar-outlined.mud-avatar-outlined-primary {
        color: var(--mud-palette-primary);
        border: 1px solid var(--mud-palette-primary);
    }

    .mud-avatar-outlined.mud-avatar-outlined-secondary {
        color: var(--mud-palette-secondary);
        border: 1px solid var(--mud-palette-secondary);
    }

    .mud-avatar-outlined.mud-avatar-outlined-tertiary {
        color: var(--mud-palette-tertiary);
        border: 1px solid var(--mud-palette-tertiary);
    }

    .mud-avatar-outlined.mud-avatar-outlined-info {
        color: var(--mud-palette-info);
        border: 1px solid var(--mud-palette-info);
    }

    .mud-avatar-outlined.mud-avatar-outlined-success {
        color: var(--mud-palette-success);
        border: 1px solid var(--mud-palette-success);
    }

    .mud-avatar-outlined.mud-avatar-outlined-warning {
        color: var(--mud-palette-warning);
        border: 1px solid var(--mud-palette-warning);
    }

    .mud-avatar-outlined.mud-avatar-outlined-error {
        color: var(--mud-palette-error);
        border: 1px solid var(--mud-palette-error);
    }

    .mud-avatar-outlined.mud-avatar-outlined-dark {
        color: var(--mud-palette-dark);
        border: 1px solid var(--mud-palette-dark);
    }

.mud-avatar-filled {
    color: var(--mud-palette-white);
    background-color: var(--mud-palette-grey-light);
}

    .mud-avatar-filled.mud-avatar-filled-primary {
        background-color: var(--mud-palette-primary);
    }

    .mud-avatar-filled.mud-avatar-filled-secondary {
        background-color: var(--mud-palette-secondary);
    }

    .mud-avatar-filled.mud-avatar-filled-tertiary {
        background-color: var(--mud-palette-tertiary);
    }

    .mud-avatar-filled.mud-avatar-filled-info {
        background-color: var(--mud-palette-info);
    }

    .mud-avatar-filled.mud-avatar-filled-success {
        background-color: var(--mud-palette-success);
    }

    .mud-avatar-filled.mud-avatar-filled-warning {
        background-color: var(--mud-palette-warning);
    }

    .mud-avatar-filled.mud-avatar-filled-error {
        background-color: var(--mud-palette-error);
    }

    .mud-avatar-filled.mud-avatar-filled-dark {
        background-color: var(--mud-palette-dark);
    }

.mud-avatar-group {
    display: flex;
}

    .mud-avatar-group .mud-avatar:first-child {
        margin-inline-start: 0 !important;
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-transparent .mud-avatar:not(.mud-avatar-outlined) {
        border-color: transparent;
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-surface .mud-avatar:not(.mud-avatar-outlined) {
        border-color: var(--mud-palette-surface);
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-primary .mud-avatar:not(.mud-avatar-outlined) {
        border-color: var(--mud-palette-primary);
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-secondary .mud-avatar:not(.mud-avatar-outlined) {
        border-color: var(--mud-palette-secondary);
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-tertiary .mud-avatar:not(.mud-avatar-outlined) {
        border-color: var(--mud-palette-tertiary);
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-info .mud-avatar:not(.mud-avatar-outlined) {
        border-color: var(--mud-palette-info);
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-success .mud-avatar:not(.mud-avatar-outlined) {
        border-color: var(--mud-palette-success);
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-warning .mud-avatar:not(.mud-avatar-outlined) {
        border-color: var(--mud-palette-warning);
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-error .mud-avatar:not(.mud-avatar-outlined) {
        border-color: var(--mud-palette-error);
    }

    .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-dark .mud-avatar:not(.mud-avatar-outlined) {
        border-color: var(--mud-palette-dark);
    }

    .mud-avatar-group.mud-avatar-group-outlined .mud-avatar {
        border: 2px solid;
    }

        .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-small {
            width: 28px;
            height: 28px;
        }

        .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-medium {
            width: 44px;
            height: 44px;
        }

        .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-large {
            width: 60px;
            height: 60px;
        }

.mud-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 auto;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 16px 12px;
}

.mud-breadcrumb-separator {
    padding: 0 12px;
}

    .mud-breadcrumb-separator > span {
        color: var(--mud-palette-text-primary);
        opacity: .38;
    }

.mud-breadcrumb-item > a {
    display: flex;
    align-items: center;
}

    .mud-breadcrumb-item > a > svg.mud-icon-root {
        margin-right: 4px;
        margin-inline-end: 4px;
        margin-inline-start: unset;
    }

.mud-breadcrumb-item.mud-disabled > a {
    pointer-events: none;
    color: var(--mud-palette-action-disabled);
}

.mud-breadcrumbs-expander {
    cursor: pointer;
    display: flex;
    background-color: #eee;
}

    .mud-breadcrumbs-expander:hover {
        background-color: #e0e0e0;
    }

    .mud-breadcrumbs-expander > svg {
        width: 26px;
    }

.mud-button-root {
    color: inherit;
    border: 0;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    outline: 0;
    padding: 0;
    position: relative;
    align-items: center;
    user-select: none;
    border-radius: 0;
    vertical-align: middle;
    -moz-appearance: none;
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

    .mud-button-root::-moz-focus-inner {
        border-style: none;
    }

    .mud-button-root:disabled {
        color: var(--mud-palette-action-disabled) !important;
        cursor: default;
        pointer-events: none;
    }

.mud-button {
    padding: 6px 16px;
    font-family: var(--mud-typography-button-family);
    font-size: var(--mud-typography-button-size);
    font-weight: var(--mud-typography-button-weight);
    line-height: var(--mud-typography-button-lineheight);
    letter-spacing: var(--mud-typography-button-letterspacing);
    text-transform: var(--mud-typography-button-text-transform);
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1) 0ms;
    border-radius: var(--mud-default-borderradius);
    color: var(--mud-palette-text-primary);
}

    .mud-button:hover, .mud-button:focus-visible {
        background-color: var(--mud-palette-action-default-hover);
    }

.mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
}

.mud-button-text {
    padding: 6px 8px;
}

    .mud-button-text.mud-button-text-inherit {
        color: inherit;
    }

    .mud-button-text.mud-button-text-primary {
        color: var(--mud-palette-primary);
    }

        .mud-button-text.mud-button-text-primary:hover, .mud-button-text.mud-button-text-primary:focus-visible {
            background-color: var(--mud-palette-primary-hover);
        }

    .mud-button-text.mud-button-text-secondary {
        color: var(--mud-palette-secondary);
    }

        .mud-button-text.mud-button-text-secondary:hover, .mud-button-text.mud-button-text-secondary:focus-visible {
            background-color: var(--mud-palette-secondary-hover);
        }

    .mud-button-text.mud-button-text-tertiary {
        color: var(--mud-palette-tertiary);
    }

        .mud-button-text.mud-button-text-tertiary:hover, .mud-button-text.mud-button-text-tertiary:focus-visible {
            background-color: var(--mud-palette-tertiary-hover);
        }

    .mud-button-text.mud-button-text-info {
        color: var(--mud-palette-info);
    }

        .mud-button-text.mud-button-text-info:hover, .mud-button-text.mud-button-text-info:focus-visible {
            background-color: var(--mud-palette-info-hover);
        }

    .mud-button-text.mud-button-text-success {
        color: var(--mud-palette-success);
    }

        .mud-button-text.mud-button-text-success:hover, .mud-button-text.mud-button-text-success:focus-visible {
            background-color: var(--mud-palette-success-hover);
        }

    .mud-button-text.mud-button-text-warning {
        color: var(--mud-palette-warning);
    }

        .mud-button-text.mud-button-text-warning:hover, .mud-button-text.mud-button-text-warning:focus-visible {
            background-color: var(--mud-palette-warning-hover);
        }

    .mud-button-text.mud-button-text-error {
        color: var(--mud-palette-error);
    }

        .mud-button-text.mud-button-text-error:hover, .mud-button-text.mud-button-text-error:focus-visible {
            background-color: var(--mud-palette-error-hover);
        }

    .mud-button-text.mud-button-text-dark {
        color: var(--mud-palette-dark);
    }

        .mud-button-text.mud-button-text-dark:hover, .mud-button-text.mud-button-text-dark:focus-visible {
            background-color: var(--mud-palette-dark-hover);
        }

.mud-button-outlined {
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-text-primary);
    padding: 5px 15px;
}

    .mud-button-outlined.mud-button-outlined-inherit {
        color: inherit;
        border-color: currentColor;
    }

    .mud-button-outlined.mud-icon-button {
        padding: 5px;
    }

    .mud-button-outlined:hover, .mud-button-outlined:focus-visible {
        background-color: var(--mud-palette-action-default-hover);
    }

    .mud-button-outlined.mud-button-outlined-primary {
        color: var(--mud-palette-primary);
        border: 1px solid var(--mud-palette-primary);
    }

        .mud-button-outlined.mud-button-outlined-primary:hover, .mud-button-outlined.mud-button-outlined-primary:focus-visible {
            border: 1px solid var(--mud-palette-primary);
            background-color: var(--mud-palette-primary-hover);
        }

    .mud-button-outlined.mud-button-outlined-secondary {
        color: var(--mud-palette-secondary);
        border: 1px solid var(--mud-palette-secondary);
    }

        .mud-button-outlined.mud-button-outlined-secondary:hover, .mud-button-outlined.mud-button-outlined-secondary:focus-visible {
            border: 1px solid var(--mud-palette-secondary);
            background-color: var(--mud-palette-secondary-hover);
        }

    .mud-button-outlined.mud-button-outlined-tertiary {
        color: var(--mud-palette-tertiary);
        border: 1px solid var(--mud-palette-tertiary);
    }

        .mud-button-outlined.mud-button-outlined-tertiary:hover, .mud-button-outlined.mud-button-outlined-tertiary:focus-visible {
            border: 1px solid var(--mud-palette-tertiary);
            background-color: var(--mud-palette-tertiary-hover);
        }

    .mud-button-outlined.mud-button-outlined-info {
        color: var(--mud-palette-info);
        border: 1px solid var(--mud-palette-info);
    }

        .mud-button-outlined.mud-button-outlined-info:hover, .mud-button-outlined.mud-button-outlined-info:focus-visible {
            border: 1px solid var(--mud-palette-info);
            background-color: var(--mud-palette-info-hover);
        }

    .mud-button-outlined.mud-button-outlined-success {
        color: var(--mud-palette-success);
        border: 1px solid var(--mud-palette-success);
    }

        .mud-button-outlined.mud-button-outlined-success:hover, .mud-button-outlined.mud-button-outlined-success:focus-visible {
            border: 1px solid var(--mud-palette-success);
            background-color: var(--mud-palette-success-hover);
        }

    .mud-button-outlined.mud-button-outlined-warning {
        color: var(--mud-palette-warning);
        border: 1px solid var(--mud-palette-warning);
    }

        .mud-button-outlined.mud-button-outlined-warning:hover, .mud-button-outlined.mud-button-outlined-warning:focus-visible {
            border: 1px solid var(--mud-palette-warning);
            background-color: var(--mud-palette-warning-hover);
        }

    .mud-button-outlined.mud-button-outlined-error {
        color: var(--mud-palette-error);
        border: 1px solid var(--mud-palette-error);
    }

        .mud-button-outlined.mud-button-outlined-error:hover, .mud-button-outlined.mud-button-outlined-error:focus-visible {
            border: 1px solid var(--mud-palette-error);
            background-color: var(--mud-palette-error-hover);
        }

    .mud-button-outlined.mud-button-outlined-dark {
        color: var(--mud-palette-dark);
        border: 1px solid var(--mud-palette-dark);
    }

        .mud-button-outlined.mud-button-outlined-dark:hover, .mud-button-outlined.mud-button-outlined-dark:focus-visible {
            border: 1px solid var(--mud-palette-dark);
            background-color: var(--mud-palette-dark-hover);
        }

    .mud-button-outlined:disabled {
        border: 1px solid var(--mud-palette-action-disabled-background);
    }

.mud-button-filled {
    color: var(--mud-palette-text-primary);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    background-color: var(--mud-palette-action-default-hover);
}

    .mud-button-filled.mud-icon-button {
        padding: 6px;
    }

    .mud-button-filled:hover, .mud-button-filled:focus-visible {
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
        background-color: var(--mud-palette-action-disabled-background);
    }

    .mud-button-filled:active {
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    }

    .mud-button-filled:disabled {
        color: var(--mud-palette-action-disabled);
        box-shadow: none;
        background-color: var(--mud-palette-action-disabled-background) !important;
    }

    .mud-button-filled.mud-button-filled-primary {
        color: var(--mud-palette-primary-text);
        background-color: var(--mud-palette-primary);
    }

        .mud-button-filled.mud-button-filled-primary:hover, .mud-button-filled.mud-button-filled-primary:focus-visible {
            background-color: var(--mud-palette-primary-darken);
        }

    .mud-button-filled.mud-button-filled-secondary {
        color: var(--mud-palette-secondary-text);
        background-color: var(--mud-palette-secondary);
    }

        .mud-button-filled.mud-button-filled-secondary:hover, .mud-button-filled.mud-button-filled-secondary:focus-visible {
            background-color: var(--mud-palette-secondary-darken);
        }

    .mud-button-filled.mud-button-filled-tertiary {
        color: var(--mud-palette-tertiary-text);
        background-color: var(--mud-palette-tertiary);
    }

        .mud-button-filled.mud-button-filled-tertiary:hover, .mud-button-filled.mud-button-filled-tertiary:focus-visible {
            background-color: var(--mud-palette-tertiary-darken);
        }

    .mud-button-filled.mud-button-filled-info {
        color: var(--mud-palette-info-text);
        background-color: var(--mud-palette-info);
    }

        .mud-button-filled.mud-button-filled-info:hover, .mud-button-filled.mud-button-filled-info:focus-visible {
            background-color: var(--mud-palette-info-darken);
        }

    .mud-button-filled.mud-button-filled-success {
        color: var(--mud-palette-success-text);
        background-color: var(--mud-palette-success);
    }

        .mud-button-filled.mud-button-filled-success:hover, .mud-button-filled.mud-button-filled-success:focus-visible {
            background-color: var(--mud-palette-success-darken);
        }

    .mud-button-filled.mud-button-filled-warning {
        color: var(--mud-palette-warning-text);
        background-color: var(--mud-palette-warning);
    }

        .mud-button-filled.mud-button-filled-warning:hover, .mud-button-filled.mud-button-filled-warning:focus-visible {
            background-color: var(--mud-palette-warning-darken);
        }

    .mud-button-filled.mud-button-filled-error {
        color: var(--mud-palette-error-text);
        background-color: var(--mud-palette-error);
    }

        .mud-button-filled.mud-button-filled-error:hover, .mud-button-filled.mud-button-filled-error:focus-visible {
            background-color: var(--mud-palette-error-darken);
        }

    .mud-button-filled.mud-button-filled-dark {
        color: var(--mud-palette-dark-text);
        background-color: var(--mud-palette-dark);
    }

        .mud-button-filled.mud-button-filled-dark:hover, .mud-button-filled.mud-button-filled-dark:focus-visible {
            background-color: var(--mud-palette-dark-darken);
        }

.mud-button-disable-elevation {
    box-shadow: none;
}

    .mud-button-disable-elevation:hover {
        box-shadow: none;
    }

    .mud-button-disable-elevation:active {
        box-shadow: none;
    }

    .mud-button-disable-elevation.mud-focus-visible {
        box-shadow: none;
    }

    .mud-button-disable-elevation:disabled {
        box-shadow: none;
    }

.mud-button-color-inherit {
    color: inherit;
    border-color: currentColor;
}

.mud-button-text-size-small {
    padding: 4px 5px;
    font-size: .8125rem;
}

.mud-button-text-size-large {
    padding: 8px 11px;
    font-size: .9375rem;
}

.mud-button-outlined-size-small {
    padding: 3px 9px;
    font-size: .8125rem;
}

    .mud-button-outlined-size-small.mud-icon-button {
        padding: 4px;
    }

.mud-button-outlined-size-large {
    padding: 7px 21px;
    font-size: .9375rem;
}

    .mud-button-outlined-size-large.mud-icon-button {
        padding: 4px;
    }

.mud-button-filled-size-small {
    padding: 4px 10px;
    font-size: .8125rem;
}

    .mud-button-filled-size-small.mud-icon-button {
        padding: 5px;
    }

.mud-button-filled-size-large {
    padding: 8px 22px;
    font-size: .9375rem;
}

    .mud-button-filled-size-large.mud-icon-button {
        padding: 5px;
    }

.mud-button-full-width {
    width: 100%;
}

.mud-button-label .mud-button-icon-start {
    display: inherit;
    margin-left: -4px;
    margin-right: 8px;
    margin-inline-start: -4px;
    margin-inline-end: 8px;
}

    .mud-button-label .mud-button-icon-start.mud-button-icon-size-small {
        margin-left: -2px;
        margin-inline-start: -2px;
        margin-inline-end: 8px;
    }

.mud-button-label .mud-button-icon-end {
    display: inherit;
    margin-left: 8px;
    margin-right: -4px;
    margin-inline-start: 8px;
    margin-inline-end: -4px;
}

    .mud-button-label .mud-button-icon-end.mud-button-icon-size-small {
        margin-right: -2px;
        margin-inline-end: -2px;
        margin-inline-start: 8px;
    }

.mud-button-icon-size-small > *:first-child {
    font-size: 18px;
}

.mud-button-icon-size-medium > *:first-child {
    font-size: 20px;
}

.mud-button-icon-size-large > *:first-child {
    font-size: 22px;
}

.mud-button-group-root {
    border-radius: var(--mud-default-borderradius);
    display: inline-flex;
}

    .mud-button-group-root .mud-button-root {
        border-radius: var(--mud-default-borderradius);
    }

    .mud-button-group-root.mud-button-group-override-styles .mud-button {
        color: var(--mud-palette-text-primary);
    }

    .mud-button-group-root.mud-button-group-override-styles .mud-button-root {
        background-color: inherit;
        box-shadow: none;
        border: none;
    }

        .mud-button-group-root.mud-button-group-override-styles .mud-button-root:hover, .mud-button-group-root.mud-button-group-override-styles .mud-button-root:focus-visible {
            background-color: var(--mud-palette-action-default-hover);
        }

.mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

.mud-button-group-horizontal.mud-button-group-rtl > .mud-button-root:not(:last-child), .mud-button-group-horizontal.mud-button-group-rtl > :not(:last-child) .mud-button-root {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

.mud-button-group-horizontal.mud-button-group-rtl > .mud-button-root:not(:first-child), .mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.mud-button-group-vertical {
    flex-direction: column;
}

    .mud-button-group-vertical .mud-icon-button {
        width: 100%;
    }

    .mud-button-group-vertical > .mud-button-root:not(:last-child), .mud-button-group-vertical > :not(:last-child) .mud-button-root {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .mud-button-group-vertical > .mud-button-root:not(:first-child), .mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        margin-top: -1px;
    }

.mud-button-group-text.mud-button-group-override-styles .mud-button-root {
    padding: 6px 8px;
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-text-primary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-text-primary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom: 1px solid var(--mud-palette-text-primary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root {
    color: var(--mud-palette-primary);
}

    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root:focus-visible {
        background-color: var(--mud-palette-primary-hover);
    }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-primary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-primary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom: 1px solid var(--mud-palette-primary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root {
    color: var(--mud-palette-secondary);
}

    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root:focus-visible {
        background-color: var(--mud-palette-secondary-hover);
    }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-secondary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-secondary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom: 1px solid var(--mud-palette-secondary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root {
    color: var(--mud-palette-tertiary);
}

    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root:focus-visible {
        background-color: var(--mud-palette-tertiary-hover);
    }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-tertiary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-tertiary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom: 1px solid var(--mud-palette-tertiary);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root {
    color: var(--mud-palette-info);
}

    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root:focus-visible {
        background-color: var(--mud-palette-info-hover);
    }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-info);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-info);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom: 1px solid var(--mud-palette-info);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root {
    color: var(--mud-palette-success);
}

    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root:focus-visible {
        background-color: var(--mud-palette-success-hover);
    }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-success);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-success);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom: 1px solid var(--mud-palette-success);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root {
    color: var(--mud-palette-warning);
}

    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root:focus-visible {
        background-color: var(--mud-palette-warning-hover);
    }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-warning);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-warning);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom: 1px solid var(--mud-palette-warning);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root {
    color: var(--mud-palette-error);
}

    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root:focus-visible {
        background-color: var(--mud-palette-error-hover);
    }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-error);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-error);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom: 1px solid var(--mud-palette-error);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root {
    color: var(--mud-palette-dark);
}

    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root:focus-visible {
        background-color: var(--mud-palette-dark-hover);
    }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-dark);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-dark);
}

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom: 1px solid var(--mud-palette-dark);
}

.mud-button-group-outlined.mud-button-group-override-styles .mud-button-root {
    padding: 5px 15px;
    border: 1px solid var(--mud-palette-text-primary);
}

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root {
    color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary);
}

    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:focus-visible {
        background-color: var(--mud-palette-primary-hover);
    }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root {
    color: var(--mud-palette-secondary);
    border: 1px solid var(--mud-palette-secondary);
}

    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root:focus-visible {
        background-color: var(--mud-palette-secondary-hover);
    }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root {
    color: var(--mud-palette-tertiary);
    border: 1px solid var(--mud-palette-tertiary);
}

    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root:focus-visible {
        background-color: var(--mud-palette-tertiary-hover);
    }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root {
    color: var(--mud-palette-info);
    border: 1px solid var(--mud-palette-info);
}

    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root:focus-visible {
        background-color: var(--mud-palette-info-hover);
    }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root {
    color: var(--mud-palette-success);
    border: 1px solid var(--mud-palette-success);
}

    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root:focus-visible {
        background-color: var(--mud-palette-success-hover);
    }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root {
    color: var(--mud-palette-warning);
    border: 1px solid var(--mud-palette-warning);
}

    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root:focus-visible {
        background-color: var(--mud-palette-warning-hover);
    }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root {
    color: var(--mud-palette-error);
    border: 1px solid var(--mud-palette-error);
}

    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root:focus-visible {
        background-color: var(--mud-palette-error-hover);
    }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root {
    color: var(--mud-palette-dark);
    border: 1px solid var(--mud-palette-dark);
}

    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root:focus-visible {
        background-color: var(--mud-palette-dark-hover);
    }

.mud-button-group-filled {
    box-shadow: var(--mud-elevation-2);
}

    .mud-button-group-filled .mud-button-root {
        box-shadow: none;
    }

        .mud-button-group-filled .mud-button-root:hover, .mud-button-group-filled .mud-button-root:focus-visible {
            box-shadow: var(--mud-elevation-4);
        }

    .mud-button-group-filled.mud-button-group-override-styles .mud-button-root {
        background-color: var(--mud-palette-action-default-hover);
        padding: 6px 16px;
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
        border-left: 1px solid var(--mud-palette-divider);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
        border-right: 1px solid var(--mud-palette-divider);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top: 1px solid var(--mud-palette-divider);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
        background-color: var(--mud-palette-primary);
        color: var(--mud-palette-primary-text);
    }

        .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:focus-visible {
            background-color: var(--mud-palette-primary-darken);
        }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
        border-left: 1px solid var(--mud-palette-primary-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
        border-right: 1px solid var(--mud-palette-primary-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top: 1px solid var(--mud-palette-primary-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root {
        background-color: var(--mud-palette-secondary);
        color: var(--mud-palette-secondary-text);
    }

        .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:focus-visible {
            background-color: var(--mud-palette-secondary-darken);
        }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
        border-left: 1px solid var(--mud-palette-secondary-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
        border-right: 1px solid var(--mud-palette-secondary-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top: 1px solid var(--mud-palette-secondary-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root {
        background-color: var(--mud-palette-tertiary);
        color: var(--mud-palette-tertiary-text);
    }

        .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:focus-visible {
            background-color: var(--mud-palette-tertiary-darken);
        }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
        border-left: 1px solid var(--mud-palette-tertiary-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
        border-right: 1px solid var(--mud-palette-tertiary-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top: 1px solid var(--mud-palette-tertiary-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root {
        background-color: var(--mud-palette-info);
        color: var(--mud-palette-info-text);
    }

        .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:focus-visible {
            background-color: var(--mud-palette-info-darken);
        }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
        border-left: 1px solid var(--mud-palette-info-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
        border-right: 1px solid var(--mud-palette-info-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top: 1px solid var(--mud-palette-info-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root {
        background-color: var(--mud-palette-success);
        color: var(--mud-palette-success-text);
    }

        .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:focus-visible {
            background-color: var(--mud-palette-success-darken);
        }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
        border-left: 1px solid var(--mud-palette-success-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
        border-right: 1px solid var(--mud-palette-success-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top: 1px solid var(--mud-palette-success-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root {
        background-color: var(--mud-palette-warning);
        color: var(--mud-palette-warning-text);
    }

        .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:focus-visible {
            background-color: var(--mud-palette-warning-darken);
        }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
        border-left: 1px solid var(--mud-palette-warning-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
        border-right: 1px solid var(--mud-palette-warning-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top: 1px solid var(--mud-palette-warning-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root {
        background-color: var(--mud-palette-error);
        color: var(--mud-palette-error-text);
    }

        .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:focus-visible {
            background-color: var(--mud-palette-error-darken);
        }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
        border-left: 1px solid var(--mud-palette-error-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
        border-right: 1px solid var(--mud-palette-error-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top: 1px solid var(--mud-palette-error-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root {
        background-color: var(--mud-palette-dark);
        color: var(--mud-palette-dark-text);
    }

        .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:focus-visible {
            background-color: var(--mud-palette-dark-darken);
        }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
        border-left: 1px solid var(--mud-palette-dark-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
        border-right: 1px solid var(--mud-palette-dark-lighten);
    }

    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical > :not(:first-child) .mud-button-root {
        border-top: 1px solid var(--mud-palette-dark-lighten);
    }

.mud-button-group-disable-elevation {
    box-shadow: none;
}

.mud-button-group-root.mud-button-group-text-size-small .mud-button-root {
    padding: 4px 5px;
    font-size: .8125rem;
}

    .mud-button-group-root.mud-button-group-text-size-small .mud-button-root.mud-icon-button .mud-icon-root {
        font-size: 1.422rem;
    }

.mud-button-group-root.mud-button-group-text-size-large .mud-button-root {
    padding: 8px 11px;
    font-size: .9375rem;
}

    .mud-button-group-root.mud-button-group-text-size-large .mud-button-root.mud-icon-button .mud-icon-root {
        font-size: 1.641rem;
    }

.mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root {
    padding: 3px 9px;
    font-size: .8125rem;
}

    .mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button {
        padding: 3px 9px;
    }

        .mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button .mud-icon-root {
            font-size: 1.422rem;
        }

.mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root {
    padding: 7px 21px;
    font-size: .9375rem;
}

    .mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button {
        padding: 7px 15px;
    }

        .mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button .mud-icon-root {
            font-size: 1.641rem;
        }

.mud-button-group-root.mud-button-group-filled-size-small .mud-button-root {
    padding: 4px 10px;
    font-size: .8125rem;
}

    .mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button {
        padding: 4px 10px;
    }

        .mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button .mud-icon-root {
            font-size: 1.422rem;
        }

.mud-button-group-root.mud-button-group-filled-size-large .mud-button-root {
    padding: 8px 22px;
    font-size: .9375rem;
}

    .mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button {
        padding: 8px 16px;
    }

        .mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button .mud-icon-root {
            font-size: 1.641rem;
        }

.mud-button-group-root .mud-button-root.mud-icon-button {
    padding-right: 12px;
    padding-left: 12px;
}

    .mud-button-group-root .mud-button-root.mud-icon-button .mud-icon-root {
        font-size: 1.516rem;
    }

    .mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:after {
        transform: scale(10,10);
    }

    .mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:active:after {
        transform: scale(0,0);
        opacity: .1;
        transition: 0s;
    }

.mud-icon-button {
    flex: 0 0 auto;
    padding: 12px;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
    border-radius: 50%;
    color: var(--mud-palette-action-default);
}

    .mud-icon-button.mud-button {
        min-width: unset;
        border-radius: var(--mud-default-borderradius);
    }

    .mud-icon-button:hover, .mud-icon-button:focus-visible {
        background-color: var(--mud-palette-action-default-hover);
    }

    .mud-icon-button:disabled {
        color: var(--mud-palette-action-disabled);
        background-color: transparent;
    }

    .mud-icon-button.mud-readonly, .mud-icon-button .mud-readonly:hover {
        cursor: default;
    }

.mud-icon-button-color-inherit {
    color: inherit;
}

    .mud-icon-button-color-inherit:hover, .mud-icon-button-color-inherit:focus-visible {
        background-color: var(--mud-palette-action-default-hover);
    }

.mud-icon-button-label {
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

.mud-icon-button-edge-start {
    margin-left: -12px;
    margin-inline-start: -12px;
    margin-inline-end: unset;
}

.mud-icon-button-edge-end {
    margin-right: -12px;
    margin-inline-end: -12px;
    margin-inline-start: unset;
}

.mud-icon-button-edge-margin-end {
    margin-right: 8px;
    margin-inline-end: 8px;
    margin-inline-start: unset;
}

.mud-icon-button-size-small {
    padding: 3px;
    font-size: 1.125rem;
}

    .mud-icon-button-size-small.mud-icon-button-edge-start {
        margin-left: -3px;
        margin-inline-start: -3px;
        margin-inline-end: unset;
    }

    .mud-icon-button-size-small.mud-icon-button-edge-end {
        margin-right: -3px;
        margin-inline-end: -3px;
        margin-inline-start: unset;
    }

.mud-icon-button-size-large.mud-button > .mud-icon-button-label > .mud-icon-size-large {
    font-size: 2rem;
}

.mud-card-header {
    display: flex;
    padding: 16px;
    align-items: center;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

    .mud-card-header .mud-card-header-avatar {
        flex: 0 0 auto;
        margin-right: 16px;
        margin-inline-end: 16px;
        margin-inline-start: unset;
    }

    .mud-card-header .mud-card-header-content {
        flex: 1 1 auto;
    }

        .mud-card-header .mud-card-header-content .mud-typography {
            margin-bottom: 0;
        }

    .mud-card-header .mud-card-header-actions {
        flex: 0 0 auto;
        align-self: flex-start;
        margin-top: -8px;
        margin-right: -8px;
        margin-inline-end: -8px;
        margin-inline-start: unset;
    }

.mud-card-media {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.mud-card-header + .mud-card-media {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.mud-card-content {
    padding: 16px;
}

.mud-card-actions {
    display: flex;
    padding: 8px;
    align-items: center;
}

.mud-carousel {
    display: flex !important;
    position: relative;
    margin: 0 !important;
    clip-path: inset(0 0 0 0);
    overflow: hidden;
}

    .mud-carousel.mud-carousel-primary {
        color: var(--mud-palette-primary-text);
    }

    .mud-carousel.mud-carousel-secondary {
        color: var(--mud-palette-secondary-text);
    }

    .mud-carousel.mud-carousel-tertiary {
        color: var(--mud-palette-tertiary-text);
    }

    .mud-carousel.mud-carousel-info {
        color: var(--mud-palette-info-text);
    }

    .mud-carousel.mud-carousel-success {
        color: var(--mud-palette-success-text);
    }

    .mud-carousel.mud-carousel-warning {
        color: var(--mud-palette-warning-text);
    }

    .mud-carousel.mud-carousel-error {
        color: var(--mud-palette-error-text);
    }

    .mud-carousel.mud-carousel-dark {
        color: var(--mud-palette-dark-text);
    }

.mud-carousel-elements-rtl {
    transform: rotate(180deg) !important;
}

.mud-carousel-item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: inherit;
    padding: inherit;
    z-index: 2;
}

    .mud-carousel-item.mud-carousel-item-primary {
        color: var(--mud-palette-primary-text);
        background-color: var(--mud-palette-primary);
    }

    .mud-carousel-item.mud-carousel-item-secondary {
        color: var(--mud-palette-secondary-text);
        background-color: var(--mud-palette-secondary);
    }

    .mud-carousel-item.mud-carousel-item-tertiary {
        color: var(--mud-palette-tertiary-text);
        background-color: var(--mud-palette-tertiary);
    }

    .mud-carousel-item.mud-carousel-item-info {
        color: var(--mud-palette-info-text);
        background-color: var(--mud-palette-info);
    }

    .mud-carousel-item.mud-carousel-item-success {
        color: var(--mud-palette-success-text);
        background-color: var(--mud-palette-success);
    }

    .mud-carousel-item.mud-carousel-item-warning {
        color: var(--mud-palette-warning-text);
        background-color: var(--mud-palette-warning);
    }

    .mud-carousel-item.mud-carousel-item-error {
        color: var(--mud-palette-error-text);
        background-color: var(--mud-palette-error);
    }

    .mud-carousel-item.mud-carousel-item-dark {
        color: var(--mud-palette-dark-text);
        background-color: var(--mud-palette-dark);
    }

.mud-carousel-item-exit {
    z-index: 1;
}

@keyframes mud-carousel-transition-fade-in-keyframe {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mud-carousel-transition-fade-out-keyframe {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.mud-carousel-transition-fade-in {
    animation: .5s mud-carousel-transition-fade-in-keyframe;
}

.mud-carousel-transition-fade-out {
    animation: .5s mud-carousel-transition-fade-out-keyframe;
    animation-fill-mode: forwards;
}

.mud-carousel-transition-none {
    display: none;
}

@keyframes mud-carousel-transition-slide-next-enter-keyframe {
    from {
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

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

@keyframes mud-carousel-transition-slide-next-rtl-enter-keyframe {
    from {
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

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

@keyframes mud-carousel-transition-slide-next-exit-keyframe {
    from {
        transform: translate3d(0,0,0);
        visibility: visible;
    }

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

@keyframes mud-carousel-transition-slide-next-rtl-exit-keyframe {
    from {
        transform: translate3d(0,0,0);
        visibility: visible;
    }

    to {
        transform: translate3d(100%,0,0);
    }
}

.mud-carousel-transition-slide-next-enter {
    animation: .5s mud-carousel-transition-slide-next-enter-keyframe;
}

.mud-carousel-transition-slide-next-rtl-enter {
    animation: .5s mud-carousel-transition-slide-next-rtl-enter-keyframe;
}

.mud-carousel-transition-slide-next-exit {
    animation: .5s mud-carousel-transition-slide-next-exit-keyframe;
    animation-fill-mode: forwards;
}

.mud-carousel-transition-slide-next-rtl-exit {
    animation: .5s mud-carousel-transition-slide-next-rtl-exit-keyframe;
    animation-fill-mode: forwards;
}

@keyframes mud-carousel-transition-slide-prev-enter-keyframe {
    from {
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

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

@keyframes mud-carousel-transition-slide-prev-rtl-enter-keyframe {
    from {
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

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

@keyframes mud-carousel-transition-slide-prev-exit-keyframe {
    from {
        transform: translate3d(0,0,0);
        visibility: visible;
    }

    to {
        transform: translate3d(100%,0,0);
    }
}

@keyframes mud-carousel-transition-slide-prev-rtl-exit-keyframe {
    from {
        transform: translate3d(0,0,0);
        visibility: visible;
    }

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

.mud-carousel-transition-slide-prev-enter {
    animation: .5s mud-carousel-transition-slide-prev-enter-keyframe;
}

.mud-carousel-transition-slide-prev-rtl-enter {
    animation: .5s mud-carousel-transition-slide-prev-rtl-enter-keyframe;
}

.mud-carousel-transition-slide-prev-exit {
    animation: .5s mud-carousel-transition-slide-prev-exit-keyframe;
    animation-fill-mode: forwards;
}

.mud-carousel-transition-slide-prev-rtl-exit {
    animation: .5s mud-carousel-transition-slide-prev-rtl-exit-keyframe;
    animation-fill-mode: forwards;
}

.mud-chart {
    display: flex;
}

    .mud-chart.mud-chart-legend-bottom {
        flex-direction: column;
    }

        .mud-chart.mud-chart-legend-bottom .mud-chart-legend {
            margin-top: 10px;
            justify-content: center;
            width: 100%;
        }

    .mud-chart.mud-chart-legend-top {
        flex-direction: column-reverse;
    }

        .mud-chart.mud-chart-legend-top .mud-chart-legend {
            justify-content: center;
            width: 100%;
        }

    .mud-chart.mud-chart-legend-right {
        flex-direction: row;
    }

        .mud-chart.mud-chart-legend-right .mud-chart-legend {
            flex-direction: column;
        }

    .mud-chart.mud-chart-legend-left {
        flex-direction: row-reverse;
    }

        .mud-chart.mud-chart-legend-left .mud-chart-legend {
            flex-direction: column;
        }

    .mud-chart .mud-chart-donut, .mud-chart .mud-chart-pie, .mud-chart mud-chart-line {
        display: flex;
        margin: auto;
    }

    .mud-chart .mud-chart-legend {
        display: flex;
        padding: 10px 0;
        margin: auto;
        flex-wrap: wrap;
    }

        .mud-chart .mud-chart-legend .mud-chart-legend-item {
            display: block;
            margin: 2px 5px;
        }

            .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-marker {
                height: 12px;
                width: 12px;
                border-radius: 50%;
                position: relative;
                display: inline-flex;
            }

            .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-text {
                display: inline-flex;
            }

.mud-charts-yaxis {
    fill: var(--mud-palette-text-primary);
}

.mud-charts-xaxis {
    fill: var(--mud-palette-text-primary);
}

.mud-chart-donut .mud-donut-hole {
    fill: transparent;
    user-select: none;
    pointer-events: unset;
}

.mud-chart-donut .mud-donut-ring {
    fill: transparent;
    stroke-width: 5;
    stroke: white;
    pointer-events: unset;
}

.mud-chart-donut .mud-donut-segment {
    stroke-width: 5;
    fill: transparent;
    pointer-events: stroke;
    -webkit-transition: stroke .2s ease;
    -moz-transition: stroke .2s ease;
    -o-transition: stroke .2s ease;
    transition: stroke .2s ease;
}

.mud-chart-legend-marker {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}

.mud-chart-marker-color-0 {
    background-color: #008ffb;
}

.mud-chart-marker-color-1 {
    background-color: #00e396;
}

.mud-chart-marker-color-2 {
    background-color: #feb019;
}

.mud-chart-marker-color-3 {
    background-color: #ff4560;
}

.mud-chart-marker-color-4 {
    background-color: #594ae2;
}

.mud-checkbox {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

    .mud-checkbox.mud-disabled, .mud-checkbox .mud-disabled:hover, .mud-checkbox .mud-disabled:focus-visible {
        cursor: default;
        background-color: transparent !important;
    }

        .mud-checkbox.mud-disabled *, .mud-checkbox .mud-disabled:hover *, .mud-checkbox .mud-disabled:focus-visible * {
            cursor: default;
            color: var(--mud-palette-text-disabled);
        }

    .mud-checkbox.mud-readonly, .mud-checkbox .mud-readonly:hover {
        cursor: default;
    }

    .mud-checkbox .mud-checkbox-dense {
        padding: 4px;
    }

.mud-checkbox-input {
    top: 0;
    left: 0;
    width: 100%;
    cursor: inherit;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    z-index: 1;
    position: absolute;
}

.mud-checkbox-span {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.mud-chip {
    border: none;
    cursor: default;
    display: inline-flex;
    max-width: 100%;
    outline: 0;
    padding: 0 12px;
    position: relative;
    box-sizing: border-box;
    transition: background-color 300ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 300ms cubic-bezier(.4,0,.2,1) 0ms;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    justify-content: center;
    text-decoration: none;
    line-height: normal;
    margin: 4px;
}

    .mud-chip.mud-disabled {
        opacity: .5;
        pointer-events: none;
    }

    .mud-chip.mud-chip-size-small {
        border-radius: 12px;
        font-size: 12px;
        height: 24px;
    }

    .mud-chip.mud-chip-size-medium {
        height: 32px;
        font-size: 14px;
        border-radius: 16px;
    }

    .mud-chip.mud-chip-size-large {
        height: 40px;
        font-size: 16px;
        border-radius: 20px;
    }

    .mud-chip.mud-chip-label {
        border-radius: var(--mud-default-borderradius);
    }

    .mud-chip.mud-clickable {
        cursor: pointer;
    }

    .mud-chip .mud-chip-icon {
        margin-left: -4px;
        margin-right: 4px;
        margin-inline-start: -4px;
        margin-inline-end: 4px;
        color: inherit;
    }

    .mud-chip .mud-chip-close-button {
        padding: 1px;
        margin-right: -4px;
        margin-left: 6px;
        margin-inline-end: -4px;
        margin-inline-start: 6px;
        height: 18px;
        width: 18px;
        color: inherit;
        transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s;
    }

        .mud-chip .mud-chip-close-button .mud-icon-size-small {
            font-size: 1.15rem;
        }

        .mud-chip .mud-chip-close-button:hover {
            opacity: .7;
        }

    .mud-chip > .mud-chip-content {
        align-items: center;
        display: inline-flex;
        height: 100%;
        max-width: 100%;
        user-select: none;
    }

.mud-chip-filled {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-action-disabled-background);
}

    .mud-chip-filled:hover:not(.mud-disabled), .mud-chip-filled:focus-visible:not(.mud-disabled) {
        background-color: var(--mud-palette-action-disabled);
    }

    .mud-chip-filled.mud-chip-color-primary {
        color: var(--mud-palette-primary-text);
        background-color: var(--mud-palette-primary);
    }

        .mud-chip-filled.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-primary:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-primary-darken);
        }

    .mud-chip-filled.mud-chip-color-secondary {
        color: var(--mud-palette-secondary-text);
        background-color: var(--mud-palette-secondary);
    }

        .mud-chip-filled.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-secondary:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-secondary-darken);
        }

    .mud-chip-filled.mud-chip-color-tertiary {
        color: var(--mud-palette-tertiary-text);
        background-color: var(--mud-palette-tertiary);
    }

        .mud-chip-filled.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-tertiary-darken);
        }

    .mud-chip-filled.mud-chip-color-info {
        color: var(--mud-palette-info-text);
        background-color: var(--mud-palette-info);
    }

        .mud-chip-filled.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-info:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-info-darken);
        }

    .mud-chip-filled.mud-chip-color-success {
        color: var(--mud-palette-success-text);
        background-color: var(--mud-palette-success);
    }

        .mud-chip-filled.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-success:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-success-darken);
        }

    .mud-chip-filled.mud-chip-color-warning {
        color: var(--mud-palette-warning-text);
        background-color: var(--mud-palette-warning);
    }

        .mud-chip-filled.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-warning:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-warning-darken);
        }

    .mud-chip-filled.mud-chip-color-error {
        color: var(--mud-palette-error-text);
        background-color: var(--mud-palette-error);
    }

        .mud-chip-filled.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-error:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-error-darken);
        }

    .mud-chip-filled.mud-chip-color-dark {
        color: var(--mud-palette-dark-text);
        background-color: var(--mud-palette-dark);
    }

        .mud-chip-filled.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-dark:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-dark-darken);
        }

.mud-chip-outlined {
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-inputs);
}

    .mud-chip-outlined:hover:not(.mud-disabled), .mud-chip-outlined:focus-visible:not(.mud-disabled) {
        background-color: var(--mud-palette-action-default-hover);
    }

    .mud-chip-outlined.mud-chip-color-primary {
        color: var(--mud-palette-primary);
        border: 1px solid var(--mud-palette-primary);
    }

        .mud-chip-outlined.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-primary:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-primary-hover);
        }

        .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected {
            background-color: var(--mud-palette-primary-hover);
        }

            .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:focus-visible:not(.mud-disabled) {
                background-color: rgba(var(--mud-palette-primary-rgb),.12);
            }

    .mud-chip-outlined.mud-chip-color-secondary {
        color: var(--mud-palette-secondary);
        border: 1px solid var(--mud-palette-secondary);
    }

        .mud-chip-outlined.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-secondary:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-secondary-hover);
        }

        .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected {
            background-color: var(--mud-palette-secondary-hover);
        }

            .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:focus-visible:not(.mud-disabled) {
                background-color: rgba(var(--mud-palette-secondary-rgb),.12);
            }

    .mud-chip-outlined.mud-chip-color-tertiary {
        color: var(--mud-palette-tertiary);
        border: 1px solid var(--mud-palette-tertiary);
    }

        .mud-chip-outlined.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-tertiary-hover);
        }

        .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected {
            background-color: var(--mud-palette-tertiary-hover);
        }

            .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:focus-visible:not(.mud-disabled) {
                background-color: rgba(var(--mud-palette-tertiary-rgb),.12);
            }

    .mud-chip-outlined.mud-chip-color-info {
        color: var(--mud-palette-info);
        border: 1px solid var(--mud-palette-info);
    }

        .mud-chip-outlined.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-info:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-info-hover);
        }

        .mud-chip-outlined.mud-chip-color-info.mud-chip-selected {
            background-color: var(--mud-palette-info-hover);
        }

            .mud-chip-outlined.mud-chip-color-info.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-info.mud-chip-selected:focus-visible:not(.mud-disabled) {
                background-color: rgba(var(--mud-palette-info-rgb),.12);
            }

    .mud-chip-outlined.mud-chip-color-success {
        color: var(--mud-palette-success);
        border: 1px solid var(--mud-palette-success);
    }

        .mud-chip-outlined.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-success:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-success-hover);
        }

        .mud-chip-outlined.mud-chip-color-success.mud-chip-selected {
            background-color: var(--mud-palette-success-hover);
        }

            .mud-chip-outlined.mud-chip-color-success.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-success.mud-chip-selected:focus-visible:not(.mud-disabled) {
                background-color: rgba(var(--mud-palette-success-rgb),.12);
            }

    .mud-chip-outlined.mud-chip-color-warning {
        color: var(--mud-palette-warning);
        border: 1px solid var(--mud-palette-warning);
    }

        .mud-chip-outlined.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-warning:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-warning-hover);
        }

        .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected {
            background-color: var(--mud-palette-warning-hover);
        }

            .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:focus-visible:not(.mud-disabled) {
                background-color: rgba(var(--mud-palette-warning-rgb),.12);
            }

    .mud-chip-outlined.mud-chip-color-error {
        color: var(--mud-palette-error);
        border: 1px solid var(--mud-palette-error);
    }

        .mud-chip-outlined.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-error:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-error-hover);
        }

        .mud-chip-outlined.mud-chip-color-error.mud-chip-selected {
            background-color: var(--mud-palette-error-hover);
        }

            .mud-chip-outlined.mud-chip-color-error.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-error.mud-chip-selected:focus-visible:not(.mud-disabled) {
                background-color: rgba(var(--mud-palette-error-rgb),.12);
            }

    .mud-chip-outlined.mud-chip-color-dark {
        color: var(--mud-palette-dark);
        border: 1px solid var(--mud-palette-dark);
    }

        .mud-chip-outlined.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-dark:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-dark-hover);
        }

        .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected {
            background-color: var(--mud-palette-dark-hover);
        }

            .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:focus-visible:not(.mud-disabled) {
                background-color: rgba(var(--mud-palette-dark-rgb),.12);
            }

.mud-chip-text {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-action-default-hover);
}

    .mud-chip-text:hover:not(.mud-disabled), .mud-chip-text:focus-visible:not(.mud-disabled) {
        background-color: var(--mud-palette-action-disabled-background);
    }

    .mud-chip-text.mud-chip-color-primary {
        color: var(--mud-palette-primary);
        background-color: var(--mud-palette-primary-hover);
    }

        .mud-chip-text.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-primary:focus-visible:not(.mud-disabled) {
            background-color: rgba(var(--mud-palette-primary-rgb),.12);
        }

    .mud-chip-text.mud-chip-color-secondary {
        color: var(--mud-palette-secondary);
        background-color: var(--mud-palette-secondary-hover);
    }

        .mud-chip-text.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-secondary:focus-visible:not(.mud-disabled) {
            background-color: rgba(var(--mud-palette-secondary-rgb),.12);
        }

    .mud-chip-text.mud-chip-color-tertiary {
        color: var(--mud-palette-tertiary);
        background-color: var(--mud-palette-tertiary-hover);
    }

        .mud-chip-text.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) {
            background-color: rgba(var(--mud-palette-tertiary-rgb),.12);
        }

    .mud-chip-text.mud-chip-color-info {
        color: var(--mud-palette-info);
        background-color: var(--mud-palette-info-hover);
    }

        .mud-chip-text.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-info:focus-visible:not(.mud-disabled) {
            background-color: rgba(var(--mud-palette-info-rgb),.12);
        }

    .mud-chip-text.mud-chip-color-success {
        color: var(--mud-palette-success);
        background-color: var(--mud-palette-success-hover);
    }

        .mud-chip-text.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-success:focus-visible:not(.mud-disabled) {
            background-color: rgba(var(--mud-palette-success-rgb),.12);
        }

    .mud-chip-text.mud-chip-color-warning {
        color: var(--mud-palette-warning);
        background-color: var(--mud-palette-warning-hover);
    }

        .mud-chip-text.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-warning:focus-visible:not(.mud-disabled) {
            background-color: rgba(var(--mud-palette-warning-rgb),.12);
        }

    .mud-chip-text.mud-chip-color-error {
        color: var(--mud-palette-error);
        background-color: var(--mud-palette-error-hover);
    }

        .mud-chip-text.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-error:focus-visible:not(.mud-disabled) {
            background-color: rgba(var(--mud-palette-error-rgb),.12);
        }

    .mud-chip-text.mud-chip-color-dark {
        color: var(--mud-palette-dark);
        background-color: var(--mud-palette-dark-hover);
    }

        .mud-chip-text.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-dark:focus-visible:not(.mud-disabled) {
            background-color: rgba(var(--mud-palette-dark-rgb),.12);
        }

.mud-collapse-container {
    height: 0;
    overflow: hidden;
}

@keyframes mud-expand-anim {
    from {
        height: 0;
    }
}

.mud-collapse-entering {
    animation: mud-expand-anim 1s ease-in-out 0ms 1 forwards;
}

    .mud-collapse-entering.mud-navgroup-collapse {
        animation-duration: 300ms !important;
    }

.mud-collapse-entered {
    overflow: initial;
}

@keyframes mud-collapse-anim {
    to {
        height: 0;
    }
}

.mud-collapse-exiting {
    animation: mud-collapse-anim .5s cubic-bezier(0,1,0,1) 0ms 1 forwards;
}

    .mud-collapse-exiting.mud-navgroup-collapse {
        animation-duration: 300ms;
    }

.mud-collapse-hidden {
    visibility: hidden;
}

.mud-collapse-wrapper {
    display: flex;
}

.mud-collapse-wrapper-inner {
    width: 100%;
}

.mud-dialog-container {
    display: flex;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: var(--mud-zindex-dialog);
}

    .mud-dialog-container.mud-dialog-center {
        align-items: center;
        justify-content: center;
    }

    .mud-dialog-container.mud-dialog-topcenter {
        align-items: flex-start;
        justify-content: center;
        padding-top: 32px;
    }

    .mud-dialog-container.mud-dialog-bottomcenter {
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 32px;
    }

    .mud-dialog-container.mud-dialog-centerright {
        align-items: center;
        justify-content: flex-end;
        padding-right: 32px;
    }

    .mud-dialog-container.mud-dialog-centerleft {
        align-items: center;
        justify-content: flex-start;
        padding-left: 32px;
    }

    .mud-dialog-container.mud-dialog-topleft .mud-dialog {
        position: absolute;
        top: 32px;
        left: 32px;
    }

    .mud-dialog-container.mud-dialog-topright .mud-dialog {
        position: absolute;
        top: 32px;
        right: 32px;
    }

    .mud-dialog-container.mud-dialog-bottomleft .mud-dialog {
        position: absolute;
        bottom: 32px;
        left: 32px;
    }

    .mud-dialog-container.mud-dialog-bottomright .mud-dialog {
        position: absolute;
        bottom: 32px;
        right: 32px;
    }

.mud-dialog {
    display: flex;
    z-index: calc(var(--mud-zindex-dialog) + 2);
    flex-direction: column;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
    -webkit-animation: mud-open-dialog-center .1s cubic-bezier(.39,.575,.565,1) both;
    animation: mud-open-dialog-center .1s cubic-bezier(.39,.575,.565,1) both;
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
}

    .mud-dialog.mud-dialog-rtl .mud-dialog-title .mud-button-root {
        right: unset;
        left: 8px;
    }

    .mud-dialog .mud-dialog-title {
        z-index: +1;
        flex: 0 0 auto;
        margin: 0;
        padding: 16px 24px;
        border-top-left-radius: var(--mud-default-borderradius);
        border-top-right-radius: var(--mud-default-borderradius);
    }

        .mud-dialog .mud-dialog-title + * > .mud-dialog-content {
            border-radius: 0;
        }

        .mud-dialog .mud-dialog-title .mud-button-root {
            top: 8px;
            right: 8px;
            position: absolute;
        }

    .mud-dialog .mud-dialog-content {
        position: relative;
        flex: 1 1 auto;
        padding: 8px 24px;
        -webkit-overflow-scrolling: touch;
        border-top-left-radius: var(--mud-default-borderradius);
        border-top-right-radius: var(--mud-default-borderradius);
    }

        .mud-dialog .mud-dialog-content.mud-dialog-no-side-padding {
            padding: 12px 0;
        }

    .mud-dialog .mud-dialog-actions {
        flex: 0 0 auto;
        display: flex;
        padding: 8px;
        align-items: center;
        justify-content: flex-end;
        border-bottom-left-radius: var(--mud-default-borderradius);
        border-bottom-right-radius: var(--mud-default-borderradius);
    }

        .mud-dialog .mud-dialog-actions > :not(:first-child) {
            margin-left: 8px;
            margin-inline-start: 8px;
            margin-inline-end: unset;
        }

.mud-dialog-width-false {
    max-width: calc(100% - 64px);
}

.mud-dialog-width-xs {
    max-width: 444px;
}

.mud-dialog-width-sm {
    max-width: 600px;
}

.mud-dialog-width-md {
    max-width: 960px;
}

.mud-dialog-width-lg {
    max-width: 1280px;
}

.mud-dialog-width-xl {
    max-width: 1920px;
}

.mud-dialog-width-xxl {
    max-width: 2560px;
}

.mud-dialog-width-full {
    width: calc(100% - 64px);
}

.mud-dialog-fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: 100%;
    max-height: none;
    border-radius: 0;
}

@-webkit-keyframes mud-open-dialog-center {
    0% {
        opacity: 0;
    }

    1% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes mud-open-dialog-center {
    0% {
        opacity: 0;
    }

    1% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.mud-input-control.mud-field .mud-input-slot {
    height: auto;
    min-height: 19px;
}

    .mud-input-control.mud-field .mud-input-slot.mud-input-root-outlined.mud-input-adorned-start {
        padding-left: 0;
        padding-inline-start: 0;
        padding-inline-end: 14px;
    }

    .mud-input-control.mud-field .mud-input-slot.mud-input-root-filled.mud-input-adorned-start {
        padding-left: 0;
        padding-inline-start: 0;
        padding-inline-end: 12px;
    }

    .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding {
        padding-top: 0;
        padding-bottom: 0;
    }

        .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-filled {
            padding-top: 21px;
            padding-bottom: 2px;
        }

        .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-outlined {
            padding-top: 7px;
            padding-bottom: 2px;
        }

.mud-grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.mud-grid-item {
    margin: 0;
    box-sizing: border-box;
}

.mud-grid-spacing-xs-1 {
    width: calc(100% + 8px);
    margin: -4px;
}

    .mud-grid-spacing-xs-1 > .mud-grid-item {
        padding: 4px;
    }

.mud-grid-spacing-xs-2 {
    width: calc(100% + 16px);
    margin: -8px;
}

    .mud-grid-spacing-xs-2 > .mud-grid-item {
        padding: 8px;
    }

.mud-grid-spacing-xs-3 {
    width: calc(100% + 24px);
    margin: -12px;
}

    .mud-grid-spacing-xs-3 > .mud-grid-item {
        padding: 12px;
    }

.mud-grid-spacing-xs-4 {
    width: calc(100% + 32px);
    margin: -16px;
}

    .mud-grid-spacing-xs-4 > .mud-grid-item {
        padding: 16px;
    }

.mud-grid-spacing-xs-5 {
    width: calc(100% + 40px);
    margin: -20px;
}

    .mud-grid-spacing-xs-5 > .mud-grid-item {
        padding: 20px;
    }

.mud-grid-spacing-xs-6 {
    width: calc(100% + 48px);
    margin: -24px;
}

    .mud-grid-spacing-xs-6 > .mud-grid-item {
        padding: 24px;
    }

.mud-grid-spacing-xs-7 {
    width: calc(100% + 56px);
    margin: -28px;
}

    .mud-grid-spacing-xs-7 > .mud-grid-item {
        padding: 28px;
    }

.mud-grid-spacing-xs-8 {
    width: calc(100% + 64px);
    margin: -32px;
}

    .mud-grid-spacing-xs-8 > .mud-grid-item {
        padding: 32px;
    }

.mud-grid-spacing-xs-9 {
    width: calc(100% + 72px);
    margin: -36px;
}

    .mud-grid-spacing-xs-9 > .mud-grid-item {
        padding: 36px;
    }

.mud-grid-spacing-xs-10 {
    width: calc(100% + 80px);
    margin: -40px;
}

    .mud-grid-spacing-xs-10 > .mud-grid-item {
        padding: 40px;
    }

.mud-grid-item-xs-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
}

.mud-grid-item-xs-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
}

.mud-grid-item-xs-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
}

.mud-grid-item-xs-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
}

.mud-grid-item-xs-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
}

.mud-grid-item-xs-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
}

.mud-grid-item-xs-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
}

.mud-grid-item-xs-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
}

.mud-grid-item-xs-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
}

.mud-grid-item-xs-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
}

.mud-grid-item-xs-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
}

.mud-grid-item-xs-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
}

.mud-grid-item-xs-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
}

.mud-grid-item-xs-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
}

@media(min-width:600px) {
    .mud-grid-item-sm-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto;
    }

    .mud-grid-item-sm-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0;
    }

    .mud-grid-item-sm-1 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%;
    }

    .mud-grid-item-sm-2 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%;
    }

    .mud-grid-item-sm-3 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%;
    }

    .mud-grid-item-sm-4 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%;
    }

    .mud-grid-item-sm-5 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%;
    }

    .mud-grid-item-sm-6 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%;
    }

    .mud-grid-item-sm-7 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%;
    }

    .mud-grid-item-sm-8 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%;
    }

    .mud-grid-item-sm-9 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%;
    }

    .mud-grid-item-sm-10 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%;
    }

    .mud-grid-item-sm-11 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%;
    }

    .mud-grid-item-sm-12 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}

@media(min-width:960px) {
    .mud-grid-item-md-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto;
    }

    .mud-grid-item-md-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0;
    }

    .mud-grid-item-md-1 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%;
    }

    .mud-grid-item-md-2 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%;
    }

    .mud-grid-item-md-3 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%;
    }

    .mud-grid-item-md-4 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%;
    }

    .mud-grid-item-md-5 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%;
    }

    .mud-grid-item-md-6 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%;
    }

    .mud-grid-item-md-7 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%;
    }

    .mud-grid-item-md-8 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%;
    }

    .mud-grid-item-md-9 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%;
    }

    .mud-grid-item-md-10 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%;
    }

    .mud-grid-item-md-11 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%;
    }

    .mud-grid-item-md-12 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}

@media(min-width:1280px) {
    .mud-grid-item-lg-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto;
    }

    .mud-grid-item-lg-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0;
    }

    .mud-grid-item-lg-1 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%;
    }

    .mud-grid-item-lg-2 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%;
    }

    .mud-grid-item-lg-3 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%;
    }

    .mud-grid-item-lg-4 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%;
    }

    .mud-grid-item-lg-5 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%;
    }

    .mud-grid-item-lg-6 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%;
    }

    .mud-grid-item-lg-7 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%;
    }

    .mud-grid-item-lg-8 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%;
    }

    .mud-grid-item-lg-9 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%;
    }

    .mud-grid-item-lg-10 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%;
    }

    .mud-grid-item-lg-11 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%;
    }

    .mud-grid-item-lg-12 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}

@media(min-width:1920px) {
    .mud-grid-item-xl-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto;
    }

    .mud-grid-item-xl-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0;
    }

    .mud-grid-item-xl-1 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%;
    }

    .mud-grid-item-xl-2 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%;
    }

    .mud-grid-item-xl-3 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%;
    }

    .mud-grid-item-xl-4 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%;
    }

    .mud-grid-item-xl-5 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%;
    }

    .mud-grid-item-xl-6 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%;
    }

    .mud-grid-item-xl-7 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%;
    }

    .mud-grid-item-xl-8 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%;
    }

    .mud-grid-item-xl-9 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%;
    }

    .mud-grid-item-xl-10 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%;
    }

    .mud-grid-item-xl-11 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%;
    }

    .mud-grid-item-xl-12 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}

@media(min-width:2560px) {
    .mud-grid-item-xxl-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto;
    }

    .mud-grid-item-xxl-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0;
    }

    .mud-grid-item-xxl-1 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%;
    }

    .mud-grid-item-xxl-2 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%;
    }

    .mud-grid-item-xxl-3 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%;
    }

    .mud-grid-item-xxl-4 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%;
    }

    .mud-grid-item-xxl-5 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%;
    }

    .mud-grid-item-xxl-6 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%;
    }

    .mud-grid-item-xxl-7 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%;
    }

    .mud-grid-item-xxl-8 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%;
    }

    .mud-grid-item-xxl-9 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%;
    }

    .mud-grid-item-xxl-10 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%;
    }

    .mud-grid-item-xxl-11 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%;
    }

    .mud-grid-item-xxl-12 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}

.mud-paper {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
    transition: box-shadow 300ms cubic-bezier(.4,0,.2,1) 0ms;
}

.mud-paper-square {
    border-radius: 0;
}

.mud-paper-outlined {
    border: 1px solid var(--mud-palette-lines-default);
}

.mud-icon-default {
    color: var(--mud-palette-text-secondary);
}

.mud-disabled .mud-icon-root, .mud-disabled .mud-svg-icon, .mud-disabled .mud-icon-default {
    color: var(--mud-palette-text-disabled);
}

.mud-icon-root {
    width: 1em;
    height: 1em;
    display: inline-block;
    transition: fill 200ms cubic-bezier(.4,0,.2,1) 0ms;
    flex-shrink: 0;
    user-select: none;
}

    .mud-icon-root:focus {
        outline: none;
    }

    .mud-icon-root.mud-svg-icon {
        fill: currentColor;
    }

.mud-icon-size-small {
    font-size: 1.25rem;
}

.mud-icon-size-medium {
    font-size: 1.5rem;
}

.mud-icon-size-large {
    font-size: 2.25rem;
}

.mud-divider {
    border: none;
    height: 1px;
    margin: 0;
    flex-shrink: 0;
    background-color: var(--mud-palette-divider);
}

.mud-divider-absolute {
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
}

.mud-divider-inset {
    margin-left: 72px;
    margin-inline-start: 72px;
    margin-inline-end: unset;
}

.mud-divider-light {
    background-color: var(--mud-palette-divider-light);
}

.mud-divider-middle {
    margin-left: 16px;
    margin-right: 16px;
}

.mud-divider-vertical {
    width: 1px;
    height: 100%;
}

.mud-divider-flexitem {
    height: auto;
    align-self: stretch;
}

.mud-drop-zone {
    position: relative;
    transition: all 300ms cubic-bezier(.4,0,.2,1) 0ms;
}

.mud-drop-zone-drag-block > * {
    pointer-events: none;
}

.mud-drop-zone-can-drop {
    background-color: var(--mud-palette-success-hover);
}

.mud-drop-zone-no-drop {
    background-color: var(--mud-palette-error-hover);
}

.mud-drop-item:not(.mud-drop-item-preview-start) {
    cursor: grab;
    user-select: none;
}

    .mud-drop-item:not(.mud-drop-item-preview-start):active {
        cursor: grabbing;
    }

.mud-drop-item-preview-start {
    height: 20px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: +1;
}

.mud-expansion-panels {
    flex: 0 1 auto;
    position: relative;
    max-width: 100%;
    transition: .3s cubic-bezier(.25,.8,.5,1);
    border-radius: var(--mud-default-borderradius);
}

    .mud-expansion-panels.mud-expansion-panels-square {
        border-radius: 0;
    }

    .mud-expansion-panels.mud-expansion-panels-borders .mud-expand-panel {
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }

.mud-expand-panel {
    flex: 1 0 100%;
    max-width: 100%;
    position: relative;
    transition: margin .3s cubic-bezier(.25,.8,.5,1);
    transition-delay: 100ms;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
}

    .mud-expand-panel.mud-expand-panel-border {
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }

    .mud-expand-panel:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .mud-expand-panel:last-child {
        border-bottom: none;
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

    .mud-expand-panel.mud-panel-expanded {
        margin: 16px 0;
        border-radius: inherit;
        border-bottom: none;
        transition-delay: 0ms;
    }

        .mud-expand-panel.mud-panel-expanded:first-child {
            margin-top: 0;
        }

        .mud-expand-panel.mud-panel-expanded:last-child {
            margin-bottom: 0;
        }

        .mud-expand-panel.mud-panel-expanded + .mud-expand-panel {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit;
        }

    .mud-expand-panel.mud-panel-next-expanded {
        border-bottom: none;
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

    .mud-expand-panel .mud-expand-panel-header {
        width: 100%;
        align-items: center;
        display: flex;
        font-size: .9375rem;
        line-height: 1;
        min-height: 48px;
        outline: none;
        padding: 16px 24px;
        position: relative;
        transition: min-height .3s cubic-bezier(.25,.8,.5,1);
        user-select: none;
    }

        .mud-expand-panel .mud-expand-panel-header:hover {
            cursor: pointer;
        }

        .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-text {
            flex: 1 1 auto;
        }

        .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon {
            transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s;
        }

            .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon.mud-transform {
                transform: rotate(-180deg);
            }

    .mud-expand-panel .mud-expand-panel-content {
        padding: 0 24px 16px;
        flex: 1 1 auto;
        max-width: 100%;
    }

        .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters {
            padding-left: 0;
            padding-right: 0;
        }

        .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-dense {
            padding-top: 0;
            padding-bottom: 0;
        }

.mud-disabled > .mud-expand-panel-header {
    color: var(--mud-palette-text-disabled);
}

    .mud-disabled > .mud-expand-panel-header:hover {
        cursor: default;
    }

.mud-fab {
    padding: 0;
    font-family: var(--mud-typography-button-family);
    font-size: var(--mud-typography-button-size);
    font-weight: var(--mud-typography-button-weight);
    line-height: var(--mud-typography-button-lineheight);
    letter-spacing: var(--mud-typography-button-letterspacing);
    text-transform: var(--mud-typography-button-text-transform);
    min-width: 0;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
    box-sizing: border-box;
    min-height: 36px;
    transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1) 0ms;
    border-radius: 50%;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-action-default-hover);
}

    .mud-fab:hover, .mud-fab:focus-visible {
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
        text-decoration: none;
        background-color: var(--mud-palette-action-disabled-background);
    }

    .mud-fab:active {
        box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12);
    }

    .mud-fab:disabled {
        color: var(--mud-palette-action-disabled);
        box-shadow: none;
        background-color: var(--mud-palette-action-disabled-background);
        cursor: default;
        pointer-events: none;
    }

        .mud-fab:disabled:hover {
            background-color: var(--mud-palette-action-disabled-background);
        }

.mud-fab-disable-elevation {
    box-shadow: none;
}

    .mud-fab-disable-elevation:hover {
        box-shadow: none;
    }

    .mud-fab-disable-elevation:active {
        box-shadow: none;
    }

    .mud-fab-disable-elevation.mud-focus-visible {
        box-shadow: none;
    }

    .mud-fab-disable-elevation:disabled {
        box-shadow: none;
    }

.mud-fab-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
}

.mud-fab-primary {
    color: var(--mud-palette-primary-text);
    background-color: var(--mud-palette-primary);
}

    .mud-fab-primary:hover, .mud-fab-primary:focus-visible {
        background-color: var(--mud-palette-primary-darken);
    }

.mud-fab-secondary {
    color: var(--mud-palette-secondary-text);
    background-color: var(--mud-palette-secondary);
}

    .mud-fab-secondary:hover, .mud-fab-secondary:focus-visible {
        background-color: var(--mud-palette-secondary-darken);
    }

.mud-fab-tertiary {
    color: var(--mud-palette-tertiary-text);
    background-color: var(--mud-palette-tertiary);
}

    .mud-fab-tertiary:hover, .mud-fab-tertiary:focus-visible {
        background-color: var(--mud-palette-tertiary-darken);
    }

.mud-fab-info {
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info);
}

    .mud-fab-info:hover, .mud-fab-info:focus-visible {
        background-color: var(--mud-palette-info-darken);
    }

.mud-fab-success {
    color: var(--mud-palette-success-text);
    background-color: var(--mud-palette-success);
}

    .mud-fab-success:hover, .mud-fab-success:focus-visible {
        background-color: var(--mud-palette-success-darken);
    }

.mud-fab-warning {
    color: var(--mud-palette-warning-text);
    background-color: var(--mud-palette-warning);
}

    .mud-fab-warning:hover, .mud-fab-warning:focus-visible {
        background-color: var(--mud-palette-warning-darken);
    }

.mud-fab-error {
    color: var(--mud-palette-error-text);
    background-color: var(--mud-palette-error);
}

    .mud-fab-error:hover, .mud-fab-error:focus-visible {
        background-color: var(--mud-palette-error-darken);
    }

.mud-fab-dark {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-dark);
}

    .mud-fab-dark:hover, .mud-fab-dark:focus-visible {
        background-color: var(--mud-palette-dark-darken);
    }

.mud-fab-extended.mud-fab-size-large {
    width: auto;
    height: 48px;
    padding: 0 16px;
    min-width: 48px;
    min-height: auto;
    border-radius: 24px;
}

    .mud-fab-extended.mud-fab-size-large .mud-fab-label {
        gap: 8px;
    }

.mud-fab-extended.mud-fab-size-small {
    width: auto;
    height: 34px;
    padding: 0 12px;
    min-width: 34px;
    border-radius: 17px;
}

    .mud-fab-extended.mud-fab-size-small .mud-fab-label {
        gap: 4px;
    }

.mud-fab-extended.mud-fab-size-medium {
    width: auto;
    height: 40px;
    padding: 0 16px;
    min-width: 40px;
    border-radius: 20px;
}

    .mud-fab-extended.mud-fab-size-medium .mud-fab-label {
        gap: 8px;
    }

.mud-fab-color-inherit {
    color: inherit;
}

.mud-fab-size-small {
    width: 40px;
    height: 40px;
}

.mud-fab-size-medium {
    width: 48px;
    height: 48px;
}

.mud-fab-size-large {
    width: 56px;
    height: 56px;
}

.mud-list {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

    .mud-list.mud-list-padding {
        padding-top: 8px;
        padding-bottom: 8px;
    }

.mud-list-item {
    width: 100%;
    display: flex;
    position: relative;
    box-sizing: border-box;
    text-align: start;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    justify-content: flex-start;
    text-decoration: none;
}

    .mud-list-item.mud-list-item-dense {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mud-list-item.mud-list-item-disabled {
        color: var(--mud-palette-action-disabled) !important;
        cursor: default !important;
        pointer-events: none !important;
    }

        .mud-list-item.mud-list-item-disabled .mud-list-item-icon {
            color: var(--mud-palette-action-disabled) !important;
        }

.mud-list-item-clickable {
    color: inherit;
    border: 0;
    cursor: pointer;
    margin: 0;
    outline: 0;
    user-select: none;
    border-radius: 0;
    vertical-align: middle;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
}

    .mud-list-item-clickable:hover {
        background-color: var(--mud-palette-action-default-hover);
    }

    .mud-list-item-clickable:focus:not(.mud-selected-item) {
        background-color: var(--mud-palette-action-default-hover);
    }

.mud-list-item-gutters {
    padding-left: 16px;
    padding-right: 16px;
}

.mud-list-item-text {
    flex: 1 1 auto;
    min-width: 0;
    margin-top: 4px;
    margin-bottom: 4px;
}

.mud-list-item-text-inset {
    padding-left: 56px;
    padding-inline-start: 56px;
    padding-inline-end: unset;
}

.mud-list-item-icon {
    color: var(--mud-palette-action-default);
    display: inline-flex;
    min-width: 56px;
    flex-shrink: 0;
}

.mud-list-subheader {
    color: var(--mud-palette-action-default);
    font-size: .875rem;
    box-sizing: border-box;
    list-style: none;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 20px;
}

.mud-list-subheader-gutters {
    padding-left: 16px;
    padding-right: 16px;
}

.mud-list-subheader-inset {
    padding-left: 72px;
    padding-inline-start: 72px;
    padding-inline-end: unset;
}

.mud-list-subheader-sticky {
    top: 0;
    z-index: 1;
    position: sticky;
    background-color: inherit;
}

.mud-list-item-avatar {
    min-width: 56px;
    flex-shrink: 0;
}

.mud-nested-list > .mud-list-item {
    padding-left: 32px;
    padding-inline-start: 32px;
    padding-inline-end: unset;
}

.mud-application-layout-rtl {
    direction: rtl;
}

.mud-menu {
    display: inline-flex;
    align-self: center;
    position: relative;
}

    .mud-menu * {
        cursor: pointer;
    }

    .mud-menu > div.mud-disabled {
        cursor: default;
    }

        .mud-menu > div.mud-disabled * {
            cursor: default;
        }

    .mud-menu > div.mud-menu-activator {
        display: contents;
    }

.mud-link.mud-link-underline-none {
    text-decoration: none;
}

.mud-link.mud-link-underline-hover {
    text-decoration: none;
}

    .mud-link.mud-link-underline-hover:hover, .mud-link.mud-link-underline-hover:focus-visible {
        text-decoration: underline;
    }

.mud-link.mud-link-underline-always {
    text-decoration: underline;
}

.mud-link.mud-link-disabled {
    cursor: default;
    color: var(--mud-palette-action-disabled) !important;
}

    .mud-link.mud-link-disabled:not(.mud-link-underline-always) {
        text-decoration: none;
    }

.mud-navmenu {
    margin: 0;
    position: relative;
    list-style: none;
    overscroll-behavior-y: contain;
}

.mud-nav-group {
    width: 100%;
    display: block;
    justify-content: flex-start;
}

    .mud-nav-group > .mud-nav-link > .mud-nav-link-text {
        font-weight: 500;
    }

    .mud-nav-group * .mud-nav-group > .mud-nav-link > .mud-nav-link-text {
        font-weight: 400;
    }

    .mud-nav-group * .mud-nav-group > .mud-nav-link.mud-expanded > .mud-nav-link-text {
        font-weight: 500;
    }

    .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
        padding-left: 36px;
        padding-inline-start: 36px;
        padding-inline-end: unset;
    }

.mud-nav-group-disabled, .mud-nav-group-disabled .mud-nav-link-text, .mud-nav-group-disabled .mud-nav-link-expand-icon, .mud-nav-group-disabled .mud-nav-link-icon {
    color: var(--mud-palette-text-disabled) !important;
    cursor: default;
    pointer-events: none;
}

.mud-nav-item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    text-decoration: none;
}

.mud-nav-link {
    width: 100%;
    font-weight: 400;
    padding: 8px 16px 8px 16px;
    color: inherit;
    line-height: 1.75;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-transform: inherit;
    background-color: transparent;
    transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1) 0ms,padding 250ms cubic-bezier(.4,0,.2,1) 0ms;
    align-items: flex-start;
}

    .mud-nav-link.mud-nav-link-disabled {
        color: var(--mud-palette-text-disabled) !important;
        cursor: default;
        pointer-events: none;
    }

    .mud-nav-link:hover:not(.mud-nav-link-disabled) {
        cursor: pointer;
        text-decoration: none;
        background-color: var(--mud-palette-action-default-hover);
    }

    .mud-nav-link:focus:not(.mud-nav-link-disabled) {
        background-color: var(--mud-palette-action-default-hover);
    }

    .mud-nav-link.active:not(.mud-nav-link-disabled) {
        font-weight: 500 !important;
    }

    .mud-nav-link:not(.mud-nav-link-disabled) .mud-nav-link-icon.mud-nav-link-icon-default {
        color: var(--mud-palette-drawer-icon);
    }

    .mud-nav-link.mud-nav-link-disabled .mud-nav-link-icon {
        color: var(--mud-palette-text-disabled);
    }

    .mud-nav-link .mud-nav-link-expand-icon {
        color: var(--mud-palette-drawer-icon);
        transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s;
    }

        .mud-nav-link .mud-nav-link-expand-icon.mud-transform {
            transform: rotate(-180deg);
        }

        .mud-nav-link .mud-nav-link-expand-icon.mud-transform-disabled {
            transform: rotate(-180deg);
        }

    .mud-nav-link .mud-nav-link-text {
        width: 100%;
        text-align: start;
        margin-left: 12px;
        margin-inline-start: 12px;
        margin-inline-end: unset;
        letter-spacing: 0;
    }

.mud-navmenu.mud-navmenu-dense .mud-nav-link {
    padding: 4px 16px 4px 16px;
}

.mud-navmenu.mud-navmenu-margin-dense .mud-nav-link {
    margin: 2px 0;
}

.mud-navmenu.mud-navmenu-margin-normal .mud-nav-link {
    margin: 4px 0;
}

.mud-navmenu.mud-navmenu-rounded .mud-nav-link {
    border-radius: var(--mud-default-borderradius);
}

.mud-navmenu.mud-navmenu-bordered .mud-nav-link.active:not(.mud-nav-link-disabled) {
    border-inline-end-style: solid;
    border-inline-end-width: 2px;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-primary);
    background-color: var(--mud-palette-action-default-hover);
}

    .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background-color: var(--mud-palette-action-default-hover);
    }

.mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-primary);
}

.mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-primary);
    background-color: var(--mud-palette-primary-hover);
}

    .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background-color: rgba(var(--mud-palette-primary-rgb),.12);
    }

    .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
        color: var(--mud-palette-primary);
    }

.mud-navmenu.mud-navmenu-primary .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-primary);
}

.mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-secondary);
    background-color: var(--mud-palette-secondary-hover);
}

    .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background-color: rgba(var(--mud-palette-secondary-rgb),.12);
    }

    .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
        color: var(--mud-palette-secondary);
    }

.mud-navmenu.mud-navmenu-secondary .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-secondary);
}

.mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-tertiary);
    background-color: var(--mud-palette-tertiary-hover);
}

    .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background-color: rgba(var(--mud-palette-tertiary-rgb),.12);
    }

    .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
        color: var(--mud-palette-tertiary);
    }

.mud-navmenu.mud-navmenu-tertiary .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-tertiary);
}

.mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-info);
    background-color: var(--mud-palette-info-hover);
}

    .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background-color: rgba(var(--mud-palette-info-rgb),.12);
    }

    .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
        color: var(--mud-palette-info);
    }

.mud-navmenu.mud-navmenu-info .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-info);
}

.mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-success);
    background-color: var(--mud-palette-success-hover);
}

    .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background-color: rgba(var(--mud-palette-success-rgb),.12);
    }

    .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
        color: var(--mud-palette-success);
    }

.mud-navmenu.mud-navmenu-success .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-success);
}

.mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-warning);
    background-color: var(--mud-palette-warning-hover);
}

    .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background-color: rgba(var(--mud-palette-warning-rgb),.12);
    }

    .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
        color: var(--mud-palette-warning);
    }

.mud-navmenu.mud-navmenu-warning .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-warning);
}

.mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-error);
    background-color: var(--mud-palette-error-hover);
}

    .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background-color: rgba(var(--mud-palette-error-rgb),.12);
    }

    .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
        color: var(--mud-palette-error);
    }

.mud-navmenu.mud-navmenu-error .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-error);
}

.mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-dark);
    background-color: var(--mud-palette-dark-hover);
}

    .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background-color: rgba(var(--mud-palette-dark-rgb),.12);
    }

    .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
        color: var(--mud-palette-dark);
    }

.mud-navmenu.mud-navmenu-dark .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-dark);
}

.mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
    padding-left: 36px;
    padding-inline-start: 36px;
    padding-inline-end: 16px;
}

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 48px;
    padding-inline-start: 48px;
}

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
    padding-left: 48px;
    padding-inline-start: 48px;
    padding-inline-end: 16px;
}

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 60px;
    padding-inline-start: 60px;
    padding-inline-end: 0;
}

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
    padding-left: 60px;
    padding-inline-start: 60px;
    padding-inline-end: 16px;
}

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 72px;
    padding-inline-start: 72px;
    padding-inline-end: 0;
}

.mud-drawer--closed.mud-drawer-mini > .mud-drawer-content > .mud-navmenu .mud-nav-link .mud-icon-root:first-child + .mud-nav-link-text {
    display: none;
}

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding: 8px 16px 8px 16px;
}

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
    padding: 8px 16px 8px 16px;
}

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding: 8px 16px 8px 16px;
}

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
    padding: 8px 16px 8px 16px;
}

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding: 8px 16px 8px 16px;
}

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
    padding: 8px 16px 8px 16px;
}

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding: 8px 16px 8px 16px;
}

.page-content-navigation .page-content-navigation-navlink.active .mud-nav-link {
    color: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    background-color: transparent;
}

.page-content-navigation .page-content-navigation-navlink .mud-nav-link {
    padding: 4px 16px 4px 16px;
    color: var(--mud-palette-text-secondary);
    border-left: 2px solid var(--mud-palette-action-disabled-background);
}

    .page-content-navigation .page-content-navigation-navlink .mud-nav-link.active {
        color: var(--mud-palette-primary);
        border-color: var(--mud-palette-primary);
        background-color: transparent;
    }

    .page-content-navigation .page-content-navigation-navlink .mud-nav-link .mud-nav-link-text {
        margin-left: 0;
        margin-inline-start: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.mud-pagination {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin: 0;
}

    .mud-pagination .mud-pagination-item > * {
        height: 32px;
        min-width: 32px;
        margin: 0 3px;
        padding: 0 6px;
        text-align: center;
        border-radius: 16px;
    }

    .mud-pagination .mud-pagination-item :not(mud-pagination-item-selected) > * {
        box-shadow: none;
    }

    .mud-pagination .mud-pagination-item .mud-button {
        line-height: normal;
    }

    .mud-pagination .mud-pagination-item .mud-icon-button {
        padding: 0;
    }

    .mud-pagination .mud-pagination-item-rectangular .mud-button {
        border-radius: var(--mud-default-borderradius);
    }

    .mud-pagination .mud-pagination-item .mud-typography[disabled] {
        color: var(--mud-palette-action-disabled) !important;
    }

.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-default {
    background-color: var(--mud-palette-action-default-hover);
}

.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-primary {
    background-color: var(--mud-palette-primary-hover);
}

.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-secondary {
    background-color: var(--mud-palette-secondary-hover);
}

.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-tertiary {
    background-color: var(--mud-palette-tertiary-hover);
}

.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-info {
    background-color: var(--mud-palette-info-hover);
}

.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-success {
    background-color: var(--mud-palette-success-hover);
}

.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-warning {
    background-color: var(--mud-palette-warning-hover);
}

.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-error {
    background-color: var(--mud-palette-error-hover);
}

.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-dark {
    background-color: var(--mud-palette-dark-hover);
}

.mud-pagination-filled .mud-pagination-item:not(.mud-pagination-item-selected) .mud-button {
    background-color: var(--mud-palette-surface);
}

.mud-pagination-filled .mud-pagination-item .mud-button {
    box-shadow: var(--mud-elevation-1);
}

.mud-pagination-small .mud-pagination-item > * {
    height: 26px;
    min-width: 26px;
    margin: 0 1px;
    padding: 0 4px;
    border-radius: 13px;
}

.mud-pagination-large .mud-pagination-item > * {
    height: 40px;
    min-width: 40px;
    padding: 0 10px;
    border-radius: 20px;
}

.mud-pagination-disable-elevation .mud-pagination-item .mud-button {
    box-shadow: none;
}

.mud-pagination-rtl .mud-pagination-item .mud-icon-root {
    transform: scaleX(-1);
}

.mud-picker.mud-rounded {
    border-radius: var(--mud-default-borderradius);
}

.mud-picker .mud-picker-actions {
    flex: 0 0 auto;
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: flex-end;
}

    .mud-picker .mud-picker-actions > :not(:first-child) {
        margin-left: 8px;
        margin-inline-start: 8px;
        margin-inline-end: unset;
    }

.mud-picker-inline {
    display: flex;
    flex: 1 1 auto;
    position: relative;
    max-width: 100%;
}

    .mud-picker-inline.mud-picker-input-button .mud-input, .mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root {
        cursor: pointer;
    }

    .mud-picker-inline.mud-picker-input-button.mud-disabled .mud-input, .mud-picker-inline.mud-picker-input-button.mud-disabled .mud-input .mud-input-root {
        cursor: default;
    }

    .mud-picker-inline.mud-picker-input-text {
        cursor: text;
    }

        .mud-picker-inline.mud-picker-input-text:hover {
            cursor: text;
        }

        .mud-picker-inline.mud-picker-input-text.mud-disabled {
            cursor: default;
        }

            .mud-picker-inline.mud-picker-input-text.mud-disabled:hover {
                cursor: default;
            }

.mud-picker-static {
    display: flex;
    overflow: hidden;
    min-width: 310px;
    flex-direction: column;
}

.mud-picker-container {
    display: flex;
    flex-direction: column;
    border-radius: inherit;
}

    .mud-picker-container.mud-picker-container-landscape {
        flex-direction: row;
    }

    .mud-picker-container .mud-toolbar {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

.mud-picker-popover-paper {
    outline: 0;
    z-index: calc(var(--mud-zindex-popover) + 1);
    position: absolute;
    min-width: 16px;
    min-height: 16px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mud-picker-view {
    display: none;
    margin-top: 20px;
}

    .mud-picker-view.mud-picker-open {
        display: block;
        animation: mud-animation-fadein 251ms;
    }

.mud-picker-content {
    display: flex;
    max-width: 100%;
    min-width: 310px;
    min-height: 305px;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
}

    .mud-picker-content.mud-picker-content-landscape {
        padding: 0 8px;
    }

.mud-picker-toolbar {
    height: 100px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

    .mud-picker-toolbar.mud-picker-toolbar-landscape {
        height: auto;
        padding: 8px;
        max-width: 150px;
        justify-content: flex-start;
    }

    .mud-picker-toolbar.mud-button-root {
        padding: 0;
        min-width: 16px;
        text-transform: none;
    }

.mud-picker-inline-paper .mud-paper {
    position: relative !important;
}

.mud-picker-hidden {
    visibility: hidden;
}

.mud-picker-pos-top {
    top: 0;
    position: fixed;
    visibility: visible;
}

    .mud-picker-pos-top.mud-picker-pos-left {
        left: 10px;
    }

    .mud-picker-pos-top.mud-picker-pos-right {
        right: 10px;
    }

.mud-picker-pos-above {
    bottom: 0;
    visibility: visible;
}

    .mud-picker-pos-above.mud-picker-pos-left {
        left: 50%;
        transform: translateX(-50%);
    }

    .mud-picker-pos-above.mud-picker-pos-right {
        right: 0;
    }

.mud-picker-pos-bottom {
    bottom: 10px;
    position: fixed;
    visibility: visible;
}

    .mud-picker-pos-bottom.mud-picker-pos-left {
        left: 10px;
    }

    .mud-picker-pos-bottom.mud-picker-pos-right {
        right: 10px;
    }

.mud-picker-pos-below {
    visibility: visible;
}

    .mud-picker-pos-below.mud-picker-pos-left {
        left: 50%;
        transform: translateX(-50%);
    }

    .mud-picker-pos-below.mud-picker-pos-right {
        right: 0;
    }

.mud-picker-datepicker-toolbar {
    align-items: flex-start;
    flex-direction: column;
}

    .mud-picker-datepicker-toolbar .mud-button-year {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: .00938em;
    }

    .mud-picker-datepicker-toolbar .mud-button-date {
        font-size: 2.125rem;
        font-weight: 400;
        line-height: 1.17;
        letter-spacing: .00735em;
        text-transform: none;
    }

.mud-picker-datepicker-toolbar-landscape {
    padding: 16px;
}

.mud-picker-datepicker-date-landscape {
    margin-right: 16px;
    margin-inline-end: 16px;
    margin-inline-start: unset;
}

.mud-picker-calendar-header-switch {
    display: flex;
    margin-top: 4px;
    align-items: center;
    margin-bottom: 8px;
    justify-content: space-between;
}

    .mud-picker-calendar-header-switch > .mud-icon-button {
        z-index: 1;
        padding: 8px;
        margin: 6px;
        background-color: var(--mud-palette-surface);
    }

        .mud-picker-calendar-header-switch > .mud-icon-button:hover {
            background-color: var(--mud-palette-action-default-hover);
        }

    .mud-picker-calendar-header-switch .mud-picker-calendar-header-transition {
        width: 100%;
        height: 23px;
        overflow: hidden;
    }

        .mud-picker-calendar-header-switch .mud-picker-calendar-header-transition:hover .mud-typography {
            cursor: pointer;
            font-weight: 500;
        }

.mud-picker-calendar-header-day {
    display: flex;
    max-height: 16px;
    align-items: center;
    justify-content: center;
}

    .mud-picker-calendar-header-day .mud-day-label {
        color: var(--mud-palette-text-secondary);
        width: 36px;
        margin: 0 2px;
        text-align: center;
    }

.mud-picker-year-container {
    height: 300px;
    overflow-y: auto;
}

    .mud-picker-year-container .mud-picker-year {
        cursor: pointer;
        height: 40px;
        display: flex;
        outline: none;
        align-items: center;
        justify-content: center;
        user-select: none;
        animation: mud-animation-fadein 500ms;
        transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
    }

        .mud-picker-year-container .mud-picker-year:hover {
            background-color: var(--mud-palette-action-default-hover);
        }

        .mud-picker-year-container .mud-picker-year .mud-picker-year-selected {
            margin: 10px 0;
            font-weight: 500;
        }

.mud-picker-month-container {
    width: 310px;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
}

    .mud-picker-month-container .mud-picker-month {
        flex: 1 0 33.33%;
        cursor: pointer;
        height: 60px;
        display: flex;
        outline: none;
        transition: font-size 100ms cubic-bezier(.4,0,.2,1) 0ms;
        align-items: center;
        justify-content: center;
        transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
    }

        .mud-picker-month-container .mud-picker-month:hover {
            background-color: var(--mud-palette-action-default-hover);
        }

        .mud-picker-month-container .mud-picker-month .mud-picker-month-selected {
            font-weight: 500;
        }

        .mud-picker-month-container .mud-picker-month.mud-disabled {
            color: var(--mud-palette-text-disabled);
            pointer-events: none;
        }

.mud-picker-slide-transition {
    display: block;
    position: relative;
}

    .mud-picker-slide-transition > * {
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
    }

.mud-picker-calendar-transition {
    margin-top: 12px;
    min-height: 216px;
}

.mud-picker-calendar-progress-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mud-picker-calendar-content {
    display: grid;
    --selected-day: 0;
    grid-column-gap: 10px;
    grid-template-columns: auto;
}

@media(min-width:600px) {
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) {
        grid-template-columns: repeat(2,minmax(auto,1fr));
    }

        .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-1 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-3 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-5 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-7 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-9 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-11 .mud-picker-nav-button-next {
            visibility: hidden;
        }

        .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-1 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-3 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-5 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-7 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-9 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-11 .mud-picker-nav-button-prev {
            visibility: visible;
        }

        .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-2 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-4 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-6 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-8 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-10 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-12 .mud-picker-nav-button-next {
            visibility: visible;
        }

        .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-2 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-4 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-6 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-8 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-10 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-12 .mud-picker-nav-button-prev {
            visibility: hidden;
        }
}

@media(min-width:960px) {
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) {
        grid-template-columns: repeat(3,minmax(auto,1fr));
    }

        .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-1 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-4 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-7 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-10 .mud-picker-nav-button-next {
            visibility: hidden;
        }

        .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-1 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-4 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-7 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-10 .mud-picker-nav-button-prev {
            visibility: visible;
        }

        .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-2 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-2 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-5 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-5 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-8 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-8 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-11 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-11 .mud-picker-nav-button-prev {
            visibility: hidden;
        }

        .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-3 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-6 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-9 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-12 .mud-picker-nav-button-next {
            visibility: visible;
        }

        .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-3 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-6 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-9 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-12 .mud-picker-nav-button-prev {
            visibility: hidden;
        }
}

:not(.mud-picker-hidden) .mud-picker-calendar-header-last .mud-picker-nav-button-next {
    visibility: inherit !important;
}

.mud-picker-hidden .mud-picker-nav-button-next, .mud-picker-hidden .mud-picker-nav-button-prev {
    visibility: hidden !important;
}

.mud-picker-calendar-container {
    display: flex;
    width: 310px;
    flex-direction: column;
}

.mud-picker-calendar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .mud-picker-calendar .mud-day {
        color: var(--mud-palette-text-primary);
        width: 36px;
        height: 36px;
        margin: 0 2px;
        padding: 0;
        font-size: .75rem;
        font-weight: 500;
    }

        .mud-picker-calendar .mud-day:hover {
            background-color: var(--mud-palette-action-default-hover);
        }

        .mud-picker-calendar .mud-day.mud-hidden {
            opacity: 0;
            pointer-events: none;
        }

        .mud-picker-calendar .mud-day.mud-current {
            font-weight: 600;
        }

        .mud-picker-calendar .mud-day.mud-selected {
            font-weight: 500;
        }

        .mud-picker-calendar .mud-day .mud-typography {
            margin-top: 2px;
        }

        .mud-picker-calendar .mud-day.mud-disabled {
            color: var(--mud-palette-text-disabled);
            pointer-events: none;
        }

        .mud-picker-calendar .mud-day.mud-range {
            margin: 0;
            width: 40px;
            transition: none;
        }

            .mud-picker-calendar .mud-day.mud-range.mud-range-start-selected {
                border-radius: 50% 0% 0% 50%;
            }

            .mud-picker-calendar .mud-day.mud-range.mud-range-end-selected {
                border-radius: 0% 50% 50% 0%;
            }

            .mud-picker-calendar .mud-day.mud-range.mud-range-between {
                border-radius: 0;
                background-color: var(--mud-palette-action-default-hover);
            }

            .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover.mud-range-start-selected {
                border-radius: 50%;
            }

            .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) {
                border-radius: 0% 50% 50% 0%;
            }

            .mud-picker-calendar .mud-day.mud-range.mud-range-selection:not(:hover):not(.mud-range-start-selected) {
                border-radius: 0;
                background: linear-gradient(var(--mud-palette-action-default-hover) 100%,var(--mud-palette-action-default-hover) 100%,transparent 0%);
                background-size: 100% calc(100%*(var(--selected-day) - var(--day-id)));
            }

.mud-range-selection-primary:hover {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-primary) !important;
}

.mud-range-selection-secondary:hover {
    color: var(--mud-palette-secondary-text) !important;
    background-color: var(--mud-palette-secondary) !important;
}

.mud-range-selection-tertiary:hover {
    color: var(--mud-palette-tertiary-text) !important;
    background-color: var(--mud-palette-tertiary) !important;
}

.mud-range-selection-info:hover {
    color: var(--mud-palette-info-text) !important;
    background-color: var(--mud-palette-info) !important;
}

.mud-range-selection-success:hover {
    color: var(--mud-palette-success-text) !important;
    background-color: var(--mud-palette-success) !important;
}

.mud-range-selection-warning:hover {
    color: var(--mud-palette-warning-text) !important;
    background-color: var(--mud-palette-warning) !important;
}

.mud-range-selection-error:hover {
    color: var(--mud-palette-error-text) !important;
    background-color: var(--mud-palette-error) !important;
}

.mud-range-selection-dark:hover {
    color: var(--mud-palette-dark-text) !important;
    background-color: var(--mud-palette-dark) !important;
}

.mud-picker-calendar-week {
    display: flex;
    margin: 0 5px;
    justify-content: center;
    align-items: center;
}

    .mud-picker-calendar-week .mud-picker-calendar-week-text {
        width: 15px;
        margin-top: 2px !important;
        color: var(--mud-palette-text-disabled);
    }

.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-start-selected {
    border-radius: 0% 50% 50% 0%;
}

.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-end-selected {
    border-radius: 50% 0% 0% 50%;
}

.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) {
    border-radius: 50% 0% 0% 50%;
}

.mud-picker-timepicker-toolbar .mud-timepicker-button {
    padding: 0;
    min-width: 16px;
    text-transform: none;
}

    .mud-picker-timepicker-toolbar .mud-timepicker-button.mud-timepicker-toolbar-text {
        color: rgba(255,255,255,.54);
    }

    .mud-picker-timepicker-toolbar .mud-timepicker-button:hover {
        background-color: var(--mud-theme-default-hover);
    }

.mud-picker-timepicker-toolbar .mud-timepicker-hourminute {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}

    .mud-picker-timepicker-toolbar .mud-timepicker-hourminute .mud-timepicker-button {
        font-size: 3.75rem;
        font-weight: 300;
        line-height: 1;
        letter-spacing: -.00833em;
    }

.mud-picker-timepicker-toolbar .mud-timepicker-ampm {
    display: flex;
    margin-left: 20px;
    margin-right: -20px;
    margin-inline-start: 20px;
    margin-inline-end: -20px;
    flex-direction: column;
}

    .mud-picker-timepicker-toolbar .mud-timepicker-ampm .mud-timepicker-button {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: .00938em;
    }

.mud-picker-timepicker-toolbar .mud-timepicker-separator {
    cursor: default;
    margin: 0 4px 0 2px;
    margin-inline-start: 2px;
    margin-inline-end: 4px;
}

.mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape {
    flex-wrap: wrap;
    width: 150px;
    justify-content: center;
}

    .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-hourminute .mud-timepicker-button {
        font-size: 3rem;
        font-weight: 400;
        line-height: 1.04;
        letter-spacing: 0;
    }

    .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-ampm {
        display: flex;
        margin-left: 20px;
        margin-right: -20px;
        margin-inline-start: 20px;
        margin-inline-end: -20px;
        flex-direction: column;
    }

        .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-ampm .mud-timepicker-button {
            font-size: 18px;
            font-weight: 400;
            line-height: 1.75;
            letter-spacing: .00938em;
        }

    .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-separator {
        font-size: 3rem;
        font-weight: 400;
        line-height: 1.04;
        letter-spacing: 0;
    }

.mud-picker-time-container {
    margin: 16px 0 8px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

    .mud-picker-time-container .mud-picker-time-clock {
        width: 260px;
        height: 260px;
        position: relative;
        border-radius: 50%;
        pointer-events: none;
        background-color: rgba(0,0,0,.07);
    }

        .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-mask {
            width: 100%;
            height: 100%;
            outline: none;
            position: absolute;
            user-select: none;
            touch-actions: none;
            pointer-events: auto;
        }

        .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pin {
            top: 50%;
            left: 50%;
            width: 6px;
            height: 6px;
            position: absolute;
            transform: translate(-50%,-50%);
            border-radius: 50%;
        }

        .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-inner {
            left: calc(50% - 1px);
            width: 3px;
            height: 35%;
            bottom: 0;
            position: absolute;
            transform-origin: center bottom 0;
        }

            .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-inner.mud-hour:after {
                content: "";
                position: absolute;
                left: 50%;
                transform: translate(-50%,-50%);
                height: 48px;
                width: 48px;
                top: -60%;
                border-radius: 50%;
                background-color: inherit;
            }

        .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-outer {
            left: calc(50% - 1px);
            width: 0;
            height: 35%;
            bottom: 35%;
            position: absolute;
            transform-origin: center bottom 0;
        }

            .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-outer.mud-hour:after {
                content: "";
                position: absolute;
                left: 50%;
                transform: translate(-50%,-50%);
                height: 48px;
                width: 62px;
                top: -20px;
                border-radius: 50%;
                background-color: inherit;
            }

        .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick {
            left: calc(50% - 1px);
            width: 3px;
            height: 50%;
            bottom: 50%;
            position: absolute;
            transform-origin: center bottom 0;
        }

            .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick.mud-hour:after {
                content: "";
                position: absolute;
                left: 50%;
                transform: translate(-50%,-50%);
                height: 62px;
                width: 62px;
                top: 20px;
                border-radius: 50%;
                background-color: inherit;
            }

            .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick.mud-minute:after {
                content: "";
                position: absolute;
                left: 50%;
                transform: translate(-50%,-50%);
                height: 44px;
                width: 15px;
                top: 20px;
                border-radius: 50%;
                background-color: inherit;
            }

        .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer {
            left: calc(50% - 1px);
            width: 2px;
            bottom: 50%;
            position: absolute;
            transform-origin: center bottom 0;
        }

            .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer.mud-picker-time-clock-pointer-animation {
                transition: transform 150ms cubic-bezier(.4,0,.2,1) 0ms,height 150ms cubic-bezier(.4,0,.2,1) 0ms;
            }

            .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb {
                position: absolute;
                border-radius: 100%;
            }

                .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb.mud-onclock-text {
                    top: -19px;
                    left: -13px;
                    width: 28px;
                    height: 28px;
                    border: none;
                    background-color: inherit;
                }

                .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb.mud-onclock-minute {
                    background: transparent;
                    border: 2px solid;
                    width: 10px;
                    height: 10px;
                    top: -9px;
                    left: -4px;
                }

        .mud-picker-time-container .mud-picker-time-clock .mud-clock-number {
            left: calc((100% - 32px)/2);
            color: var(--mud-palette-text-primary);
            background-color: transparent !important;
            width: 32px;
            height: 32px;
            display: inline-flex;
            position: absolute;
            align-items: center;
            user-select: none;
            border-radius: 50%;
            justify-content: center;
            transition-duration: 120ms;
            transition-property: color;
        }

.mud-time-picker-dial {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: transform 350ms,opacity 350ms;
}

.mud-time-picker-dial-out {
    opacity: 0;
}

.mud-time-picker-hour.mud-time-picker-dial-out {
    transform: scale(1.2,1.2);
    transform-origin: center;
}

.mud-time-picker-minute.mud-time-picker-dial-out {
    transform: scale(.8,.8);
    transform-origin: center;
}

.mud-time-picker-dial-hidden {
    visibility: hidden;
}

.mud-picker-container + .mud-picker-color-toolbar {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.mud-picker-container + .mud-picker-color-content {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.mud-picker-color-toolbar {
    height: 32px;
    padding-right: 2px;
    padding-left: 2px;
}

.mud-picker-color-content {
    min-height: unset;
    position: relative;
}

.mud-picker-color-picker {
    width: 312px;
    height: 250px;
    position: relative;
    overflow: hidden;
}

    .mud-picker-color-picker .mud-picker-color-overlay {
        width: 100%;
        height: 100%;
    }

        .mud-picker-color-picker .mud-picker-color-overlay.mud-picker-color-overlay-white {
            background: linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%);
        }

        .mud-picker-color-picker .mud-picker-color-overlay.mud-picker-color-overlay-black {
            background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%);
        }

    .mud-picker-color-picker .mud-picker-color-selector {
        position: absolute;
        top: -13px;
        left: -13px;
    }

.mud-picker-color-controls {
    width: 312px;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

    .mud-picker-color-controls .mud-picker-color-controls-row {
        display: flex;
        align-items: center;
    }

        .mud-picker-color-controls .mud-picker-color-controls-row + .mud-picker-color-controls-row {
            margin-top: 24px;
        }

        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders {
            display: flex;
            flex: 1 0 auto;
            flex-direction: column;
        }

            .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider {
                min-width: 224px;
                border-radius: var(--mud-default-borderradius);
            }

                .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input {
                    height: 10px;
                    border-radius: var(--mud-default-borderradius);
                }

                    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-webkit-slider-runnable-track {
                        background: initial;
                    }

                    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-moz-range-track {
                        background: initial;
                    }

                    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-webkit-slider-thumb {
                        appearance: none;
                        margin-top: -6px;
                        height: 14px;
                        width: 14px;
                        transform: none;
                        transition: none;
                        background: #f0f0f0;
                        box-shadow: rgba(0,0,0,.37) 0 1px 4px 0;
                    }

                    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-moz-range-thumb {
                        appearance: none;
                        margin-top: -6px;
                        height: 14px;
                        width: 14px;
                        transform: none;
                        transition: none;
                        background: #f0f0f0;
                        box-shadow: rgba(0,0,0,.37) 0 1px 4px 0;
                    }

                    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input:active::-webkit-slider-thumb {
                        box-shadow: 0 0 0 2px var(--mud-palette-action-default-hover) !important;
                    }

                    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input:active::-moz-range-thumb {
                        box-shadow: 0 0 0 2px var(--mud-palette-action-default-hover) !important;
                    }

                .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.hue + .alpha {
                    margin-top: 18px;
                }

                .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.hue .mud-slider-input {
                    background: linear-gradient(90deg,#f00,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,#f00);
                }

                .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.alpha .mud-slider-input {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat;
                }

        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs {
            display: flex;
            flex: 1 1 auto;
        }

            .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield {
                width: 100%;
                margin-right: 8px;
                margin-inline-end: 8px;
                margin-inline-start: unset;
            }

                .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield:last-of-type {
                    margin-right: 0;
                    margin-inline-end: 0;
                    margin-inline-start: unset;
                }

                .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input input {
                    padding: 6px;
                    height: 1em;
                    text-align: center;
                    font-size: 14px;
                }

                .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input-helper-text {
                    text-align: center;
                }

                    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input-helper-text div div {
                        margin: auto;
                    }

        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-control-switch {
            margin-left: 8px;
            margin-inline-start: 8px;
            margin-inline-end: unset;
            padding-bottom: 16px;
        }

        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-collection {
            display: flex;
            min-width: 230px;
            justify-content: space-between;
        }

            .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-collection .mud-picker-color-dot {
                max-width: 38px;
            }

.mud-picker-color-dot {
    height: 38px;
    min-width: 38px;
    width: 100%;
    transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1) 0ms,border-radius 150ms cubic-bezier(.4,0,.2,1) 0ms;
    border-radius: var(--mud-default-borderradius);
    box-shadow: 0 0 6px rgba(127,130,134,.18);
}

    .mud-picker-color-dot:hover {
        cursor: pointer;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    }

    .mud-picker-color-dot.mud-picker-color-dot-current {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat;
    }

    .mud-picker-color-dot .mud-picker-color-fill {
        width: 100%;
        height: 100%;
        border-radius: inherit;
    }

    .mud-picker-color-dot + .mud-picker-color-sliders {
        margin-left: 16px;
        margin-inline-start: 16px;
        margin-inline-end: unset;
    }

    .mud-picker-color-dot + .mud-picker-color-collection {
        margin-left: 10px;
        margin-inline-start: 10px;
        margin-inline-end: unset;
    }

.mud-picker-color-view {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 6px;
    background-color: var(--mud-palette-surface);
}

    .mud-picker-color-view .mud-picker-color-view-collection {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

        .mud-picker-color-view .mud-picker-color-view-collection .mud-picker-color-dot {
            max-width: 38px;
            margin: 8px;
        }

            .mud-picker-color-view .mud-picker-color-view-collection .mud-picker-color-dot.selected {
                border-radius: 50%;
                box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
            }

.mud-picker-color-picker .mud-picker-color-grid {
    display: flex;
    flex-wrap: wrap;
}

    .mud-picker-color-picker .mud-picker-color-grid .mud-picker-color-dot {
        height: 25px;
        min-width: 26px;
        max-width: 26px;
        border-radius: 0;
        box-shadow: none;
    }

.mud-popover {
    outline: 0;
    z-index: calc(var(--mud-zindex-popover) + 1);
    position: absolute;
    opacity: 0;
}

    .mud-popover.mud-popover-fixed {
        position: fixed;
    }

    .mud-popover.mud-popover-relative-width {
        width: 100%;
    }

    .mud-popover.mud-popover-open {
        opacity: 1;
        transition: opacity;
    }

    .mud-popover:not(.mud-popover-open) {
        pointer-events: none;
        transition-duration: 0ms !important;
        transition-delay: 0ms !important;
    }

.mud-appbar .mud-popover-cascading-value {
    z-index: calc(var(--mud-zindex-appbar) + 2);
}

.mud-drawer:not(.mud-drawer-temporary) .mud-popover-cascading-value {
    z-index: calc(var(--mud-zindex-drawer) + 2);
}

.mud-drawer.mud-drawer-temporary .mud-popover-cascading-value, .mud-drawer.mud-drawer-responsive .mud-popover-cascading-value {
    z-index: calc(var(--mud-zindex-appbar) + 4);
}

.mud-dialog .mud-popover-cascading-value {
    z-index: calc(var(--mud-zindex-dialog) + 3);
}

.mud-popover .mud-list {
    max-height: inherit;
    overflow-y: auto;
}

.mud-simple-table table {
    width: 100%;
    display: table;
    border-spacing: 0;
    border-collapse: collapse;
}

    .mud-simple-table table thead {
        display: table-header-group;
    }

    .mud-simple-table table tbody {
        display: table-row-group;
    }

    .mud-simple-table table * tr {
        color: inherit;
        display: table-row;
        outline: 0;
        vertical-align: middle;
    }

        .mud-simple-table table * tr > td, .mud-simple-table table * tr th {
            display: table-cell;
            padding: 16px;
            font-size: .875rem;
            text-align: start;
            font-weight: 400;
            line-height: 1.43;
            border-bottom: 1px solid var(--mud-palette-table-lines);
            letter-spacing: .01071em;
            vertical-align: inherit;
        }

        .mud-simple-table table * tr > th {
            font-weight: 500;
            line-height: 1.5rem;
        }

    .mud-simple-table table tbody tr:last-child td {
        border-bottom: none;
    }

.mud-simple-table.mud-table-dense * tr td, .mud-simple-table.mud-table-dense * tr th {
    padding: 6px 16px;
}

.mud-simple-table.mud-table-hover .mud-table-container table tbody tr:hover {
    background-color: var(--mud-palette-table-hover);
}

.mud-simple-table.mud-table-bordered .mud-table-container table tbody tr td {
    border-right: 1px solid var(--mud-palette-table-lines);
}

    .mud-simple-table.mud-table-bordered .mud-table-container table tbody tr td:last-child {
        border-right: none;
    }

.mud-simple-table.mud-table-striped .mud-table-container table tbody tr:nth-of-type(odd) {
    background-color: var(--mud-palette-table-striped);
}

.mud-table-hover.mud-table-striped .mud-table-container table tbody tr:nth-of-type(odd):nth-of-type(odd):hover {
    background-color: var(--mud-palette-table-hover);
}

.mud-simple-table.mud-table-sticky-header .mud-table-container {
    overflow-x: auto;
    max-height: 100%;
}

.mud-simple-table.mud-table-sticky-header * table {
    border-collapse: separate;
}

    .mud-simple-table.mud-table-sticky-header * table thead * th:first-child {
        border-radius: var(--mud-default-borderradius) 0 0 0;
    }

    .mud-simple-table.mud-table-sticky-header * table thead * th:last-child {
        border-radius: 0 var(--mud-default-borderradius) 0 0;
    }

    .mud-simple-table.mud-table-sticky-header * table thead * th {
        background-color: var(--mud-palette-surface);
        position: sticky;
        z-index: 1;
        top: 0;
    }

.mud-simple-table.mud-table-sticky-footer .mud-table-container {
    overflow-x: auto;
    max-height: 100%;
}

.mud-simple-table.mud-table-sticky-footer * table {
    border-collapse: separate;
}

    .mud-simple-table.mud-table-sticky-footer * table tfoot * td {
        background-color: var(--mud-palette-surface);
        position: sticky;
        z-index: 1;
        bottom: 0;
    }

.mud-skeleton {
    height: 1.2em;
    display: block;
    background-color: rgba(0,0,0,.11);
}

.mud-skeleton-text {
    height: auto;
    transform: scale(1,.6);
    margin-top: 0;
    border-radius: var(--mud-default-borderradius);
    margin-bottom: 0;
    transform-origin: 0 60%;
}

    .mud-skeleton-text:empty:before {
        content: " ";
    }

.mud-skeleton-circle {
    border-radius: 50%;
}

.mud-skeleton-pulse {
    animation: mud-skeleton-keyframes-pulse 1.5s ease-in-out .5s infinite;
}

.mud-skeleton-wave {
    overflow: hidden;
    position: relative;
}

    .mud-skeleton-wave::after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        position: absolute;
        animation: mud-skeleton-keyframes-wave 1.6s linear .5s infinite;
        transform: translateX(-100%);
        background: linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent);
    }

.mud-slider {
    color: var(--mud-palette-text-primary);
    display: inline-block;
    width: 100%;
    user-select: none;
}

    .mud-slider > .mud-typography {
        margin-top: 10px;
    }

    .mud-slider.mud-slider-vertical {
        transform: rotate(270deg);
        height: 100%;
        width: unset;
    }

    .mud-slider .mud-slider-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative;
        display: block;
        width: 100%;
        background-color: transparent;
        cursor: pointer;
    }

        .mud-slider .mud-slider-input:focus {
            outline: none;
        }

        .mud-slider .mud-slider-input:active + .mud-slider-value-label {
            opacity: 1;
        }

        .mud-slider .mud-slider-input::-webkit-slider-runnable-track {
            border-radius: var(--mud-default-borderradius);
            width: 100%;
        }

        .mud-slider .mud-slider-input::-moz-range-track {
            border-radius: var(--mud-default-borderradius);
            width: 100%;
        }

        .mud-slider .mud-slider-input::-webkit-slider-thumb {
            appearance: none;
            -webkit-appearance: none;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            transition: box-shadow 150ms cubic-bezier(.4,0,.2,1) 0ms;
        }

        .mud-slider .mud-slider-input::-moz-range-thumb {
            appearance: none;
            -webkit-appearance: none;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            transition: box-shadow 150ms cubic-bezier(.4,0,.2,1) 0ms;
        }

        .mud-slider .mud-slider-input:disabled {
            cursor: default;
            opacity: .38;
        }

            .mud-slider .mud-slider-input:disabled::-webkit-slider-runnable-track {
                background-color: var(--mud-palette-text-disabled);
            }

            .mud-slider .mud-slider-input:disabled::-moz-range-track {
                background-color: var(--mud-palette-text-disabled);
            }

            .mud-slider .mud-slider-input:disabled::-webkit-slider-thumb {
                background-color: #000;
                color: #fff;
                box-shadow: 0 0 0 1px white !important;
                transform: scale(4,4);
            }

                .mud-slider .mud-slider-input:disabled::-webkit-slider-thumb:hover {
                    box-shadow: 0 0 0 1px white !important;
                }

            .mud-slider .mud-slider-input:disabled::-moz-range-thumb {
                background-color: #000;
                color: #fff;
                box-shadow: 0 0 0 1px white !important;
                transform: scale(4,4);
            }

                .mud-slider .mud-slider-input:disabled::-moz-range-thumb:hover {
                    box-shadow: 0 0 0 1px white !important;
                }

    .mud-slider.mud-slider-primary .mud-slider-filled {
        background-color: var(--mud-palette-primary);
    }

    .mud-slider.mud-slider-primary .mud-slider-track-tick {
        background-color: var(--mud-palette-primary);
    }

    .mud-slider.mud-slider-primary .mud-slider-value-label {
        color: var(--mud-palette-primary-text);
        background-color: var(--mud-palette-primary);
    }

    .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-runnable-track {
        background-color: rgba(var(--mud-palette-primary-rgb),.3);
    }

    .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-track {
        background-color: rgba(var(--mud-palette-primary-rgb),.3);
    }

    .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-thumb {
        background-color: var(--mud-palette-primary);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3);
    }

    .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-thumb {
        background-color: var(--mud-palette-primary);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3);
    }

    .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-primary-rgb),.24);
    }

    .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-primary-rgb),.24);
    }

    .mud-slider.mud-slider-primary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-primary .mud-slider-input:focus-visible::-webkit-slider-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-primary-rgb),.24);
    }

    .mud-slider.mud-slider-primary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-primary .mud-slider-input:focus-visible::-moz-range-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-primary-rgb),.24);
    }

    .mud-slider.mud-slider-secondary .mud-slider-filled {
        background-color: var(--mud-palette-secondary);
    }

    .mud-slider.mud-slider-secondary .mud-slider-track-tick {
        background-color: var(--mud-palette-secondary);
    }

    .mud-slider.mud-slider-secondary .mud-slider-value-label {
        color: var(--mud-palette-secondary-text);
        background-color: var(--mud-palette-secondary);
    }

    .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-runnable-track {
        background-color: rgba(var(--mud-palette-secondary-rgb),.3);
    }

    .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-track {
        background-color: rgba(var(--mud-palette-secondary-rgb),.3);
    }

    .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-thumb {
        background-color: var(--mud-palette-secondary);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3);
    }

    .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-thumb {
        background-color: var(--mud-palette-secondary);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3);
    }

    .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-secondary-rgb),.24);
    }

    .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-secondary-rgb),.24);
    }

    .mud-slider.mud-slider-secondary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-secondary .mud-slider-input:focus-visible::-webkit-slider-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-secondary-rgb),.24);
    }

    .mud-slider.mud-slider-secondary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-secondary .mud-slider-input:focus-visible::-moz-range-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-secondary-rgb),.24);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-filled {
        background-color: var(--mud-palette-tertiary);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-track-tick {
        background-color: var(--mud-palette-tertiary);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-value-label {
        color: var(--mud-palette-tertiary-text);
        background-color: var(--mud-palette-tertiary);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-runnable-track {
        background-color: rgba(var(--mud-palette-tertiary-rgb),.3);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-track {
        background-color: rgba(var(--mud-palette-tertiary-rgb),.3);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-thumb {
        background-color: var(--mud-palette-tertiary);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-thumb {
        background-color: var(--mud-palette-tertiary);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-tertiary-rgb),.24);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-tertiary-rgb),.24);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-tertiary .mud-slider-input:focus-visible::-webkit-slider-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-tertiary-rgb),.24);
    }

    .mud-slider.mud-slider-tertiary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-tertiary .mud-slider-input:focus-visible::-moz-range-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-tertiary-rgb),.24);
    }

    .mud-slider.mud-slider-info .mud-slider-filled {
        background-color: var(--mud-palette-info);
    }

    .mud-slider.mud-slider-info .mud-slider-track-tick {
        background-color: var(--mud-palette-info);
    }

    .mud-slider.mud-slider-info .mud-slider-value-label {
        color: var(--mud-palette-info-text);
        background-color: var(--mud-palette-info);
    }

    .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-runnable-track {
        background-color: rgba(var(--mud-palette-info-rgb),.3);
    }

    .mud-slider.mud-slider-info .mud-slider-input::-moz-range-track {
        background-color: rgba(var(--mud-palette-info-rgb),.3);
    }

    .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-thumb {
        background-color: var(--mud-palette-info);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3);
    }

    .mud-slider.mud-slider-info .mud-slider-input::-moz-range-thumb {
        background-color: var(--mud-palette-info);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3);
    }

    .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3),0 0 0 1px rgba(var(--mud-palette-info-rgb),.24);
    }

    .mud-slider.mud-slider-info .mud-slider-input::-moz-range-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3),0 0 0 1px rgba(var(--mud-palette-info-rgb),.24);
    }

    .mud-slider.mud-slider-info .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-info .mud-slider-input:focus-visible::-webkit-slider-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3),0 0 0 2px rgba(var(--mud-palette-info-rgb),.24);
    }

    .mud-slider.mud-slider-info .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-info .mud-slider-input:focus-visible::-moz-range-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3),0 0 0 2px rgba(var(--mud-palette-info-rgb),.24);
    }

    .mud-slider.mud-slider-success .mud-slider-filled {
        background-color: var(--mud-palette-success);
    }

    .mud-slider.mud-slider-success .mud-slider-track-tick {
        background-color: var(--mud-palette-success);
    }

    .mud-slider.mud-slider-success .mud-slider-value-label {
        color: var(--mud-palette-success-text);
        background-color: var(--mud-palette-success);
    }

    .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-runnable-track {
        background-color: rgba(var(--mud-palette-success-rgb),.3);
    }

    .mud-slider.mud-slider-success .mud-slider-input::-moz-range-track {
        background-color: rgba(var(--mud-palette-success-rgb),.3);
    }

    .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-thumb {
        background-color: var(--mud-palette-success);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3);
    }

    .mud-slider.mud-slider-success .mud-slider-input::-moz-range-thumb {
        background-color: var(--mud-palette-success);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3);
    }

    .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3),0 0 0 1px rgba(var(--mud-palette-success-rgb),.24);
    }

    .mud-slider.mud-slider-success .mud-slider-input::-moz-range-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3),0 0 0 1px rgba(var(--mud-palette-success-rgb),.24);
    }

    .mud-slider.mud-slider-success .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-success .mud-slider-input:focus-visible::-webkit-slider-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3),0 0 0 2px rgba(var(--mud-palette-success-rgb),.24);
    }

    .mud-slider.mud-slider-success .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-success .mud-slider-input:focus-visible::-moz-range-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3),0 0 0 2px rgba(var(--mud-palette-success-rgb),.24);
    }

    .mud-slider.mud-slider-warning .mud-slider-filled {
        background-color: var(--mud-palette-warning);
    }

    .mud-slider.mud-slider-warning .mud-slider-track-tick {
        background-color: var(--mud-palette-warning);
    }

    .mud-slider.mud-slider-warning .mud-slider-value-label {
        color: var(--mud-palette-warning-text);
        background-color: var(--mud-palette-warning);
    }

    .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-runnable-track {
        background-color: rgba(var(--mud-palette-warning-rgb),.3);
    }

    .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-track {
        background-color: rgba(var(--mud-palette-warning-rgb),.3);
    }

    .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-thumb {
        background-color: var(--mud-palette-warning);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3);
    }

    .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-thumb {
        background-color: var(--mud-palette-warning);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3);
    }

    .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3),0 0 0 1px rgba(var(--mud-palette-warning-rgb),.24);
    }

    .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3),0 0 0 1px rgba(var(--mud-palette-warning-rgb),.24);
    }

    .mud-slider.mud-slider-warning .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-warning .mud-slider-input:focus-visible::-webkit-slider-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3),0 0 0 2px rgba(var(--mud-palette-warning-rgb),.24);
    }

    .mud-slider.mud-slider-warning .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-warning .mud-slider-input:focus-visible::-moz-range-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3),0 0 0 2px rgba(var(--mud-palette-warning-rgb),.24);
    }

    .mud-slider.mud-slider-error .mud-slider-filled {
        background-color: var(--mud-palette-error);
    }

    .mud-slider.mud-slider-error .mud-slider-track-tick {
        background-color: var(--mud-palette-error);
    }

    .mud-slider.mud-slider-error .mud-slider-value-label {
        color: var(--mud-palette-error-text);
        background-color: var(--mud-palette-error);
    }

    .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-runnable-track {
        background-color: rgba(var(--mud-palette-error-rgb),.3);
    }

    .mud-slider.mud-slider-error .mud-slider-input::-moz-range-track {
        background-color: rgba(var(--mud-palette-error-rgb),.3);
    }

    .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-thumb {
        background-color: var(--mud-palette-error);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3);
    }

    .mud-slider.mud-slider-error .mud-slider-input::-moz-range-thumb {
        background-color: var(--mud-palette-error);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3);
    }

    .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3),0 0 0 1px rgba(var(--mud-palette-error-rgb),.24);
    }

    .mud-slider.mud-slider-error .mud-slider-input::-moz-range-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3),0 0 0 1px rgba(var(--mud-palette-error-rgb),.24);
    }

    .mud-slider.mud-slider-error .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-error .mud-slider-input:focus-visible::-webkit-slider-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3),0 0 0 2px rgba(var(--mud-palette-error-rgb),.24);
    }

    .mud-slider.mud-slider-error .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-error .mud-slider-input:focus-visible::-moz-range-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3),0 0 0 2px rgba(var(--mud-palette-error-rgb),.24);
    }

    .mud-slider.mud-slider-dark .mud-slider-filled {
        background-color: var(--mud-palette-dark);
    }

    .mud-slider.mud-slider-dark .mud-slider-track-tick {
        background-color: var(--mud-palette-dark);
    }

    .mud-slider.mud-slider-dark .mud-slider-value-label {
        color: var(--mud-palette-dark-text);
        background-color: var(--mud-palette-dark);
    }

    .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-runnable-track {
        background-color: rgba(var(--mud-palette-dark-rgb),.3);
    }

    .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-track {
        background-color: rgba(var(--mud-palette-dark-rgb),.3);
    }

    .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-thumb {
        background-color: var(--mud-palette-dark);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3);
    }

    .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-thumb {
        background-color: var(--mud-palette-dark);
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3);
    }

    .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3),0 0 0 1px rgba(var(--mud-palette-dark-rgb),.24);
    }

    .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-thumb:hover {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3),0 0 0 1px rgba(var(--mud-palette-dark-rgb),.24);
    }

    .mud-slider.mud-slider-dark .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-dark .mud-slider-input:focus-visible::-webkit-slider-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3),0 0 0 2px rgba(var(--mud-palette-dark-rgb),.24);
    }

    .mud-slider.mud-slider-dark .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-dark .mud-slider-input:focus-visible::-moz-range-thumb {
        box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3),0 0 0 2px rgba(var(--mud-palette-dark-rgb),.24);
    }

    .mud-slider.mud-slider-small .mud-slider-filled {
        height: 2px;
    }

    .mud-slider.mud-slider-small .mud-slider-track-tick {
        width: 2px;
        height: 2px;
    }

    .mud-slider.mud-slider-small .mud-slider-track-tick-label {
        transform: translateX(-50%) translateY(50%);
    }

    .mud-slider.mud-slider-small .mud-slider-input::-webkit-slider-runnable-track {
        height: 2px;
        margin: 10px 0;
    }

    .mud-slider.mud-slider-small .mud-slider-input::-moz-range-track {
        height: 2px;
        margin: 10px 0;
    }

    .mud-slider.mud-slider-small .mud-slider-input::-webkit-slider-thumb {
        height: 2px;
        width: 2px;
        transform: scale(6,6);
    }

    .mud-slider.mud-slider-small .mud-slider-input::-moz-range-thumb {
        height: 2px;
        width: 2px;
        transform: scale(6,6);
    }

    .mud-slider.mud-slider-medium .mud-slider-filled {
        height: 4px;
    }

    .mud-slider.mud-slider-medium .mud-slider-track-tick {
        width: 4px;
        height: 4px;
    }

    .mud-slider.mud-slider-medium .mud-slider-track-tick-label {
        transform: translateX(-50%) translateY(80%);
    }

    .mud-slider.mud-slider-medium .mud-slider-input::-webkit-slider-runnable-track {
        height: 4px;
        margin: 12px 0;
    }

    .mud-slider.mud-slider-medium .mud-slider-input::-moz-range-track {
        height: 4px;
        margin: 12px 0;
    }

    .mud-slider.mud-slider-medium .mud-slider-input::-webkit-slider-thumb {
        height: 4px;
        width: 4px;
        transform: scale(5,5);
    }

    .mud-slider.mud-slider-medium .mud-slider-input::-moz-range-thumb {
        height: 4px;
        width: 4px;
        transform: scale(5,5);
    }

    .mud-slider.mud-slider-large .mud-slider-filled {
        height: 6px;
    }

    .mud-slider.mud-slider-large .mud-slider-track-tick {
        width: 6px;
        height: 6px;
    }

    .mud-slider.mud-slider-large .mud-slider-track-tick-label {
        transform: translateX(-50%) translateY(110%);
    }

    .mud-slider.mud-slider-large .mud-slider-input::-webkit-slider-runnable-track {
        height: 6px;
        margin: 14px 0;
    }

    .mud-slider.mud-slider-large .mud-slider-input::-moz-range-track {
        height: 6px;
        margin: 14px 0;
    }

    .mud-slider.mud-slider-large .mud-slider-input::-webkit-slider-thumb {
        height: 6px;
        width: 6px;
        transform: scale(4,4);
    }

    .mud-slider.mud-slider-large .mud-slider-input::-moz-range-thumb {
        height: 6px;
        width: 6px;
        transform: scale(4,4);
    }

    .mud-slider .mud-slider-container {
        position: relative;
        width: 100%;
        display: flex;
        align-content: center;
    }

    .mud-slider .mud-slider-filled {
        border-radius: var(--mud-default-borderradius);
    }

    .mud-slider .mud-slider-inner-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .mud-slider .mud-slider-value-label {
        position: absolute;
        top: 0;
        transform: translateX(-50%) translateY(-125%);
        padding: 4px 8px;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        border-radius: 2px;
        line-height: normal;
        opacity: 0;
        transition: opacity .2s ease-in-out;
        pointer-events: none;
        user-select: none;
    }

    .mud-slider .mud-slider-tickmarks {
        display: flex;
        justify-content: space-between;
        flex-grow: 1;
    }

    .mud-slider .mud-slider-track-tick {
        border-radius: 9999%;
        background-color: var(--mud-palette-primary);
    }

    .mud-slider .mud-slider-track-tick-label {
        position: absolute;
        top: 0;
        left: 0;
    }

.mud-progress-circular {
    display: inline-block;
    color: var(--mud-palette-text-secondary);
}

    .mud-progress-circular.mud-progress-indeterminate {
        animation: mud-progress-circular-keyframes-circular-rotate 1.4s linear infinite;
    }

    .mud-progress-circular.mud-progress-static {
        transition: transform 300ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-progress-circular.mud-progress-small {
        height: 24px;
        width: 24px;
    }

    .mud-progress-circular.mud-progress-medium {
        height: 40px;
        width: 40px;
    }

    .mud-progress-circular.mud-progress-large {
        height: 56px;
        width: 56px;
    }

.mud-progress-circular-svg {
    display: block;
    transform: rotate(-90deg);
}

.mud-progress-circular-circle {
    stroke: currentColor;
}

    .mud-progress-circular-circle.mud-progress-indeterminate {
        animation: mud-progress-circular-keyframes-circular-dash 1.4s ease-in-out infinite;
        stroke-dasharray: 80px,200px;
        stroke-dashoffset: 0;
    }

    .mud-progress-circular-circle.mud-progress-static {
        transition: stroke-dashoffset 300ms cubic-bezier(.4,0,.2,1) 0ms;
    }

.mud-progress-circular-disable-shrink {
    animation: none;
}

.mud-progress-linear {
    position: relative;
}

    .mud-progress-linear::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: block;
        opacity: .2;
    }

    .mud-progress-linear.horizontal {
        width: 100%;
    }

        .mud-progress-linear.horizontal.mud-progress-linear-small {
            height: 4px;
        }

        .mud-progress-linear.horizontal.mud-progress-linear-medium {
            height: 8px;
        }

        .mud-progress-linear.horizontal.mud-progress-linear-large {
            height: 12px;
        }

        .mud-progress-linear.horizontal .mud-progress-linear-dashed {
            animation: mud-progress-linear-horizontal-keyframes-buffer 3s infinite linear;
        }

    .mud-progress-linear.vertical {
        height: 100%;
    }

        .mud-progress-linear.vertical.mud-progress-linear-small {
            width: 4px;
        }

        .mud-progress-linear.vertical.mud-progress-linear-medium {
            width: 8px;
        }

        .mud-progress-linear.vertical.mud-progress-linear-large {
            width: 12px;
        }

    .mud-progress-linear .mud-progress-linear-content {
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mud-progress-linear .mud-progress-linear-bars {
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .mud-progress-linear .mud-progress-linear-bar {
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        position: absolute;
        transition: transform .2s linear;
        transform-origin: left;
    }

        .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-1-indeterminate.horizontal {
            width: auto;
            animation: mud-progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
        }

        .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-1-indeterminate.vertical {
            height: auto;
            animation: mud-progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
        }

        .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-2-indeterminate.horizontal {
            width: auto;
            animation: mud-progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;
        }

        .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-2-indeterminate.vertical {
            height: auto;
            animation: mud-progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;
        }

    .mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer)::before {
        background-color: var(--mud-palette-action-disabled);
    }

    .mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
        background-color: var(--mud-palette-action-default);
    }

    .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        background-size: 10px 10px;
        background-image: radial-gradient(var(--mud-palette-action-disabled) 0%,var(--mud-palette-action-disabled) 16%,transparent 42%);
        background-position: 0 -23px;
    }

    .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        background-color: var(--mud-palette-action-default);
    }

    .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
        transition: transform .4s linear;
    }

        .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            opacity: .4;
            background-color: var(--mud-palette-action-disabled);
        }

    .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer)::before {
        background-color: var(--mud-palette-primary);
    }

    .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
        background-color: var(--mud-palette-primary);
    }

    .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        background-size: 10px 10px;
        background-image: radial-gradient(var(--mud-palette-primary) 0%,var(--mud-palette-primary) 16%,transparent 42%);
        background-position: 0 -23px;
    }

    .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        background-color: var(--mud-palette-primary);
    }

    .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
        transition: transform .4s linear;
    }

        .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            opacity: .4;
            background-color: var(--mud-palette-primary);
        }

    .mud-progress-linear.mud-progress-linear-color-secondary:not(.mud-progress-linear-buffer)::before {
        background-color: var(--mud-palette-secondary);
    }

    .mud-progress-linear.mud-progress-linear-color-secondary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
        background-color: var(--mud-palette-secondary);
    }

    .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        background-size: 10px 10px;
        background-image: radial-gradient(var(--mud-palette-secondary) 0%,var(--mud-palette-secondary) 16%,transparent 42%);
        background-position: 0 -23px;
    }

    .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        background-color: var(--mud-palette-secondary);
    }

    .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
        transition: transform .4s linear;
    }

        .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            opacity: .4;
            background-color: var(--mud-palette-secondary);
        }

    .mud-progress-linear.mud-progress-linear-color-tertiary:not(.mud-progress-linear-buffer)::before {
        background-color: var(--mud-palette-tertiary);
    }

    .mud-progress-linear.mud-progress-linear-color-tertiary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
        background-color: var(--mud-palette-tertiary);
    }

    .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        background-size: 10px 10px;
        background-image: radial-gradient(var(--mud-palette-tertiary) 0%,var(--mud-palette-tertiary) 16%,transparent 42%);
        background-position: 0 -23px;
    }

    .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        background-color: var(--mud-palette-tertiary);
    }

    .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
        transition: transform .4s linear;
    }

        .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            opacity: .4;
            background-color: var(--mud-palette-tertiary);
        }

    .mud-progress-linear.mud-progress-linear-color-info:not(.mud-progress-linear-buffer)::before {
        background-color: var(--mud-palette-info);
    }

    .mud-progress-linear.mud-progress-linear-color-info:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
        background-color: var(--mud-palette-info);
    }

    .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        background-size: 10px 10px;
        background-image: radial-gradient(var(--mud-palette-info) 0%,var(--mud-palette-info) 16%,transparent 42%);
        background-position: 0 -23px;
    }

    .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        background-color: var(--mud-palette-info);
    }

    .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
        transition: transform .4s linear;
    }

        .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            opacity: .4;
            background-color: var(--mud-palette-info);
        }

    .mud-progress-linear.mud-progress-linear-color-success:not(.mud-progress-linear-buffer)::before {
        background-color: var(--mud-palette-success);
    }

    .mud-progress-linear.mud-progress-linear-color-success:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
        background-color: var(--mud-palette-success);
    }

    .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        background-size: 10px 10px;
        background-image: radial-gradient(var(--mud-palette-success) 0%,var(--mud-palette-success) 16%,transparent 42%);
        background-position: 0 -23px;
    }

    .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        background-color: var(--mud-palette-success);
    }

    .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
        transition: transform .4s linear;
    }

        .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            opacity: .4;
            background-color: var(--mud-palette-success);
        }

    .mud-progress-linear.mud-progress-linear-color-warning:not(.mud-progress-linear-buffer)::before {
        background-color: var(--mud-palette-warning);
    }

    .mud-progress-linear.mud-progress-linear-color-warning:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
        background-color: var(--mud-palette-warning);
    }

    .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        background-size: 10px 10px;
        background-image: radial-gradient(var(--mud-palette-warning) 0%,var(--mud-palette-warning) 16%,transparent 42%);
        background-position: 0 -23px;
    }

    .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        background-color: var(--mud-palette-warning);
    }

    .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
        transition: transform .4s linear;
    }

        .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            opacity: .4;
            background-color: var(--mud-palette-warning);
        }

    .mud-progress-linear.mud-progress-linear-color-error:not(.mud-progress-linear-buffer)::before {
        background-color: var(--mud-palette-error);
    }

    .mud-progress-linear.mud-progress-linear-color-error:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
        background-color: var(--mud-palette-error);
    }

    .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        background-size: 10px 10px;
        background-image: radial-gradient(var(--mud-palette-error) 0%,var(--mud-palette-error) 16%,transparent 42%);
        background-position: 0 -23px;
    }

    .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        background-color: var(--mud-palette-error);
    }

    .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
        transition: transform .4s linear;
    }

        .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            opacity: .4;
            background-color: var(--mud-palette-error);
        }

    .mud-progress-linear.mud-progress-linear-color-dark:not(.mud-progress-linear-buffer)::before {
        background-color: var(--mud-palette-dark);
    }

    .mud-progress-linear.mud-progress-linear-color-dark:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
        background-color: var(--mud-palette-dark);
    }

    .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        background-size: 10px 10px;
        background-image: radial-gradient(var(--mud-palette-dark) 0%,var(--mud-palette-dark) 16%,transparent 42%);
        background-position: 0 -23px;
    }

    .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        background-color: var(--mud-palette-dark);
    }

    .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
        transition: transform .4s linear;
    }

        .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            opacity: .4;
            background-color: var(--mud-palette-dark);
        }

    .mud-progress-linear.mud-progress-indeterminate.horizontal .mud-progress-linear-bar:first-child {
        width: auto;
        animation: mud-progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
    }

    .mud-progress-linear.mud-progress-indeterminate.horizontal .mud-progress-linear-bar:last-child {
        width: auto;
        animation: mud-progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;
    }

    .mud-progress-linear.mud-progress-indeterminate.vertical .mud-progress-linear-bar:first-child {
        height: auto;
        animation: mud-progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
    }

    .mud-progress-linear.mud-progress-indeterminate.vertical .mud-progress-linear-bar:last-child {
        height: auto;
        animation: mud-progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;
    }

    .mud-progress-linear.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
        width: 100%;
        height: 100%;
        position: absolute;
        margin-top: 0;
    }

    .mud-progress-linear.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
        z-index: 1;
        transition: transform .4s linear;
    }

    .mud-progress-linear.mud-progress-linear-buffer.horizontal .mud-progress-linear-bar:first-child {
        animation: mud-progress-linear-horizontal-keyframes-buffer 3s infinite linear;
    }

    .mud-progress-linear.mud-progress-linear-buffer.vertical .mud-progress-linear-bar:first-child {
        animation: mud-progress-linear-vertical-keyframes-buffer 3s infinite linear;
    }

    .mud-progress-linear.mud-progress-linear-striped .mud-progress-linear-bar {
        background-image: linear-gradient(135deg,rgba(255,255,255,.25) 25%,transparent 0,transparent 50%,rgba(255,255,255,.25) 0,rgba(255,255,255,.25) 75%,transparent 0,transparent);
        background-size: 40px 40px;
        background-repeat: repeat;
        animation: mud-progress-linear-striped-loading 10s linear infinite;
    }

    .mud-progress-linear.mud-progress-linear-rounded {
        border-radius: var(--mud-default-borderradius);
    }

        .mud-progress-linear.mud-progress-linear-rounded .mud-progress-linear-bars {
            border-radius: var(--mud-default-borderradius);
        }

        .mud-progress-linear.mud-progress-linear-rounded .mud-progress-linear-bar {
            border-radius: var(--mud-default-borderradius);
        }

.mud-radio {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    color: var(--mud-palette-action-default);
}

    .mud-radio > .mud-radio-content {
        color: var(--mud-palette-text-primary);
    }

    .mud-radio.mud-disabled, .mud-radio .mud-disabled:hover, .mud-radio .mud-disabled:focus-visible {
        cursor: default;
        background-color: transparent !important;
    }

        .mud-radio.mud-disabled > .mud-radio-content, .mud-radio .mud-disabled:hover > .mud-radio-content, .mud-radio .mud-disabled:focus-visible > .mud-radio-content {
            color: var(--mud-palette-text-disabled);
        }

        .mud-radio.mud-disabled *, .mud-radio .mud-disabled:hover *, .mud-radio .mud-disabled:focus-visible * {
            cursor: default;
            color: var(--mud-palette-text-disabled);
        }

    .mud-radio .mud-radio-dense {
        padding: 4px;
    }

    .mud-radio.mud-checked {
        color: var(--mud-palette-action-default);
    }

        .mud-radio.mud-checked:hover {
            background-color: var(--mud-palette-action-default-hover);
        }

.mud-radio-button {
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

    .mud-radio-button .mud-radio-input {
        top: 0;
        left: 0;
        width: 100%;
        cursor: inherit;
        height: 100%;
        margin: 0;
        opacity: 0;
        padding: 0;
        z-index: 1;
        position: absolute;
    }

    .mud-radio-button .mud-radio-icons {
        display: flex;
        position: relative;
    }

.mud-radio-icons.mud-checked .mud-radio-icon-checked {
    transform: scale(1);
    transition: transform 150ms cubic-bezier(0,0,.2,1) 0ms;
}

.mud-radio-icon-checked {
    left: 0;
    position: absolute;
    transform: scale(0);
    transition: transform 150ms cubic-bezier(.4,0,1,1) 0ms;
}

.mud-radio-content-placement-start {
    margin-left: 16px;
    margin-right: -11px;
    margin-inline-start: 16px;
    margin-inline-end: -11px;
    flex-direction: row-reverse;
}

.mud-radio-content-placement-end {
    margin-left: -11px;
    margin-right: 16px;
    margin-inline-start: -11px;
    margin-inline-end: 16px;
    flex-direction: row;
}

.mud-radio-content-placement-top {
    margin-left: 16px;
    margin-inline-start: 16px;
    margin-inline-end: unset;
    flex-direction: column-reverse;
}

.mud-radio-content-placement-bottom {
    margin-left: 16px;
    margin-inline-start: 16px;
    margin-inline-end: unset;
    flex-direction: column;
}

.mud-rating-root {
    display: inline-flex;
    color: #ffb400;
}

    .mud-rating-root:focus-visible {
        outline: none;
    }

        .mud-rating-root:focus-visible:not(.mud-disabled) {
            background-color: var(--mud-palette-action-default-hover);
        }

.mud-rating-item {
    cursor: pointer;
    transition: transform 150ms cubic-bezier(.4,0,.2,1) 0ms;
}

    .mud-rating-item.mud-rating-item-active {
        transform: scale(1.2);
    }

    .mud-rating-item.mud-disabled, .mud-rating-item .mud-disabled:hover {
        cursor: default;
        pointer-events: none;
    }

        .mud-rating-item.mud-disabled *, .mud-rating-item .mud-disabled:hover * {
            cursor: default;
            color: var(--mud-palette-text-disabled);
        }

    .mud-rating-item.mud-readonly {
        cursor: default;
    }

    .mud-rating-item .mud-rating-input {
        clip: rect(0,0,0,0);
        margin: 0;
        opacity: 0;
        padding: 0;
        z-index: 1;
        position: absolute;
        cursor: inherit;
        overflow: hidden;
    }

    .mud-rating-item svg {
        pointer-events: none;
    }

        .mud-rating-item svg path {
            pointer-events: none;
        }

.mud-snackbar {
    display: flex;
    flex-grow: initial;
    padding: 6px 16px;
    align-items: center;
    position: relative;
    pointer-events: auto;
    font-weight: 400;
    line-height: 1.43;
    overflow: hidden;
    margin-top: 16px;
    min-width: 288px;
    max-width: 500px;
    border-radius: var(--mud-default-borderradius);
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
}

    .mud-snackbar.force-cursor {
        cursor: pointer;
    }

    .mud-snackbar.mud-snackbar-blurred {
        backdrop-filter: blur(18px);
    }

    .mud-snackbar.mud-snackbar-surface {
        background: var(--mud-palette-surface);
    }

    .mud-snackbar .mud-snackbar-content-message {
        padding: 8px 0;
    }

    .mud-snackbar .mud-snackbar-content-action {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: -8px;
        padding-left: 16px;
        margin-inline-start: auto;
        margin-inline-end: -8px;
        padding-inline-start: 16px;
        padding-inline-end: unset;
    }

        .mud-snackbar .mud-snackbar-content-action > button {
            color: inherit;
        }

.mud-snackbar-location-top-left {
    top: 24px;
    left: 24px;
}

.mud-snackbar-location-top-center {
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
}

.mud-snackbar-location-top-right {
    top: 24px;
    right: 24px;
}

.mud-snackbar-location-bottom-right {
    right: 24px;
    bottom: 24px;
}

.mud-snackbar-location-bottom-center {
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
}

.mud-snackbar-location-bottom-left {
    bottom: 24px;
    left: 24px;
}

#mud-snackbar-container {
    position: fixed;
    z-index: var(--mud-zindex-snackbar);
    pointer-events: none;
}

.mud-snackbar-icon {
    display: flex;
    opacity: .9;
    padding: 7px 0;
    font-size: 22px;
    margin-right: 12px;
    margin-inline-end: 12px;
    margin-inline-start: unset;
}

.mud-switch {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-left: -11px;
    margin-right: 16px;
    margin-inline-start: -11px;
    margin-inline-end: 16px;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

    .mud-switch.mud-disabled {
        color: var(--mud-palette-text-disabled) !important;
        cursor: default;
    }

    .mud-switch.mud-readonly, .mud-switch .mud-readonly:hover {
        cursor: default;
        background-color: transparent !important;
    }

.mud-switch-span {
    width: 58px;
    height: 38px;
    display: inline-flex;
    padding: 12px;
    z-index: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
    vertical-align: middle;
}

    .mud-switch-span .mud-switch-track {
        width: 100%;
        height: 100%;
        opacity: .48;
        z-index: -1;
        transition: opacity 150ms cubic-bezier(.4,0,.2,1) 0ms,background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
        border-radius: 7px;
        background-color: var(--mud-palette-black);
    }

.mud-switch-base {
    padding: 9px;
    top: 0;
    left: 0;
    color: #fafafa;
    z-index: 1;
    position: absolute;
    transition: left 150ms cubic-bezier(.4,0,.2,1) 0ms,transform 150ms cubic-bezier(.4,0,.2,1) 0ms,background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms;
}

    .mud-switch-base.mud-checked {
        transform: translateX(20px);
    }

        .mud-switch-base.mud-checked + .mud-switch-track {
            opacity: .5;
        }

    .mud-switch-base:hover {
        background-color: var(--mud-palette-action-default-hover);
    }

    .mud-switch-base.mud-switch-disabled {
        color: var(--mud-palette-grey-default) !important;
    }

        .mud-switch-base.mud-switch-disabled + .mud-switch-track {
            opacity: .12 !important;
        }

        .mud-switch-base.mud-switch-disabled:hover, .mud-switch-base.mud-switch-disabled:focus-visible {
            cursor: default;
            background-color: transparent !important;
        }

.mud-switch-button {
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

    .mud-switch-button .mud-switch-input {
        top: 0;
        left: 0;
        width: 100%;
        cursor: inherit;
        height: 100%;
        margin: 0;
        opacity: 0;
        padding: 0;
        z-index: 1;
        position: absolute;
    }

    .mud-switch-button .mud-switch-thumb {
        width: 20px;
        height: 20px;
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
        border-radius: 50%;
        background-color: currentColor;
    }

.mud-timeline {
    position: relative;
    display: flex;
}

.mud-timeline-vertical {
    padding-top: 24px;
    flex-direction: column;
}

    .mud-timeline-vertical::before {
        top: 0;
        bottom: 0;
        content: "";
        height: 100%;
        position: absolute;
        width: 2px;
        background: var(--mud-palette-divider);
    }

    .mud-timeline-vertical .mud-timeline-item {
        padding-bottom: 24px;
    }

        .mud-timeline-vertical .mud-timeline-item .mud-timeline-item-content {
            max-width: calc(50% - 48px);
        }

        .mud-timeline-vertical .mud-timeline-item .mud-timeline-item-divider {
            min-width: 96px;
        }

        .mud-timeline-vertical .mud-timeline-item .mud-timeline-item-opposite {
            flex: 1 1 auto;
            max-width: calc(50% - 48px);
        }

.mud-timeline-horizontal {
    flex-direction: row;
}

    .mud-timeline-horizontal::before {
        top: 0;
        bottom: 0;
        content: "";
        height: 2px;
        position: absolute;
        width: 100%;
        background: var(--mud-palette-divider);
    }

    .mud-timeline-horizontal .mud-timeline-item {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%;
    }

        .mud-timeline-horizontal .mud-timeline-item .mud-timeline-item-content {
            max-height: calc(50% - 48px);
        }

        .mud-timeline-horizontal .mud-timeline-item .mud-timeline-item-divider {
            min-height: 96px;
        }

.mud-timeline-item {
    display: flex;
}

    .mud-timeline-item .mud-timeline-item-content {
        position: relative;
        height: 100%;
        flex: 1 1 auto;
    }

    .mud-timeline-item .mud-timeline-item-divider {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mud-timeline-item .mud-timeline-item-opposite {
        align-self: center;
    }

.mud-timeline-vertical.mud-timeline-align-start .mud-timeline-item-divider {
    align-items: flex-start;
}

.mud-timeline-vertical.mud-timeline-align-start .mud-timeline-item-opposite {
    align-self: flex-start;
}

.mud-timeline-vertical.mud-timeline-align-end .mud-timeline-item-divider {
    align-items: flex-end;
}

.mud-timeline-vertical.mud-timeline-align-end .mud-timeline-item-opposite {
    align-self: flex-end;
}

.mud-timeline-vertical.mud-timeline-position-alternate::before {
    left: auto;
    right: calc(50% - 1px);
}

.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start), .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end {
    flex-direction: row-reverse;
}

    .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-opposite, .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-opposite {
        text-align: end;
    }

.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) {
    flex-direction: row;
}

    .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-opposite {
        text-align: start;
    }

.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end), .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start {
    flex-direction: row;
}

    .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-opposite, .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-opposite {
        text-align: start;
    }

.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) {
    flex-direction: row-reverse;
}

    .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-opposite {
        text-align: end;
    }

.mud-timeline-vertical.mud-timeline-position-start::before {
    right: auto;
    left: 47px;
}

.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl::before {
    right: 47px;
    left: auto;
}

.mud-timeline-vertical.mud-timeline-position-start .mud-timeline-item {
    flex-direction: row-reverse;
}

.mud-timeline-vertical.mud-timeline-position-end::before {
    right: 47px;
    left: auto;
}

.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl::before {
    left: 47px;
    right: auto;
}

.mud-timeline-vertical.mud-timeline-position-end .mud-timeline-item {
    flex-direction: row;
}

.mud-timeline-vertical.mud-timeline-position-start .mud-timeline-item-content, .mud-timeline-vertical.mud-timeline-position-end .mud-timeline-item-content {
    max-width: calc(100% - 96px);
}

.mud-timeline-vertical.mud-timeline-position-start .mud-timeline-item-opposite, .mud-timeline-vertical.mud-timeline-position-end .mud-timeline-item-opposite {
    display: none;
}

.mud-timeline-horizontal.mud-timeline-align-start .mud-timeline-item-divider {
    justify-content: flex-start;
}

.mud-timeline-horizontal.mud-timeline-align-start .mud-timeline-item-opposite {
    align-self: flex-start;
}

.mud-timeline-horizontal.mud-timeline-align-end .mud-timeline-item-divider {
    justify-content: flex-end;
}

.mud-timeline-horizontal.mud-timeline-align-end .mud-timeline-item-opposite {
    align-self: flex-end;
}

.mud-timeline-horizontal.mud-timeline-position-alternate::before {
    top: auto;
    bottom: calc(50% - 1px);
}

.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd), .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end {
    flex-direction: column-reverse;
}

.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n), .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-start {
    flex-direction: column;
}

.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd), .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end {
    flex-direction: column;
}

.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n), .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start {
    flex-direction: column-reverse;
}

.mud-timeline-horizontal.mud-timeline-position-top::before {
    top: 47px;
    bottom: auto;
}

.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item {
    flex-direction: column-reverse;
}

.mud-timeline-horizontal.mud-timeline-position-bottom::before {
    top: auto;
    bottom: 47px;
}

.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item {
    flex-direction: column;
}

.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content, .mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content {
    max-height: calc(100% - 96px);
}

.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-opposite, .mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-opposite {
    display: none;
}

.mud-timeline-item-dot {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mud-palette-surface);
    border-radius: 50%;
    left: calc(50% - 19px);
}

    .mud-timeline-item-dot.mud-timeline-dot-size-small {
        width: 24px;
        height: 24px;
    }

        .mud-timeline-item-dot.mud-timeline-dot-size-small .mud-timeline-item-dot-inner {
            height: 18px;
            width: 18px;
        }

    .mud-timeline-item-dot.mud-timeline-dot-size-medium {
        width: 38px;
        height: 38px;
    }

        .mud-timeline-item-dot.mud-timeline-dot-size-medium .mud-timeline-item-dot-inner {
            height: 30px;
            width: 30px;
        }

    .mud-timeline-item-dot.mud-timeline-dot-size-large {
        width: 52px;
        height: 52px;
    }

        .mud-timeline-item-dot.mud-timeline-dot-size-large .mud-timeline-item-dot-inner {
            height: 42px;
            width: 42px;
        }

    .mud-timeline-item-dot .mud-timeline-item-dot-inner {
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-fill {
            height: inherit;
            width: inherit;
        }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-default {
            background-color: var(--mud-palette-grey-light);
        }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-primary {
            color: var(--mud-palette-primary-text);
            background-color: var(--mud-palette-primary);
        }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-secondary {
            color: var(--mud-palette-secondary-text);
            background-color: var(--mud-palette-secondary);
        }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-tertiary {
            color: var(--mud-palette-tertiary-text);
            background-color: var(--mud-palette-tertiary);
        }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-info {
            color: var(--mud-palette-info-text);
            background-color: var(--mud-palette-info);
        }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-success {
            color: var(--mud-palette-success-text);
            background-color: var(--mud-palette-success);
        }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-warning {
            color: var(--mud-palette-warning-text);
            background-color: var(--mud-palette-warning);
        }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-error {
            color: var(--mud-palette-error-text);
            background-color: var(--mud-palette-error);
        }

        .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-dark {
            color: var(--mud-palette-dark-text);
            background-color: var(--mud-palette-dark);
        }

.mud-timeline-modifiers .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers .mud-timeline-item-content .mud-card::after {
    content: "";
    position: absolute;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl .mud-timeline-item-content .mud-card::after {
    transform: rotate(0);
    left: -16px;
    right: auto;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    left: -15px;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl .mud-timeline-item-content .mud-card::after {
    transform: rotate(180deg);
    right: -16px;
    left: auto;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    right: -15px;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::after {
    transform: rotate(0);
    left: -16px;
    right: auto;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    left: -15px;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after {
    transform: rotate(180deg);
    right: -16px;
    left: auto;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    right: -15px;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::after {
    transform: rotate(180deg);
    right: -16px;
    left: auto;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    right: -15px;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after {
    transform: rotate(0);
    left: -16px;
    right: auto;
}

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    left: -15px;
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content .mud-card::after {
    transform: rotate(90deg);
    top: -24px;
    bottom: auto;
    left: calc(50% - 8px);
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    top: -23px;
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content .mud-card::after {
    transform: rotate(270deg);
    bottom: -24px;
    top: auto;
    left: calc(50% - 8px);
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    bottom: -23px;
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::after {
    transform: rotate(90deg);
    top: -24px;
    bottom: auto;
    left: calc(50% - 8px);
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    top: -23px;
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after {
    transform: rotate(270deg);
    bottom: -24px;
    top: auto;
    left: calc(50% - 8px);
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    bottom: -23px;
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::after {
    transform: rotate(270deg);
    bottom: -24px;
    top: auto;
    left: calc(50% - 8px);
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    bottom: -23px;
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after {
    transform: rotate(90deg);
    top: -24px;
    bottom: auto;
    left: calc(50% - 8px);
}

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
    top: -23px;
}

.mud-timeline-modifiers .mud-timeline-item-content .mud-card::before {
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid rgba(0,0,0,.1);
    top: calc(50% - 14px);
}

.mud-timeline-modifiers .mud-timeline-item-content .mud-card::after {
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid var(--mud-palette-surface);
    top: calc(50% - 16px);
}

.mud-timeline-modifiers .mud-timeline-item-content .mud-card.mud-paper-outlined::before {
    top: calc(50% - 16px);
    border-right-color: var(--mud-palette-lines-default);
}

.mud-typography {
    margin: 0;
}

.mud-typography-body1 {
    font-size: var(--mud-typography-body1-size);
    font-family: var(--mud-typography-body1-family);
    font-weight: var(--mud-typography-body1-weight);
    line-height: var(--mud-typography-body1-lineheight);
    letter-spacing: var(--mud-typography-body1-letterspacing);
    text-transform: var(--mud-typography-body1-text-transform);
}

.mud-typography-body2 {
    font-size: var(--mud-typography-body2-size);
    font-family: var(--mud-typography-body2-family);
    font-weight: var(--mud-typography-body2-weight);
    line-height: var(--mud-typography-body2-lineheight);
    letter-spacing: var(--mud-typography-body2-letterspacing);
    text-transform: var(--mud-typography-body2-text-transform);
}

.mud-typography-caption {
    font-size: var(--mud-typography-caption-size);
    font-family: var(--mud-typography-caption-family);
    font-weight: var(--mud-typography-caption-weight);
    line-height: var(--mud-typography-caption-lineheight);
    letter-spacing: var(--mud-typography-caption-letterspacing);
    text-transform: var(--mud-typography-caption-text-transform);
}

.mud-typography-button {
    font-size: var(--mud-typography-button-size);
    font-family: var(--mud-typography-button-family);
    font-weight: var(--mud-typography-button-weight);
    line-height: var(--mud-typography-button-lineheight);
    letter-spacing: var(--mud-typography-button-letterspacing);
    text-transform: var(--mud-typography-button-text-transform);
}

.mud-typography-h1 {
    font-size: var(--mud-typography-h1-size);
    font-family: var(--mud-typography-h1-family);
    font-weight: var(--mud-typography-h1-weight);
    line-height: var(--mud-typography-h1-lineheight);
    letter-spacing: var(--mud-typography-h1-letterspacing);
    text-transform: var(--mud-typography-h1-text-transform);
}

.mud-typography-h2 {
    font-size: var(--mud-typography-h2-size);
    font-family: var(--mud-typography-h2-family);
    font-weight: var(--mud-typography-h2-weight);
    line-height: var(--mud-typography-h2-lineheight);
    letter-spacing: var(--mud-typography-h2-letterspacing);
    text-transform: var(--mud-typography-h2-text-transform);
}

.mud-typography-h3 {
    font-size: var(--mud-typography-h3-size);
    font-family: var(--mud-typography-h3-family);
    font-weight: var(--mud-typography-h3-weight);
    line-height: var(--mud-typography-h3-lineheight);
    letter-spacing: var(--mud-typography-h3-letterspacing);
    text-transform: var(--mud-typography-h3-text-transform);
}

.mud-typography-h4 {
    font-size: var(--mud-typography-h4-size);
    font-family: var(--mud-typography-h4-family);
    font-weight: var(--mud-typography-h4-weight);
    line-height: var(--mud-typography-h4-lineheight);
    letter-spacing: var(--mud-typography-h4-letterspacing);
    text-transform: var(--mud-typography-h4-text-transform);
}

.mud-typography-h5 {
    font-size: var(--mud-typography-h5-size);
    font-family: var(--mud-typography-h5-family);
    font-weight: var(--mud-typography-h5-weight);
    line-height: var(--mud-typography-h5-lineheight);
    letter-spacing: var(--mud-typography-h5-letterspacing);
    text-transform: var(--mud-typography-h5-text-transform);
}

.mud-typography-h6 {
    font-size: var(--mud-typography-h6-size);
    font-family: var(--mud-typography-h6-family);
    font-weight: var(--mud-typography-h6-weight);
    line-height: var(--mud-typography-h6-lineheight);
    letter-spacing: var(--mud-typography-h6-letterspacing);
    text-transform: var(--mud-typography-h6-text-transform);
}

.mud-typography-subtitle1 {
    font-size: var(--mud-typography-subtitle1-size);
    font-family: var(--mud-typography-subtitle1-family);
    font-weight: var(--mud-typography-subtitle1-weight);
    line-height: var(--mud-typography-subtitle1-lineheight);
    letter-spacing: var(--mud-typography-subtitle1-letterspacing);
    text-transform: var(--mud-typography-subtitle1-text-transform);
}

.mud-typography-subtitle2 {
    font-size: var(--mud-typography-subtitle2-size);
    font-family: var(--mud-typography-subtitle2-family);
    font-weight: var(--mud-typography-subtitle2-weight);
    line-height: var(--mud-typography-subtitle2-lineheight);
    letter-spacing: var(--mud-typography-subtitle2-letterspacing);
    text-transform: var(--mud-typography-subtitle2-text-transform);
}

.mud-typography-overline {
    font-size: var(--mud-typography-overline-size);
    font-family: var(--mud-typography-overline-family);
    font-weight: var(--mud-typography-overline-weight);
    line-height: var(--mud-typography-overline-lineheight);
    letter-spacing: var(--mud-typography-overline-letterspacing);
    text-transform: var(--mud-typography-overline-text-transform);
}

.mud-typography-srOnly {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
}

.mud-typography-align-left {
    text-align: left;
}

.mud-typography-align-center {
    text-align: center;
}

.mud-typography-align-right {
    text-align: right;
}

.mud-typography-align-justify {
    text-align: justify;
}

.mud-typography-nowrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mud-typography-gutterbottom {
    margin-bottom: .35em;
}

.mud-typography-paragraph {
    margin-bottom: 16px;
}

.mud-typography-display-inline {
    display: inline;
}

.mud-typography-display-block {
    display: block;
}

.mud-table {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
    transition: box-shadow 300ms cubic-bezier(.4,0,.2,1) 0ms;
}

    .mud-table.mud-table-square {
        border-radius: 0;
    }

    .mud-table.mud-table-outlined {
        border: 1px solid var(--mud-palette-lines-default);
    }

.mud-table-container {
    width: 100%;
    overflow-y: auto;
}

.mud-table-root {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

    .mud-table-root .mud-table-head {
        display: table-header-group;
    }

        .mud-table-root .mud-table-head .mud-table-cell {
            color: var(--mud-palette-text-primary);
            font-weight: 500;
            line-height: 1.5rem;
        }

    .mud-table-root .mud-table-body {
        display: table-row-group;
    }

        .mud-table-root .mud-table-body .mud-table-cell {
            color: var(--mud-palette-text-primary);
        }

        .mud-table-root .mud-table-body:last-child .mud-table-row:last-child .mud-table-cell {
            border-bottom: none;
        }

.mud-table-sort-label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    flex-direction: inherit;
    justify-content: flex-start;
}

    .mud-table-sort-label:hover {
        color: var(--mud-palette-action-default);
    }

        .mud-table-sort-label:hover .mud-table-sort-label-icon {
            opacity: .8;
        }

    .mud-table-sort-label .mud-table-sort-label-icon {
        font-size: 18px;
        transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
        opacity: 0;
    }

        .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-desc {
            opacity: 1;
            transform: rotate(180deg);
        }

        .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-asc {
            opacity: 1;
            transform: rotate(0deg);
        }

.mud-table-toolbar {
    padding-left: 16px;
    padding-right: 8px;
    padding-inline-start: 16px;
    padding-inline-end: 8px;
}

.mud-table-cell {
    display: table-cell;
    padding: 16px;
    font-size: .875rem;
    text-align: start;
    font-weight: 400;
    line-height: 1.43;
    border-bottom: 1px solid var(--mud-palette-table-lines);
    letter-spacing: .01071em;
    vertical-align: inherit;
}

    .mud-table-cell .mud-checkbox {
        margin: -12px;
    }

.mud-table-cell-footer {
    color: var(--mud-palette-text-secondary);
    font-size: .75rem;
    line-height: 1.3125rem;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 6px 24px 6px 16px;
    padding-inline-start: 16px;
    padding-inline-end: 24px;
}

    .mud-table-dense * .mud-table-row .mud-table-cell .mud-table-cell-checkbox .mud-button-root {
        padding: 4px;
    }

    .mud-table-dense * .mud-table-row .mud-table-cell .mud-table-row-expander {
        padding: 4px;
    }

    .mud-table-dense * .mud-table-row .mud-table-cell:last-child {
        padding-right: 16px;
        padding-inline-end: 16px;
    }

.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:not(:last-child) {
    border-right: 1px solid var(--mud-palette-table-lines);
}

.mud-table-bordered .mud-table-container .mud-table-root .mud-table-head.table-head-bordered .mud-table-row .mud-table-cell:not(:last-child) {
    border-right: 1px solid var(--mud-palette-table-lines);
}

.mud-table-bordered .mud-table-container .mud-table-root .mud-table-foot.table-foot-bordered .mud-table-row .mud-table-cell:not(:last-child) {
    border-right: 1px solid var(--mud-palette-table-lines);
}

.mud-table-sticky-header .mud-table-container {
    overflow-x: auto;
}

.mud-table-sticky-header * .mud-table-root {
    border-collapse: separate;
}

    .mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:first-child {
        border-radius: var(--mud-default-borderradius) 0 0 0;
    }

    .mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:last-child {
        border-radius: 0 var(--mud-default-borderradius) 0 0;
    }

    .mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
        background-color: var(--mud-palette-surface);
        position: sticky;
        z-index: 2;
        top: 0;
    }

.mud-table-sticky-footer .mud-table-container {
    overflow-x: auto;
}

.mud-table-sticky-footer * .mud-table-root {
    border-collapse: separate;
}

    .mud-table-sticky-footer * .mud-table-root .mud-table-foot * .mud-table-cell {
        background-color: var(--mud-palette-surface);
        position: sticky;
        z-index: 2;
        bottom: 0;
    }

.mud-table-row {
    color: inherit;
    display: table-row;
    outline: 0;
    vertical-align: middle;
}

.mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
    background-color: var(--mud-palette-table-hover);
}

.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd) {
    background-color: var(--mud-palette-table-striped);
}

.mud-table-hover.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd):hover {
    background-color: var(--mud-palette-table-hover);
}

.mud-table-cell > .mud-input-control > div.mud-input.mud-input-text {
    color: var(--mud-theme-on-surface);
    font-size: .875rem;
    margin-top: -14px;
    margin-bottom: -8px;
}

.mud-table-cell > .mud-select > .mud-input-control > div.mud-input.mud-input-text {
    color: var(--mud-theme-on-surface);
    font-size: .875rem;
    margin-top: -14px;
    margin-bottom: -8px;
}

.mud-table-cell-align-left {
    text-align: left;
}

.mud-table-cell-align-center {
    text-align: center;
}

.mud-table-cell-align-right {
    text-align: right;
    flex-direction: row-reverse;
}

.mud-table-cell-align-justify {
    text-align: justify;
}

.mud-table-pagination-display {
    display: flex;
    flex-shrink: 0;
}

    .mud-table-pagination-display .mud-tablepager-left {
        flex-direction: row !important;
    }

    .mud-table-pagination-display .mud-tablepager-right {
        flex-direction: row-reverse !important;
    }

.mud-table-pagination-information {
    white-space: nowrap;
    direction: initial;
}

.mud-table-page-number-information {
    white-space: nowrap;
    direction: initial;
}

.mud-table-pagination {
    color: var(--mud-theme-on-surface);
    overflow: auto;
    font-size: .875rem;
    display: initial;
}

    .mud-table-pagination:last-child {
        padding: 0;
    }

.mud-table-pagination-toolbar {
    border-top: 1px solid var(--mud-palette-table-lines);
    height: 52px;
    padding-right: 2px;
    padding-inline-end: 2px;
    padding-inline-start: unset;
}

    .mud-table-pagination-toolbar .mud-tablepager-left {
        flex-direction: row !important;
    }

    .mud-table-pagination-toolbar .mud-tablepager-right {
        flex-direction: row-reverse !important;
    }

.mud-table-pagination-spacer {
    flex: 1 1 100%;
}

.mud-table-pagination-caption {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}

.mud-table-pagination-select {
    cursor: pointer;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 0 !important;
    min-width: 52px;
}

    .mud-table-pagination-select .mud-select-input {
        margin-top: 0 !important;
    }

    .mud-table-pagination-select .mud-input .mud-input-root {
        max-width: 80px;
        cursor: pointer;
        margin-top: 2px;
        border: none;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.43;
        letter-spacing: .01071em;
        color: var(--mud-theme-on-surface);
    }

.mud-table-pagination-actions {
    flex-shrink: 0;
    align-items: center;
    margin-left: 10px;
    margin-inline-start: 10px;
    margin-inline-end: unset;
}

.mud-table-smalldevices-sortselect {
    display: none;
}

.mud-table-loading {
    position: relative;
}

    .mud-table-loading .mud-table-loading-progress {
        position: absolute;
        width: 100%;
    }

.mud-table-empty-row {
    background-color: var(--mud-palette-surface);
    vertical-align: middle;
    text-align: center;
}

tr.mud-table-row-group-indented-1 td:first-child {
    padding-left: 48px !important;
}

tr.mud-table-row-group-indented-2 td:first-child {
    padding-left: 96px !important;
}

tr.mud-table-row-group-indented-3 td:first-child {
    padding-left: 144px !important;
}

tr.mud-table-row-group-indented-4 td:first-child {
    padding-left: 192px !important;
}

tr.mud-table-row-group-indented-5 td:first-child {
    padding-left: 240px !important;
}

.mud-table-row-expander {
    margin: -12px -2px -12px -12px;
}

@media(max-width:360px) {
    .mud-table .mud-table-pagination .mud-select {
        margin-left: auto;
        margin-right: -14px;
        margin-inline-start: auto;
        margin-inline-end: -14px;
    }

        .mud-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption {
            margin-left: unset !important;
            margin-inline-start: unset !important;
        }
}

@media(max-width:416px) {
    .mud-table .mud-table-pagination .mud-table-pagination-toolbar {
        flex-wrap: wrap;
        padding-top: 16px;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
        min-height: 100px;
    }

        .mud-table .mud-table-pagination .mud-table-pagination-toolbar .mud-table-pagination-actions {
            margin-left: auto;
            margin-right: -14px;
            margin-inline-start: auto;
            margin-inline-end: -14px;
        }
}

@media(max-width:600px) {
    .mud-xs-table .mud-table-root .mud-table-head, .mud-xs-table .mud-table-root .mud-table-foot {
        display: none;
    }

    .mud-xs-table .mud-table-smalldevices-sortselect {
        display: block;
        padding: 4px 16px 8px;
    }

    .mud-xs-table .mud-table-body {
        border-top: 1px solid var(--mud-palette-table-lines);
    }

    .mud-xs-table .mud-table-row {
        display: initial;
    }

        .mud-xs-table .mud-table-row .mud-table-cell:last-child {
            border-bottom: 1px solid var(--mud-palette-table-lines);
        }

    .mud-xs-table .mud-table-cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        padding: 14px 16px;
        text-align: start !important;
    }

    .mud-xs-table.mud-table-dense .mud-table-cell {
        padding: 6px 16px;
    }

    .mud-xs-table .mud-table-cell:before {
        content: attr(data-label);
        font-weight: 500;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
    }

    .mud-xs-table.mud-table-small-alignright .mud-table-cell:before {
        margin-right: auto;
    }

    .mud-xs-table .mud-table-cell-hide {
        visibility: collapse;
        height: 0;
        padding: 0;
        margin: 0;
    }

    .mud-xs-table .mud-table-pagination .mud-table-pagination-spacer {
        flex: none;
    }

    .mud-xs-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child {
        display: none;
    }

    .mud-xs-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child {
        display: none;
    }

    .mud-xs-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption {
        margin-left: auto;
        margin-inline-start: auto;
    }
}

@media(max-width:960px) {
    .mud-sm-table .mud-table-root .mud-table-head, .mud-sm-table .mud-table-root .mud-table-foot {
        display: none;
    }

    .mud-sm-table .mud-table-smalldevices-sortselect {
        display: block;
        padding: 4px 16px 8px;
    }

    .mud-sm-table .mud-table-body {
        border-top: 1px solid var(--mud-palette-table-lines);
    }

    .mud-sm-table .mud-table-row {
        display: initial;
    }

        .mud-sm-table .mud-table-row .mud-table-cell:last-child {
            border-bottom: 1px solid var(--mud-palette-table-lines);
        }

    .mud-sm-table .mud-table-cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        padding: 14px 16px;
        text-align: start !important;
    }

    .mud-sm-table.mud-table-dense .mud-table-cell {
        padding: 6px 16px;
    }

    .mud-sm-table .mud-table-cell:before {
        content: attr(data-label);
        font-weight: 500;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
    }

    .mud-sm-table.mud-table-small-alignright .mud-table-cell:before {
        margin-right: auto;
    }

    .mud-sm-table .mud-table-cell-hide {
        visibility: collapse;
        height: 0;
        padding: 0;
        margin: 0;
    }

    .mud-sm-table .mud-table-pagination .mud-table-pagination-spacer {
        flex: none;
    }

    .mud-sm-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child {
        display: none;
    }

    .mud-sm-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child {
        display: none;
    }

    .mud-sm-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption {
        margin-left: auto;
        margin-inline-start: auto;
    }
}

@media(max-width:1280px) {
    .mud-md-table .mud-table-root .mud-table-head, .mud-md-table .mud-table-root .mud-table-foot {
        display: none;
    }

    .mud-md-table .mud-table-smalldevices-sortselect {
        display: block;
        padding: 4px 16px 8px;
    }

    .mud-md-table .mud-table-body {
        border-top: 1px solid var(--mud-palette-table-lines);
    }

    .mud-md-table .mud-table-row {
        display: initial;
    }

        .mud-md-table .mud-table-row .mud-table-cell:last-child {
            border-bottom: 1px solid var(--mud-palette-table-lines);
        }

    .mud-md-table .mud-table-cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        padding: 14px 16px;
        text-align: start !important;
    }

    .mud-md-table.mud-table-dense .mud-table-cell {
        padding: 6px 16px;
    }

    .mud-md-table .mud-table-cell:before {
        content: attr(data-label);
        font-weight: 500;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
    }

    .mud-md-table.mud-table-small-alignright .mud-table-cell:before {
        margin-right: auto;
    }

    .mud-md-table .mud-table-cell-hide {
        visibility: collapse;
        height: 0;
        padding: 0;
        margin: 0;
    }

    .mud-md-table .mud-table-pagination .mud-table-pagination-spacer {
        flex: none;
    }

    .mud-md-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child {
        display: none;
    }

    .mud-md-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child {
        display: none;
    }

    .mud-md-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption {
        margin-left: auto;
        margin-inline-start: auto;
    }
}

@media(max-width:1920px) {
    .mud-lg-table .mud-table-root .mud-table-head, .mud-lg-table .mud-table-root .mud-table-foot {
        display: none;
    }

    .mud-lg-table .mud-table-smalldevices-sortselect {
        display: block;
        padding: 4px 16px 8px;
    }

    .mud-lg-table .mud-table-body {
        border-top: 1px solid var(--mud-palette-table-lines);
    }

    .mud-lg-table .mud-table-row {
        display: initial;
    }

        .mud-lg-table .mud-table-row .mud-table-cell:last-child {
            border-bottom: 1px solid var(--mud-palette-table-lines);
        }

    .mud-lg-table .mud-table-cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        padding: 14px 16px;
        text-align: start !important;
    }

    .mud-lg-table.mud-table-dense .mud-table-cell {
        padding: 6px 16px;
    }

    .mud-lg-table .mud-table-cell:before {
        content: attr(data-label);
        font-weight: 500;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
    }

    .mud-lg-table.mud-table-small-alignright .mud-table-cell:before {
        margin-right: auto;
    }

    .mud-lg-table .mud-table-cell-hide {
        visibility: collapse;
        height: 0;
        padding: 0;
        margin: 0;
    }

    .mud-lg-table .mud-table-pagination .mud-table-pagination-spacer {
        flex: none;
    }

    .mud-lg-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child {
        display: none;
    }

    .mud-lg-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child {
        display: none;
    }

    .mud-lg-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption {
        margin-left: auto;
        margin-inline-start: auto;
    }
}

@media(max-width:2560px) {
    .mud-xl-table .mud-table-root .mud-table-head, .mud-xl-table .mud-table-root .mud-table-foot {
        display: none;
    }

    .mud-xl-table .mud-table-smalldevices-sortselect {
        display: block;
        padding: 4px 16px 8px;
    }

    .mud-xl-table .mud-table-body {
        border-top: 1px solid var(--mud-palette-table-lines);
    }

    .mud-xl-table .mud-table-row {
        display: initial;
    }

        .mud-xl-table .mud-table-row .mud-table-cell:last-child {
            border-bottom: 1px solid var(--mud-palette-table-lines);
        }

    .mud-xl-table .mud-table-cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        padding: 14px 16px;
        text-align: start !important;
    }

    .mud-xl-table.mud-table-dense .mud-table-cell {
        padding: 6px 16px;
    }

    .mud-xl-table .mud-table-cell:before {
        content: attr(data-label);
        font-weight: 500;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
    }

    .mud-xl-table.mud-table-small-alignright .mud-table-cell:before {
        margin-right: auto;
    }

    .mud-xl-table .mud-table-cell-hide {
        visibility: collapse;
        height: 0;
        padding: 0;
        margin: 0;
    }

    .mud-xl-table .mud-table-pagination .mud-table-pagination-spacer {
        flex: none;
    }

    .mud-xl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child {
        display: none;
    }

    .mud-xl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child {
        display: none;
    }

    .mud-xl-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption {
        margin-left: auto;
        margin-inline-start: auto;
    }
}

@media(min-width:2560px) {
    .mud-xxl-table .mud-table-root .mud-table-head, .mud-xxl-table .mud-table-root .mud-table-foot {
        display: none;
    }

    .mud-xxl-table .mud-table-smalldevices-sortselect {
        display: block;
        padding: 4px 16px 8px;
    }

    .mud-xxl-table .mud-table-body {
        border-top: 1px solid var(--mud-palette-table-lines);
    }

    .mud-xxl-table .mud-table-row {
        display: initial;
    }

        .mud-xxl-table .mud-table-row .mud-table-cell:last-child {
            border-bottom: 1px solid var(--mud-palette-table-lines);
        }

    .mud-xxl-table .mud-table-cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        padding: 14px 16px;
        text-align: start !important;
    }

    .mud-xxl-table.mud-table-dense .mud-table-cell {
        padding: 6px 16px;
    }

    .mud-xxl-table .mud-table-cell:before {
        content: attr(data-label);
        font-weight: 500;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
    }

    .mud-xxl-table.mud-table-small-alignright .mud-table-cell:before {
        margin-right: auto;
    }

    .mud-xxl-table .mud-table-cell-hide {
        visibility: collapse;
        height: 0;
        padding: 0;
        margin: 0;
    }

    .mud-xxl-table .mud-table-pagination .mud-table-pagination-spacer {
        flex: none;
    }

    .mud-xxl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child {
        display: none;
    }

    .mud-xxl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child {
        display: none;
    }

    .mud-xxl-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption {
        margin-left: auto;
        margin-inline-start: auto;
    }
}

.mud-tabs {
    display: flex;
    flex-direction: column;
}

    .mud-tabs.mud-tabs-reverse {
        flex-direction: column-reverse;
    }

    .mud-tabs.mud-tabs-vertical {
        flex-direction: row;
    }

    .mud-tabs.mud-tabs-vertical-reverse {
        flex-direction: row-reverse;
    }

    .mud-tabs.mud-tabs-rounded {
        border-radius: var(--mud-default-borderradius);
    }

        .mud-tabs.mud-tabs-rounded .mud-tabs-toolbar {
            border-radius: var(--mud-default-borderradius);
        }

        .mud-tabs.mud-tabs-rounded .mud-tabs-panels {
            border-radius: var(--mud-default-borderradius);
        }

.mud-tabs-toolbar {
    position: relative;
    background-color: var(--mud-palette-surface);
}

    .mud-tabs-toolbar.mud-tabs-border-left {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-right: 1px solid var(--mud-palette-lines-default);
    }

    .mud-tabs-toolbar.mud-tabs-border-right {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-left: 1px solid var(--mud-palette-lines-default);
    }

    .mud-tabs-toolbar.mud-tabs-border-top {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }

    .mud-tabs-toolbar.mud-tabs-border-bottom {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-top: 1px solid var(--mud-palette-lines-default);
    }

    .mud-tabs-toolbar.mud-tabs-rounded {
        border-radius: var(--mud-default-borderradius);
    }

    .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner {
        flex-direction: column;
    }

        .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner .mud-tabs-scroll-button .mud-button-root {
            width: 100%;
            border-radius: 0;
            height: 32px;
        }

            .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner .mud-tabs-scroll-button .mud-button-root .mud-icon-button-label .mud-icon-root {
                transform: rotate(90deg);
            }

    .mud-tabs-toolbar .mud-tabs-toolbar-inner {
        display: flex;
        min-height: 48px;
    }

.mud-tabs-toolbar-content {
    width: 100%;
    flex: 1 1 auto;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

    .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper {
        width: max-content;
        position: inherit;
        display: flex;
        transition: .3s cubic-bezier(.25,.8,.5,1);
    }

        .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper.mud-tabs-centered {
            margin: auto;
        }

        .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper.mud-tabs-vertical {
            flex-direction: column;
        }

.mud-tabs-panels {
    position: relative;
    transition: .3s cubic-bezier(.25,.8,.5,1);
}

    .mud-tabs-panels.mud-tabs-vertical {
        display: flex;
        flex-grow: 1;
    }

.mud-tab {
    width: 100%;
    min-width: 160px;
    display: inline-flex;
    padding: 6px 12px;
    min-height: 48px;
    flex-shrink: 0;
    font-weight: 500;
    line-height: 1.75;
    user-select: none;
    white-space: normal;
    letter-spacing: .02857em;
    text-transform: uppercase;
    text-align: center;
    align-items: center;
    justify-content: center;
    transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
}

    .mud-tab:hover {
        cursor: pointer;
        background-color: var(--mud-palette-action-default-hover);
    }

    .mud-tab.mud-tab-active {
        color: var(--mud-palette-primary);
    }

        .mud-tab.mud-tab-active:hover {
            background-color: var(--mud-palette-primary-hover);
        }

    .mud-tab.mud-disabled {
        cursor: default;
        pointer-events: none;
        color: var(--mud-palette-text-disabled);
    }

    .mud-tab .mud-tab-icon-text {
        margin-right: 8px;
        margin-inline-end: 8px;
        margin-inline-start: unset;
    }

.mud-tab-slider {
    position: absolute;
    background: var(--mud-palette-primary);
}

    .mud-tab-slider.mud-tab-slider-horizontal {
        height: 2px;
        left: 0;
        bottom: 0;
        transition: left .3s cubic-bezier(.64,.09,.08,1);
        will-change: left;
    }

        .mud-tab-slider.mud-tab-slider-horizontal.mud-tab-slider-horizontal-reverse {
            top: 0;
        }

    .mud-tab-slider.mud-tab-slider-vertical {
        width: 2px;
        right: 0;
        transition: top .3s cubic-bezier(.64,.09,.08,1);
        will-change: top;
    }

        .mud-tab-slider.mud-tab-slider-vertical.mud-tab-slider-vertical-reverse {
            left: 0;
            right: unset;
        }

.mud-tab-badge {
    margin-left: 8px;
    margin-inline-start: 8px;
    margin-inline-end: unset;
}

.mud-tabs-toolbar-primary {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

    .mud-tabs-toolbar-primary .mud-tab-slider {
        background: var(--mud-palette-primary-text);
    }

    .mud-tabs-toolbar-primary .mud-tab.mud-tab-active {
        color: var(--mud-palette-primary-text);
    }

        .mud-tabs-toolbar-primary .mud-tab.mud-tab-active:hover {
            background-color: var(--mud-palette-primary-lighten);
        }

.mud-tabs-toolbar-secondary {
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
}

    .mud-tabs-toolbar-secondary .mud-tab-slider {
        background: var(--mud-palette-secondary-text);
    }

    .mud-tabs-toolbar-secondary .mud-tab.mud-tab-active {
        color: var(--mud-palette-secondary-text);
    }

        .mud-tabs-toolbar-secondary .mud-tab.mud-tab-active:hover {
            background-color: var(--mud-palette-secondary-lighten);
        }

.mud-tabs-toolbar-tertiary {
    background-color: var(--mud-palette-tertiary);
    color: var(--mud-palette-tertiary-text);
}

    .mud-tabs-toolbar-tertiary .mud-tab-slider {
        background: var(--mud-palette-tertiary-text);
    }

    .mud-tabs-toolbar-tertiary .mud-tab.mud-tab-active {
        color: var(--mud-palette-tertiary-text);
    }

        .mud-tabs-toolbar-tertiary .mud-tab.mud-tab-active:hover {
            background-color: var(--mud-palette-tertiary-lighten);
        }

.mud-tabs-toolbar-info {
    background-color: var(--mud-palette-info);
    color: var(--mud-palette-info-text);
}

    .mud-tabs-toolbar-info .mud-tab-slider {
        background: var(--mud-palette-info-text);
    }

    .mud-tabs-toolbar-info .mud-tab.mud-tab-active {
        color: var(--mud-palette-info-text);
    }

        .mud-tabs-toolbar-info .mud-tab.mud-tab-active:hover {
            background-color: var(--mud-palette-info-lighten);
        }

.mud-tabs-toolbar-success {
    background-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
}

    .mud-tabs-toolbar-success .mud-tab-slider {
        background: var(--mud-palette-success-text);
    }

    .mud-tabs-toolbar-success .mud-tab.mud-tab-active {
        color: var(--mud-palette-success-text);
    }

        .mud-tabs-toolbar-success .mud-tab.mud-tab-active:hover {
            background-color: var(--mud-palette-success-lighten);
        }

.mud-tabs-toolbar-warning {
    background-color: var(--mud-palette-warning);
    color: var(--mud-palette-warning-text);
}

    .mud-tabs-toolbar-warning .mud-tab-slider {
        background: var(--mud-palette-warning-text);
    }

    .mud-tabs-toolbar-warning .mud-tab.mud-tab-active {
        color: var(--mud-palette-warning-text);
    }

        .mud-tabs-toolbar-warning .mud-tab.mud-tab-active:hover {
            background-color: var(--mud-palette-warning-lighten);
        }

.mud-tabs-toolbar-error {
    background-color: var(--mud-palette-error);
    color: var(--mud-palette-error-text);
}

    .mud-tabs-toolbar-error .mud-tab-slider {
        background: var(--mud-palette-error-text);
    }

    .mud-tabs-toolbar-error .mud-tab.mud-tab-active {
        color: var(--mud-palette-error-text);
    }

        .mud-tabs-toolbar-error .mud-tab.mud-tab-active:hover {
            background-color: var(--mud-palette-error-lighten);
        }

.mud-tabs-toolbar-dark {
    background-color: var(--mud-palette-dark);
    color: var(--mud-palette-dark-text);
}

    .mud-tabs-toolbar-dark .mud-tab-slider {
        background: var(--mud-palette-dark-text);
    }

    .mud-tabs-toolbar-dark .mud-tab.mud-tab-active {
        color: var(--mud-palette-dark-text);
    }

        .mud-tabs-toolbar-dark .mud-tab.mud-tab-active:hover {
            background-color: var(--mud-palette-dark-lighten);
        }

.tab-transition-enter {
    transform: translate(100%,0);
}

.tab-transition-leave, .tab-transition-leave-active {
    position: absolute;
    top: 0;
}

.tab-transition-leave-to {
    position: absolute;
    transform: translate(-100%,0);
}

.tab-reverse-transition-enter {
    transform: translate(-100%,0);
}

.tab-reverse-transition-leave, .tab-reverse-transition-leave-to {
    top: 0;
    position: absolute;
    transform: translate(100%,0);
}

.mud-dynamic-tabs .mud-tabs-toolbar .mud-tab {
    padding: 6px 14px;
}

    .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-icon-button {
        padding: 4px;
        margin-right: -4px;
        margin-inline-end: -4px;
        margin-inline-start: unset;
    }

    .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-before {
        padding-right: 8px;
        padding-inline-end: 8px;
        padding-inline-start: unset;
    }

    .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-after {
        padding-left: 8px;
        padding-inline-start: 8px;
        padding-inline-end: unset;
    }

.mud-tabs-header.mud-tabs-header-before {
    display: inherit;
}

.mud-tabs-header.mud-tabs-header-after {
    display: inherit;
}

.mud-tabs-panel-header {
    display: flex;
    flex: 1 1 auto;
}

    .mud-tabs-panel-header.mud-tabs-panel-header-before {
        justify-content: flex-start;
    }

    .mud-tabs-panel-header.mud-tabs-panel-header-after {
        justify-content: flex-end;
    }

.mud-select {
    display: flex;
    flex-grow: 1;
    position: relative;
}

    .mud-select.mud-autocomplete {
        display: block;
    }

        .mud-select.mud-autocomplete .mud-select-input {
            cursor: text;
        }

        .mud-select.mud-autocomplete .mud-input-adornment {
            cursor: pointer;
        }

    .mud-select.mud-autocomplete--with-progress .mud-select-input input {
        padding-right: 3.5rem !important;
    }

    .mud-select.mud-autocomplete--with-progress .mud-input-adorned-end input {
        padding-right: 4.5rem !important;
    }

    .mud-select.mud-autocomplete--with-progress .mud-select-input .mud-icon-button {
        display: none !important;
    }

    .mud-select.mud-autocomplete--with-progress .progress-indicator-circular {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-top: .25rem;
        padding-bottom: .25rem;
        padding-right: 1rem;
    }

    .mud-select.mud-autocomplete--with-progress .progress-indicator-circular--with-adornment {
        padding-right: 3rem;
    }

    .mud-select.mud-autocomplete--with-progress .mud-progress-linear {
        position: absolute;
        bottom: -1px;
        height: 2px;
    }

    .mud-select .mud-select-input {
        cursor: pointer;
    }

        .mud-select .mud-select-input .mud-input-slot {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .mud-select .mud-select-input .mud-input-adornment-end {
            margin-left: 0;
        }

        .mud-select .mud-select-input:disabled {
            cursor: default;
        }

    .mud-select .mud-disabled .mud-select-input {
        cursor: default;
    }

    .mud-select > .mud-form-helpertext {
        margin-top: -21px;
    }

.mud-select-all {
    margin-top: 10px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 18px;
}

.mud-input {
    position: relative;
    color: var(--mud-palette-text-primary);
    cursor: text;
    display: inline-flex;
    font-size: 1rem;
    box-sizing: border-box;
    align-items: center;
    font-weight: 400;
    line-height: 1.1876em;
    letter-spacing: .00938em;
}

    .mud-input.mud-input-full-width {
        width: 100%;
    }

    .mud-input.mud-disabled {
        color: var(--mud-palette-text-disabled);
        cursor: default;
    }

        .mud-input.mud-disabled > .mud-input-adornment {
            color: var(--mud-palette-text-disabled);
            pointer-events: none;
        }

    .mud-input.mud-input-underline:before {
        left: 0;
        right: 0;
        bottom: 0;
        content: " ";
        position: absolute;
        transition: border-bottom .2s,background-color .2s;
        border-bottom: 1px solid var(--mud-palette-lines-inputs);
        pointer-events: none;
    }

    .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
        border-bottom: 1px solid var(--mud-palette-action-default);
    }

    .mud-input.mud-input-underline:after {
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transform: scaleX(0);
        transition: transform 200ms cubic-bezier(0,0,.2,1) 0ms;
        border-bottom: 2px solid var(--mud-palette-primary);
        pointer-events: none;
    }

    .mud-input.mud-input-underline.mud-disabled:before {
        border-bottom-style: dotted;
    }

    .mud-input.mud-input-underline.mud-input-error:after {
        transform: scaleX(1);
        border-bottom-color: var(--mud-palette-error);
    }

    .mud-input.mud-input-filled {
        position: relative;
        transition: background-color 200ms cubic-bezier(0,0,.2,1) 0ms;
        background-color: rgba(0,0,0,.09);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

        .mud-input.mud-input-filled:hover {
            background-color: rgba(0,0,0,.13);
        }

        .mud-input.mud-input-filled.mud-focused {
            background-color: rgba(0,0,0,.09);
        }

        .mud-input.mud-input-filled.mud-disabled {
            background-color: rgba(0,0,0,.12);
        }

        .mud-input.mud-input-filled.mud-input-adorned-start {
            padding-left: 12px;
            padding-inline-start: 12px;
            padding-inline-end: unset;
        }

        .mud-input.mud-input-filled.mud-input-adorned-end {
            padding-right: 12px;
            padding-inline-end: 12px;
            padding-inline-start: unset;
        }

        .mud-input.mud-input-filled.mud-input-underline:before {
            left: 0;
            right: 0;
            bottom: 0;
            content: " ";
            position: absolute;
            transition: border-bottom-color 200ms cubic-bezier(.4,0,.2,1) 0ms;
            border-bottom: 1px solid var(--mud-palette-lines-inputs);
            pointer-events: none;
        }

        .mud-input.mud-input-filled.mud-input-underline:after {
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            position: absolute;
            transform: scaleX(0);
            transition: transform 200ms cubic-bezier(0,0,.2,1) 0ms;
            border-bottom: 2px solid var(--mud-palette-primary);
            pointer-events: none;
        }

        .mud-input.mud-input-filled.mud-input-underline:hover:before {
            border-bottom: 1px solid var(--mud-palette-action-default);
        }

        .mud-input.mud-input-filled.mud-input-underline.mud-disabled:before {
            border-bottom-style: dotted;
        }

        .mud-input.mud-input-filled.mud-input-underline.mud-input-error:after {
            transform: scaleX(1);
            border-bottom-color: var(--mud-palette-error);
        }

    .mud-input.mud-input-outlined {
        position: relative;
        border-width: 0;
    }

        .mud-input.mud-input-outlined .mud-input-outlined-border {
            display: flex;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
            height: 100%;
            text-align: start;
            pointer-events: none;
            border-radius: var(--mud-default-borderradius);
            border-color: var(--mud-palette-lines-inputs);
            border-width: 1px;
            border-style: solid;
            transition: border-width,border-color 200ms cubic-bezier(.4,0,.2,1) 0ms;
        }

        .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
            border-color: var(--mud-palette-action-default);
        }

        .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
            border-width: 2px;
            border-color: var(--mud-palette-primary);
        }

        .mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border {
            border-color: var(--mud-palette-action-disabled);
        }

        .mud-input.mud-input-outlined.mud-input-adorned-start {
            padding-left: 14px;
            padding-inline-start: 14px;
            padding-inline-end: unset;
        }

        .mud-input.mud-input-outlined.mud-input-adorned-end {
            padding-right: 14px;
            padding-inline-end: 14px;
            padding-inline-start: unset;
        }

.mud-input-error .mud-input-outlined-border {
    border-color: var(--mud-palette-error) !important;
}

.mud-input:focus-within.mud-input-underline:after {
    transform: scaleX(1);
}

.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
    font: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    height: 1.1876em;
    margin: 0;
    display: block;
    padding: 6px 0 7px;
    min-width: 0;
    background: none;
    position: relative;
    box-sizing: content-box;
    letter-spacing: inherit;
    -webkit-tap-highlight-color: transparent;
}

    .mud-input > input.mud-input-root::placeholder, div.mud-input-slot.mud-input-root::placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > input.mud-input-root::-webkit-input-placeholder, div.mud-input-slot.mud-input-root::-webkit-input-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > input.mud-input-root:-moz-placeholder, div.mud-input-slot.mud-input-root:-moz-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > input.mud-input-root::-moz-placeholder, div.mud-input-slot.mud-input-root::-moz-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > input.mud-input-root:-ms-input-placeholder, div.mud-input-slot.mud-input-root:-ms-input-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > input.mud-input-root::-ms-input-placeholder, div.mud-input-slot.mud-input-root::-ms-input-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > input.mud-input-root.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-margin-dense {
        padding-top: 3px;
    }

    .mud-input > input.mud-input-root.mud-input-root-multiline, div.mud-input-slot.mud-input-root.mud-input-root-multiline {
        height: auto;
        resize: none;
        padding: 0;
    }

    .mud-input > input.mud-input-root.mud-input-root-type-search, div.mud-input-slot.mud-input-root.mud-input-root-type-search {
        -moz-appearance: textfield;
        -webkit-appearance: textfield;
    }

    .mud-input > input.mud-input-root:focus, div.mud-input-slot.mud-input-root:focus {
        outline: 0;
    }

    .mud-input > input.mud-input-root:invalid, div.mud-input-slot.mud-input-root:invalid {
        box-shadow: none;
    }

    .mud-input > input.mud-input-root:disabled, div.mud-input-slot.mud-input-root:disabled {
        opacity: 1;
    }

    .mud-input > input.mud-input-root.mud-input-root-filled, div.mud-input-slot.mud-input-root.mud-input-root-filled {
        padding: 27px 12px 10px;
    }

        .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense {
            padding-top: 23px;
            padding-bottom: 6px;
        }

        .mud-input > input.mud-input-root.mud-input-root-filled:-webkit-autofill, div.mud-input-slot.mud-input-root.mud-input-root-filled:-webkit-autofill {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit;
        }

        .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label {
            padding-top: 18px;
            padding-bottom: 19px;
        }

            .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense {
                padding-top: 10px;
                padding-bottom: 11px;
            }

        .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-multiline, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-multiline {
            padding: 0;
        }

        .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start {
            padding-left: 0;
            padding-inline-start: 0;
            padding-inline-end: 12px;
        }

        .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end {
            padding-right: 0;
            padding-inline-end: 0;
            padding-inline-start: 12px;
        }

.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
    padding: 18.5px 14px;
}

    .mud-input > input.mud-input-root-outlined.mud-input-root:-webkit-autofill, div.mud-input-slot.mud-input-root-outlined.mud-input-root:-webkit-autofill {
        border-radius: inherit;
    }

    .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
        padding-top: 10.5px;
        padding-bottom: 10.5px;
    }

    .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-start, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start {
        padding-left: 0;
        padding-inline-start: 0;
        padding-inline-end: 14px;
    }

    .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
        padding-right: 0;
        padding-inline-end: 0;
        padding-inline-start: 14px;
    }

.mud-input > input::-ms-reveal, .mud-input > input::-ms-clear, div.mud-input-slot::-ms-reveal, div.mud-input-slot::-ms-clear {
    display: none !important;
}

.mud-input > textarea.mud-input-root {
    font: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    height: auto;
    margin: 6px 0 7px;
    padding: 0;
    display: block;
    min-width: 0;
    background: none;
    position: relative;
    box-sizing: content-box;
    letter-spacing: inherit;
    -webkit-tap-highlight-color: transparent;
    height: auto;
    resize: none;
    cursor: auto;
}

    .mud-input > textarea.mud-input-root::placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > textarea.mud-input-root::-webkit-input-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > textarea.mud-input-root:-moz-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > textarea.mud-input-root::-moz-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > textarea.mud-input-root:-ms-input-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > textarea.mud-input-root::-ms-input-placeholder {
        color: currentColor;
        opacity: .42;
        transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
    }

    .mud-input > textarea.mud-input-root.mud-input-root-margin-dense {
        margin-top: 3px;
    }

    .mud-input > textarea.mud-input-root.mud-input-root-type-search {
        -moz-appearance: textfield;
        -webkit-appearance: textfield;
    }

    .mud-input > textarea.mud-input-root:focus {
        outline: 0;
    }

    .mud-input > textarea.mud-input-root:invalid {
        box-shadow: none;
    }

    .mud-input > textarea.mud-input-root:disabled {
        opacity: 1;
    }

    .mud-input > textarea.mud-input-root.mud-input-root-filled {
        margin: 27px 12px 10px;
    }

        .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense {
            margin-top: 23px;
            margin-bottom: 6px;
        }

        .mud-input > textarea.mud-input-root.mud-input-root-filled:-webkit-autofill {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit;
        }

        .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label {
            margin-top: 18px;
            margin-bottom: 19px;
        }

            .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense {
                margin-top: 10px;
                margin-bottom: 11px;
            }

        .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start {
            margin-left: 0;
            margin-inline-start: 0;
            margin-inline-end: 12px;
        }

        .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end {
            margin-right: 0;
            margin-inline-end: unset;
            margin-inline-start: 12px;
        }

    .mud-input > textarea.mud-input-root::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        z-index: 1;
        cursor: crosshair;
    }

    .mud-input > textarea.mud-input-root::-webkit-scrollbar-thumb {
        background: var(--mud-palette-lines-inputs);
        border-radius: 1px;
    }

    .mud-input > textarea.mud-input-root::-webkit-scrollbar-track {
        background: transparent;
    }

.mud-input > textarea.mud-input-root-outlined {
    margin: 18.5px 14px;
}

    .mud-input > textarea.mud-input-root-outlined.mud-input-root:-webkit-autofill {
        border-radius: inherit;
    }

    .mud-input > textarea.mud-input-root-outlined.mud-input-root-margin-dense {
        margin-top: 10.5px;
        margin-bottom: 10.5px;
    }

    .mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-start {
        margin-left: 0;
        margin-inline-start: 0;
        margin-inline-end: 14px;
    }

    .mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-end {
        margin-right: 0;
        margin-inline-end: 0;
        margin-inline-start: 14px;
    }

.mud-input-adornment {
    height: .01em;
    display: flex;
    max-height: 2em;
    align-items: center;
    white-space: nowrap;
}

.mud-input-adornment-start.mud-input-root-filled-shrink {
    margin-top: 16px;
}

.mud-input-adornment-start {
    margin-right: 8px;
    margin-inline-end: 8px;
    margin-inline-start: unset;
}

.mud-input-adornment-end {
    margin-left: 8px;
    margin-inline-start: 8px;
    margin-inline-end: unset;
}

.mud-input-number-control.mud-input-showspin .mud-input-adornment-end {
    margin-right: 12px;
    margin-inline-end: 12px;
    margin-inline-start: unset;
}

.mud-input-number-control.mud-input-showspin .mud-input-underline:not(.mud-input-filled) .mud-input-adornment-end {
    margin-right: 24px;
    margin-inline-end: 24px;
    margin-inline-start: unset;
}

.mud-input-adornment-disable-pointerevents {
    pointer-events: none;
}

.mud-range-input-separator {
    visibility: hidden;
    margin: 0 4px;
}

.mud-input:focus-within .mud-range-input-separator {
    visibility: visible;
}

.mud-picker .mud-shrink .mud-range-input-separator {
    visibility: visible;
}

.mud-input-control {
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex: 1 1 auto;
    max-width: 100%;
    position: relative;
    flex-direction: column;
    vertical-align: top;
    margin-top: 6px;
}

    .mud-input-control.mud-input-control-margin-normal {
        margin-top: 16px;
        margin-bottom: 8px;
    }

    .mud-input-control.mud-input-control-margin-dense {
        margin-top: 3px;
        margin-bottom: 2px;
    }

    .mud-input-control.mud-input-control-full-width {
        width: 100%;
    }

    .mud-input-control.mud-input-control-boolean-input {
        flex: none;
        margin: 0;
    }

    .mud-input-control > .mud-input-control-input-container {
        position: relative;
        display: flex;
        flex-direction: column;
    }

        .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
            margin-top: 16px;
        }

        .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
            line-height: 18px;
        }

        .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
            color: var(--mud-palette-text-secondary);
            padding: 0;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1;
            letter-spacing: .00938em;
            z-index: 0;
            pointer-events: none;
        }

            .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled {
                color: var(--mud-palette-text-disabled);
            }

            .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-error {
                color: var(--mud-palette-error) !important;
            }

    .mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
        content: "*";
    }

    .mud-input-control.mud-input-number-control input::-webkit-outer-spin-button, .mud-input-control.mud-input-number-control input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .mud-input-control.mud-input-number-control input[type=number] {
        -moz-appearance: textfield;
    }

    .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input {
        padding-right: 24px;
        padding-inline-end: 24px;
    }

        .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input.mud-input-root-margin-dense {
            padding-right: 20px;
            padding-inline-end: 20px;
        }

    .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input {
        padding-inline-start: 0;
    }

        .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input.mud-input-root-margin-dense {
            padding-inline-start: 0;
        }

    .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input {
        padding-inline-start: 12px;
    }

        .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input.mud-input-root-margin-dense {
            padding-inline-start: 12px;
        }

    .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input {
        padding-inline-start: 14px;
    }

        .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input.mud-input-root-margin-dense {
            padding-inline-start: 14px;
        }

    .mud-input-control.mud-input-number-control .mud-input-numeric-spin {
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

        .mud-input-control.mud-input-number-control .mud-input-numeric-spin button {
            padding: 2px;
            min-width: unset;
            min-height: unset;
        }

        .mud-input-control.mud-input-number-control .mud-input-numeric-spin button {
            padding: 2px 0;
        }

.mud-input-control-helper-container {
    overflow: hidden;
    margin-top: 3px;
}

.mud-input-helper-text {
    color: var(--mud-palette-text-secondary);
    margin: 0;
    font-size: .75rem;
    text-align: start;
    font-weight: 400;
    line-height: 1.66;
    letter-spacing: .03333em;
}

    .mud-input-helper-text.mud-input-helper-onfocus {
        transform: translateY(-100%);
        transition: color 200ms cubic-bezier(0,0,.2,1) 0ms,transform 200ms cubic-bezier(0,0,.2,1) 0ms;
    }

.mud-input-control:focus-within .mud-input-helper-text.mud-input-helper-onfocus, .mud-input-control.mud-input-error .mud-input-helper-text.mud-input-helper-onfocus {
    transform: translateY(0);
}

.mud-input-helper-text.mud-disabled {
    color: var(--mud-palette-text-disabled);
}

.mud-input-helper-text.mud-input-error {
    color: var(--mud-palette-error) !important;
}

.mud-input-helper-text-margin-dense {
    margin-top: 4px;
}

.mud-input-helper-text-contained {
    margin-left: 14px;
    margin-right: 14px;
}

.mud-application-layout-rtl .mud-input-control.mud-input-number-control .mud-input-numeric-spin {
    left: 0;
    right: unset;
}

.mud-input-label {
    display: block;
    transform-origin: top left;
}

.mud-input-label-inputcontrol {
    top: 0;
    left: 0;
    position: absolute;
    transform: translate(0,24px) scale(1);
}

.mud-input-label-margindense {
    transform: translate(0,21px) scale(1);
}

.mud-input-label-shrink {
    transform: translate(0,1.5px) scale(.75);
    transform-origin: top left;
}

.mud-input-label-animated {
    transition: color 200ms cubic-bezier(0,0,.2,1) 0ms,transform 200ms cubic-bezier(0,0,.2,1) 0ms;
}

.mud-input-label-filled {
    z-index: 1;
    transform: translate(12px,20px) scale(1);
    pointer-events: none;
}

    .mud-input-label-filled.mud-input-label-margin-dense {
        transform: translate(12px,17px) scale(1);
    }

.mud-input-label-outlined {
    transform: translate(14px,20px) scale(1);
    pointer-events: none;
    background-color: var(--mud-palette-surface);
    padding: 0 5px !important;
}

    .mud-input-label-outlined.mud-input-label-margin-dense {
        transform: translate(14px,12px) scale(1);
    }

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--mud-palette-text-primary);
}

.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--mud-palette-primary);
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    transform: translate(0,1.5px) scale(.75);
    transform-origin: top left;
}

    .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled {
        transform: translate(12px,10px) scale(.75);
    }

        .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense {
            transform: translate(12px,7px) scale(.75);
        }

    .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
        transform: translate(14px,-6px) scale(.75);
    }

    .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-error {
        color: var(--mud-palette-error);
    }

.mud-application-layout-rtl .mud-input-label {
    transform-origin: top right;
}

.mud-application-layout-rtl .mud-input-label-inputcontrol {
    left: unset;
    right: 0;
}

.mud-application-layout-rtl .mud-input-label-shrink {
    transform-origin: top right;
}

.mud-application-layout-rtl .mud-input-label-filled {
    transform: translate(-12px,20px) scale(1);
}

    .mud-application-layout-rtl .mud-input-label-filled.mud-input-label-margin-dense {
        transform: translate(-12px,17px) scale(1);
    }

.mud-application-layout-rtl .mud-input-label-outlined {
    transform: translate(-14px,20px) scale(1);
}

    .mud-application-layout-rtl .mud-input-label-outlined.mud-input-label-margin-dense {
        transform: translate(-14px,12px) scale(1);
    }

.mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    transform-origin: top right;
}

    .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled {
        transform: translate(-12px,10px) scale(.75);
    }

        .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense {
            transform: translate(-12px,7px) scale(.75);
        }

    .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
        transform: translate(-14px,-6px) scale(.75);
    }

.mud-image.fluid {
    max-width: 100%;
    height: auto;
}

.mud-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    display: flex;
    position: fixed;
    transition: .3s cubic-bezier(.25,.8,.5,1),z-index 1ms;
    z-index: 5;
}

    .mud-overlay.mud-overlay-absolute {
        position: absolute;
    }

    .mud-overlay .mud-overlay-scrim {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: inherit;
        position: absolute;
        height: 100%;
        width: 100%;
        border-color: transparent;
        background-color: transparent;
        animation: mud-animation-fadein ease .15s;
        -webkit-animation: mud-animation-fadein ease .15s;
        -moz-animation: mud-animation-fadein ease .15s;
        -o-animation: mud-animation-fadein ease .15s;
    }

        .mud-overlay .mud-overlay-scrim.mud-overlay-dark {
            border-color: var(--mud-palette-overlay-dark);
            background-color: var(--mud-palette-overlay-dark);
        }

        .mud-overlay .mud-overlay-scrim.mud-overlay-light {
            border-color: var(--mud-palette-overlay-light);
            background-color: var(--mud-palette-overlay-light);
        }

        .mud-overlay .mud-overlay-scrim:hover {
            cursor: default;
        }

    .mud-overlay .mud-overlay-content {
        position: relative;
    }

    .mud-overlay.mud-overlay-popover {
        z-index: var(--mud-zindex-popover);
    }

    .mud-overlay.mud-overlay-dialog {
        z-index: calc(var(--mud-zindex-dialog) + 1);
    }

    .mud-overlay.mud-overlay-drawer {
        z-index: calc(var(--mud-zindex-appbar) + 1);
    }

.mud-treeview {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
}

    .mud-treeview.mud-treeview-selected-primary .mud-treeview-item-content.mud-treeview-item-selected {
        color: var(--mud-palette-primary);
        background-color: var(--mud-palette-primary-hover);
    }

    .mud-treeview.mud-treeview-selected-secondary .mud-treeview-item-content.mud-treeview-item-selected {
        color: var(--mud-palette-secondary);
        background-color: var(--mud-palette-secondary-hover);
    }

    .mud-treeview.mud-treeview-selected-tertiary .mud-treeview-item-content.mud-treeview-item-selected {
        color: var(--mud-palette-tertiary);
        background-color: var(--mud-palette-tertiary-hover);
    }

    .mud-treeview.mud-treeview-selected-info .mud-treeview-item-content.mud-treeview-item-selected {
        color: var(--mud-palette-info);
        background-color: var(--mud-palette-info-hover);
    }

    .mud-treeview.mud-treeview-selected-success .mud-treeview-item-content.mud-treeview-item-selected {
        color: var(--mud-palette-success);
        background-color: var(--mud-palette-success-hover);
    }

    .mud-treeview.mud-treeview-selected-warning .mud-treeview-item-content.mud-treeview-item-selected {
        color: var(--mud-palette-warning);
        background-color: var(--mud-palette-warning-hover);
    }

    .mud-treeview.mud-treeview-selected-error .mud-treeview-item-content.mud-treeview-item-selected {
        color: var(--mud-palette-error);
        background-color: var(--mud-palette-error-hover);
    }

    .mud-treeview.mud-treeview-selected-dark .mud-treeview-item-content.mud-treeview-item-selected {
        color: var(--mud-palette-dark);
        background-color: var(--mud-palette-dark-hover);
    }

    .mud-treeview.mud-treeview-checked-primary .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
        color: var(--mud-palette-primary);
    }

    .mud-treeview.mud-treeview-checked-secondary .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
        color: var(--mud-palette-secondary);
    }

    .mud-treeview.mud-treeview-checked-tertiary .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
        color: var(--mud-palette-tertiary);
    }

    .mud-treeview.mud-treeview-checked-info .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
        color: var(--mud-palette-info);
    }

    .mud-treeview.mud-treeview-checked-success .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
        color: var(--mud-palette-success);
    }

    .mud-treeview.mud-treeview-checked-warning .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
        color: var(--mud-palette-warning);
    }

    .mud-treeview.mud-treeview-checked-error .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
        color: var(--mud-palette-error);
    }

    .mud-treeview.mud-treeview-checked-dark .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
        color: var(--mud-palette-dark);
    }

.mud-treeview-group {
    margin: 0;
    padding: 0;
    margin-left: 17px;
    margin-inline-start: 17px;
    margin-inline-end: unset;
    list-style: none;
}

.mud-treeview-item {
    margin: 0;
    outline: 0;
    padding: 0;
    cursor: default;
    list-style: none;
    min-height: 2rem;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
}

    .mud-treeview-item .mud-treeview-item-arrow .mud-icon-button, .mud-treeview-item .mud-treeview-item-checkbox .mud-icon-button {
        padding: 4px;
    }

.mud-treeview-item-content {
    width: 100%;
    display: flex;
    padding: 4px 8px;
    align-items: center;
    transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
}

.mud-treeview-hover .mud-treeview-item-content:hover {
    background-color: var(--mud-palette-action-default-hover);
}

.mud-treeview-item-arrow {
    width: 2rem;
    display: flex;
    flex-shrink: 0;
    margin: 0 4px;
    min-height: 32px;
    justify-content: center;
}

    .mud-treeview-item-arrow .mud-treeview-item-arrow-expand {
        transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s;
    }

        .mud-treeview-item-arrow .mud-treeview-item-arrow-expand.mud-transform {
            transform: rotate(90deg);
        }

    .mud-treeview-item-arrow .mud-treeview-item-arrow-load {
        animation: rotation 1s infinite linear;
    }

.mud-treeview-item-icon {
    width: 32px;
    display: flex;
    flex-shrink: 0;
    margin-right: 4px;
    margin-inline-end: 4px;
    margin-inline-start: unset;
    justify-content: center;
}

.mud-treeview-item-label {
    flex-grow: 1;
    padding-left: 4px;
    padding-right: 4px;
}

.mud-treeview-dense .mud-treeview-item {
    min-height: unset;
}

.mud-treeview-dense .mud-treeview-item-content {
    padding: 1px 4px;
}

.mud-treeview-dense .mud-treeview-item-arrow {
    min-height: unset;
}

.mud-treeview-dense .mud-icon-button {
    padding: 0;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.mud-application-layout-rtl .mud-treeview-item-arrow {
    transform: scaleX(-1);
}

.mud-data-grid th {
    position: relative;
}

.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input-control {
    margin: 0 !important;
}

.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input {
    font-size: inherit;
}

    .mud-data-grid .mud-table-cell.edit-mode-cell .mud-input:before {
        content: none;
    }

.mud-data-grid .mud-table-cell.edit-mode-cell .mud-inputafter {
    content: none;
}

.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input .mud-input-outlined-border {
    border: none;
}

.mud-data-grid .mud-table-cell.filter-header-cell {
    padding: 6px 24px 6px 16px;
    padding-inline-start: 16px;
    padding-inline-end: 24px;
}

.mud-data-grid .mud-table-cell.sticky-left {
    left: 0;
    position: sticky;
    background-color: var(--mud-palette-background-grey);
    z-index: 1;
}

.mud-data-grid .mud-table-cell.sticky-right {
    right: 0;
    position: sticky;
    background-color: var(--mud-palette-background-grey);
    z-index: 1;
}

.mud-data-grid .mud-table-cell .mud-input-text {
    margin-top: 0 !important;
}

.mud-data-grid .mud-table-cell .column-header {
    display: flex;
    justify-content: space-between;
}

    .mud-data-grid .mud-table-cell .column-header .sortable-column-header {
        width: 100%;
    }

    .mud-data-grid .mud-table-cell .column-header:hover .column-options .sort-direction-icon, .mud-data-grid .mud-table-cell .column-header:hover .column-options .column-options-icon {
        opacity: .8;
        color: var(--mud-palette-action-default);
    }

    .mud-data-grid .mud-table-cell .column-header:hover .column-options .mud-menu .mud-icon-button-label {
        opacity: 1;
        color: var(--mud-palette-action-default);
    }

    .mud-data-grid .mud-table-cell .column-header .column-options {
        display: inline-flex;
        align-items: center;
        flex-direction: inherit;
        justify-content: flex-start;
    }

    .mud-data-grid .mud-table-cell .column-header .sort-direction-icon {
        font-size: 18px;
        margin-left: 4px;
        margin-left: 4px;
        margin-inline-start: 4px;
        margin-inline-end: unset;
        user-select: none;
        transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms;
        opacity: 0;
    }

        .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-desc {
            opacity: 1;
            transform: rotate(180deg);
        }

        .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-asc {
            opacity: 1;
            transform: rotate(0deg);
        }

    .mud-data-grid .mud-table-cell .column-header .mud-sort-index {
        transform: scale(.9) translate(-2px,-2px);
    }

    .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label {
        user-select: none;
        transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms;
        opacity: 0;
    }

.mud-data-grid .mud-table-cell .mud-resizer {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    cursor: col-resize;
    user-select: none;
}

    .mud-data-grid .mud-table-cell .mud-resizer:hover, .mud-data-grid .mud-table-cell .mud-resizing {
        border-right: 2px solid var(--mud-palette-primary);
    }

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-t-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-r-0, .rounded-e-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-b-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-l-0, .rounded-s-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-tl-0, .rounded-ts-0 {
    border-top-left-radius: 0 !important;
}

.rounded-tr-0, .rounded-te-0 {
    border-top-right-radius: 0 !important;
}

.rounded-br-0, .rounded-be-0 {
    border-bottom-right-radius: 0 !important;
}

.rounded-bl-0, .rounded-bs-0 {
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-s-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-e-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-ts-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-te-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-bs-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-be-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-sm {
    border-radius: 2px !important;
}

.rounded-t-sm {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
}

.rounded-r-sm, .rounded-e-sm {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.rounded-b-sm {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

.rounded-l-sm, .rounded-s-sm {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

.rounded-tl-sm, .rounded-ts-sm {
    border-top-left-radius: 2px !important;
}

.rounded-tr-sm, .rounded-te-sm {
    border-top-right-radius: 2px !important;
}

.rounded-br-sm, .rounded-be-sm {
    border-bottom-right-radius: 2px !important;
}

.rounded-bl-sm, .rounded-bs-sm {
    border-bottom-left-radius: 2px !important;
}

.mud-application-layout-rtl .rounded-s-sm {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-e-sm {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-ts-sm {
    border-top-right-radius: 2px !important;
    border-top-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-te-sm {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-bs-sm {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-be-sm {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-lg {
    border-radius: 8px !important;
}

.rounded-t-lg {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.rounded-r-lg, .rounded-e-lg {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.rounded-b-lg {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.rounded-l-lg, .rounded-s-lg {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.rounded-tl-lg, .rounded-ts-lg {
    border-top-left-radius: 8px !important;
}

.rounded-tr-lg, .rounded-te-lg {
    border-top-right-radius: 8px !important;
}

.rounded-br-lg, .rounded-be-lg {
    border-bottom-right-radius: 8px !important;
}

.rounded-bl-lg, .rounded-bs-lg {
    border-bottom-left-radius: 8px !important;
}

.mud-application-layout-rtl .rounded-s-lg {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-e-lg {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-ts-lg {
    border-top-right-radius: 8px !important;
    border-top-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-te-lg {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-bs-lg {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-be-lg {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-xl {
    border-radius: 24px !important;
}

.rounded-t-xl {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important;
}

.rounded-r-xl, .rounded-e-xl {
    border-top-right-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
}

.rounded-b-xl {
    border-bottom-right-radius: 24px !important;
    border-bottom-left-radius: 24px !important;
}

.rounded-l-xl, .rounded-s-xl {
    border-top-left-radius: 24px !important;
    border-bottom-left-radius: 24px !important;
}

.rounded-tl-xl, .rounded-ts-xl {
    border-top-left-radius: 24px !important;
}

.rounded-tr-xl, .rounded-te-xl {
    border-top-right-radius: 24px !important;
}

.rounded-br-xl, .rounded-be-xl {
    border-bottom-right-radius: 24px !important;
}

.rounded-bl-xl, .rounded-bs-xl {
    border-bottom-left-radius: 24px !important;
}

.mud-application-layout-rtl .rounded-s-xl {
    border-top-right-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-e-xl {
    border-top-left-radius: 24px !important;
    border-bottom-left-radius: 24px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-ts-xl {
    border-top-right-radius: 24px !important;
    border-top-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-te-xl {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-bs-xl {
    border-bottom-right-radius: 24px !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-be-xl {
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 0 !important;
}

.rounded {
    border-radius: var(--mud-default-borderradius) !important;
}

.rounded-t {
    border-top-left-radius: var(--mud-default-borderradius) !important;
    border-top-right-radius: var(--mud-default-borderradius) !important;
}

.rounded-r, .rounded-e {
    border-top-right-radius: var(--mud-default-borderradius) !important;
    border-bottom-right-radius: var(--mud-default-borderradius) !important;
}

.rounded-b {
    border-bottom-right-radius: var(--mud-default-borderradius) !important;
    border-bottom-left-radius: var(--mud-default-borderradius) !important;
}

.rounded-l, .rounded-s {
    border-top-left-radius: var(--mud-default-borderradius) !important;
    border-bottom-left-radius: var(--mud-default-borderradius) !important;
}

.rounded-tl, .rounded-ts {
    border-top-left-radius: var(--mud-default-borderradius) !important;
}

.rounded-tr, .rounded-te {
    border-top-right-radius: var(--mud-default-borderradius) !important;
}

.rounded-br, .rounded-be {
    border-bottom-right-radius: var(--mud-default-borderradius) !important;
}

.rounded-bl, .rounded-bs {
    border-bottom-left-radius: var(--mud-default-borderradius) !important;
}

.mud-application-layout-rtl .rounded-s {
    border-top-right-radius: var(--mud-default-borderradius) !important;
    border-bottom-right-radius: var(--mud-default-borderradius) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-e {
    border-top-left-radius: var(--mud-default-borderradius) !important;
    border-bottom-left-radius: var(--mud-default-borderradius) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-ts {
    border-top-right-radius: var(--mud-default-borderradius) !important;
    border-top-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-te {
    border-top-left-radius: var(--mud-default-borderradius) !important;
    border-top-right-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-bs {
    border-bottom-right-radius: var(--mud-default-borderradius) !important;
    border-bottom-left-radius: 0 !important;
}

.mud-application-layout-rtl .rounded-be {
    border-bottom-left-radius: var(--mud-default-borderradius) !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 9999px !important;
}

.border-solid {
    border-style: solid !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-double {
    border-style: double !important;
}

.border-hidden {
    border-style: hidden !important;
}

.border-none {
    border-style: none !important;
}

.border-0 {
    border-width: 0 !important;
}

.border-t-0 {
    border-top-width: 0 !important;
}

.border-r-0 {
    border-right-width: 0 !important;
}

.border-b-0 {
    border-bottom-width: 0 !important;
}

.border-l-0 {
    border-left-width: 0 !important;
}

.border-x-0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

.border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

.border {
    border-width: 1px !important;
}

.border-t {
    border-top-width: 1px !important;
}

.border-r {
    border-right-width: 1px !important;
}

.border-b {
    border-bottom-width: 1px !important;
}

.border-l {
    border-left-width: 1px !important;
}

.border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-t-2 {
    border-top-width: 2px !important;
}

.border-r-2 {
    border-right-width: 2px !important;
}

.border-b-2 {
    border-bottom-width: 2px !important;
}

.border-l-2 {
    border-left-width: 2px !important;
}

.border-x-2 {
    border-left-width: 2px !important;
    border-right-width: 2px !important;
}

.border-y-2 {
    border-top-width: 2px !important;
    border-bottom-width: 2px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-t-4 {
    border-top-width: 4px !important;
}

.border-r-4 {
    border-right-width: 4px !important;
}

.border-b-4 {
    border-bottom-width: 4px !important;
}

.border-l-4 {
    border-left-width: 4px !important;
}

.border-x-4 {
    border-left-width: 4px !important;
    border-right-width: 4px !important;
}

.border-y-4 {
    border-top-width: 4px !important;
    border-bottom-width: 4px !important;
}

.border-8 {
    border-width: 8px !important;
}

.border-t-8 {
    border-top-width: 8px !important;
}

.border-r-8 {
    border-right-width: 8px !important;
}

.border-b-8 {
    border-bottom-width: 8px !important;
}

.border-l-8 {
    border-left-width: 8px !important;
}

.border-x-8 {
    border-left-width: 8px !important;
    border-right-width: 8px !important;
}

.border-y-8 {
    border-top-width: 8px !important;
    border-bottom-width: 8px !important;
}

.outline-none {
    outline-style: none;
}

.outline-solid {
    outline-style: solid;
}

.outline-dashed {
    outline-style: dashed;
}

.outline-dotted {
    outline-style: dotted;
}

.outline-double {
    outline-style: double;
}

.outline-hidden {
    outline-style: hidden;
}

.flex-1 {
    flex: 1 1 0% !important;
}

.flex-auto {
    flex: 1 1 auto !important;
}

.flex-initial {
    flex: 0 1 auto !important;
}

.flex-none {
    flex: none !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-start {
    justify-content: flex-start !important;
}

.justify-end {
    justify-content: flex-end !important;
}

.justify-center {
    justify-content: center !important;
}

.justify-space-between {
    justify-content: space-between !important;
}

.justify-space-around {
    justify-content: space-around !important;
}

.justify-space-evenly {
    justify-content: space-evenly !important;
}

.order-first {
    order: -9999 !important;
}

.order-last {
    order: 9999 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-6 {
    order: 6 !important;
}

.order-7 {
    order: 7 !important;
}

.order-8 {
    order: 8 !important;
}

.order-9 {
    order: 9 !important;
}

.order-10 {
    order: 10 !important;
}

.order-11 {
    order: 11 !important;
}

.order-12 {
    order: 12 !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-space-between {
    align-content: space-between !important;
}

.align-content-space-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-start {
    align-items: flex-start !important;
}

.align-end {
    align-items: flex-end !important;
}

.align-center {
    align-items: center !important;
}

.align-baseline {
    align-items: baseline !important;
}

.align-stretch {
    align-items: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.gap-0 {
    gap: 0;
}

.gap-x-0 {
    column-gap: 0;
}

.gap-y-0 {
    row-gap: 0;
}

.gap-1 {
    gap: 4px;
}

.gap-x-1 {
    column-gap: 4px;
}

.gap-y-1 {
    row-gap: 4px;
}

.gap-2 {
    gap: 8px;
}

.gap-x-2 {
    column-gap: 8px;
}

.gap-y-2 {
    row-gap: 8px;
}

.gap-3 {
    gap: 12px;
}

.gap-x-3 {
    column-gap: 12px;
}

.gap-y-3 {
    row-gap: 12px;
}

.gap-4 {
    gap: 16px;
}

.gap-x-4 {
    column-gap: 16px;
}

.gap-y-4 {
    row-gap: 16px;
}

.gap-5 {
    gap: 20px;
}

.gap-x-5 {
    column-gap: 20px;
}

.gap-y-5 {
    row-gap: 20px;
}

.gap-6 {
    gap: 24px;
}

.gap-x-6 {
    column-gap: 24px;
}

.gap-y-6 {
    row-gap: 24px;
}

.gap-7 {
    gap: 28px;
}

.gap-x-7 {
    column-gap: 28px;
}

.gap-y-7 {
    row-gap: 28px;
}

.gap-8 {
    gap: 32px;
}

.gap-x-8 {
    column-gap: 32px;
}

.gap-y-8 {
    row-gap: 32px;
}

.gap-9 {
    gap: 36px;
}

.gap-x-9 {
    column-gap: 36px;
}

.gap-y-9 {
    row-gap: 36px;
}

.gap-10 {
    gap: 40px;
}

.gap-x-10 {
    column-gap: 40px;
}

.gap-y-10 {
    row-gap: 40px;
}

.gap-11 {
    gap: 44px;
}

.gap-x-11 {
    column-gap: 44px;
}

.gap-y-11 {
    row-gap: 44px;
}

.gap-12 {
    gap: 48px;
}

.gap-x-12 {
    column-gap: 48px;
}

.gap-y-12 {
    row-gap: 48px;
}

.gap-13 {
    gap: 52px;
}

.gap-x-13 {
    column-gap: 52px;
}

.gap-y-13 {
    row-gap: 52px;
}

.gap-14 {
    gap: 56px;
}

.gap-x-14 {
    column-gap: 56px;
}

.gap-y-14 {
    row-gap: 56px;
}

.gap-15 {
    gap: 60px;
}

.gap-x-15 {
    column-gap: 60px;
}

.gap-y-15 {
    row-gap: 60px;
}

.gap-16 {
    gap: 64px;
}

.gap-x-16 {
    column-gap: 64px;
}

.gap-y-16 {
    row-gap: 64px;
}

@media(min-width:600px) {
    .flex-sm-1 {
        flex: 1 1 0% !important;
    }

    .flex-sm-auto {
        flex: 1 1 auto !important;
    }

    .flex-sm-initial {
        flex: 0 1 auto !important;
    }

    .flex-sm-none {
        flex: none !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-sm-start {
        justify-content: flex-start !important;
    }

    .justify-sm-end {
        justify-content: flex-end !important;
    }

    .justify-sm-center {
        justify-content: center !important;
    }

    .justify-sm-space-between {
        justify-content: space-between !important;
    }

    .justify-sm-space-around {
        justify-content: space-around !important;
    }

    .justify-sm-space-evenly {
        justify-content: space-evenly !important;
    }

    .order-sm-first {
        order: -9999 !important;
    }

    .order-sm-last {
        order: 9999 !important;
    }

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-6 {
        order: 6 !important;
    }

    .order-sm-7 {
        order: 7 !important;
    }

    .order-sm-8 {
        order: 8 !important;
    }

    .order-sm-9 {
        order: 9 !important;
    }

    .order-sm-10 {
        order: 10 !important;
    }

    .order-sm-11 {
        order: 11 !important;
    }

    .order-sm-12 {
        order: 12 !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-space-between {
        align-content: space-between !important;
    }

    .align-content-sm-space-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-sm-start {
        align-items: flex-start !important;
    }

    .align-sm-end {
        align-items: flex-end !important;
    }

    .align-sm-center {
        align-items: center !important;
    }

    .align-sm-baseline {
        align-items: baseline !important;
    }

    .align-sm-stretch {
        align-items: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .gap-sm-0 {
        gap: 0;
    }

    .gap-x-sm-0 {
        column-gap: 0;
    }

    .gap-y-sm-0 {
        row-gap: 0;
    }

    .gap-sm-1 {
        gap: 4px;
    }

    .gap-x-sm-1 {
        column-gap: 4px;
    }

    .gap-y-sm-1 {
        row-gap: 4px;
    }

    .gap-sm-2 {
        gap: 8px;
    }

    .gap-x-sm-2 {
        column-gap: 8px;
    }

    .gap-y-sm-2 {
        row-gap: 8px;
    }

    .gap-sm-3 {
        gap: 12px;
    }

    .gap-x-sm-3 {
        column-gap: 12px;
    }

    .gap-y-sm-3 {
        row-gap: 12px;
    }

    .gap-sm-4 {
        gap: 16px;
    }

    .gap-x-sm-4 {
        column-gap: 16px;
    }

    .gap-y-sm-4 {
        row-gap: 16px;
    }

    .gap-sm-5 {
        gap: 20px;
    }

    .gap-x-sm-5 {
        column-gap: 20px;
    }

    .gap-y-sm-5 {
        row-gap: 20px;
    }

    .gap-sm-6 {
        gap: 24px;
    }

    .gap-x-sm-6 {
        column-gap: 24px;
    }

    .gap-y-sm-6 {
        row-gap: 24px;
    }

    .gap-sm-7 {
        gap: 28px;
    }

    .gap-x-sm-7 {
        column-gap: 28px;
    }

    .gap-y-sm-7 {
        row-gap: 28px;
    }

    .gap-sm-8 {
        gap: 32px;
    }

    .gap-x-sm-8 {
        column-gap: 32px;
    }

    .gap-y-sm-8 {
        row-gap: 32px;
    }

    .gap-sm-9 {
        gap: 36px;
    }

    .gap-x-sm-9 {
        column-gap: 36px;
    }

    .gap-y-sm-9 {
        row-gap: 36px;
    }

    .gap-sm-10 {
        gap: 40px;
    }

    .gap-x-sm-10 {
        column-gap: 40px;
    }

    .gap-y-sm-10 {
        row-gap: 40px;
    }

    .gap-sm-11 {
        gap: 44px;
    }

    .gap-x-sm-11 {
        column-gap: 44px;
    }

    .gap-y-sm-11 {
        row-gap: 44px;
    }

    .gap-sm-12 {
        gap: 48px;
    }

    .gap-x-sm-12 {
        column-gap: 48px;
    }

    .gap-y-sm-12 {
        row-gap: 48px;
    }

    .gap-sm-13 {
        gap: 52px;
    }

    .gap-x-sm-13 {
        column-gap: 52px;
    }

    .gap-y-sm-13 {
        row-gap: 52px;
    }

    .gap-sm-14 {
        gap: 56px;
    }

    .gap-x-sm-14 {
        column-gap: 56px;
    }

    .gap-y-sm-14 {
        row-gap: 56px;
    }

    .gap-sm-15 {
        gap: 60px;
    }

    .gap-x-sm-15 {
        column-gap: 60px;
    }

    .gap-y-sm-15 {
        row-gap: 60px;
    }

    .gap-sm-16 {
        gap: 64px;
    }

    .gap-x-sm-16 {
        column-gap: 64px;
    }

    .gap-y-sm-16 {
        row-gap: 64px;
    }
}

@media(min-width:960px) {
    .flex-md-1 {
        flex: 1 1 0% !important;
    }

    .flex-md-auto {
        flex: 1 1 auto !important;
    }

    .flex-md-initial {
        flex: 0 1 auto !important;
    }

    .flex-md-none {
        flex: none !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-md-start {
        justify-content: flex-start !important;
    }

    .justify-md-end {
        justify-content: flex-end !important;
    }

    .justify-md-center {
        justify-content: center !important;
    }

    .justify-md-space-between {
        justify-content: space-between !important;
    }

    .justify-md-space-around {
        justify-content: space-around !important;
    }

    .justify-md-space-evenly {
        justify-content: space-evenly !important;
    }

    .order-md-first {
        order: -9999 !important;
    }

    .order-md-last {
        order: 9999 !important;
    }

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-6 {
        order: 6 !important;
    }

    .order-md-7 {
        order: 7 !important;
    }

    .order-md-8 {
        order: 8 !important;
    }

    .order-md-9 {
        order: 9 !important;
    }

    .order-md-10 {
        order: 10 !important;
    }

    .order-md-11 {
        order: 11 !important;
    }

    .order-md-12 {
        order: 12 !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-space-between {
        align-content: space-between !important;
    }

    .align-content-md-space-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-md-start {
        align-items: flex-start !important;
    }

    .align-md-end {
        align-items: flex-end !important;
    }

    .align-md-center {
        align-items: center !important;
    }

    .align-md-baseline {
        align-items: baseline !important;
    }

    .align-md-stretch {
        align-items: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .gap-md-0 {
        gap: 0;
    }

    .gap-x-md-0 {
        column-gap: 0;
    }

    .gap-y-md-0 {
        row-gap: 0;
    }

    .gap-md-1 {
        gap: 4px;
    }

    .gap-x-md-1 {
        column-gap: 4px;
    }

    .gap-y-md-1 {
        row-gap: 4px;
    }

    .gap-md-2 {
        gap: 8px;
    }

    .gap-x-md-2 {
        column-gap: 8px;
    }

    .gap-y-md-2 {
        row-gap: 8px;
    }

    .gap-md-3 {
        gap: 12px;
    }

    .gap-x-md-3 {
        column-gap: 12px;
    }

    .gap-y-md-3 {
        row-gap: 12px;
    }

    .gap-md-4 {
        gap: 16px;
    }

    .gap-x-md-4 {
        column-gap: 16px;
    }

    .gap-y-md-4 {
        row-gap: 16px;
    }

    .gap-md-5 {
        gap: 20px;
    }

    .gap-x-md-5 {
        column-gap: 20px;
    }

    .gap-y-md-5 {
        row-gap: 20px;
    }

    .gap-md-6 {
        gap: 24px;
    }

    .gap-x-md-6 {
        column-gap: 24px;
    }

    .gap-y-md-6 {
        row-gap: 24px;
    }

    .gap-md-7 {
        gap: 28px;
    }

    .gap-x-md-7 {
        column-gap: 28px;
    }

    .gap-y-md-7 {
        row-gap: 28px;
    }

    .gap-md-8 {
        gap: 32px;
    }

    .gap-x-md-8 {
        column-gap: 32px;
    }

    .gap-y-md-8 {
        row-gap: 32px;
    }

    .gap-md-9 {
        gap: 36px;
    }

    .gap-x-md-9 {
        column-gap: 36px;
    }

    .gap-y-md-9 {
        row-gap: 36px;
    }

    .gap-md-10 {
        gap: 40px;
    }

    .gap-x-md-10 {
        column-gap: 40px;
    }

    .gap-y-md-10 {
        row-gap: 40px;
    }

    .gap-md-11 {
        gap: 44px;
    }

    .gap-x-md-11 {
        column-gap: 44px;
    }

    .gap-y-md-11 {
        row-gap: 44px;
    }

    .gap-md-12 {
        gap: 48px;
    }

    .gap-x-md-12 {
        column-gap: 48px;
    }

    .gap-y-md-12 {
        row-gap: 48px;
    }

    .gap-md-13 {
        gap: 52px;
    }

    .gap-x-md-13 {
        column-gap: 52px;
    }

    .gap-y-md-13 {
        row-gap: 52px;
    }

    .gap-md-14 {
        gap: 56px;
    }

    .gap-x-md-14 {
        column-gap: 56px;
    }

    .gap-y-md-14 {
        row-gap: 56px;
    }

    .gap-md-15 {
        gap: 60px;
    }

    .gap-x-md-15 {
        column-gap: 60px;
    }

    .gap-y-md-15 {
        row-gap: 60px;
    }

    .gap-md-16 {
        gap: 64px;
    }

    .gap-x-md-16 {
        column-gap: 64px;
    }

    .gap-y-md-16 {
        row-gap: 64px;
    }
}

@media(min-width:1280px) {
    .flex-lg-1 {
        flex: 1 1 0% !important;
    }

    .flex-lg-auto {
        flex: 1 1 auto !important;
    }

    .flex-lg-initial {
        flex: 0 1 auto !important;
    }

    .flex-lg-none {
        flex: none !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-lg-start {
        justify-content: flex-start !important;
    }

    .justify-lg-end {
        justify-content: flex-end !important;
    }

    .justify-lg-center {
        justify-content: center !important;
    }

    .justify-lg-space-between {
        justify-content: space-between !important;
    }

    .justify-lg-space-around {
        justify-content: space-around !important;
    }

    .justify-lg-space-evenly {
        justify-content: space-evenly !important;
    }

    .order-lg-first {
        order: -9999 !important;
    }

    .order-lg-last {
        order: 9999 !important;
    }

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-6 {
        order: 6 !important;
    }

    .order-lg-7 {
        order: 7 !important;
    }

    .order-lg-8 {
        order: 8 !important;
    }

    .order-lg-9 {
        order: 9 !important;
    }

    .order-lg-10 {
        order: 10 !important;
    }

    .order-lg-11 {
        order: 11 !important;
    }

    .order-lg-12 {
        order: 12 !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-space-between {
        align-content: space-between !important;
    }

    .align-content-lg-space-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-lg-start {
        align-items: flex-start !important;
    }

    .align-lg-end {
        align-items: flex-end !important;
    }

    .align-lg-center {
        align-items: center !important;
    }

    .align-lg-baseline {
        align-items: baseline !important;
    }

    .align-lg-stretch {
        align-items: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .gap-lg-0 {
        gap: 0;
    }

    .gap-x-lg-0 {
        column-gap: 0;
    }

    .gap-y-lg-0 {
        row-gap: 0;
    }

    .gap-lg-1 {
        gap: 4px;
    }

    .gap-x-lg-1 {
        column-gap: 4px;
    }

    .gap-y-lg-1 {
        row-gap: 4px;
    }

    .gap-lg-2 {
        gap: 8px;
    }

    .gap-x-lg-2 {
        column-gap: 8px;
    }

    .gap-y-lg-2 {
        row-gap: 8px;
    }

    .gap-lg-3 {
        gap: 12px;
    }

    .gap-x-lg-3 {
        column-gap: 12px;
    }

    .gap-y-lg-3 {
        row-gap: 12px;
    }

    .gap-lg-4 {
        gap: 16px;
    }

    .gap-x-lg-4 {
        column-gap: 16px;
    }

    .gap-y-lg-4 {
        row-gap: 16px;
    }

    .gap-lg-5 {
        gap: 20px;
    }

    .gap-x-lg-5 {
        column-gap: 20px;
    }

    .gap-y-lg-5 {
        row-gap: 20px;
    }

    .gap-lg-6 {
        gap: 24px;
    }

    .gap-x-lg-6 {
        column-gap: 24px;
    }

    .gap-y-lg-6 {
        row-gap: 24px;
    }

    .gap-lg-7 {
        gap: 28px;
    }

    .gap-x-lg-7 {
        column-gap: 28px;
    }

    .gap-y-lg-7 {
        row-gap: 28px;
    }

    .gap-lg-8 {
        gap: 32px;
    }

    .gap-x-lg-8 {
        column-gap: 32px;
    }

    .gap-y-lg-8 {
        row-gap: 32px;
    }

    .gap-lg-9 {
        gap: 36px;
    }

    .gap-x-lg-9 {
        column-gap: 36px;
    }

    .gap-y-lg-9 {
        row-gap: 36px;
    }

    .gap-lg-10 {
        gap: 40px;
    }

    .gap-x-lg-10 {
        column-gap: 40px;
    }

    .gap-y-lg-10 {
        row-gap: 40px;
    }

    .gap-lg-11 {
        gap: 44px;
    }

    .gap-x-lg-11 {
        column-gap: 44px;
    }

    .gap-y-lg-11 {
        row-gap: 44px;
    }

    .gap-lg-12 {
        gap: 48px;
    }

    .gap-x-lg-12 {
        column-gap: 48px;
    }

    .gap-y-lg-12 {
        row-gap: 48px;
    }

    .gap-lg-13 {
        gap: 52px;
    }

    .gap-x-lg-13 {
        column-gap: 52px;
    }

    .gap-y-lg-13 {
        row-gap: 52px;
    }

    .gap-lg-14 {
        gap: 56px;
    }

    .gap-x-lg-14 {
        column-gap: 56px;
    }

    .gap-y-lg-14 {
        row-gap: 56px;
    }

    .gap-lg-15 {
        gap: 60px;
    }

    .gap-x-lg-15 {
        column-gap: 60px;
    }

    .gap-y-lg-15 {
        row-gap: 60px;
    }

    .gap-lg-16 {
        gap: 64px;
    }

    .gap-x-lg-16 {
        column-gap: 64px;
    }

    .gap-y-lg-16 {
        row-gap: 64px;
    }
}

@media(min-width:1920px) {
    .flex-xl-1 {
        flex: 1 1 0% !important;
    }

    .flex-xl-auto {
        flex: 1 1 auto !important;
    }

    .flex-xl-initial {
        flex: 0 1 auto !important;
    }

    .flex-xl-none {
        flex: none !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-xl-start {
        justify-content: flex-start !important;
    }

    .justify-xl-end {
        justify-content: flex-end !important;
    }

    .justify-xl-center {
        justify-content: center !important;
    }

    .justify-xl-space-between {
        justify-content: space-between !important;
    }

    .justify-xl-space-around {
        justify-content: space-around !important;
    }

    .justify-xl-space-evenly {
        justify-content: space-evenly !important;
    }

    .order-xl-first {
        order: -9999 !important;
    }

    .order-xl-last {
        order: 9999 !important;
    }

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-6 {
        order: 6 !important;
    }

    .order-xl-7 {
        order: 7 !important;
    }

    .order-xl-8 {
        order: 8 !important;
    }

    .order-xl-9 {
        order: 9 !important;
    }

    .order-xl-10 {
        order: 10 !important;
    }

    .order-xl-11 {
        order: 11 !important;
    }

    .order-xl-12 {
        order: 12 !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-space-between {
        align-content: space-between !important;
    }

    .align-content-xl-space-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-xl-start {
        align-items: flex-start !important;
    }

    .align-xl-end {
        align-items: flex-end !important;
    }

    .align-xl-center {
        align-items: center !important;
    }

    .align-xl-baseline {
        align-items: baseline !important;
    }

    .align-xl-stretch {
        align-items: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .gap-xl-0 {
        gap: 0;
    }

    .gap-x-xl-0 {
        column-gap: 0;
    }

    .gap-y-xl-0 {
        row-gap: 0;
    }

    .gap-xl-1 {
        gap: 4px;
    }

    .gap-x-xl-1 {
        column-gap: 4px;
    }

    .gap-y-xl-1 {
        row-gap: 4px;
    }

    .gap-xl-2 {
        gap: 8px;
    }

    .gap-x-xl-2 {
        column-gap: 8px;
    }

    .gap-y-xl-2 {
        row-gap: 8px;
    }

    .gap-xl-3 {
        gap: 12px;
    }

    .gap-x-xl-3 {
        column-gap: 12px;
    }

    .gap-y-xl-3 {
        row-gap: 12px;
    }

    .gap-xl-4 {
        gap: 16px;
    }

    .gap-x-xl-4 {
        column-gap: 16px;
    }

    .gap-y-xl-4 {
        row-gap: 16px;
    }

    .gap-xl-5 {
        gap: 20px;
    }

    .gap-x-xl-5 {
        column-gap: 20px;
    }

    .gap-y-xl-5 {
        row-gap: 20px;
    }

    .gap-xl-6 {
        gap: 24px;
    }

    .gap-x-xl-6 {
        column-gap: 24px;
    }

    .gap-y-xl-6 {
        row-gap: 24px;
    }

    .gap-xl-7 {
        gap: 28px;
    }

    .gap-x-xl-7 {
        column-gap: 28px;
    }

    .gap-y-xl-7 {
        row-gap: 28px;
    }

    .gap-xl-8 {
        gap: 32px;
    }

    .gap-x-xl-8 {
        column-gap: 32px;
    }

    .gap-y-xl-8 {
        row-gap: 32px;
    }

    .gap-xl-9 {
        gap: 36px;
    }

    .gap-x-xl-9 {
        column-gap: 36px;
    }

    .gap-y-xl-9 {
        row-gap: 36px;
    }

    .gap-xl-10 {
        gap: 40px;
    }

    .gap-x-xl-10 {
        column-gap: 40px;
    }

    .gap-y-xl-10 {
        row-gap: 40px;
    }

    .gap-xl-11 {
        gap: 44px;
    }

    .gap-x-xl-11 {
        column-gap: 44px;
    }

    .gap-y-xl-11 {
        row-gap: 44px;
    }

    .gap-xl-12 {
        gap: 48px;
    }

    .gap-x-xl-12 {
        column-gap: 48px;
    }

    .gap-y-xl-12 {
        row-gap: 48px;
    }

    .gap-xl-13 {
        gap: 52px;
    }

    .gap-x-xl-13 {
        column-gap: 52px;
    }

    .gap-y-xl-13 {
        row-gap: 52px;
    }

    .gap-xl-14 {
        gap: 56px;
    }

    .gap-x-xl-14 {
        column-gap: 56px;
    }

    .gap-y-xl-14 {
        row-gap: 56px;
    }

    .gap-xl-15 {
        gap: 60px;
    }

    .gap-x-xl-15 {
        column-gap: 60px;
    }

    .gap-y-xl-15 {
        row-gap: 60px;
    }

    .gap-xl-16 {
        gap: 64px;
    }

    .gap-x-xl-16 {
        column-gap: 64px;
    }

    .gap-y-xl-16 {
        row-gap: 64px;
    }
}

@media(min-width:2560px) {
    .flex-xxl-1 {
        flex: 1 1 0% !important;
    }

    .flex-xxl-auto {
        flex: 1 1 auto !important;
    }

    .flex-xxl-initial {
        flex: 0 1 auto !important;
    }

    .flex-xxl-none {
        flex: none !important;
    }

    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-xxl-center {
        justify-content: center !important;
    }

    .justify-xxl-space-between {
        justify-content: space-between !important;
    }

    .justify-xxl-space-around {
        justify-content: space-around !important;
    }

    .justify-xxl-space-evenly {
        justify-content: space-evenly !important;
    }

    .order-xxl-first {
        order: -9999 !important;
    }

    .order-xxl-last {
        order: 9999 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-6 {
        order: 6 !important;
    }

    .order-xxl-7 {
        order: 7 !important;
    }

    .order-xxl-8 {
        order: 8 !important;
    }

    .order-xxl-9 {
        order: 9 !important;
    }

    .order-xxl-10 {
        order: 10 !important;
    }

    .order-xxl-11 {
        order: 11 !important;
    }

    .order-xxl-12 {
        order: 12 !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-space-between {
        align-content: space-between !important;
    }

    .align-content-xxl-space-around {
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-xxl-start {
        align-items: flex-start !important;
    }

    .align-xxl-end {
        align-items: flex-end !important;
    }

    .align-xxl-center {
        align-items: center !important;
    }

    .align-xxl-baseline {
        align-items: baseline !important;
    }

    .align-xxl-stretch {
        align-items: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .gap-xxl-0 {
        gap: 0;
    }

    .gap-x-xxl-0 {
        column-gap: 0;
    }

    .gap-y-xxl-0 {
        row-gap: 0;
    }

    .gap-xxl-1 {
        gap: 4px;
    }

    .gap-x-xxl-1 {
        column-gap: 4px;
    }

    .gap-y-xxl-1 {
        row-gap: 4px;
    }

    .gap-xxl-2 {
        gap: 8px;
    }

    .gap-x-xxl-2 {
        column-gap: 8px;
    }

    .gap-y-xxl-2 {
        row-gap: 8px;
    }

    .gap-xxl-3 {
        gap: 12px;
    }

    .gap-x-xxl-3 {
        column-gap: 12px;
    }

    .gap-y-xxl-3 {
        row-gap: 12px;
    }

    .gap-xxl-4 {
        gap: 16px;
    }

    .gap-x-xxl-4 {
        column-gap: 16px;
    }

    .gap-y-xxl-4 {
        row-gap: 16px;
    }

    .gap-xxl-5 {
        gap: 20px;
    }

    .gap-x-xxl-5 {
        column-gap: 20px;
    }

    .gap-y-xxl-5 {
        row-gap: 20px;
    }

    .gap-xxl-6 {
        gap: 24px;
    }

    .gap-x-xxl-6 {
        column-gap: 24px;
    }

    .gap-y-xxl-6 {
        row-gap: 24px;
    }

    .gap-xxl-7 {
        gap: 28px;
    }

    .gap-x-xxl-7 {
        column-gap: 28px;
    }

    .gap-y-xxl-7 {
        row-gap: 28px;
    }

    .gap-xxl-8 {
        gap: 32px;
    }

    .gap-x-xxl-8 {
        column-gap: 32px;
    }

    .gap-y-xxl-8 {
        row-gap: 32px;
    }

    .gap-xxl-9 {
        gap: 36px;
    }

    .gap-x-xxl-9 {
        column-gap: 36px;
    }

    .gap-y-xxl-9 {
        row-gap: 36px;
    }

    .gap-xxl-10 {
        gap: 40px;
    }

    .gap-x-xxl-10 {
        column-gap: 40px;
    }

    .gap-y-xxl-10 {
        row-gap: 40px;
    }

    .gap-xxl-11 {
        gap: 44px;
    }

    .gap-x-xxl-11 {
        column-gap: 44px;
    }

    .gap-y-xxl-11 {
        row-gap: 44px;
    }

    .gap-xxl-12 {
        gap: 48px;
    }

    .gap-x-xxl-12 {
        column-gap: 48px;
    }

    .gap-y-xxl-12 {
        row-gap: 48px;
    }

    .gap-xxl-13 {
        gap: 52px;
    }

    .gap-x-xxl-13 {
        column-gap: 52px;
    }

    .gap-y-xxl-13 {
        row-gap: 52px;
    }

    .gap-xxl-14 {
        gap: 56px;
    }

    .gap-x-xxl-14 {
        column-gap: 56px;
    }

    .gap-y-xxl-14 {
        row-gap: 56px;
    }

    .gap-xxl-15 {
        gap: 60px;
    }

    .gap-x-xxl-15 {
        column-gap: 60px;
    }

    .gap-y-xxl-15 {
        row-gap: 60px;
    }

    .gap-xxl-16 {
        gap: 64px;
    }

    .gap-x-xxl-16 {
        column-gap: 64px;
    }

    .gap-y-xxl-16 {
        row-gap: 64px;
    }
}

.cursor-auto {
    cursor: auto !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-text {
    cursor: text !important;
}

.cursor-move {
    cursor: move !important;
}

.cursor-help {
    cursor: help !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.cursor-none {
    cursor: none !important;
}

.cursor-progress {
    cursor: progress !important;
}

.cursor-cell {
    cursor: cell !important;
}

.cursor-crosshair {
    cursor: crosshair !important;
}

.cursor-vertical-text {
    cursor: vertical-text !important;
}

.cursor-alias {
    cursor: alias !important;
}

.cursor-copy {
    cursor: copy !important;
}

.cursor-no-drop {
    cursor: no-drop !important;
}

.cursor-grab {
    cursor: grab !important;
}

.cursor-grabbing {
    cursor: grabbing !important;
}

.cursor-all-scroll {
    cursor: all-scroll !important;
}

.cursor-col-resize {
    cursor: col-resize !important;
}

.cursor-row-resize {
    cursor: row-resize !important;
}

.cursor-n-resize {
    cursor: n-resize !important;
}

.cursor-w-resize {
    cursor: w-resize !important;
}

.cursor-zoom-in {
    cursor: zoom-in !important;
}

.cursor-zoom-out {
    cursor: zoom-out !important;
}

.cursor-url {
    cursor: url !important;
}

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-auto {
    pointer-events: auto;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media(min-width:600px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media(min-width:960px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media(min-width:1280px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media(min-width:1920px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media(min-width:2560px) {
    .d-xxl-none {
        display: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }
}

.object-none {
    object-fit: none;
}

.object-cover {
    object-fit: cover;
}

.object-contain {
    object-fit: contain;
}

.object-fill {
    object-fit: fill;
}

.object-scale-down {
    object-fit: scale-down;
}

.object-center {
    object-position: center;
}

.object-top {
    object-position: top;
}

.object-bottom {
    object-position: bottom;
}

.object-left {
    object-position: left;
}

.object-left-top {
    object-position: left top;
}

.object-left-bottom {
    object-position: left bottom;
}

.object-right {
    object-position: right;
}

.object-right-top {
    object-position: right top;
}

.object-right-bottom {
    object-position: right bottom;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.overflow-scroll {
    overflow: scroll;
}

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

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

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-x-visible {
    overflow-x: visible;
}

.overflow-y-visible {
    overflow-y: visible;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.relative {
    position: relative;
}

.static {
    position: static;
}

.sticky {
    position: sticky;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.z-0 {
    z-index: 0;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-30 {
    z-index: 30;
}

.z-40 {
    z-index: 40;
}

.z-50 {
    z-index: 50;
}

.z-60 {
    z-index: 60;
}

.z-70 {
    z-index: 70;
}

.z-80 {
    z-index: 80;
}

.z-90 {
    z-index: 90;
}

.z-100 {
    z-index: 100;
}

.z-auto {
    z-index: auto;
}

.mt-0, .my-0 {
    margin-top: 0 !important;
}

.mr-0, .mx-0 {
    margin-right: 0 !important;
}

.ml-0, .mx-0 {
    margin-left: 0 !important;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.ms-0 {
    margin-inline-start: 0 !important;
}

.me-0 {
    margin-inline-end: 0 !important;
}

.ma-0 {
    margin: 0 !important;
}

.mt-1, .my-1 {
    margin-top: 4px !important;
}

.mr-1, .mx-1 {
    margin-right: 4px !important;
}

.ml-1, .mx-1 {
    margin-left: 4px !important;
}

.mb-1, .my-1 {
    margin-bottom: 4px !important;
}

.ms-1 {
    margin-inline-start: 4px !important;
}

.me-1 {
    margin-inline-end: 4px !important;
}

.ma-1 {
    margin: 4px !important;
}

.mt-2, .my-2 {
    margin-top: 8px !important;
}

.mr-2, .mx-2 {
    margin-right: 8px !important;
}

.ml-2, .mx-2 {
    margin-left: 8px !important;
}

.mb-2, .my-2 {
    margin-bottom: 8px !important;
}

.ms-2 {
    margin-inline-start: 8px !important;
}

.me-2 {
    margin-inline-end: 8px !important;
}

.ma-2 {
    margin: 8px !important;
}

.mt-3, .my-3 {
    margin-top: 12px !important;
}

.mr-3, .mx-3 {
    margin-right: 12px !important;
}

.ml-3, .mx-3 {
    margin-left: 12px !important;
}

.mb-3, .my-3 {
    margin-bottom: 12px !important;
}

.ms-3 {
    margin-inline-start: 12px !important;
}

.me-3 {
    margin-inline-end: 12px !important;
}

.ma-3 {
    margin: 12px !important;
}

.mt-4, .my-4 {
    margin-top: 16px !important;
}

.mr-4, .mx-4 {
    margin-right: 16px !important;
}

.ml-4, .mx-4 {
    margin-left: 16px !important;
}

.mb-4, .my-4 {
    margin-bottom: 16px !important;
}

.ms-4 {
    margin-inline-start: 16px !important;
}

.me-4 {
    margin-inline-end: 16px !important;
}

.ma-4 {
    margin: 16px !important;
}

.mt-5, .my-5 {
    margin-top: 20px !important;
}

.mr-5, .mx-5 {
    margin-right: 20px !important;
}

.ml-5, .mx-5 {
    margin-left: 20px !important;
}

.mb-5, .my-5 {
    margin-bottom: 20px !important;
}

.ms-5 {
    margin-inline-start: 20px !important;
}

.me-5 {
    margin-inline-end: 20px !important;
}

.ma-5 {
    margin: 20px !important;
}

.mt-6, .my-6 {
    margin-top: 24px !important;
}

.mr-6, .mx-6 {
    margin-right: 24px !important;
}

.ml-6, .mx-6 {
    margin-left: 24px !important;
}

.mb-6, .my-6 {
    margin-bottom: 24px !important;
}

.ms-6 {
    margin-inline-start: 24px !important;
}

.me-6 {
    margin-inline-end: 24px !important;
}

.ma-6 {
    margin: 24px !important;
}

.mt-7, .my-7 {
    margin-top: 28px !important;
}

.mr-7, .mx-7 {
    margin-right: 28px !important;
}

.ml-7, .mx-7 {
    margin-left: 28px !important;
}

.mb-7, .my-7 {
    margin-bottom: 28px !important;
}

.ms-7 {
    margin-inline-start: 28px !important;
}

.me-7 {
    margin-inline-end: 28px !important;
}

.ma-7 {
    margin: 28px !important;
}

.mt-8, .my-8 {
    margin-top: 32px !important;
}

.mr-8, .mx-8 {
    margin-right: 32px !important;
}

.ml-8, .mx-8 {
    margin-left: 32px !important;
}

.mb-8, .my-8 {
    margin-bottom: 32px !important;
}

.ms-8 {
    margin-inline-start: 32px !important;
}

.me-8 {
    margin-inline-end: 32px !important;
}

.ma-8 {
    margin: 32px !important;
}

.mt-9, .my-9 {
    margin-top: 36px !important;
}

.mr-9, .mx-9 {
    margin-right: 36px !important;
}

.ml-9, .mx-9 {
    margin-left: 36px !important;
}

.mb-9, .my-9 {
    margin-bottom: 36px !important;
}

.ms-9 {
    margin-inline-start: 36px !important;
}

.me-9 {
    margin-inline-end: 36px !important;
}

.ma-9 {
    margin: 36px !important;
}

.mt-10, .my-10 {
    margin-top: 40px !important;
}

.mr-10, .mx-10 {
    margin-right: 40px !important;
}

.ml-10, .mx-10 {
    margin-left: 40px !important;
}

.mb-10, .my-10 {
    margin-bottom: 40px !important;
}

.ms-10 {
    margin-inline-start: 40px !important;
}

.me-10 {
    margin-inline-end: 40px !important;
}

.ma-10 {
    margin: 40px !important;
}

.mt-11, .my-11 {
    margin-top: 44px !important;
}

.mr-11, .mx-11 {
    margin-right: 44px !important;
}

.ml-11, .mx-11 {
    margin-left: 44px !important;
}

.mb-11, .my-11 {
    margin-bottom: 44px !important;
}

.ms-11 {
    margin-inline-start: 44px !important;
}

.me-11 {
    margin-inline-end: 44px !important;
}

.ma-11 {
    margin: 44px !important;
}

.mt-12, .my-12 {
    margin-top: 48px !important;
}

.mr-12, .mx-12 {
    margin-right: 48px !important;
}

.ml-12, .mx-12 {
    margin-left: 48px !important;
}

.mb-12, .my-12 {
    margin-bottom: 48px !important;
}

.ms-12 {
    margin-inline-start: 48px !important;
}

.me-12 {
    margin-inline-end: 48px !important;
}

.ma-12 {
    margin: 48px !important;
}

.mt-13, .my-13 {
    margin-top: 52px !important;
}

.mr-13, .mx-13 {
    margin-right: 52px !important;
}

.ml-13, .mx-13 {
    margin-left: 52px !important;
}

.mb-13, .my-13 {
    margin-bottom: 52px !important;
}

.ms-13 {
    margin-inline-start: 52px !important;
}

.me-13 {
    margin-inline-end: 52px !important;
}

.ma-13 {
    margin: 52px !important;
}

.mt-14, .my-14 {
    margin-top: 56px !important;
}

.mr-14, .mx-14 {
    margin-right: 56px !important;
}

.ml-14, .mx-14 {
    margin-left: 56px !important;
}

.mb-14, .my-14 {
    margin-bottom: 56px !important;
}

.ms-14 {
    margin-inline-start: 56px !important;
}

.me-14 {
    margin-inline-end: 56px !important;
}

.ma-14 {
    margin: 56px !important;
}

.mt-15, .my-15 {
    margin-top: 60px !important;
}

.mr-15, .mx-15 {
    margin-right: 60px !important;
}

.ml-15, .mx-15 {
    margin-left: 60px !important;
}

.mb-15, .my-15 {
    margin-bottom: 60px !important;
}

.ms-15 {
    margin-inline-start: 60px !important;
}

.me-15 {
    margin-inline-end: 60px !important;
}

.ma-15 {
    margin: 60px !important;
}

.mt-16, .my-16 {
    margin-top: 64px !important;
}

.mr-16, .mx-16 {
    margin-right: 64px !important;
}

.ml-16, .mx-16 {
    margin-left: 64px !important;
}

.mb-16, .my-16 {
    margin-bottom: 64px !important;
}

.ms-16 {
    margin-inline-start: 64px !important;
}

.me-16 {
    margin-inline-end: 64px !important;
}

.ma-16 {
    margin: 64px !important;
}

.mt-auto, .my-auto {
    margin-top: auto !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.mb-auto, .my-auto {
    margin-bottom: auto !important;
}

.ms-auto {
    margin-inline-start: auto !important;
}

.me-auto {
    margin-inline-end: auto !important;
}

.ma-auto {
    margin: auto !important;
}

.pt-0, .py-0 {
    padding-top: 0 !important;
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.pl-0, .px-0 {
    padding-left: 0 !important;
}

.pb-0, .py-0 {
    padding-bottom: 0 !important;
}

.ps-0 {
    padding-inline-start: 0 !important;
}

.pe-0 {
    padding-inline-end: 0 !important;
}

.pa-0 {
    padding: 0 !important;
}

.pt-1, .py-1 {
    padding-top: 4px !important;
}

.pr-1, .px-1 {
    padding-right: 4px !important;
}

.pl-1, .px-1 {
    padding-left: 4px !important;
}

.pb-1, .py-1 {
    padding-bottom: 4px !important;
}

.ps-1 {
    padding-inline-start: 4px !important;
}

.pe-1 {
    padding-inline-end: 4px !important;
}

.pa-1 {
    padding: 4px !important;
}

.pt-2, .py-2 {
    padding-top: 8px !important;
}

.pr-2, .px-2 {
    padding-right: 8px !important;
}

.pl-2, .px-2 {
    padding-left: 8px !important;
}

.pb-2, .py-2 {
    padding-bottom: 8px !important;
}

.ps-2 {
    padding-inline-start: 8px !important;
}

.pe-2 {
    padding-inline-end: 8px !important;
}

.pa-2 {
    padding: 8px !important;
}

.pt-3, .py-3 {
    padding-top: 12px !important;
}

.pr-3, .px-3 {
    padding-right: 12px !important;
}

.pl-3, .px-3 {
    padding-left: 12px !important;
}

.pb-3, .py-3 {
    padding-bottom: 12px !important;
}

.ps-3 {
    padding-inline-start: 12px !important;
}

.pe-3 {
    padding-inline-end: 12px !important;
}

.pa-3 {
    padding: 12px !important;
}

.pt-4, .py-4 {
    padding-top: 16px !important;
}

.pr-4, .px-4 {
    padding-right: 16px !important;
}

.pl-4, .px-4 {
    padding-left: 16px !important;
}

.pb-4, .py-4 {
    padding-bottom: 16px !important;
}

.ps-4 {
    padding-inline-start: 16px !important;
}

.pe-4 {
    padding-inline-end: 16px !important;
}

.pa-4 {
    padding: 16px !important;
}

.pt-5, .py-5 {
    padding-top: 20px !important;
}

.pr-5, .px-5 {
    padding-right: 20px !important;
}

.pl-5, .px-5 {
    padding-left: 20px !important;
}

.pb-5, .py-5 {
    padding-bottom: 20px !important;
}

.ps-5 {
    padding-inline-start: 20px !important;
}

.pe-5 {
    padding-inline-end: 20px !important;
}

.pa-5 {
    padding: 20px !important;
}

.pt-6, .py-6 {
    padding-top: 24px !important;
}

.pr-6, .px-6 {
    padding-right: 24px !important;
}

.pl-6, .px-6 {
    padding-left: 24px !important;
}

.pb-6, .py-6 {
    padding-bottom: 24px !important;
}

.ps-6 {
    padding-inline-start: 24px !important;
}

.pe-6 {
    padding-inline-end: 24px !important;
}

.pa-6 {
    padding: 24px !important;
}

.pt-7, .py-7 {
    padding-top: 28px !important;
}

.pr-7, .px-7 {
    padding-right: 28px !important;
}

.pl-7, .px-7 {
    padding-left: 28px !important;
}

.pb-7, .py-7 {
    padding-bottom: 28px !important;
}

.ps-7 {
    padding-inline-start: 28px !important;
}

.pe-7 {
    padding-inline-end: 28px !important;
}

.pa-7 {
    padding: 28px !important;
}

.pt-8, .py-8 {
    padding-top: 32px !important;
}

.pr-8, .px-8 {
    padding-right: 32px !important;
}

.pl-8, .px-8 {
    padding-left: 32px !important;
}

.pb-8, .py-8 {
    padding-bottom: 32px !important;
}

.ps-8 {
    padding-inline-start: 32px !important;
}

.pe-8 {
    padding-inline-end: 32px !important;
}

.pa-8 {
    padding: 32px !important;
}

.pt-9, .py-9 {
    padding-top: 36px !important;
}

.pr-9, .px-9 {
    padding-right: 36px !important;
}

.pl-9, .px-9 {
    padding-left: 36px !important;
}

.pb-9, .py-9 {
    padding-bottom: 36px !important;
}

.ps-9 {
    padding-inline-start: 36px !important;
}

.pe-9 {
    padding-inline-end: 36px !important;
}

.pa-9 {
    padding: 36px !important;
}

.pt-10, .py-10 {
    padding-top: 40px !important;
}

.pr-10, .px-10 {
    padding-right: 40px !important;
}

.pl-10, .px-10 {
    padding-left: 40px !important;
}

.pb-10, .py-10 {
    padding-bottom: 40px !important;
}

.ps-10 {
    padding-inline-start: 40px !important;
}

.pe-10 {
    padding-inline-end: 40px !important;
}

.pa-10 {
    padding: 40px !important;
}

.pt-11, .py-11 {
    padding-top: 44px !important;
}

.pr-11, .px-11 {
    padding-right: 44px !important;
}

.pl-11, .px-11 {
    padding-left: 44px !important;
}

.pb-11, .py-11 {
    padding-bottom: 44px !important;
}

.ps-11 {
    padding-inline-start: 44px !important;
}

.pe-11 {
    padding-inline-end: 44px !important;
}

.pa-11 {
    padding: 44px !important;
}

.pt-12, .py-12 {
    padding-top: 48px !important;
}

.pr-12, .px-12 {
    padding-right: 48px !important;
}

.pl-12, .px-12 {
    padding-left: 48px !important;
}

.pb-12, .py-12 {
    padding-bottom: 48px !important;
}

.ps-12 {
    padding-inline-start: 48px !important;
}

.pe-12 {
    padding-inline-end: 48px !important;
}

.pa-12 {
    padding: 48px !important;
}

.pt-13, .py-13 {
    padding-top: 52px !important;
}

.pr-13, .px-13 {
    padding-right: 52px !important;
}

.pl-13, .px-13 {
    padding-left: 52px !important;
}

.pb-13, .py-13 {
    padding-bottom: 52px !important;
}

.ps-13 {
    padding-inline-start: 52px !important;
}

.pe-13 {
    padding-inline-end: 52px !important;
}

.pa-13 {
    padding: 52px !important;
}

.pt-14, .py-14 {
    padding-top: 56px !important;
}

.pr-14, .px-14 {
    padding-right: 56px !important;
}

.pl-14, .px-14 {
    padding-left: 56px !important;
}

.pb-14, .py-14 {
    padding-bottom: 56px !important;
}

.ps-14 {
    padding-inline-start: 56px !important;
}

.pe-14 {
    padding-inline-end: 56px !important;
}

.pa-14 {
    padding: 56px !important;
}

.pt-15, .py-15 {
    padding-top: 60px !important;
}

.pr-15, .px-15 {
    padding-right: 60px !important;
}

.pl-15, .px-15 {
    padding-left: 60px !important;
}

.pb-15, .py-15 {
    padding-bottom: 60px !important;
}

.ps-15 {
    padding-inline-start: 60px !important;
}

.pe-15 {
    padding-inline-end: 60px !important;
}

.pa-15 {
    padding: 60px !important;
}

.pt-16, .py-16 {
    padding-top: 64px !important;
}

.pr-16, .px-16 {
    padding-right: 64px !important;
}

.pl-16, .px-16 {
    padding-left: 64px !important;
}

.pb-16, .py-16 {
    padding-bottom: 64px !important;
}

.ps-16 {
    padding-inline-start: 64px !important;
}

.pe-16 {
    padding-inline-end: 64px !important;
}

.pa-16 {
    padding: 64px !important;
}

.pt-auto, .py-auto {
    padding-top: auto !important;
}

.pr-auto, .px-auto {
    padding-right: auto !important;
}

.pl-auto, .px-auto {
    padding-left: auto !important;
}

.pb-auto, .py-auto {
    padding-bottom: auto !important;
}

.ps-auto {
    padding-inline-start: auto !important;
}

.pe-auto {
    padding-inline-end: auto !important;
}

.pa-auto {
    padding: auto !important;
}

.mt-n1, .my-n1 {
    margin-top: -4px !important;
}

.mr-n1, .mx-n1 {
    margin-right: -4px !important;
}

.ml-n1, .mx-n1 {
    margin-left: -4px !important;
}

.mb-n1, .my-n1 {
    margin-bottom: -4px !important;
}

.ms-n1 {
    margin-inline-start: -4px !important;
}

.me-n1 {
    margin-inline-end: -4px !important;
}

.ma-n1 {
    margin: -4px !important;
}

.mt-n2, .my-n2 {
    margin-top: -8px !important;
}

.mr-n2, .mx-n2 {
    margin-right: -8px !important;
}

.ml-n2, .mx-n2 {
    margin-left: -8px !important;
}

.mb-n2, .my-n2 {
    margin-bottom: -8px !important;
}

.ms-n2 {
    margin-inline-start: -8px !important;
}

.me-n2 {
    margin-inline-end: -8px !important;
}

.ma-n2 {
    margin: -8px !important;
}

.mt-n3, .my-n3 {
    margin-top: -12px !important;
}

.mr-n3, .mx-n3 {
    margin-right: -12px !important;
}

.ml-n3, .mx-n3 {
    margin-left: -12px !important;
}

.mb-n3, .my-n3 {
    margin-bottom: -12px !important;
}

.ms-n3 {
    margin-inline-start: -12px !important;
}

.me-n3 {
    margin-inline-end: -12px !important;
}

.ma-n3 {
    margin: -12px !important;
}

.mt-n4, .my-n4 {
    margin-top: -16px !important;
}

.mr-n4, .mx-n4 {
    margin-right: -16px !important;
}

.ml-n4, .mx-n4 {
    margin-left: -16px !important;
}

.mb-n4, .my-n4 {
    margin-bottom: -16px !important;
}

.ms-n4 {
    margin-inline-start: -16px !important;
}

.me-n4 {
    margin-inline-end: -16px !important;
}

.ma-n4 {
    margin: -16px !important;
}

.mt-n5, .my-n5 {
    margin-top: -20px !important;
}

.mr-n5, .mx-n5 {
    margin-right: -20px !important;
}

.ml-n5, .mx-n5 {
    margin-left: -20px !important;
}

.mb-n5, .my-n5 {
    margin-bottom: -20px !important;
}

.ms-n5 {
    margin-inline-start: -20px !important;
}

.me-n5 {
    margin-inline-end: -20px !important;
}

.ma-n5 {
    margin: -20px !important;
}

.mt-n6, .my-n6 {
    margin-top: -24px !important;
}

.mr-n6, .mx-n6 {
    margin-right: -24px !important;
}

.ml-n6, .mx-n6 {
    margin-left: -24px !important;
}

.mb-n6, .my-n6 {
    margin-bottom: -24px !important;
}

.ms-n6 {
    margin-inline-start: -24px !important;
}

.me-n6 {
    margin-inline-end: -24px !important;
}

.ma-n6 {
    margin: -24px !important;
}

.mt-n7, .my-n7 {
    margin-top: -28px !important;
}

.mr-n7, .mx-n7 {
    margin-right: -28px !important;
}

.ml-n7, .mx-n7 {
    margin-left: -28px !important;
}

.mb-n7, .my-n7 {
    margin-bottom: -28px !important;
}

.ms-n7 {
    margin-inline-start: -28px !important;
}

.me-n7 {
    margin-inline-end: -28px !important;
}

.ma-n7 {
    margin: -28px !important;
}

.mt-n8, .my-n8 {
    margin-top: -32px !important;
}

.mr-n8, .mx-n8 {
    margin-right: -32px !important;
}

.ml-n8, .mx-n8 {
    margin-left: -32px !important;
}

.mb-n8, .my-n8 {
    margin-bottom: -32px !important;
}

.ms-n8 {
    margin-inline-start: -32px !important;
}

.me-n8 {
    margin-inline-end: -32px !important;
}

.ma-n8 {
    margin: -32px !important;
}

.mt-n9, .my-n9 {
    margin-top: -36px !important;
}

.mr-n9, .mx-n9 {
    margin-right: -36px !important;
}

.ml-n9, .mx-n9 {
    margin-left: -36px !important;
}

.mb-n9, .my-n9 {
    margin-bottom: -36px !important;
}

.ms-n9 {
    margin-inline-start: -36px !important;
}

.me-n9 {
    margin-inline-end: -36px !important;
}

.ma-n9 {
    margin: -36px !important;
}

.mt-n10, .my-n10 {
    margin-top: -40px !important;
}

.mr-n10, .mx-n10 {
    margin-right: -40px !important;
}

.ml-n10, .mx-n10 {
    margin-left: -40px !important;
}

.mb-n10, .my-n10 {
    margin-bottom: -40px !important;
}

.ms-n10 {
    margin-inline-start: -40px !important;
}

.me-n10 {
    margin-inline-end: -40px !important;
}

.ma-n10 {
    margin: -40px !important;
}

.mt-n11, .my-n11 {
    margin-top: -44px !important;
}

.mr-n11, .mx-n11 {
    margin-right: -44px !important;
}

.ml-n11, .mx-n11 {
    margin-left: -44px !important;
}

.mb-n11, .my-n11 {
    margin-bottom: -44px !important;
}

.ms-n11 {
    margin-inline-start: -44px !important;
}

.me-n11 {
    margin-inline-end: -44px !important;
}

.ma-n11 {
    margin: -44px !important;
}

.mt-n12, .my-n12 {
    margin-top: -48px !important;
}

.mr-n12, .mx-n12 {
    margin-right: -48px !important;
}

.ml-n12, .mx-n12 {
    margin-left: -48px !important;
}

.mb-n12, .my-n12 {
    margin-bottom: -48px !important;
}

.ms-n12 {
    margin-inline-start: -48px !important;
}

.me-n12 {
    margin-inline-end: -48px !important;
}

.ma-n12 {
    margin: -48px !important;
}

.mt-n13, .my-n13 {
    margin-top: -52px !important;
}

.mr-n13, .mx-n13 {
    margin-right: -52px !important;
}

.ml-n13, .mx-n13 {
    margin-left: -52px !important;
}

.mb-n13, .my-n13 {
    margin-bottom: -52px !important;
}

.ms-n13 {
    margin-inline-start: -52px !important;
}

.me-n13 {
    margin-inline-end: -52px !important;
}

.ma-n13 {
    margin: -52px !important;
}

.mt-n14, .my-n14 {
    margin-top: -56px !important;
}

.mr-n14, .mx-n14 {
    margin-right: -56px !important;
}

.ml-n14, .mx-n14 {
    margin-left: -56px !important;
}

.mb-n14, .my-n14 {
    margin-bottom: -56px !important;
}

.ms-n14 {
    margin-inline-start: -56px !important;
}

.me-n14 {
    margin-inline-end: -56px !important;
}

.ma-n14 {
    margin: -56px !important;
}

.mt-n15, .my-n15 {
    margin-top: -60px !important;
}

.mr-n15, .mx-n15 {
    margin-right: -60px !important;
}

.ml-n15, .mx-n15 {
    margin-left: -60px !important;
}

.mb-n15, .my-n15 {
    margin-bottom: -60px !important;
}

.ms-n15 {
    margin-inline-start: -60px !important;
}

.me-n15 {
    margin-inline-end: -60px !important;
}

.ma-n15 {
    margin: -60px !important;
}

.mt-n16, .my-n16 {
    margin-top: -64px !important;
}

.mr-n16, .mx-n16 {
    margin-right: -64px !important;
}

.ml-n16, .mx-n16 {
    margin-left: -64px !important;
}

.mb-n16, .my-n16 {
    margin-bottom: -64px !important;
}

.ms-n16 {
    margin-inline-start: -64px !important;
}

.me-n16 {
    margin-inline-end: -64px !important;
}

.ma-n16 {
    margin: -64px !important;
}

@media screen and (min-width:600px) {
    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important;
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important;
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ms-sm-0 {
        margin-inline-start: 0 !important;
    }

    .me-sm-0 {
        margin-inline-end: 0 !important;
    }

    .ma-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: 4px !important;
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: 4px !important;
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: 4px !important;
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: 4px !important;
    }

    .ms-sm-1 {
        margin-inline-start: 4px !important;
    }

    .me-sm-1 {
        margin-inline-end: 4px !important;
    }

    .ma-sm-1 {
        margin: 4px !important;
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: 8px !important;
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: 8px !important;
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: 8px !important;
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: 8px !important;
    }

    .ms-sm-2 {
        margin-inline-start: 8px !important;
    }

    .me-sm-2 {
        margin-inline-end: 8px !important;
    }

    .ma-sm-2 {
        margin: 8px !important;
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 12px !important;
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 12px !important;
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 12px !important;
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 12px !important;
    }

    .ms-sm-3 {
        margin-inline-start: 12px !important;
    }

    .me-sm-3 {
        margin-inline-end: 12px !important;
    }

    .ma-sm-3 {
        margin: 12px !important;
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 16px !important;
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 16px !important;
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 16px !important;
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 16px !important;
    }

    .ms-sm-4 {
        margin-inline-start: 16px !important;
    }

    .me-sm-4 {
        margin-inline-end: 16px !important;
    }

    .ma-sm-4 {
        margin: 16px !important;
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 20px !important;
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 20px !important;
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 20px !important;
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 20px !important;
    }

    .ms-sm-5 {
        margin-inline-start: 20px !important;
    }

    .me-sm-5 {
        margin-inline-end: 20px !important;
    }

    .ma-sm-5 {
        margin: 20px !important;
    }

    .mt-sm-6, .my-sm-6 {
        margin-top: 24px !important;
    }

    .mr-sm-6, .mx-sm-6 {
        margin-right: 24px !important;
    }

    .ml-sm-6, .mx-sm-6 {
        margin-left: 24px !important;
    }

    .mb-sm-6, .my-sm-6 {
        margin-bottom: 24px !important;
    }

    .ms-sm-6 {
        margin-inline-start: 24px !important;
    }

    .me-sm-6 {
        margin-inline-end: 24px !important;
    }

    .ma-sm-6 {
        margin: 24px !important;
    }

    .mt-sm-7, .my-sm-7 {
        margin-top: 28px !important;
    }

    .mr-sm-7, .mx-sm-7 {
        margin-right: 28px !important;
    }

    .ml-sm-7, .mx-sm-7 {
        margin-left: 28px !important;
    }

    .mb-sm-7, .my-sm-7 {
        margin-bottom: 28px !important;
    }

    .ms-sm-7 {
        margin-inline-start: 28px !important;
    }

    .me-sm-7 {
        margin-inline-end: 28px !important;
    }

    .ma-sm-7 {
        margin: 28px !important;
    }

    .mt-sm-8, .my-sm-8 {
        margin-top: 32px !important;
    }

    .mr-sm-8, .mx-sm-8 {
        margin-right: 32px !important;
    }

    .ml-sm-8, .mx-sm-8 {
        margin-left: 32px !important;
    }

    .mb-sm-8, .my-sm-8 {
        margin-bottom: 32px !important;
    }

    .ms-sm-8 {
        margin-inline-start: 32px !important;
    }

    .me-sm-8 {
        margin-inline-end: 32px !important;
    }

    .ma-sm-8 {
        margin: 32px !important;
    }

    .mt-sm-9, .my-sm-9 {
        margin-top: 36px !important;
    }

    .mr-sm-9, .mx-sm-9 {
        margin-right: 36px !important;
    }

    .ml-sm-9, .mx-sm-9 {
        margin-left: 36px !important;
    }

    .mb-sm-9, .my-sm-9 {
        margin-bottom: 36px !important;
    }

    .ms-sm-9 {
        margin-inline-start: 36px !important;
    }

    .me-sm-9 {
        margin-inline-end: 36px !important;
    }

    .ma-sm-9 {
        margin: 36px !important;
    }

    .mt-sm-10, .my-sm-10 {
        margin-top: 40px !important;
    }

    .mr-sm-10, .mx-sm-10 {
        margin-right: 40px !important;
    }

    .ml-sm-10, .mx-sm-10 {
        margin-left: 40px !important;
    }

    .mb-sm-10, .my-sm-10 {
        margin-bottom: 40px !important;
    }

    .ms-sm-10 {
        margin-inline-start: 40px !important;
    }

    .me-sm-10 {
        margin-inline-end: 40px !important;
    }

    .ma-sm-10 {
        margin: 40px !important;
    }

    .mt-sm-11, .my-sm-11 {
        margin-top: 44px !important;
    }

    .mr-sm-11, .mx-sm-11 {
        margin-right: 44px !important;
    }

    .ml-sm-11, .mx-sm-11 {
        margin-left: 44px !important;
    }

    .mb-sm-11, .my-sm-11 {
        margin-bottom: 44px !important;
    }

    .ms-sm-11 {
        margin-inline-start: 44px !important;
    }

    .me-sm-11 {
        margin-inline-end: 44px !important;
    }

    .ma-sm-11 {
        margin: 44px !important;
    }

    .mt-sm-12, .my-sm-12 {
        margin-top: 48px !important;
    }

    .mr-sm-12, .mx-sm-12 {
        margin-right: 48px !important;
    }

    .ml-sm-12, .mx-sm-12 {
        margin-left: 48px !important;
    }

    .mb-sm-12, .my-sm-12 {
        margin-bottom: 48px !important;
    }

    .ms-sm-12 {
        margin-inline-start: 48px !important;
    }

    .me-sm-12 {
        margin-inline-end: 48px !important;
    }

    .ma-sm-12 {
        margin: 48px !important;
    }

    .mt-sm-13, .my-sm-13 {
        margin-top: 52px !important;
    }

    .mr-sm-13, .mx-sm-13 {
        margin-right: 52px !important;
    }

    .ml-sm-13, .mx-sm-13 {
        margin-left: 52px !important;
    }

    .mb-sm-13, .my-sm-13 {
        margin-bottom: 52px !important;
    }

    .ms-sm-13 {
        margin-inline-start: 52px !important;
    }

    .me-sm-13 {
        margin-inline-end: 52px !important;
    }

    .ma-sm-13 {
        margin: 52px !important;
    }

    .mt-sm-14, .my-sm-14 {
        margin-top: 56px !important;
    }

    .mr-sm-14, .mx-sm-14 {
        margin-right: 56px !important;
    }

    .ml-sm-14, .mx-sm-14 {
        margin-left: 56px !important;
    }

    .mb-sm-14, .my-sm-14 {
        margin-bottom: 56px !important;
    }

    .ms-sm-14 {
        margin-inline-start: 56px !important;
    }

    .me-sm-14 {
        margin-inline-end: 56px !important;
    }

    .ma-sm-14 {
        margin: 56px !important;
    }

    .mt-sm-15, .my-sm-15 {
        margin-top: 60px !important;
    }

    .mr-sm-15, .mx-sm-15 {
        margin-right: 60px !important;
    }

    .ml-sm-15, .mx-sm-15 {
        margin-left: 60px !important;
    }

    .mb-sm-15, .my-sm-15 {
        margin-bottom: 60px !important;
    }

    .ms-sm-15 {
        margin-inline-start: 60px !important;
    }

    .me-sm-15 {
        margin-inline-end: 60px !important;
    }

    .ma-sm-15 {
        margin: 60px !important;
    }

    .mt-sm-16, .my-sm-16 {
        margin-top: 64px !important;
    }

    .mr-sm-16, .mx-sm-16 {
        margin-right: 64px !important;
    }

    .ml-sm-16, .mx-sm-16 {
        margin-left: 64px !important;
    }

    .mb-sm-16, .my-sm-16 {
        margin-bottom: 64px !important;
    }

    .ms-sm-16 {
        margin-inline-start: 64px !important;
    }

    .me-sm-16 {
        margin-inline-end: 64px !important;
    }

    .ma-sm-16 {
        margin: 64px !important;
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important;
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important;
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-auto {
        margin-inline-start: auto !important;
    }

    .me-sm-auto {
        margin-inline-end: auto !important;
    }

    .ma-sm-auto {
        margin: auto !important;
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important;
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important;
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .ps-sm-0 {
        padding-inline-start: 0 !important;
    }

    .pe-sm-0 {
        padding-inline-end: 0 !important;
    }

    .pa-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: 4px !important;
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: 4px !important;
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: 4px !important;
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: 4px !important;
    }

    .ps-sm-1 {
        padding-inline-start: 4px !important;
    }

    .pe-sm-1 {
        padding-inline-end: 4px !important;
    }

    .pa-sm-1 {
        padding: 4px !important;
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: 8px !important;
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: 8px !important;
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: 8px !important;
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: 8px !important;
    }

    .ps-sm-2 {
        padding-inline-start: 8px !important;
    }

    .pe-sm-2 {
        padding-inline-end: 8px !important;
    }

    .pa-sm-2 {
        padding: 8px !important;
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 12px !important;
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 12px !important;
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 12px !important;
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 12px !important;
    }

    .ps-sm-3 {
        padding-inline-start: 12px !important;
    }

    .pe-sm-3 {
        padding-inline-end: 12px !important;
    }

    .pa-sm-3 {
        padding: 12px !important;
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 16px !important;
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 16px !important;
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 16px !important;
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 16px !important;
    }

    .ps-sm-4 {
        padding-inline-start: 16px !important;
    }

    .pe-sm-4 {
        padding-inline-end: 16px !important;
    }

    .pa-sm-4 {
        padding: 16px !important;
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 20px !important;
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 20px !important;
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 20px !important;
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 20px !important;
    }

    .ps-sm-5 {
        padding-inline-start: 20px !important;
    }

    .pe-sm-5 {
        padding-inline-end: 20px !important;
    }

    .pa-sm-5 {
        padding: 20px !important;
    }

    .pt-sm-6, .py-sm-6 {
        padding-top: 24px !important;
    }

    .pr-sm-6, .px-sm-6 {
        padding-right: 24px !important;
    }

    .pl-sm-6, .px-sm-6 {
        padding-left: 24px !important;
    }

    .pb-sm-6, .py-sm-6 {
        padding-bottom: 24px !important;
    }

    .ps-sm-6 {
        padding-inline-start: 24px !important;
    }

    .pe-sm-6 {
        padding-inline-end: 24px !important;
    }

    .pa-sm-6 {
        padding: 24px !important;
    }

    .pt-sm-7, .py-sm-7 {
        padding-top: 28px !important;
    }

    .pr-sm-7, .px-sm-7 {
        padding-right: 28px !important;
    }

    .pl-sm-7, .px-sm-7 {
        padding-left: 28px !important;
    }

    .pb-sm-7, .py-sm-7 {
        padding-bottom: 28px !important;
    }

    .ps-sm-7 {
        padding-inline-start: 28px !important;
    }

    .pe-sm-7 {
        padding-inline-end: 28px !important;
    }

    .pa-sm-7 {
        padding: 28px !important;
    }

    .pt-sm-8, .py-sm-8 {
        padding-top: 32px !important;
    }

    .pr-sm-8, .px-sm-8 {
        padding-right: 32px !important;
    }

    .pl-sm-8, .px-sm-8 {
        padding-left: 32px !important;
    }

    .pb-sm-8, .py-sm-8 {
        padding-bottom: 32px !important;
    }

    .ps-sm-8 {
        padding-inline-start: 32px !important;
    }

    .pe-sm-8 {
        padding-inline-end: 32px !important;
    }

    .pa-sm-8 {
        padding: 32px !important;
    }

    .pt-sm-9, .py-sm-9 {
        padding-top: 36px !important;
    }

    .pr-sm-9, .px-sm-9 {
        padding-right: 36px !important;
    }

    .pl-sm-9, .px-sm-9 {
        padding-left: 36px !important;
    }

    .pb-sm-9, .py-sm-9 {
        padding-bottom: 36px !important;
    }

    .ps-sm-9 {
        padding-inline-start: 36px !important;
    }

    .pe-sm-9 {
        padding-inline-end: 36px !important;
    }

    .pa-sm-9 {
        padding: 36px !important;
    }

    .pt-sm-10, .py-sm-10 {
        padding-top: 40px !important;
    }

    .pr-sm-10, .px-sm-10 {
        padding-right: 40px !important;
    }

    .pl-sm-10, .px-sm-10 {
        padding-left: 40px !important;
    }

    .pb-sm-10, .py-sm-10 {
        padding-bottom: 40px !important;
    }

    .ps-sm-10 {
        padding-inline-start: 40px !important;
    }

    .pe-sm-10 {
        padding-inline-end: 40px !important;
    }

    .pa-sm-10 {
        padding: 40px !important;
    }

    .pt-sm-11, .py-sm-11 {
        padding-top: 44px !important;
    }

    .pr-sm-11, .px-sm-11 {
        padding-right: 44px !important;
    }

    .pl-sm-11, .px-sm-11 {
        padding-left: 44px !important;
    }

    .pb-sm-11, .py-sm-11 {
        padding-bottom: 44px !important;
    }

    .ps-sm-11 {
        padding-inline-start: 44px !important;
    }

    .pe-sm-11 {
        padding-inline-end: 44px !important;
    }

    .pa-sm-11 {
        padding: 44px !important;
    }

    .pt-sm-12, .py-sm-12 {
        padding-top: 48px !important;
    }

    .pr-sm-12, .px-sm-12 {
        padding-right: 48px !important;
    }

    .pl-sm-12, .px-sm-12 {
        padding-left: 48px !important;
    }

    .pb-sm-12, .py-sm-12 {
        padding-bottom: 48px !important;
    }

    .ps-sm-12 {
        padding-inline-start: 48px !important;
    }

    .pe-sm-12 {
        padding-inline-end: 48px !important;
    }

    .pa-sm-12 {
        padding: 48px !important;
    }

    .pt-sm-13, .py-sm-13 {
        padding-top: 52px !important;
    }

    .pr-sm-13, .px-sm-13 {
        padding-right: 52px !important;
    }

    .pl-sm-13, .px-sm-13 {
        padding-left: 52px !important;
    }

    .pb-sm-13, .py-sm-13 {
        padding-bottom: 52px !important;
    }

    .ps-sm-13 {
        padding-inline-start: 52px !important;
    }

    .pe-sm-13 {
        padding-inline-end: 52px !important;
    }

    .pa-sm-13 {
        padding: 52px !important;
    }

    .pt-sm-14, .py-sm-14 {
        padding-top: 56px !important;
    }

    .pr-sm-14, .px-sm-14 {
        padding-right: 56px !important;
    }

    .pl-sm-14, .px-sm-14 {
        padding-left: 56px !important;
    }

    .pb-sm-14, .py-sm-14 {
        padding-bottom: 56px !important;
    }

    .ps-sm-14 {
        padding-inline-start: 56px !important;
    }

    .pe-sm-14 {
        padding-inline-end: 56px !important;
    }

    .pa-sm-14 {
        padding: 56px !important;
    }

    .pt-sm-15, .py-sm-15 {
        padding-top: 60px !important;
    }

    .pr-sm-15, .px-sm-15 {
        padding-right: 60px !important;
    }

    .pl-sm-15, .px-sm-15 {
        padding-left: 60px !important;
    }

    .pb-sm-15, .py-sm-15 {
        padding-bottom: 60px !important;
    }

    .ps-sm-15 {
        padding-inline-start: 60px !important;
    }

    .pe-sm-15 {
        padding-inline-end: 60px !important;
    }

    .pa-sm-15 {
        padding: 60px !important;
    }

    .pt-sm-16, .py-sm-16 {
        padding-top: 64px !important;
    }

    .pr-sm-16, .px-sm-16 {
        padding-right: 64px !important;
    }

    .pl-sm-16, .px-sm-16 {
        padding-left: 64px !important;
    }

    .pb-sm-16, .py-sm-16 {
        padding-bottom: 64px !important;
    }

    .ps-sm-16 {
        padding-inline-start: 64px !important;
    }

    .pe-sm-16 {
        padding-inline-end: 64px !important;
    }

    .pa-sm-16 {
        padding: 64px !important;
    }

    .pt-sm-auto, .py-sm-auto {
        padding-top: auto !important;
    }

    .pr-sm-auto, .px-sm-auto {
        padding-right: auto !important;
    }

    .pl-sm-auto, .px-sm-auto {
        padding-left: auto !important;
    }

    .pb-sm-auto, .py-sm-auto {
        padding-bottom: auto !important;
    }

    .ps-sm-auto {
        padding-inline-start: auto !important;
    }

    .pe-sm-auto {
        padding-inline-end: auto !important;
    }

    .pa-sm-auto {
        padding: auto !important;
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -4px !important;
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -4px !important;
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -4px !important;
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -4px !important;
    }

    .ms-sm-n1 {
        margin-inline-start: -4px !important;
    }

    .me-sm-n1 {
        margin-inline-end: -4px !important;
    }

    .ma-sm-n1 {
        margin: -4px !important;
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -8px !important;
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -8px !important;
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -8px !important;
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -8px !important;
    }

    .ms-sm-n2 {
        margin-inline-start: -8px !important;
    }

    .me-sm-n2 {
        margin-inline-end: -8px !important;
    }

    .ma-sm-n2 {
        margin: -8px !important;
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -12px !important;
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -12px !important;
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -12px !important;
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -12px !important;
    }

    .ms-sm-n3 {
        margin-inline-start: -12px !important;
    }

    .me-sm-n3 {
        margin-inline-end: -12px !important;
    }

    .ma-sm-n3 {
        margin: -12px !important;
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -16px !important;
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -16px !important;
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -16px !important;
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -16px !important;
    }

    .ms-sm-n4 {
        margin-inline-start: -16px !important;
    }

    .me-sm-n4 {
        margin-inline-end: -16px !important;
    }

    .ma-sm-n4 {
        margin: -16px !important;
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -20px !important;
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -20px !important;
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -20px !important;
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -20px !important;
    }

    .ms-sm-n5 {
        margin-inline-start: -20px !important;
    }

    .me-sm-n5 {
        margin-inline-end: -20px !important;
    }

    .ma-sm-n5 {
        margin: -20px !important;
    }

    .mt-sm-n6, .my-sm-n6 {
        margin-top: -24px !important;
    }

    .mr-sm-n6, .mx-sm-n6 {
        margin-right: -24px !important;
    }

    .ml-sm-n6, .mx-sm-n6 {
        margin-left: -24px !important;
    }

    .mb-sm-n6, .my-sm-n6 {
        margin-bottom: -24px !important;
    }

    .ms-sm-n6 {
        margin-inline-start: -24px !important;
    }

    .me-sm-n6 {
        margin-inline-end: -24px !important;
    }

    .ma-sm-n6 {
        margin: -24px !important;
    }

    .mt-sm-n7, .my-sm-n7 {
        margin-top: -28px !important;
    }

    .mr-sm-n7, .mx-sm-n7 {
        margin-right: -28px !important;
    }

    .ml-sm-n7, .mx-sm-n7 {
        margin-left: -28px !important;
    }

    .mb-sm-n7, .my-sm-n7 {
        margin-bottom: -28px !important;
    }

    .ms-sm-n7 {
        margin-inline-start: -28px !important;
    }

    .me-sm-n7 {
        margin-inline-end: -28px !important;
    }

    .ma-sm-n7 {
        margin: -28px !important;
    }

    .mt-sm-n8, .my-sm-n8 {
        margin-top: -32px !important;
    }

    .mr-sm-n8, .mx-sm-n8 {
        margin-right: -32px !important;
    }

    .ml-sm-n8, .mx-sm-n8 {
        margin-left: -32px !important;
    }

    .mb-sm-n8, .my-sm-n8 {
        margin-bottom: -32px !important;
    }

    .ms-sm-n8 {
        margin-inline-start: -32px !important;
    }

    .me-sm-n8 {
        margin-inline-end: -32px !important;
    }

    .ma-sm-n8 {
        margin: -32px !important;
    }

    .mt-sm-n9, .my-sm-n9 {
        margin-top: -36px !important;
    }

    .mr-sm-n9, .mx-sm-n9 {
        margin-right: -36px !important;
    }

    .ml-sm-n9, .mx-sm-n9 {
        margin-left: -36px !important;
    }

    .mb-sm-n9, .my-sm-n9 {
        margin-bottom: -36px !important;
    }

    .ms-sm-n9 {
        margin-inline-start: -36px !important;
    }

    .me-sm-n9 {
        margin-inline-end: -36px !important;
    }

    .ma-sm-n9 {
        margin: -36px !important;
    }

    .mt-sm-n10, .my-sm-n10 {
        margin-top: -40px !important;
    }

    .mr-sm-n10, .mx-sm-n10 {
        margin-right: -40px !important;
    }

    .ml-sm-n10, .mx-sm-n10 {
        margin-left: -40px !important;
    }

    .mb-sm-n10, .my-sm-n10 {
        margin-bottom: -40px !important;
    }

    .ms-sm-n10 {
        margin-inline-start: -40px !important;
    }

    .me-sm-n10 {
        margin-inline-end: -40px !important;
    }

    .ma-sm-n10 {
        margin: -40px !important;
    }

    .mt-sm-n11, .my-sm-n11 {
        margin-top: -44px !important;
    }

    .mr-sm-n11, .mx-sm-n11 {
        margin-right: -44px !important;
    }

    .ml-sm-n11, .mx-sm-n11 {
        margin-left: -44px !important;
    }

    .mb-sm-n11, .my-sm-n11 {
        margin-bottom: -44px !important;
    }

    .ms-sm-n11 {
        margin-inline-start: -44px !important;
    }

    .me-sm-n11 {
        margin-inline-end: -44px !important;
    }

    .ma-sm-n11 {
        margin: -44px !important;
    }

    .mt-sm-n12, .my-sm-n12 {
        margin-top: -48px !important;
    }

    .mr-sm-n12, .mx-sm-n12 {
        margin-right: -48px !important;
    }

    .ml-sm-n12, .mx-sm-n12 {
        margin-left: -48px !important;
    }

    .mb-sm-n12, .my-sm-n12 {
        margin-bottom: -48px !important;
    }

    .ms-sm-n12 {
        margin-inline-start: -48px !important;
    }

    .me-sm-n12 {
        margin-inline-end: -48px !important;
    }

    .ma-sm-n12 {
        margin: -48px !important;
    }

    .mt-sm-n13, .my-sm-n13 {
        margin-top: -52px !important;
    }

    .mr-sm-n13, .mx-sm-n13 {
        margin-right: -52px !important;
    }

    .ml-sm-n13, .mx-sm-n13 {
        margin-left: -52px !important;
    }

    .mb-sm-n13, .my-sm-n13 {
        margin-bottom: -52px !important;
    }

    .ms-sm-n13 {
        margin-inline-start: -52px !important;
    }

    .me-sm-n13 {
        margin-inline-end: -52px !important;
    }

    .ma-sm-n13 {
        margin: -52px !important;
    }

    .mt-sm-n14, .my-sm-n14 {
        margin-top: -56px !important;
    }

    .mr-sm-n14, .mx-sm-n14 {
        margin-right: -56px !important;
    }

    .ml-sm-n14, .mx-sm-n14 {
        margin-left: -56px !important;
    }

    .mb-sm-n14, .my-sm-n14 {
        margin-bottom: -56px !important;
    }

    .ms-sm-n14 {
        margin-inline-start: -56px !important;
    }

    .me-sm-n14 {
        margin-inline-end: -56px !important;
    }

    .ma-sm-n14 {
        margin: -56px !important;
    }

    .mt-sm-n15, .my-sm-n15 {
        margin-top: -60px !important;
    }

    .mr-sm-n15, .mx-sm-n15 {
        margin-right: -60px !important;
    }

    .ml-sm-n15, .mx-sm-n15 {
        margin-left: -60px !important;
    }

    .mb-sm-n15, .my-sm-n15 {
        margin-bottom: -60px !important;
    }

    .ms-sm-n15 {
        margin-inline-start: -60px !important;
    }

    .me-sm-n15 {
        margin-inline-end: -60px !important;
    }

    .ma-sm-n15 {
        margin: -60px !important;
    }

    .mt-sm-n16, .my-sm-n16 {
        margin-top: -64px !important;
    }

    .mr-sm-n16, .mx-sm-n16 {
        margin-right: -64px !important;
    }

    .ml-sm-n16, .mx-sm-n16 {
        margin-left: -64px !important;
    }

    .mb-sm-n16, .my-sm-n16 {
        margin-bottom: -64px !important;
    }

    .ms-sm-n16 {
        margin-inline-start: -64px !important;
    }

    .me-sm-n16 {
        margin-inline-end: -64px !important;
    }

    .ma-sm-n16 {
        margin: -64px !important;
    }
}

@media screen and (min-width:960px) {
    .mt-md-0, .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important;
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important;
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ms-md-0 {
        margin-inline-start: 0 !important;
    }

    .me-md-0 {
        margin-inline-end: 0 !important;
    }

    .ma-md-0 {
        margin: 0 !important;
    }

    .mt-md-1, .my-md-1 {
        margin-top: 4px !important;
    }

    .mr-md-1, .mx-md-1 {
        margin-right: 4px !important;
    }

    .ml-md-1, .mx-md-1 {
        margin-left: 4px !important;
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: 4px !important;
    }

    .ms-md-1 {
        margin-inline-start: 4px !important;
    }

    .me-md-1 {
        margin-inline-end: 4px !important;
    }

    .ma-md-1 {
        margin: 4px !important;
    }

    .mt-md-2, .my-md-2 {
        margin-top: 8px !important;
    }

    .mr-md-2, .mx-md-2 {
        margin-right: 8px !important;
    }

    .ml-md-2, .mx-md-2 {
        margin-left: 8px !important;
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: 8px !important;
    }

    .ms-md-2 {
        margin-inline-start: 8px !important;
    }

    .me-md-2 {
        margin-inline-end: 8px !important;
    }

    .ma-md-2 {
        margin: 8px !important;
    }

    .mt-md-3, .my-md-3 {
        margin-top: 12px !important;
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 12px !important;
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 12px !important;
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 12px !important;
    }

    .ms-md-3 {
        margin-inline-start: 12px !important;
    }

    .me-md-3 {
        margin-inline-end: 12px !important;
    }

    .ma-md-3 {
        margin: 12px !important;
    }

    .mt-md-4, .my-md-4 {
        margin-top: 16px !important;
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 16px !important;
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 16px !important;
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 16px !important;
    }

    .ms-md-4 {
        margin-inline-start: 16px !important;
    }

    .me-md-4 {
        margin-inline-end: 16px !important;
    }

    .ma-md-4 {
        margin: 16px !important;
    }

    .mt-md-5, .my-md-5 {
        margin-top: 20px !important;
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 20px !important;
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 20px !important;
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 20px !important;
    }

    .ms-md-5 {
        margin-inline-start: 20px !important;
    }

    .me-md-5 {
        margin-inline-end: 20px !important;
    }

    .ma-md-5 {
        margin: 20px !important;
    }

    .mt-md-6, .my-md-6 {
        margin-top: 24px !important;
    }

    .mr-md-6, .mx-md-6 {
        margin-right: 24px !important;
    }

    .ml-md-6, .mx-md-6 {
        margin-left: 24px !important;
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 24px !important;
    }

    .ms-md-6 {
        margin-inline-start: 24px !important;
    }

    .me-md-6 {
        margin-inline-end: 24px !important;
    }

    .ma-md-6 {
        margin: 24px !important;
    }

    .mt-md-7, .my-md-7 {
        margin-top: 28px !important;
    }

    .mr-md-7, .mx-md-7 {
        margin-right: 28px !important;
    }

    .ml-md-7, .mx-md-7 {
        margin-left: 28px !important;
    }

    .mb-md-7, .my-md-7 {
        margin-bottom: 28px !important;
    }

    .ms-md-7 {
        margin-inline-start: 28px !important;
    }

    .me-md-7 {
        margin-inline-end: 28px !important;
    }

    .ma-md-7 {
        margin: 28px !important;
    }

    .mt-md-8, .my-md-8 {
        margin-top: 32px !important;
    }

    .mr-md-8, .mx-md-8 {
        margin-right: 32px !important;
    }

    .ml-md-8, .mx-md-8 {
        margin-left: 32px !important;
    }

    .mb-md-8, .my-md-8 {
        margin-bottom: 32px !important;
    }

    .ms-md-8 {
        margin-inline-start: 32px !important;
    }

    .me-md-8 {
        margin-inline-end: 32px !important;
    }

    .ma-md-8 {
        margin: 32px !important;
    }

    .mt-md-9, .my-md-9 {
        margin-top: 36px !important;
    }

    .mr-md-9, .mx-md-9 {
        margin-right: 36px !important;
    }

    .ml-md-9, .mx-md-9 {
        margin-left: 36px !important;
    }

    .mb-md-9, .my-md-9 {
        margin-bottom: 36px !important;
    }

    .ms-md-9 {
        margin-inline-start: 36px !important;
    }

    .me-md-9 {
        margin-inline-end: 36px !important;
    }

    .ma-md-9 {
        margin: 36px !important;
    }

    .mt-md-10, .my-md-10 {
        margin-top: 40px !important;
    }

    .mr-md-10, .mx-md-10 {
        margin-right: 40px !important;
    }

    .ml-md-10, .mx-md-10 {
        margin-left: 40px !important;
    }

    .mb-md-10, .my-md-10 {
        margin-bottom: 40px !important;
    }

    .ms-md-10 {
        margin-inline-start: 40px !important;
    }

    .me-md-10 {
        margin-inline-end: 40px !important;
    }

    .ma-md-10 {
        margin: 40px !important;
    }

    .mt-md-11, .my-md-11 {
        margin-top: 44px !important;
    }

    .mr-md-11, .mx-md-11 {
        margin-right: 44px !important;
    }

    .ml-md-11, .mx-md-11 {
        margin-left: 44px !important;
    }

    .mb-md-11, .my-md-11 {
        margin-bottom: 44px !important;
    }

    .ms-md-11 {
        margin-inline-start: 44px !important;
    }

    .me-md-11 {
        margin-inline-end: 44px !important;
    }

    .ma-md-11 {
        margin: 44px !important;
    }

    .mt-md-12, .my-md-12 {
        margin-top: 48px !important;
    }

    .mr-md-12, .mx-md-12 {
        margin-right: 48px !important;
    }

    .ml-md-12, .mx-md-12 {
        margin-left: 48px !important;
    }

    .mb-md-12, .my-md-12 {
        margin-bottom: 48px !important;
    }

    .ms-md-12 {
        margin-inline-start: 48px !important;
    }

    .me-md-12 {
        margin-inline-end: 48px !important;
    }

    .ma-md-12 {
        margin: 48px !important;
    }

    .mt-md-13, .my-md-13 {
        margin-top: 52px !important;
    }

    .mr-md-13, .mx-md-13 {
        margin-right: 52px !important;
    }

    .ml-md-13, .mx-md-13 {
        margin-left: 52px !important;
    }

    .mb-md-13, .my-md-13 {
        margin-bottom: 52px !important;
    }

    .ms-md-13 {
        margin-inline-start: 52px !important;
    }

    .me-md-13 {
        margin-inline-end: 52px !important;
    }

    .ma-md-13 {
        margin: 52px !important;
    }

    .mt-md-14, .my-md-14 {
        margin-top: 56px !important;
    }

    .mr-md-14, .mx-md-14 {
        margin-right: 56px !important;
    }

    .ml-md-14, .mx-md-14 {
        margin-left: 56px !important;
    }

    .mb-md-14, .my-md-14 {
        margin-bottom: 56px !important;
    }

    .ms-md-14 {
        margin-inline-start: 56px !important;
    }

    .me-md-14 {
        margin-inline-end: 56px !important;
    }

    .ma-md-14 {
        margin: 56px !important;
    }

    .mt-md-15, .my-md-15 {
        margin-top: 60px !important;
    }

    .mr-md-15, .mx-md-15 {
        margin-right: 60px !important;
    }

    .ml-md-15, .mx-md-15 {
        margin-left: 60px !important;
    }

    .mb-md-15, .my-md-15 {
        margin-bottom: 60px !important;
    }

    .ms-md-15 {
        margin-inline-start: 60px !important;
    }

    .me-md-15 {
        margin-inline-end: 60px !important;
    }

    .ma-md-15 {
        margin: 60px !important;
    }

    .mt-md-16, .my-md-16 {
        margin-top: 64px !important;
    }

    .mr-md-16, .mx-md-16 {
        margin-right: 64px !important;
    }

    .ml-md-16, .mx-md-16 {
        margin-left: 64px !important;
    }

    .mb-md-16, .my-md-16 {
        margin-bottom: 64px !important;
    }

    .ms-md-16 {
        margin-inline-start: 64px !important;
    }

    .me-md-16 {
        margin-inline-end: 64px !important;
    }

    .ma-md-16 {
        margin: 64px !important;
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important;
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important;
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-auto {
        margin-inline-start: auto !important;
    }

    .me-md-auto {
        margin-inline-end: auto !important;
    }

    .ma-md-auto {
        margin: auto !important;
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important;
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important;
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important;
    }

    .ps-md-0 {
        padding-inline-start: 0 !important;
    }

    .pe-md-0 {
        padding-inline-end: 0 !important;
    }

    .pa-md-0 {
        padding: 0 !important;
    }

    .pt-md-1, .py-md-1 {
        padding-top: 4px !important;
    }

    .pr-md-1, .px-md-1 {
        padding-right: 4px !important;
    }

    .pl-md-1, .px-md-1 {
        padding-left: 4px !important;
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: 4px !important;
    }

    .ps-md-1 {
        padding-inline-start: 4px !important;
    }

    .pe-md-1 {
        padding-inline-end: 4px !important;
    }

    .pa-md-1 {
        padding: 4px !important;
    }

    .pt-md-2, .py-md-2 {
        padding-top: 8px !important;
    }

    .pr-md-2, .px-md-2 {
        padding-right: 8px !important;
    }

    .pl-md-2, .px-md-2 {
        padding-left: 8px !important;
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: 8px !important;
    }

    .ps-md-2 {
        padding-inline-start: 8px !important;
    }

    .pe-md-2 {
        padding-inline-end: 8px !important;
    }

    .pa-md-2 {
        padding: 8px !important;
    }

    .pt-md-3, .py-md-3 {
        padding-top: 12px !important;
    }

    .pr-md-3, .px-md-3 {
        padding-right: 12px !important;
    }

    .pl-md-3, .px-md-3 {
        padding-left: 12px !important;
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 12px !important;
    }

    .ps-md-3 {
        padding-inline-start: 12px !important;
    }

    .pe-md-3 {
        padding-inline-end: 12px !important;
    }

    .pa-md-3 {
        padding: 12px !important;
    }

    .pt-md-4, .py-md-4 {
        padding-top: 16px !important;
    }

    .pr-md-4, .px-md-4 {
        padding-right: 16px !important;
    }

    .pl-md-4, .px-md-4 {
        padding-left: 16px !important;
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 16px !important;
    }

    .ps-md-4 {
        padding-inline-start: 16px !important;
    }

    .pe-md-4 {
        padding-inline-end: 16px !important;
    }

    .pa-md-4 {
        padding: 16px !important;
    }

    .pt-md-5, .py-md-5 {
        padding-top: 20px !important;
    }

    .pr-md-5, .px-md-5 {
        padding-right: 20px !important;
    }

    .pl-md-5, .px-md-5 {
        padding-left: 20px !important;
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 20px !important;
    }

    .ps-md-5 {
        padding-inline-start: 20px !important;
    }

    .pe-md-5 {
        padding-inline-end: 20px !important;
    }

    .pa-md-5 {
        padding: 20px !important;
    }

    .pt-md-6, .py-md-6 {
        padding-top: 24px !important;
    }

    .pr-md-6, .px-md-6 {
        padding-right: 24px !important;
    }

    .pl-md-6, .px-md-6 {
        padding-left: 24px !important;
    }

    .pb-md-6, .py-md-6 {
        padding-bottom: 24px !important;
    }

    .ps-md-6 {
        padding-inline-start: 24px !important;
    }

    .pe-md-6 {
        padding-inline-end: 24px !important;
    }

    .pa-md-6 {
        padding: 24px !important;
    }

    .pt-md-7, .py-md-7 {
        padding-top: 28px !important;
    }

    .pr-md-7, .px-md-7 {
        padding-right: 28px !important;
    }

    .pl-md-7, .px-md-7 {
        padding-left: 28px !important;
    }

    .pb-md-7, .py-md-7 {
        padding-bottom: 28px !important;
    }

    .ps-md-7 {
        padding-inline-start: 28px !important;
    }

    .pe-md-7 {
        padding-inline-end: 28px !important;
    }

    .pa-md-7 {
        padding: 28px !important;
    }

    .pt-md-8, .py-md-8 {
        padding-top: 32px !important;
    }

    .pr-md-8, .px-md-8 {
        padding-right: 32px !important;
    }

    .pl-md-8, .px-md-8 {
        padding-left: 32px !important;
    }

    .pb-md-8, .py-md-8 {
        padding-bottom: 32px !important;
    }

    .ps-md-8 {
        padding-inline-start: 32px !important;
    }

    .pe-md-8 {
        padding-inline-end: 32px !important;
    }

    .pa-md-8 {
        padding: 32px !important;
    }

    .pt-md-9, .py-md-9 {
        padding-top: 36px !important;
    }

    .pr-md-9, .px-md-9 {
        padding-right: 36px !important;
    }

    .pl-md-9, .px-md-9 {
        padding-left: 36px !important;
    }

    .pb-md-9, .py-md-9 {
        padding-bottom: 36px !important;
    }

    .ps-md-9 {
        padding-inline-start: 36px !important;
    }

    .pe-md-9 {
        padding-inline-end: 36px !important;
    }

    .pa-md-9 {
        padding: 36px !important;
    }

    .pt-md-10, .py-md-10 {
        padding-top: 40px !important;
    }

    .pr-md-10, .px-md-10 {
        padding-right: 40px !important;
    }

    .pl-md-10, .px-md-10 {
        padding-left: 40px !important;
    }

    .pb-md-10, .py-md-10 {
        padding-bottom: 40px !important;
    }

    .ps-md-10 {
        padding-inline-start: 40px !important;
    }

    .pe-md-10 {
        padding-inline-end: 40px !important;
    }

    .pa-md-10 {
        padding: 40px !important;
    }

    .pt-md-11, .py-md-11 {
        padding-top: 44px !important;
    }

    .pr-md-11, .px-md-11 {
        padding-right: 44px !important;
    }

    .pl-md-11, .px-md-11 {
        padding-left: 44px !important;
    }

    .pb-md-11, .py-md-11 {
        padding-bottom: 44px !important;
    }

    .ps-md-11 {
        padding-inline-start: 44px !important;
    }

    .pe-md-11 {
        padding-inline-end: 44px !important;
    }

    .pa-md-11 {
        padding: 44px !important;
    }

    .pt-md-12, .py-md-12 {
        padding-top: 48px !important;
    }

    .pr-md-12, .px-md-12 {
        padding-right: 48px !important;
    }

    .pl-md-12, .px-md-12 {
        padding-left: 48px !important;
    }

    .pb-md-12, .py-md-12 {
        padding-bottom: 48px !important;
    }

    .ps-md-12 {
        padding-inline-start: 48px !important;
    }

    .pe-md-12 {
        padding-inline-end: 48px !important;
    }

    .pa-md-12 {
        padding: 48px !important;
    }

    .pt-md-13, .py-md-13 {
        padding-top: 52px !important;
    }

    .pr-md-13, .px-md-13 {
        padding-right: 52px !important;
    }

    .pl-md-13, .px-md-13 {
        padding-left: 52px !important;
    }

    .pb-md-13, .py-md-13 {
        padding-bottom: 52px !important;
    }

    .ps-md-13 {
        padding-inline-start: 52px !important;
    }

    .pe-md-13 {
        padding-inline-end: 52px !important;
    }

    .pa-md-13 {
        padding: 52px !important;
    }

    .pt-md-14, .py-md-14 {
        padding-top: 56px !important;
    }

    .pr-md-14, .px-md-14 {
        padding-right: 56px !important;
    }

    .pl-md-14, .px-md-14 {
        padding-left: 56px !important;
    }

    .pb-md-14, .py-md-14 {
        padding-bottom: 56px !important;
    }

    .ps-md-14 {
        padding-inline-start: 56px !important;
    }

    .pe-md-14 {
        padding-inline-end: 56px !important;
    }

    .pa-md-14 {
        padding: 56px !important;
    }

    .pt-md-15, .py-md-15 {
        padding-top: 60px !important;
    }

    .pr-md-15, .px-md-15 {
        padding-right: 60px !important;
    }

    .pl-md-15, .px-md-15 {
        padding-left: 60px !important;
    }

    .pb-md-15, .py-md-15 {
        padding-bottom: 60px !important;
    }

    .ps-md-15 {
        padding-inline-start: 60px !important;
    }

    .pe-md-15 {
        padding-inline-end: 60px !important;
    }

    .pa-md-15 {
        padding: 60px !important;
    }

    .pt-md-16, .py-md-16 {
        padding-top: 64px !important;
    }

    .pr-md-16, .px-md-16 {
        padding-right: 64px !important;
    }

    .pl-md-16, .px-md-16 {
        padding-left: 64px !important;
    }

    .pb-md-16, .py-md-16 {
        padding-bottom: 64px !important;
    }

    .ps-md-16 {
        padding-inline-start: 64px !important;
    }

    .pe-md-16 {
        padding-inline-end: 64px !important;
    }

    .pa-md-16 {
        padding: 64px !important;
    }

    .pt-md-auto, .py-md-auto {
        padding-top: auto !important;
    }

    .pr-md-auto, .px-md-auto {
        padding-right: auto !important;
    }

    .pl-md-auto, .px-md-auto {
        padding-left: auto !important;
    }

    .pb-md-auto, .py-md-auto {
        padding-bottom: auto !important;
    }

    .ps-md-auto {
        padding-inline-start: auto !important;
    }

    .pe-md-auto {
        padding-inline-end: auto !important;
    }

    .pa-md-auto {
        padding: auto !important;
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -4px !important;
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -4px !important;
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -4px !important;
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -4px !important;
    }

    .ms-md-n1 {
        margin-inline-start: -4px !important;
    }

    .me-md-n1 {
        margin-inline-end: -4px !important;
    }

    .ma-md-n1 {
        margin: -4px !important;
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -8px !important;
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -8px !important;
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -8px !important;
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -8px !important;
    }

    .ms-md-n2 {
        margin-inline-start: -8px !important;
    }

    .me-md-n2 {
        margin-inline-end: -8px !important;
    }

    .ma-md-n2 {
        margin: -8px !important;
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -12px !important;
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -12px !important;
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -12px !important;
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -12px !important;
    }

    .ms-md-n3 {
        margin-inline-start: -12px !important;
    }

    .me-md-n3 {
        margin-inline-end: -12px !important;
    }

    .ma-md-n3 {
        margin: -12px !important;
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -16px !important;
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -16px !important;
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -16px !important;
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -16px !important;
    }

    .ms-md-n4 {
        margin-inline-start: -16px !important;
    }

    .me-md-n4 {
        margin-inline-end: -16px !important;
    }

    .ma-md-n4 {
        margin: -16px !important;
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -20px !important;
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -20px !important;
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -20px !important;
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -20px !important;
    }

    .ms-md-n5 {
        margin-inline-start: -20px !important;
    }

    .me-md-n5 {
        margin-inline-end: -20px !important;
    }

    .ma-md-n5 {
        margin: -20px !important;
    }

    .mt-md-n6, .my-md-n6 {
        margin-top: -24px !important;
    }

    .mr-md-n6, .mx-md-n6 {
        margin-right: -24px !important;
    }

    .ml-md-n6, .mx-md-n6 {
        margin-left: -24px !important;
    }

    .mb-md-n6, .my-md-n6 {
        margin-bottom: -24px !important;
    }

    .ms-md-n6 {
        margin-inline-start: -24px !important;
    }

    .me-md-n6 {
        margin-inline-end: -24px !important;
    }

    .ma-md-n6 {
        margin: -24px !important;
    }

    .mt-md-n7, .my-md-n7 {
        margin-top: -28px !important;
    }

    .mr-md-n7, .mx-md-n7 {
        margin-right: -28px !important;
    }

    .ml-md-n7, .mx-md-n7 {
        margin-left: -28px !important;
    }

    .mb-md-n7, .my-md-n7 {
        margin-bottom: -28px !important;
    }

    .ms-md-n7 {
        margin-inline-start: -28px !important;
    }

    .me-md-n7 {
        margin-inline-end: -28px !important;
    }

    .ma-md-n7 {
        margin: -28px !important;
    }

    .mt-md-n8, .my-md-n8 {
        margin-top: -32px !important;
    }

    .mr-md-n8, .mx-md-n8 {
        margin-right: -32px !important;
    }

    .ml-md-n8, .mx-md-n8 {
        margin-left: -32px !important;
    }

    .mb-md-n8, .my-md-n8 {
        margin-bottom: -32px !important;
    }

    .ms-md-n8 {
        margin-inline-start: -32px !important;
    }

    .me-md-n8 {
        margin-inline-end: -32px !important;
    }

    .ma-md-n8 {
        margin: -32px !important;
    }

    .mt-md-n9, .my-md-n9 {
        margin-top: -36px !important;
    }

    .mr-md-n9, .mx-md-n9 {
        margin-right: -36px !important;
    }

    .ml-md-n9, .mx-md-n9 {
        margin-left: -36px !important;
    }

    .mb-md-n9, .my-md-n9 {
        margin-bottom: -36px !important;
    }

    .ms-md-n9 {
        margin-inline-start: -36px !important;
    }

    .me-md-n9 {
        margin-inline-end: -36px !important;
    }

    .ma-md-n9 {
        margin: -36px !important;
    }

    .mt-md-n10, .my-md-n10 {
        margin-top: -40px !important;
    }

    .mr-md-n10, .mx-md-n10 {
        margin-right: -40px !important;
    }

    .ml-md-n10, .mx-md-n10 {
        margin-left: -40px !important;
    }

    .mb-md-n10, .my-md-n10 {
        margin-bottom: -40px !important;
    }

    .ms-md-n10 {
        margin-inline-start: -40px !important;
    }

    .me-md-n10 {
        margin-inline-end: -40px !important;
    }

    .ma-md-n10 {
        margin: -40px !important;
    }

    .mt-md-n11, .my-md-n11 {
        margin-top: -44px !important;
    }

    .mr-md-n11, .mx-md-n11 {
        margin-right: -44px !important;
    }

    .ml-md-n11, .mx-md-n11 {
        margin-left: -44px !important;
    }

    .mb-md-n11, .my-md-n11 {
        margin-bottom: -44px !important;
    }

    .ms-md-n11 {
        margin-inline-start: -44px !important;
    }

    .me-md-n11 {
        margin-inline-end: -44px !important;
    }

    .ma-md-n11 {
        margin: -44px !important;
    }

    .mt-md-n12, .my-md-n12 {
        margin-top: -48px !important;
    }

    .mr-md-n12, .mx-md-n12 {
        margin-right: -48px !important;
    }

    .ml-md-n12, .mx-md-n12 {
        margin-left: -48px !important;
    }

    .mb-md-n12, .my-md-n12 {
        margin-bottom: -48px !important;
    }

    .ms-md-n12 {
        margin-inline-start: -48px !important;
    }

    .me-md-n12 {
        margin-inline-end: -48px !important;
    }

    .ma-md-n12 {
        margin: -48px !important;
    }

    .mt-md-n13, .my-md-n13 {
        margin-top: -52px !important;
    }

    .mr-md-n13, .mx-md-n13 {
        margin-right: -52px !important;
    }

    .ml-md-n13, .mx-md-n13 {
        margin-left: -52px !important;
    }

    .mb-md-n13, .my-md-n13 {
        margin-bottom: -52px !important;
    }

    .ms-md-n13 {
        margin-inline-start: -52px !important;
    }

    .me-md-n13 {
        margin-inline-end: -52px !important;
    }

    .ma-md-n13 {
        margin: -52px !important;
    }

    .mt-md-n14, .my-md-n14 {
        margin-top: -56px !important;
    }

    .mr-md-n14, .mx-md-n14 {
        margin-right: -56px !important;
    }

    .ml-md-n14, .mx-md-n14 {
        margin-left: -56px !important;
    }

    .mb-md-n14, .my-md-n14 {
        margin-bottom: -56px !important;
    }

    .ms-md-n14 {
        margin-inline-start: -56px !important;
    }

    .me-md-n14 {
        margin-inline-end: -56px !important;
    }

    .ma-md-n14 {
        margin: -56px !important;
    }

    .mt-md-n15, .my-md-n15 {
        margin-top: -60px !important;
    }

    .mr-md-n15, .mx-md-n15 {
        margin-right: -60px !important;
    }

    .ml-md-n15, .mx-md-n15 {
        margin-left: -60px !important;
    }

    .mb-md-n15, .my-md-n15 {
        margin-bottom: -60px !important;
    }

    .ms-md-n15 {
        margin-inline-start: -60px !important;
    }

    .me-md-n15 {
        margin-inline-end: -60px !important;
    }

    .ma-md-n15 {
        margin: -60px !important;
    }

    .mt-md-n16, .my-md-n16 {
        margin-top: -64px !important;
    }

    .mr-md-n16, .mx-md-n16 {
        margin-right: -64px !important;
    }

    .ml-md-n16, .mx-md-n16 {
        margin-left: -64px !important;
    }

    .mb-md-n16, .my-md-n16 {
        margin-bottom: -64px !important;
    }

    .ms-md-n16 {
        margin-inline-start: -64px !important;
    }

    .me-md-n16 {
        margin-inline-end: -64px !important;
    }

    .ma-md-n16 {
        margin: -64px !important;
    }
}

@media screen and (min-width:1280px) {
    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important;
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important;
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ms-lg-0 {
        margin-inline-start: 0 !important;
    }

    .me-lg-0 {
        margin-inline-end: 0 !important;
    }

    .ma-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: 4px !important;
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: 4px !important;
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: 4px !important;
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: 4px !important;
    }

    .ms-lg-1 {
        margin-inline-start: 4px !important;
    }

    .me-lg-1 {
        margin-inline-end: 4px !important;
    }

    .ma-lg-1 {
        margin: 4px !important;
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: 8px !important;
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: 8px !important;
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: 8px !important;
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: 8px !important;
    }

    .ms-lg-2 {
        margin-inline-start: 8px !important;
    }

    .me-lg-2 {
        margin-inline-end: 8px !important;
    }

    .ma-lg-2 {
        margin: 8px !important;
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 12px !important;
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 12px !important;
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 12px !important;
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 12px !important;
    }

    .ms-lg-3 {
        margin-inline-start: 12px !important;
    }

    .me-lg-3 {
        margin-inline-end: 12px !important;
    }

    .ma-lg-3 {
        margin: 12px !important;
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 16px !important;
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 16px !important;
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 16px !important;
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 16px !important;
    }

    .ms-lg-4 {
        margin-inline-start: 16px !important;
    }

    .me-lg-4 {
        margin-inline-end: 16px !important;
    }

    .ma-lg-4 {
        margin: 16px !important;
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 20px !important;
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 20px !important;
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 20px !important;
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 20px !important;
    }

    .ms-lg-5 {
        margin-inline-start: 20px !important;
    }

    .me-lg-5 {
        margin-inline-end: 20px !important;
    }

    .ma-lg-5 {
        margin: 20px !important;
    }

    .mt-lg-6, .my-lg-6 {
        margin-top: 24px !important;
    }

    .mr-lg-6, .mx-lg-6 {
        margin-right: 24px !important;
    }

    .ml-lg-6, .mx-lg-6 {
        margin-left: 24px !important;
    }

    .mb-lg-6, .my-lg-6 {
        margin-bottom: 24px !important;
    }

    .ms-lg-6 {
        margin-inline-start: 24px !important;
    }

    .me-lg-6 {
        margin-inline-end: 24px !important;
    }

    .ma-lg-6 {
        margin: 24px !important;
    }

    .mt-lg-7, .my-lg-7 {
        margin-top: 28px !important;
    }

    .mr-lg-7, .mx-lg-7 {
        margin-right: 28px !important;
    }

    .ml-lg-7, .mx-lg-7 {
        margin-left: 28px !important;
    }

    .mb-lg-7, .my-lg-7 {
        margin-bottom: 28px !important;
    }

    .ms-lg-7 {
        margin-inline-start: 28px !important;
    }

    .me-lg-7 {
        margin-inline-end: 28px !important;
    }

    .ma-lg-7 {
        margin: 28px !important;
    }

    .mt-lg-8, .my-lg-8 {
        margin-top: 32px !important;
    }

    .mr-lg-8, .mx-lg-8 {
        margin-right: 32px !important;
    }

    .ml-lg-8, .mx-lg-8 {
        margin-left: 32px !important;
    }

    .mb-lg-8, .my-lg-8 {
        margin-bottom: 32px !important;
    }

    .ms-lg-8 {
        margin-inline-start: 32px !important;
    }

    .me-lg-8 {
        margin-inline-end: 32px !important;
    }

    .ma-lg-8 {
        margin: 32px !important;
    }

    .mt-lg-9, .my-lg-9 {
        margin-top: 36px !important;
    }

    .mr-lg-9, .mx-lg-9 {
        margin-right: 36px !important;
    }

    .ml-lg-9, .mx-lg-9 {
        margin-left: 36px !important;
    }

    .mb-lg-9, .my-lg-9 {
        margin-bottom: 36px !important;
    }

    .ms-lg-9 {
        margin-inline-start: 36px !important;
    }

    .me-lg-9 {
        margin-inline-end: 36px !important;
    }

    .ma-lg-9 {
        margin: 36px !important;
    }

    .mt-lg-10, .my-lg-10 {
        margin-top: 40px !important;
    }

    .mr-lg-10, .mx-lg-10 {
        margin-right: 40px !important;
    }

    .ml-lg-10, .mx-lg-10 {
        margin-left: 40px !important;
    }

    .mb-lg-10, .my-lg-10 {
        margin-bottom: 40px !important;
    }

    .ms-lg-10 {
        margin-inline-start: 40px !important;
    }

    .me-lg-10 {
        margin-inline-end: 40px !important;
    }

    .ma-lg-10 {
        margin: 40px !important;
    }

    .mt-lg-11, .my-lg-11 {
        margin-top: 44px !important;
    }

    .mr-lg-11, .mx-lg-11 {
        margin-right: 44px !important;
    }

    .ml-lg-11, .mx-lg-11 {
        margin-left: 44px !important;
    }

    .mb-lg-11, .my-lg-11 {
        margin-bottom: 44px !important;
    }

    .ms-lg-11 {
        margin-inline-start: 44px !important;
    }

    .me-lg-11 {
        margin-inline-end: 44px !important;
    }

    .ma-lg-11 {
        margin: 44px !important;
    }

    .mt-lg-12, .my-lg-12 {
        margin-top: 48px !important;
    }

    .mr-lg-12, .mx-lg-12 {
        margin-right: 48px !important;
    }

    .ml-lg-12, .mx-lg-12 {
        margin-left: 48px !important;
    }

    .mb-lg-12, .my-lg-12 {
        margin-bottom: 48px !important;
    }

    .ms-lg-12 {
        margin-inline-start: 48px !important;
    }

    .me-lg-12 {
        margin-inline-end: 48px !important;
    }

    .ma-lg-12 {
        margin: 48px !important;
    }

    .mt-lg-13, .my-lg-13 {
        margin-top: 52px !important;
    }

    .mr-lg-13, .mx-lg-13 {
        margin-right: 52px !important;
    }

    .ml-lg-13, .mx-lg-13 {
        margin-left: 52px !important;
    }

    .mb-lg-13, .my-lg-13 {
        margin-bottom: 52px !important;
    }

    .ms-lg-13 {
        margin-inline-start: 52px !important;
    }

    .me-lg-13 {
        margin-inline-end: 52px !important;
    }

    .ma-lg-13 {
        margin: 52px !important;
    }

    .mt-lg-14, .my-lg-14 {
        margin-top: 56px !important;
    }

    .mr-lg-14, .mx-lg-14 {
        margin-right: 56px !important;
    }

    .ml-lg-14, .mx-lg-14 {
        margin-left: 56px !important;
    }

    .mb-lg-14, .my-lg-14 {
        margin-bottom: 56px !important;
    }

    .ms-lg-14 {
        margin-inline-start: 56px !important;
    }

    .me-lg-14 {
        margin-inline-end: 56px !important;
    }

    .ma-lg-14 {
        margin: 56px !important;
    }

    .mt-lg-15, .my-lg-15 {
        margin-top: 60px !important;
    }

    .mr-lg-15, .mx-lg-15 {
        margin-right: 60px !important;
    }

    .ml-lg-15, .mx-lg-15 {
        margin-left: 60px !important;
    }

    .mb-lg-15, .my-lg-15 {
        margin-bottom: 60px !important;
    }

    .ms-lg-15 {
        margin-inline-start: 60px !important;
    }

    .me-lg-15 {
        margin-inline-end: 60px !important;
    }

    .ma-lg-15 {
        margin: 60px !important;
    }

    .mt-lg-16, .my-lg-16 {
        margin-top: 64px !important;
    }

    .mr-lg-16, .mx-lg-16 {
        margin-right: 64px !important;
    }

    .ml-lg-16, .mx-lg-16 {
        margin-left: 64px !important;
    }

    .mb-lg-16, .my-lg-16 {
        margin-bottom: 64px !important;
    }

    .ms-lg-16 {
        margin-inline-start: 64px !important;
    }

    .me-lg-16 {
        margin-inline-end: 64px !important;
    }

    .ma-lg-16 {
        margin: 64px !important;
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important;
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important;
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-auto {
        margin-inline-start: auto !important;
    }

    .me-lg-auto {
        margin-inline-end: auto !important;
    }

    .ma-lg-auto {
        margin: auto !important;
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important;
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important;
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .ps-lg-0 {
        padding-inline-start: 0 !important;
    }

    .pe-lg-0 {
        padding-inline-end: 0 !important;
    }

    .pa-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: 4px !important;
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: 4px !important;
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: 4px !important;
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: 4px !important;
    }

    .ps-lg-1 {
        padding-inline-start: 4px !important;
    }

    .pe-lg-1 {
        padding-inline-end: 4px !important;
    }

    .pa-lg-1 {
        padding: 4px !important;
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: 8px !important;
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: 8px !important;
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: 8px !important;
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: 8px !important;
    }

    .ps-lg-2 {
        padding-inline-start: 8px !important;
    }

    .pe-lg-2 {
        padding-inline-end: 8px !important;
    }

    .pa-lg-2 {
        padding: 8px !important;
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 12px !important;
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 12px !important;
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 12px !important;
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 12px !important;
    }

    .ps-lg-3 {
        padding-inline-start: 12px !important;
    }

    .pe-lg-3 {
        padding-inline-end: 12px !important;
    }

    .pa-lg-3 {
        padding: 12px !important;
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 16px !important;
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 16px !important;
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 16px !important;
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 16px !important;
    }

    .ps-lg-4 {
        padding-inline-start: 16px !important;
    }

    .pe-lg-4 {
        padding-inline-end: 16px !important;
    }

    .pa-lg-4 {
        padding: 16px !important;
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 20px !important;
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 20px !important;
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 20px !important;
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 20px !important;
    }

    .ps-lg-5 {
        padding-inline-start: 20px !important;
    }

    .pe-lg-5 {
        padding-inline-end: 20px !important;
    }

    .pa-lg-5 {
        padding: 20px !important;
    }

    .pt-lg-6, .py-lg-6 {
        padding-top: 24px !important;
    }

    .pr-lg-6, .px-lg-6 {
        padding-right: 24px !important;
    }

    .pl-lg-6, .px-lg-6 {
        padding-left: 24px !important;
    }

    .pb-lg-6, .py-lg-6 {
        padding-bottom: 24px !important;
    }

    .ps-lg-6 {
        padding-inline-start: 24px !important;
    }

    .pe-lg-6 {
        padding-inline-end: 24px !important;
    }

    .pa-lg-6 {
        padding: 24px !important;
    }

    .pt-lg-7, .py-lg-7 {
        padding-top: 28px !important;
    }

    .pr-lg-7, .px-lg-7 {
        padding-right: 28px !important;
    }

    .pl-lg-7, .px-lg-7 {
        padding-left: 28px !important;
    }

    .pb-lg-7, .py-lg-7 {
        padding-bottom: 28px !important;
    }

    .ps-lg-7 {
        padding-inline-start: 28px !important;
    }

    .pe-lg-7 {
        padding-inline-end: 28px !important;
    }

    .pa-lg-7 {
        padding: 28px !important;
    }

    .pt-lg-8, .py-lg-8 {
        padding-top: 32px !important;
    }

    .pr-lg-8, .px-lg-8 {
        padding-right: 32px !important;
    }

    .pl-lg-8, .px-lg-8 {
        padding-left: 32px !important;
    }

    .pb-lg-8, .py-lg-8 {
        padding-bottom: 32px !important;
    }

    .ps-lg-8 {
        padding-inline-start: 32px !important;
    }

    .pe-lg-8 {
        padding-inline-end: 32px !important;
    }

    .pa-lg-8 {
        padding: 32px !important;
    }

    .pt-lg-9, .py-lg-9 {
        padding-top: 36px !important;
    }

    .pr-lg-9, .px-lg-9 {
        padding-right: 36px !important;
    }

    .pl-lg-9, .px-lg-9 {
        padding-left: 36px !important;
    }

    .pb-lg-9, .py-lg-9 {
        padding-bottom: 36px !important;
    }

    .ps-lg-9 {
        padding-inline-start: 36px !important;
    }

    .pe-lg-9 {
        padding-inline-end: 36px !important;
    }

    .pa-lg-9 {
        padding: 36px !important;
    }

    .pt-lg-10, .py-lg-10 {
        padding-top: 40px !important;
    }

    .pr-lg-10, .px-lg-10 {
        padding-right: 40px !important;
    }

    .pl-lg-10, .px-lg-10 {
        padding-left: 40px !important;
    }

    .pb-lg-10, .py-lg-10 {
        padding-bottom: 40px !important;
    }

    .ps-lg-10 {
        padding-inline-start: 40px !important;
    }

    .pe-lg-10 {
        padding-inline-end: 40px !important;
    }

    .pa-lg-10 {
        padding: 40px !important;
    }

    .pt-lg-11, .py-lg-11 {
        padding-top: 44px !important;
    }

    .pr-lg-11, .px-lg-11 {
        padding-right: 44px !important;
    }

    .pl-lg-11, .px-lg-11 {
        padding-left: 44px !important;
    }

    .pb-lg-11, .py-lg-11 {
        padding-bottom: 44px !important;
    }

    .ps-lg-11 {
        padding-inline-start: 44px !important;
    }

    .pe-lg-11 {
        padding-inline-end: 44px !important;
    }

    .pa-lg-11 {
        padding: 44px !important;
    }

    .pt-lg-12, .py-lg-12 {
        padding-top: 48px !important;
    }

    .pr-lg-12, .px-lg-12 {
        padding-right: 48px !important;
    }

    .pl-lg-12, .px-lg-12 {
        padding-left: 48px !important;
    }

    .pb-lg-12, .py-lg-12 {
        padding-bottom: 48px !important;
    }

    .ps-lg-12 {
        padding-inline-start: 48px !important;
    }

    .pe-lg-12 {
        padding-inline-end: 48px !important;
    }

    .pa-lg-12 {
        padding: 48px !important;
    }

    .pt-lg-13, .py-lg-13 {
        padding-top: 52px !important;
    }

    .pr-lg-13, .px-lg-13 {
        padding-right: 52px !important;
    }

    .pl-lg-13, .px-lg-13 {
        padding-left: 52px !important;
    }

    .pb-lg-13, .py-lg-13 {
        padding-bottom: 52px !important;
    }

    .ps-lg-13 {
        padding-inline-start: 52px !important;
    }

    .pe-lg-13 {
        padding-inline-end: 52px !important;
    }

    .pa-lg-13 {
        padding: 52px !important;
    }

    .pt-lg-14, .py-lg-14 {
        padding-top: 56px !important;
    }

    .pr-lg-14, .px-lg-14 {
        padding-right: 56px !important;
    }

    .pl-lg-14, .px-lg-14 {
        padding-left: 56px !important;
    }

    .pb-lg-14, .py-lg-14 {
        padding-bottom: 56px !important;
    }

    .ps-lg-14 {
        padding-inline-start: 56px !important;
    }

    .pe-lg-14 {
        padding-inline-end: 56px !important;
    }

    .pa-lg-14 {
        padding: 56px !important;
    }

    .pt-lg-15, .py-lg-15 {
        padding-top: 60px !important;
    }

    .pr-lg-15, .px-lg-15 {
        padding-right: 60px !important;
    }

    .pl-lg-15, .px-lg-15 {
        padding-left: 60px !important;
    }

    .pb-lg-15, .py-lg-15 {
        padding-bottom: 60px !important;
    }

    .ps-lg-15 {
        padding-inline-start: 60px !important;
    }

    .pe-lg-15 {
        padding-inline-end: 60px !important;
    }

    .pa-lg-15 {
        padding: 60px !important;
    }

    .pt-lg-16, .py-lg-16 {
        padding-top: 64px !important;
    }

    .pr-lg-16, .px-lg-16 {
        padding-right: 64px !important;
    }

    .pl-lg-16, .px-lg-16 {
        padding-left: 64px !important;
    }

    .pb-lg-16, .py-lg-16 {
        padding-bottom: 64px !important;
    }

    .ps-lg-16 {
        padding-inline-start: 64px !important;
    }

    .pe-lg-16 {
        padding-inline-end: 64px !important;
    }

    .pa-lg-16 {
        padding: 64px !important;
    }

    .pt-lg-auto, .py-lg-auto {
        padding-top: auto !important;
    }

    .pr-lg-auto, .px-lg-auto {
        padding-right: auto !important;
    }

    .pl-lg-auto, .px-lg-auto {
        padding-left: auto !important;
    }

    .pb-lg-auto, .py-lg-auto {
        padding-bottom: auto !important;
    }

    .ps-lg-auto {
        padding-inline-start: auto !important;
    }

    .pe-lg-auto {
        padding-inline-end: auto !important;
    }

    .pa-lg-auto {
        padding: auto !important;
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -4px !important;
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -4px !important;
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -4px !important;
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -4px !important;
    }

    .ms-lg-n1 {
        margin-inline-start: -4px !important;
    }

    .me-lg-n1 {
        margin-inline-end: -4px !important;
    }

    .ma-lg-n1 {
        margin: -4px !important;
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -8px !important;
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -8px !important;
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -8px !important;
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -8px !important;
    }

    .ms-lg-n2 {
        margin-inline-start: -8px !important;
    }

    .me-lg-n2 {
        margin-inline-end: -8px !important;
    }

    .ma-lg-n2 {
        margin: -8px !important;
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -12px !important;
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -12px !important;
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -12px !important;
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -12px !important;
    }

    .ms-lg-n3 {
        margin-inline-start: -12px !important;
    }

    .me-lg-n3 {
        margin-inline-end: -12px !important;
    }

    .ma-lg-n3 {
        margin: -12px !important;
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -16px !important;
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -16px !important;
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -16px !important;
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -16px !important;
    }

    .ms-lg-n4 {
        margin-inline-start: -16px !important;
    }

    .me-lg-n4 {
        margin-inline-end: -16px !important;
    }

    .ma-lg-n4 {
        margin: -16px !important;
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -20px !important;
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -20px !important;
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -20px !important;
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -20px !important;
    }

    .ms-lg-n5 {
        margin-inline-start: -20px !important;
    }

    .me-lg-n5 {
        margin-inline-end: -20px !important;
    }

    .ma-lg-n5 {
        margin: -20px !important;
    }

    .mt-lg-n6, .my-lg-n6 {
        margin-top: -24px !important;
    }

    .mr-lg-n6, .mx-lg-n6 {
        margin-right: -24px !important;
    }

    .ml-lg-n6, .mx-lg-n6 {
        margin-left: -24px !important;
    }

    .mb-lg-n6, .my-lg-n6 {
        margin-bottom: -24px !important;
    }

    .ms-lg-n6 {
        margin-inline-start: -24px !important;
    }

    .me-lg-n6 {
        margin-inline-end: -24px !important;
    }

    .ma-lg-n6 {
        margin: -24px !important;
    }

    .mt-lg-n7, .my-lg-n7 {
        margin-top: -28px !important;
    }

    .mr-lg-n7, .mx-lg-n7 {
        margin-right: -28px !important;
    }

    .ml-lg-n7, .mx-lg-n7 {
        margin-left: -28px !important;
    }

    .mb-lg-n7, .my-lg-n7 {
        margin-bottom: -28px !important;
    }

    .ms-lg-n7 {
        margin-inline-start: -28px !important;
    }

    .me-lg-n7 {
        margin-inline-end: -28px !important;
    }

    .ma-lg-n7 {
        margin: -28px !important;
    }

    .mt-lg-n8, .my-lg-n8 {
        margin-top: -32px !important;
    }

    .mr-lg-n8, .mx-lg-n8 {
        margin-right: -32px !important;
    }

    .ml-lg-n8, .mx-lg-n8 {
        margin-left: -32px !important;
    }

    .mb-lg-n8, .my-lg-n8 {
        margin-bottom: -32px !important;
    }

    .ms-lg-n8 {
        margin-inline-start: -32px !important;
    }

    .me-lg-n8 {
        margin-inline-end: -32px !important;
    }

    .ma-lg-n8 {
        margin: -32px !important;
    }

    .mt-lg-n9, .my-lg-n9 {
        margin-top: -36px !important;
    }

    .mr-lg-n9, .mx-lg-n9 {
        margin-right: -36px !important;
    }

    .ml-lg-n9, .mx-lg-n9 {
        margin-left: -36px !important;
    }

    .mb-lg-n9, .my-lg-n9 {
        margin-bottom: -36px !important;
    }

    .ms-lg-n9 {
        margin-inline-start: -36px !important;
    }

    .me-lg-n9 {
        margin-inline-end: -36px !important;
    }

    .ma-lg-n9 {
        margin: -36px !important;
    }

    .mt-lg-n10, .my-lg-n10 {
        margin-top: -40px !important;
    }

    .mr-lg-n10, .mx-lg-n10 {
        margin-right: -40px !important;
    }

    .ml-lg-n10, .mx-lg-n10 {
        margin-left: -40px !important;
    }

    .mb-lg-n10, .my-lg-n10 {
        margin-bottom: -40px !important;
    }

    .ms-lg-n10 {
        margin-inline-start: -40px !important;
    }

    .me-lg-n10 {
        margin-inline-end: -40px !important;
    }

    .ma-lg-n10 {
        margin: -40px !important;
    }

    .mt-lg-n11, .my-lg-n11 {
        margin-top: -44px !important;
    }

    .mr-lg-n11, .mx-lg-n11 {
        margin-right: -44px !important;
    }

    .ml-lg-n11, .mx-lg-n11 {
        margin-left: -44px !important;
    }

    .mb-lg-n11, .my-lg-n11 {
        margin-bottom: -44px !important;
    }

    .ms-lg-n11 {
        margin-inline-start: -44px !important;
    }

    .me-lg-n11 {
        margin-inline-end: -44px !important;
    }

    .ma-lg-n11 {
        margin: -44px !important;
    }

    .mt-lg-n12, .my-lg-n12 {
        margin-top: -48px !important;
    }

    .mr-lg-n12, .mx-lg-n12 {
        margin-right: -48px !important;
    }

    .ml-lg-n12, .mx-lg-n12 {
        margin-left: -48px !important;
    }

    .mb-lg-n12, .my-lg-n12 {
        margin-bottom: -48px !important;
    }

    .ms-lg-n12 {
        margin-inline-start: -48px !important;
    }

    .me-lg-n12 {
        margin-inline-end: -48px !important;
    }

    .ma-lg-n12 {
        margin: -48px !important;
    }

    .mt-lg-n13, .my-lg-n13 {
        margin-top: -52px !important;
    }

    .mr-lg-n13, .mx-lg-n13 {
        margin-right: -52px !important;
    }

    .ml-lg-n13, .mx-lg-n13 {
        margin-left: -52px !important;
    }

    .mb-lg-n13, .my-lg-n13 {
        margin-bottom: -52px !important;
    }

    .ms-lg-n13 {
        margin-inline-start: -52px !important;
    }

    .me-lg-n13 {
        margin-inline-end: -52px !important;
    }

    .ma-lg-n13 {
        margin: -52px !important;
    }

    .mt-lg-n14, .my-lg-n14 {
        margin-top: -56px !important;
    }

    .mr-lg-n14, .mx-lg-n14 {
        margin-right: -56px !important;
    }

    .ml-lg-n14, .mx-lg-n14 {
        margin-left: -56px !important;
    }

    .mb-lg-n14, .my-lg-n14 {
        margin-bottom: -56px !important;
    }

    .ms-lg-n14 {
        margin-inline-start: -56px !important;
    }

    .me-lg-n14 {
        margin-inline-end: -56px !important;
    }

    .ma-lg-n14 {
        margin: -56px !important;
    }

    .mt-lg-n15, .my-lg-n15 {
        margin-top: -60px !important;
    }

    .mr-lg-n15, .mx-lg-n15 {
        margin-right: -60px !important;
    }

    .ml-lg-n15, .mx-lg-n15 {
        margin-left: -60px !important;
    }

    .mb-lg-n15, .my-lg-n15 {
        margin-bottom: -60px !important;
    }

    .ms-lg-n15 {
        margin-inline-start: -60px !important;
    }

    .me-lg-n15 {
        margin-inline-end: -60px !important;
    }

    .ma-lg-n15 {
        margin: -60px !important;
    }

    .mt-lg-n16, .my-lg-n16 {
        margin-top: -64px !important;
    }

    .mr-lg-n16, .mx-lg-n16 {
        margin-right: -64px !important;
    }

    .ml-lg-n16, .mx-lg-n16 {
        margin-left: -64px !important;
    }

    .mb-lg-n16, .my-lg-n16 {
        margin-bottom: -64px !important;
    }

    .ms-lg-n16 {
        margin-inline-start: -64px !important;
    }

    .me-lg-n16 {
        margin-inline-end: -64px !important;
    }

    .ma-lg-n16 {
        margin: -64px !important;
    }
}

@media screen and (min-width:1920px) {
    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important;
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important;
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ms-xl-0 {
        margin-inline-start: 0 !important;
    }

    .me-xl-0 {
        margin-inline-end: 0 !important;
    }

    .ma-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: 4px !important;
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: 4px !important;
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: 4px !important;
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: 4px !important;
    }

    .ms-xl-1 {
        margin-inline-start: 4px !important;
    }

    .me-xl-1 {
        margin-inline-end: 4px !important;
    }

    .ma-xl-1 {
        margin: 4px !important;
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: 8px !important;
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: 8px !important;
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: 8px !important;
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: 8px !important;
    }

    .ms-xl-2 {
        margin-inline-start: 8px !important;
    }

    .me-xl-2 {
        margin-inline-end: 8px !important;
    }

    .ma-xl-2 {
        margin: 8px !important;
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 12px !important;
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 12px !important;
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 12px !important;
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 12px !important;
    }

    .ms-xl-3 {
        margin-inline-start: 12px !important;
    }

    .me-xl-3 {
        margin-inline-end: 12px !important;
    }

    .ma-xl-3 {
        margin: 12px !important;
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 16px !important;
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 16px !important;
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 16px !important;
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 16px !important;
    }

    .ms-xl-4 {
        margin-inline-start: 16px !important;
    }

    .me-xl-4 {
        margin-inline-end: 16px !important;
    }

    .ma-xl-4 {
        margin: 16px !important;
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 20px !important;
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 20px !important;
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 20px !important;
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 20px !important;
    }

    .ms-xl-5 {
        margin-inline-start: 20px !important;
    }

    .me-xl-5 {
        margin-inline-end: 20px !important;
    }

    .ma-xl-5 {
        margin: 20px !important;
    }

    .mt-xl-6, .my-xl-6 {
        margin-top: 24px !important;
    }

    .mr-xl-6, .mx-xl-6 {
        margin-right: 24px !important;
    }

    .ml-xl-6, .mx-xl-6 {
        margin-left: 24px !important;
    }

    .mb-xl-6, .my-xl-6 {
        margin-bottom: 24px !important;
    }

    .ms-xl-6 {
        margin-inline-start: 24px !important;
    }

    .me-xl-6 {
        margin-inline-end: 24px !important;
    }

    .ma-xl-6 {
        margin: 24px !important;
    }

    .mt-xl-7, .my-xl-7 {
        margin-top: 28px !important;
    }

    .mr-xl-7, .mx-xl-7 {
        margin-right: 28px !important;
    }

    .ml-xl-7, .mx-xl-7 {
        margin-left: 28px !important;
    }

    .mb-xl-7, .my-xl-7 {
        margin-bottom: 28px !important;
    }

    .ms-xl-7 {
        margin-inline-start: 28px !important;
    }

    .me-xl-7 {
        margin-inline-end: 28px !important;
    }

    .ma-xl-7 {
        margin: 28px !important;
    }

    .mt-xl-8, .my-xl-8 {
        margin-top: 32px !important;
    }

    .mr-xl-8, .mx-xl-8 {
        margin-right: 32px !important;
    }

    .ml-xl-8, .mx-xl-8 {
        margin-left: 32px !important;
    }

    .mb-xl-8, .my-xl-8 {
        margin-bottom: 32px !important;
    }

    .ms-xl-8 {
        margin-inline-start: 32px !important;
    }

    .me-xl-8 {
        margin-inline-end: 32px !important;
    }

    .ma-xl-8 {
        margin: 32px !important;
    }

    .mt-xl-9, .my-xl-9 {
        margin-top: 36px !important;
    }

    .mr-xl-9, .mx-xl-9 {
        margin-right: 36px !important;
    }

    .ml-xl-9, .mx-xl-9 {
        margin-left: 36px !important;
    }

    .mb-xl-9, .my-xl-9 {
        margin-bottom: 36px !important;
    }

    .ms-xl-9 {
        margin-inline-start: 36px !important;
    }

    .me-xl-9 {
        margin-inline-end: 36px !important;
    }

    .ma-xl-9 {
        margin: 36px !important;
    }

    .mt-xl-10, .my-xl-10 {
        margin-top: 40px !important;
    }

    .mr-xl-10, .mx-xl-10 {
        margin-right: 40px !important;
    }

    .ml-xl-10, .mx-xl-10 {
        margin-left: 40px !important;
    }

    .mb-xl-10, .my-xl-10 {
        margin-bottom: 40px !important;
    }

    .ms-xl-10 {
        margin-inline-start: 40px !important;
    }

    .me-xl-10 {
        margin-inline-end: 40px !important;
    }

    .ma-xl-10 {
        margin: 40px !important;
    }

    .mt-xl-11, .my-xl-11 {
        margin-top: 44px !important;
    }

    .mr-xl-11, .mx-xl-11 {
        margin-right: 44px !important;
    }

    .ml-xl-11, .mx-xl-11 {
        margin-left: 44px !important;
    }

    .mb-xl-11, .my-xl-11 {
        margin-bottom: 44px !important;
    }

    .ms-xl-11 {
        margin-inline-start: 44px !important;
    }

    .me-xl-11 {
        margin-inline-end: 44px !important;
    }

    .ma-xl-11 {
        margin: 44px !important;
    }

    .mt-xl-12, .my-xl-12 {
        margin-top: 48px !important;
    }

    .mr-xl-12, .mx-xl-12 {
        margin-right: 48px !important;
    }

    .ml-xl-12, .mx-xl-12 {
        margin-left: 48px !important;
    }

    .mb-xl-12, .my-xl-12 {
        margin-bottom: 48px !important;
    }

    .ms-xl-12 {
        margin-inline-start: 48px !important;
    }

    .me-xl-12 {
        margin-inline-end: 48px !important;
    }

    .ma-xl-12 {
        margin: 48px !important;
    }

    .mt-xl-13, .my-xl-13 {
        margin-top: 52px !important;
    }

    .mr-xl-13, .mx-xl-13 {
        margin-right: 52px !important;
    }

    .ml-xl-13, .mx-xl-13 {
        margin-left: 52px !important;
    }

    .mb-xl-13, .my-xl-13 {
        margin-bottom: 52px !important;
    }

    .ms-xl-13 {
        margin-inline-start: 52px !important;
    }

    .me-xl-13 {
        margin-inline-end: 52px !important;
    }

    .ma-xl-13 {
        margin: 52px !important;
    }

    .mt-xl-14, .my-xl-14 {
        margin-top: 56px !important;
    }

    .mr-xl-14, .mx-xl-14 {
        margin-right: 56px !important;
    }

    .ml-xl-14, .mx-xl-14 {
        margin-left: 56px !important;
    }

    .mb-xl-14, .my-xl-14 {
        margin-bottom: 56px !important;
    }

    .ms-xl-14 {
        margin-inline-start: 56px !important;
    }

    .me-xl-14 {
        margin-inline-end: 56px !important;
    }

    .ma-xl-14 {
        margin: 56px !important;
    }

    .mt-xl-15, .my-xl-15 {
        margin-top: 60px !important;
    }

    .mr-xl-15, .mx-xl-15 {
        margin-right: 60px !important;
    }

    .ml-xl-15, .mx-xl-15 {
        margin-left: 60px !important;
    }

    .mb-xl-15, .my-xl-15 {
        margin-bottom: 60px !important;
    }

    .ms-xl-15 {
        margin-inline-start: 60px !important;
    }

    .me-xl-15 {
        margin-inline-end: 60px !important;
    }

    .ma-xl-15 {
        margin: 60px !important;
    }

    .mt-xl-16, .my-xl-16 {
        margin-top: 64px !important;
    }

    .mr-xl-16, .mx-xl-16 {
        margin-right: 64px !important;
    }

    .ml-xl-16, .mx-xl-16 {
        margin-left: 64px !important;
    }

    .mb-xl-16, .my-xl-16 {
        margin-bottom: 64px !important;
    }

    .ms-xl-16 {
        margin-inline-start: 64px !important;
    }

    .me-xl-16 {
        margin-inline-end: 64px !important;
    }

    .ma-xl-16 {
        margin: 64px !important;
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important;
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important;
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-auto {
        margin-inline-start: auto !important;
    }

    .me-xl-auto {
        margin-inline-end: auto !important;
    }

    .ma-xl-auto {
        margin: auto !important;
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important;
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important;
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .ps-xl-0 {
        padding-inline-start: 0 !important;
    }

    .pe-xl-0 {
        padding-inline-end: 0 !important;
    }

    .pa-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: 4px !important;
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: 4px !important;
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: 4px !important;
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: 4px !important;
    }

    .ps-xl-1 {
        padding-inline-start: 4px !important;
    }

    .pe-xl-1 {
        padding-inline-end: 4px !important;
    }

    .pa-xl-1 {
        padding: 4px !important;
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: 8px !important;
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: 8px !important;
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: 8px !important;
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: 8px !important;
    }

    .ps-xl-2 {
        padding-inline-start: 8px !important;
    }

    .pe-xl-2 {
        padding-inline-end: 8px !important;
    }

    .pa-xl-2 {
        padding: 8px !important;
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 12px !important;
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 12px !important;
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 12px !important;
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 12px !important;
    }

    .ps-xl-3 {
        padding-inline-start: 12px !important;
    }

    .pe-xl-3 {
        padding-inline-end: 12px !important;
    }

    .pa-xl-3 {
        padding: 12px !important;
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 16px !important;
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 16px !important;
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 16px !important;
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 16px !important;
    }

    .ps-xl-4 {
        padding-inline-start: 16px !important;
    }

    .pe-xl-4 {
        padding-inline-end: 16px !important;
    }

    .pa-xl-4 {
        padding: 16px !important;
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 20px !important;
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 20px !important;
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 20px !important;
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 20px !important;
    }

    .ps-xl-5 {
        padding-inline-start: 20px !important;
    }

    .pe-xl-5 {
        padding-inline-end: 20px !important;
    }

    .pa-xl-5 {
        padding: 20px !important;
    }

    .pt-xl-6, .py-xl-6 {
        padding-top: 24px !important;
    }

    .pr-xl-6, .px-xl-6 {
        padding-right: 24px !important;
    }

    .pl-xl-6, .px-xl-6 {
        padding-left: 24px !important;
    }

    .pb-xl-6, .py-xl-6 {
        padding-bottom: 24px !important;
    }

    .ps-xl-6 {
        padding-inline-start: 24px !important;
    }

    .pe-xl-6 {
        padding-inline-end: 24px !important;
    }

    .pa-xl-6 {
        padding: 24px !important;
    }

    .pt-xl-7, .py-xl-7 {
        padding-top: 28px !important;
    }

    .pr-xl-7, .px-xl-7 {
        padding-right: 28px !important;
    }

    .pl-xl-7, .px-xl-7 {
        padding-left: 28px !important;
    }

    .pb-xl-7, .py-xl-7 {
        padding-bottom: 28px !important;
    }

    .ps-xl-7 {
        padding-inline-start: 28px !important;
    }

    .pe-xl-7 {
        padding-inline-end: 28px !important;
    }

    .pa-xl-7 {
        padding: 28px !important;
    }

    .pt-xl-8, .py-xl-8 {
        padding-top: 32px !important;
    }

    .pr-xl-8, .px-xl-8 {
        padding-right: 32px !important;
    }

    .pl-xl-8, .px-xl-8 {
        padding-left: 32px !important;
    }

    .pb-xl-8, .py-xl-8 {
        padding-bottom: 32px !important;
    }

    .ps-xl-8 {
        padding-inline-start: 32px !important;
    }

    .pe-xl-8 {
        padding-inline-end: 32px !important;
    }

    .pa-xl-8 {
        padding: 32px !important;
    }

    .pt-xl-9, .py-xl-9 {
        padding-top: 36px !important;
    }

    .pr-xl-9, .px-xl-9 {
        padding-right: 36px !important;
    }

    .pl-xl-9, .px-xl-9 {
        padding-left: 36px !important;
    }

    .pb-xl-9, .py-xl-9 {
        padding-bottom: 36px !important;
    }

    .ps-xl-9 {
        padding-inline-start: 36px !important;
    }

    .pe-xl-9 {
        padding-inline-end: 36px !important;
    }

    .pa-xl-9 {
        padding: 36px !important;
    }

    .pt-xl-10, .py-xl-10 {
        padding-top: 40px !important;
    }

    .pr-xl-10, .px-xl-10 {
        padding-right: 40px !important;
    }

    .pl-xl-10, .px-xl-10 {
        padding-left: 40px !important;
    }

    .pb-xl-10, .py-xl-10 {
        padding-bottom: 40px !important;
    }

    .ps-xl-10 {
        padding-inline-start: 40px !important;
    }

    .pe-xl-10 {
        padding-inline-end: 40px !important;
    }

    .pa-xl-10 {
        padding: 40px !important;
    }

    .pt-xl-11, .py-xl-11 {
        padding-top: 44px !important;
    }

    .pr-xl-11, .px-xl-11 {
        padding-right: 44px !important;
    }

    .pl-xl-11, .px-xl-11 {
        padding-left: 44px !important;
    }

    .pb-xl-11, .py-xl-11 {
        padding-bottom: 44px !important;
    }

    .ps-xl-11 {
        padding-inline-start: 44px !important;
    }

    .pe-xl-11 {
        padding-inline-end: 44px !important;
    }

    .pa-xl-11 {
        padding: 44px !important;
    }

    .pt-xl-12, .py-xl-12 {
        padding-top: 48px !important;
    }

    .pr-xl-12, .px-xl-12 {
        padding-right: 48px !important;
    }

    .pl-xl-12, .px-xl-12 {
        padding-left: 48px !important;
    }

    .pb-xl-12, .py-xl-12 {
        padding-bottom: 48px !important;
    }

    .ps-xl-12 {
        padding-inline-start: 48px !important;
    }

    .pe-xl-12 {
        padding-inline-end: 48px !important;
    }

    .pa-xl-12 {
        padding: 48px !important;
    }

    .pt-xl-13, .py-xl-13 {
        padding-top: 52px !important;
    }

    .pr-xl-13, .px-xl-13 {
        padding-right: 52px !important;
    }

    .pl-xl-13, .px-xl-13 {
        padding-left: 52px !important;
    }

    .pb-xl-13, .py-xl-13 {
        padding-bottom: 52px !important;
    }

    .ps-xl-13 {
        padding-inline-start: 52px !important;
    }

    .pe-xl-13 {
        padding-inline-end: 52px !important;
    }

    .pa-xl-13 {
        padding: 52px !important;
    }

    .pt-xl-14, .py-xl-14 {
        padding-top: 56px !important;
    }

    .pr-xl-14, .px-xl-14 {
        padding-right: 56px !important;
    }

    .pl-xl-14, .px-xl-14 {
        padding-left: 56px !important;
    }

    .pb-xl-14, .py-xl-14 {
        padding-bottom: 56px !important;
    }

    .ps-xl-14 {
        padding-inline-start: 56px !important;
    }

    .pe-xl-14 {
        padding-inline-end: 56px !important;
    }

    .pa-xl-14 {
        padding: 56px !important;
    }

    .pt-xl-15, .py-xl-15 {
        padding-top: 60px !important;
    }

    .pr-xl-15, .px-xl-15 {
        padding-right: 60px !important;
    }

    .pl-xl-15, .px-xl-15 {
        padding-left: 60px !important;
    }

    .pb-xl-15, .py-xl-15 {
        padding-bottom: 60px !important;
    }

    .ps-xl-15 {
        padding-inline-start: 60px !important;
    }

    .pe-xl-15 {
        padding-inline-end: 60px !important;
    }

    .pa-xl-15 {
        padding: 60px !important;
    }

    .pt-xl-16, .py-xl-16 {
        padding-top: 64px !important;
    }

    .pr-xl-16, .px-xl-16 {
        padding-right: 64px !important;
    }

    .pl-xl-16, .px-xl-16 {
        padding-left: 64px !important;
    }

    .pb-xl-16, .py-xl-16 {
        padding-bottom: 64px !important;
    }

    .ps-xl-16 {
        padding-inline-start: 64px !important;
    }

    .pe-xl-16 {
        padding-inline-end: 64px !important;
    }

    .pa-xl-16 {
        padding: 64px !important;
    }

    .pt-xl-auto, .py-xl-auto {
        padding-top: auto !important;
    }

    .pr-xl-auto, .px-xl-auto {
        padding-right: auto !important;
    }

    .pl-xl-auto, .px-xl-auto {
        padding-left: auto !important;
    }

    .pb-xl-auto, .py-xl-auto {
        padding-bottom: auto !important;
    }

    .ps-xl-auto {
        padding-inline-start: auto !important;
    }

    .pe-xl-auto {
        padding-inline-end: auto !important;
    }

    .pa-xl-auto {
        padding: auto !important;
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -4px !important;
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -4px !important;
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -4px !important;
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -4px !important;
    }

    .ms-xl-n1 {
        margin-inline-start: -4px !important;
    }

    .me-xl-n1 {
        margin-inline-end: -4px !important;
    }

    .ma-xl-n1 {
        margin: -4px !important;
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -8px !important;
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -8px !important;
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -8px !important;
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -8px !important;
    }

    .ms-xl-n2 {
        margin-inline-start: -8px !important;
    }

    .me-xl-n2 {
        margin-inline-end: -8px !important;
    }

    .ma-xl-n2 {
        margin: -8px !important;
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -12px !important;
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -12px !important;
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -12px !important;
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -12px !important;
    }

    .ms-xl-n3 {
        margin-inline-start: -12px !important;
    }

    .me-xl-n3 {
        margin-inline-end: -12px !important;
    }

    .ma-xl-n3 {
        margin: -12px !important;
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -16px !important;
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -16px !important;
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -16px !important;
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -16px !important;
    }

    .ms-xl-n4 {
        margin-inline-start: -16px !important;
    }

    .me-xl-n4 {
        margin-inline-end: -16px !important;
    }

    .ma-xl-n4 {
        margin: -16px !important;
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -20px !important;
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -20px !important;
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -20px !important;
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -20px !important;
    }

    .ms-xl-n5 {
        margin-inline-start: -20px !important;
    }

    .me-xl-n5 {
        margin-inline-end: -20px !important;
    }

    .ma-xl-n5 {
        margin: -20px !important;
    }

    .mt-xl-n6, .my-xl-n6 {
        margin-top: -24px !important;
    }

    .mr-xl-n6, .mx-xl-n6 {
        margin-right: -24px !important;
    }

    .ml-xl-n6, .mx-xl-n6 {
        margin-left: -24px !important;
    }

    .mb-xl-n6, .my-xl-n6 {
        margin-bottom: -24px !important;
    }

    .ms-xl-n6 {
        margin-inline-start: -24px !important;
    }

    .me-xl-n6 {
        margin-inline-end: -24px !important;
    }

    .ma-xl-n6 {
        margin: -24px !important;
    }

    .mt-xl-n7, .my-xl-n7 {
        margin-top: -28px !important;
    }

    .mr-xl-n7, .mx-xl-n7 {
        margin-right: -28px !important;
    }

    .ml-xl-n7, .mx-xl-n7 {
        margin-left: -28px !important;
    }

    .mb-xl-n7, .my-xl-n7 {
        margin-bottom: -28px !important;
    }

    .ms-xl-n7 {
        margin-inline-start: -28px !important;
    }

    .me-xl-n7 {
        margin-inline-end: -28px !important;
    }

    .ma-xl-n7 {
        margin: -28px !important;
    }

    .mt-xl-n8, .my-xl-n8 {
        margin-top: -32px !important;
    }

    .mr-xl-n8, .mx-xl-n8 {
        margin-right: -32px !important;
    }

    .ml-xl-n8, .mx-xl-n8 {
        margin-left: -32px !important;
    }

    .mb-xl-n8, .my-xl-n8 {
        margin-bottom: -32px !important;
    }

    .ms-xl-n8 {
        margin-inline-start: -32px !important;
    }

    .me-xl-n8 {
        margin-inline-end: -32px !important;
    }

    .ma-xl-n8 {
        margin: -32px !important;
    }

    .mt-xl-n9, .my-xl-n9 {
        margin-top: -36px !important;
    }

    .mr-xl-n9, .mx-xl-n9 {
        margin-right: -36px !important;
    }

    .ml-xl-n9, .mx-xl-n9 {
        margin-left: -36px !important;
    }

    .mb-xl-n9, .my-xl-n9 {
        margin-bottom: -36px !important;
    }

    .ms-xl-n9 {
        margin-inline-start: -36px !important;
    }

    .me-xl-n9 {
        margin-inline-end: -36px !important;
    }

    .ma-xl-n9 {
        margin: -36px !important;
    }

    .mt-xl-n10, .my-xl-n10 {
        margin-top: -40px !important;
    }

    .mr-xl-n10, .mx-xl-n10 {
        margin-right: -40px !important;
    }

    .ml-xl-n10, .mx-xl-n10 {
        margin-left: -40px !important;
    }

    .mb-xl-n10, .my-xl-n10 {
        margin-bottom: -40px !important;
    }

    .ms-xl-n10 {
        margin-inline-start: -40px !important;
    }

    .me-xl-n10 {
        margin-inline-end: -40px !important;
    }

    .ma-xl-n10 {
        margin: -40px !important;
    }

    .mt-xl-n11, .my-xl-n11 {
        margin-top: -44px !important;
    }

    .mr-xl-n11, .mx-xl-n11 {
        margin-right: -44px !important;
    }

    .ml-xl-n11, .mx-xl-n11 {
        margin-left: -44px !important;
    }

    .mb-xl-n11, .my-xl-n11 {
        margin-bottom: -44px !important;
    }

    .ms-xl-n11 {
        margin-inline-start: -44px !important;
    }

    .me-xl-n11 {
        margin-inline-end: -44px !important;
    }

    .ma-xl-n11 {
        margin: -44px !important;
    }

    .mt-xl-n12, .my-xl-n12 {
        margin-top: -48px !important;
    }

    .mr-xl-n12, .mx-xl-n12 {
        margin-right: -48px !important;
    }

    .ml-xl-n12, .mx-xl-n12 {
        margin-left: -48px !important;
    }

    .mb-xl-n12, .my-xl-n12 {
        margin-bottom: -48px !important;
    }

    .ms-xl-n12 {
        margin-inline-start: -48px !important;
    }

    .me-xl-n12 {
        margin-inline-end: -48px !important;
    }

    .ma-xl-n12 {
        margin: -48px !important;
    }

    .mt-xl-n13, .my-xl-n13 {
        margin-top: -52px !important;
    }

    .mr-xl-n13, .mx-xl-n13 {
        margin-right: -52px !important;
    }

    .ml-xl-n13, .mx-xl-n13 {
        margin-left: -52px !important;
    }

    .mb-xl-n13, .my-xl-n13 {
        margin-bottom: -52px !important;
    }

    .ms-xl-n13 {
        margin-inline-start: -52px !important;
    }

    .me-xl-n13 {
        margin-inline-end: -52px !important;
    }

    .ma-xl-n13 {
        margin: -52px !important;
    }

    .mt-xl-n14, .my-xl-n14 {
        margin-top: -56px !important;
    }

    .mr-xl-n14, .mx-xl-n14 {
        margin-right: -56px !important;
    }

    .ml-xl-n14, .mx-xl-n14 {
        margin-left: -56px !important;
    }

    .mb-xl-n14, .my-xl-n14 {
        margin-bottom: -56px !important;
    }

    .ms-xl-n14 {
        margin-inline-start: -56px !important;
    }

    .me-xl-n14 {
        margin-inline-end: -56px !important;
    }

    .ma-xl-n14 {
        margin: -56px !important;
    }

    .mt-xl-n15, .my-xl-n15 {
        margin-top: -60px !important;
    }

    .mr-xl-n15, .mx-xl-n15 {
        margin-right: -60px !important;
    }

    .ml-xl-n15, .mx-xl-n15 {
        margin-left: -60px !important;
    }

    .mb-xl-n15, .my-xl-n15 {
        margin-bottom: -60px !important;
    }

    .ms-xl-n15 {
        margin-inline-start: -60px !important;
    }

    .me-xl-n15 {
        margin-inline-end: -60px !important;
    }

    .ma-xl-n15 {
        margin: -60px !important;
    }

    .mt-xl-n16, .my-xl-n16 {
        margin-top: -64px !important;
    }

    .mr-xl-n16, .mx-xl-n16 {
        margin-right: -64px !important;
    }

    .ml-xl-n16, .mx-xl-n16 {
        margin-left: -64px !important;
    }

    .mb-xl-n16, .my-xl-n16 {
        margin-bottom: -64px !important;
    }

    .ms-xl-n16 {
        margin-inline-start: -64px !important;
    }

    .me-xl-n16 {
        margin-inline-end: -64px !important;
    }

    .ma-xl-n16 {
        margin: -64px !important;
    }
}

@media screen and (min-width:2560px) {
    .mt-xxl-0, .my-xxl-0 {
        margin-top: 0 !important;
    }

    .mr-xxl-0, .mx-xxl-0 {
        margin-right: 0 !important;
    }

    .ml-xxl-0, .mx-xxl-0 {
        margin-left: 0 !important;
    }

    .mb-xxl-0, .my-xxl-0 {
        margin-bottom: 0 !important;
    }

    .ms-xxl-0 {
        margin-inline-start: 0 !important;
    }

    .me-xxl-0 {
        margin-inline-end: 0 !important;
    }

    .ma-xxl-0 {
        margin: 0 !important;
    }

    .mt-xxl-1, .my-xxl-1 {
        margin-top: 4px !important;
    }

    .mr-xxl-1, .mx-xxl-1 {
        margin-right: 4px !important;
    }

    .ml-xxl-1, .mx-xxl-1 {
        margin-left: 4px !important;
    }

    .mb-xxl-1, .my-xxl-1 {
        margin-bottom: 4px !important;
    }

    .ms-xxl-1 {
        margin-inline-start: 4px !important;
    }

    .me-xxl-1 {
        margin-inline-end: 4px !important;
    }

    .ma-xxl-1 {
        margin: 4px !important;
    }

    .mt-xxl-2, .my-xxl-2 {
        margin-top: 8px !important;
    }

    .mr-xxl-2, .mx-xxl-2 {
        margin-right: 8px !important;
    }

    .ml-xxl-2, .mx-xxl-2 {
        margin-left: 8px !important;
    }

    .mb-xxl-2, .my-xxl-2 {
        margin-bottom: 8px !important;
    }

    .ms-xxl-2 {
        margin-inline-start: 8px !important;
    }

    .me-xxl-2 {
        margin-inline-end: 8px !important;
    }

    .ma-xxl-2 {
        margin: 8px !important;
    }

    .mt-xxl-3, .my-xxl-3 {
        margin-top: 12px !important;
    }

    .mr-xxl-3, .mx-xxl-3 {
        margin-right: 12px !important;
    }

    .ml-xxl-3, .mx-xxl-3 {
        margin-left: 12px !important;
    }

    .mb-xxl-3, .my-xxl-3 {
        margin-bottom: 12px !important;
    }

    .ms-xxl-3 {
        margin-inline-start: 12px !important;
    }

    .me-xxl-3 {
        margin-inline-end: 12px !important;
    }

    .ma-xxl-3 {
        margin: 12px !important;
    }

    .mt-xxl-4, .my-xxl-4 {
        margin-top: 16px !important;
    }

    .mr-xxl-4, .mx-xxl-4 {
        margin-right: 16px !important;
    }

    .ml-xxl-4, .mx-xxl-4 {
        margin-left: 16px !important;
    }

    .mb-xxl-4, .my-xxl-4 {
        margin-bottom: 16px !important;
    }

    .ms-xxl-4 {
        margin-inline-start: 16px !important;
    }

    .me-xxl-4 {
        margin-inline-end: 16px !important;
    }

    .ma-xxl-4 {
        margin: 16px !important;
    }

    .mt-xxl-5, .my-xxl-5 {
        margin-top: 20px !important;
    }

    .mr-xxl-5, .mx-xxl-5 {
        margin-right: 20px !important;
    }

    .ml-xxl-5, .mx-xxl-5 {
        margin-left: 20px !important;
    }

    .mb-xxl-5, .my-xxl-5 {
        margin-bottom: 20px !important;
    }

    .ms-xxl-5 {
        margin-inline-start: 20px !important;
    }

    .me-xxl-5 {
        margin-inline-end: 20px !important;
    }

    .ma-xxl-5 {
        margin: 20px !important;
    }

    .mt-xxl-6, .my-xxl-6 {
        margin-top: 24px !important;
    }

    .mr-xxl-6, .mx-xxl-6 {
        margin-right: 24px !important;
    }

    .ml-xxl-6, .mx-xxl-6 {
        margin-left: 24px !important;
    }

    .mb-xxl-6, .my-xxl-6 {
        margin-bottom: 24px !important;
    }

    .ms-xxl-6 {
        margin-inline-start: 24px !important;
    }

    .me-xxl-6 {
        margin-inline-end: 24px !important;
    }

    .ma-xxl-6 {
        margin: 24px !important;
    }

    .mt-xxl-7, .my-xxl-7 {
        margin-top: 28px !important;
    }

    .mr-xxl-7, .mx-xxl-7 {
        margin-right: 28px !important;
    }

    .ml-xxl-7, .mx-xxl-7 {
        margin-left: 28px !important;
    }

    .mb-xxl-7, .my-xxl-7 {
        margin-bottom: 28px !important;
    }

    .ms-xxl-7 {
        margin-inline-start: 28px !important;
    }

    .me-xxl-7 {
        margin-inline-end: 28px !important;
    }

    .ma-xxl-7 {
        margin: 28px !important;
    }

    .mt-xxl-8, .my-xxl-8 {
        margin-top: 32px !important;
    }

    .mr-xxl-8, .mx-xxl-8 {
        margin-right: 32px !important;
    }

    .ml-xxl-8, .mx-xxl-8 {
        margin-left: 32px !important;
    }

    .mb-xxl-8, .my-xxl-8 {
        margin-bottom: 32px !important;
    }

    .ms-xxl-8 {
        margin-inline-start: 32px !important;
    }

    .me-xxl-8 {
        margin-inline-end: 32px !important;
    }

    .ma-xxl-8 {
        margin: 32px !important;
    }

    .mt-xxl-9, .my-xxl-9 {
        margin-top: 36px !important;
    }

    .mr-xxl-9, .mx-xxl-9 {
        margin-right: 36px !important;
    }

    .ml-xxl-9, .mx-xxl-9 {
        margin-left: 36px !important;
    }

    .mb-xxl-9, .my-xxl-9 {
        margin-bottom: 36px !important;
    }

    .ms-xxl-9 {
        margin-inline-start: 36px !important;
    }

    .me-xxl-9 {
        margin-inline-end: 36px !important;
    }

    .ma-xxl-9 {
        margin: 36px !important;
    }

    .mt-xxl-10, .my-xxl-10 {
        margin-top: 40px !important;
    }

    .mr-xxl-10, .mx-xxl-10 {
        margin-right: 40px !important;
    }

    .ml-xxl-10, .mx-xxl-10 {
        margin-left: 40px !important;
    }

    .mb-xxl-10, .my-xxl-10 {
        margin-bottom: 40px !important;
    }

    .ms-xxl-10 {
        margin-inline-start: 40px !important;
    }

    .me-xxl-10 {
        margin-inline-end: 40px !important;
    }

    .ma-xxl-10 {
        margin: 40px !important;
    }

    .mt-xxl-11, .my-xxl-11 {
        margin-top: 44px !important;
    }

    .mr-xxl-11, .mx-xxl-11 {
        margin-right: 44px !important;
    }

    .ml-xxl-11, .mx-xxl-11 {
        margin-left: 44px !important;
    }

    .mb-xxl-11, .my-xxl-11 {
        margin-bottom: 44px !important;
    }

    .ms-xxl-11 {
        margin-inline-start: 44px !important;
    }

    .me-xxl-11 {
        margin-inline-end: 44px !important;
    }

    .ma-xxl-11 {
        margin: 44px !important;
    }

    .mt-xxl-12, .my-xxl-12 {
        margin-top: 48px !important;
    }

    .mr-xxl-12, .mx-xxl-12 {
        margin-right: 48px !important;
    }

    .ml-xxl-12, .mx-xxl-12 {
        margin-left: 48px !important;
    }

    .mb-xxl-12, .my-xxl-12 {
        margin-bottom: 48px !important;
    }

    .ms-xxl-12 {
        margin-inline-start: 48px !important;
    }

    .me-xxl-12 {
        margin-inline-end: 48px !important;
    }

    .ma-xxl-12 {
        margin: 48px !important;
    }

    .mt-xxl-13, .my-xxl-13 {
        margin-top: 52px !important;
    }

    .mr-xxl-13, .mx-xxl-13 {
        margin-right: 52px !important;
    }

    .ml-xxl-13, .mx-xxl-13 {
        margin-left: 52px !important;
    }

    .mb-xxl-13, .my-xxl-13 {
        margin-bottom: 52px !important;
    }

    .ms-xxl-13 {
        margin-inline-start: 52px !important;
    }

    .me-xxl-13 {
        margin-inline-end: 52px !important;
    }

    .ma-xxl-13 {
        margin: 52px !important;
    }

    .mt-xxl-14, .my-xxl-14 {
        margin-top: 56px !important;
    }

    .mr-xxl-14, .mx-xxl-14 {
        margin-right: 56px !important;
    }

    .ml-xxl-14, .mx-xxl-14 {
        margin-left: 56px !important;
    }

    .mb-xxl-14, .my-xxl-14 {
        margin-bottom: 56px !important;
    }

    .ms-xxl-14 {
        margin-inline-start: 56px !important;
    }

    .me-xxl-14 {
        margin-inline-end: 56px !important;
    }

    .ma-xxl-14 {
        margin: 56px !important;
    }

    .mt-xxl-15, .my-xxl-15 {
        margin-top: 60px !important;
    }

    .mr-xxl-15, .mx-xxl-15 {
        margin-right: 60px !important;
    }

    .ml-xxl-15, .mx-xxl-15 {
        margin-left: 60px !important;
    }

    .mb-xxl-15, .my-xxl-15 {
        margin-bottom: 60px !important;
    }

    .ms-xxl-15 {
        margin-inline-start: 60px !important;
    }

    .me-xxl-15 {
        margin-inline-end: 60px !important;
    }

    .ma-xxl-15 {
        margin: 60px !important;
    }

    .mt-xxl-16, .my-xxl-16 {
        margin-top: 64px !important;
    }

    .mr-xxl-16, .mx-xxl-16 {
        margin-right: 64px !important;
    }

    .ml-xxl-16, .mx-xxl-16 {
        margin-left: 64px !important;
    }

    .mb-xxl-16, .my-xxl-16 {
        margin-bottom: 64px !important;
    }

    .ms-xxl-16 {
        margin-inline-start: 64px !important;
    }

    .me-xxl-16 {
        margin-inline-end: 64px !important;
    }

    .ma-xxl-16 {
        margin: 64px !important;
    }

    .mt-xxl-auto, .my-xxl-auto {
        margin-top: auto !important;
    }

    .mr-xxl-auto, .mx-xxl-auto {
        margin-right: auto !important;
    }

    .ml-xxl-auto, .mx-xxl-auto {
        margin-left: auto !important;
    }

    .mb-xxl-auto, .my-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-auto {
        margin-inline-start: auto !important;
    }

    .me-xxl-auto {
        margin-inline-end: auto !important;
    }

    .ma-xxl-auto {
        margin: auto !important;
    }

    .pt-xxl-0, .py-xxl-0 {
        padding-top: 0 !important;
    }

    .pr-xxl-0, .px-xxl-0 {
        padding-right: 0 !important;
    }

    .pl-xxl-0, .px-xxl-0 {
        padding-left: 0 !important;
    }

    .pb-xxl-0, .py-xxl-0 {
        padding-bottom: 0 !important;
    }

    .ps-xxl-0 {
        padding-inline-start: 0 !important;
    }

    .pe-xxl-0 {
        padding-inline-end: 0 !important;
    }

    .pa-xxl-0 {
        padding: 0 !important;
    }

    .pt-xxl-1, .py-xxl-1 {
        padding-top: 4px !important;
    }

    .pr-xxl-1, .px-xxl-1 {
        padding-right: 4px !important;
    }

    .pl-xxl-1, .px-xxl-1 {
        padding-left: 4px !important;
    }

    .pb-xxl-1, .py-xxl-1 {
        padding-bottom: 4px !important;
    }

    .ps-xxl-1 {
        padding-inline-start: 4px !important;
    }

    .pe-xxl-1 {
        padding-inline-end: 4px !important;
    }

    .pa-xxl-1 {
        padding: 4px !important;
    }

    .pt-xxl-2, .py-xxl-2 {
        padding-top: 8px !important;
    }

    .pr-xxl-2, .px-xxl-2 {
        padding-right: 8px !important;
    }

    .pl-xxl-2, .px-xxl-2 {
        padding-left: 8px !important;
    }

    .pb-xxl-2, .py-xxl-2 {
        padding-bottom: 8px !important;
    }

    .ps-xxl-2 {
        padding-inline-start: 8px !important;
    }

    .pe-xxl-2 {
        padding-inline-end: 8px !important;
    }

    .pa-xxl-2 {
        padding: 8px !important;
    }

    .pt-xxl-3, .py-xxl-3 {
        padding-top: 12px !important;
    }

    .pr-xxl-3, .px-xxl-3 {
        padding-right: 12px !important;
    }

    .pl-xxl-3, .px-xxl-3 {
        padding-left: 12px !important;
    }

    .pb-xxl-3, .py-xxl-3 {
        padding-bottom: 12px !important;
    }

    .ps-xxl-3 {
        padding-inline-start: 12px !important;
    }

    .pe-xxl-3 {
        padding-inline-end: 12px !important;
    }

    .pa-xxl-3 {
        padding: 12px !important;
    }

    .pt-xxl-4, .py-xxl-4 {
        padding-top: 16px !important;
    }

    .pr-xxl-4, .px-xxl-4 {
        padding-right: 16px !important;
    }

    .pl-xxl-4, .px-xxl-4 {
        padding-left: 16px !important;
    }

    .pb-xxl-4, .py-xxl-4 {
        padding-bottom: 16px !important;
    }

    .ps-xxl-4 {
        padding-inline-start: 16px !important;
    }

    .pe-xxl-4 {
        padding-inline-end: 16px !important;
    }

    .pa-xxl-4 {
        padding: 16px !important;
    }

    .pt-xxl-5, .py-xxl-5 {
        padding-top: 20px !important;
    }

    .pr-xxl-5, .px-xxl-5 {
        padding-right: 20px !important;
    }

    .pl-xxl-5, .px-xxl-5 {
        padding-left: 20px !important;
    }

    .pb-xxl-5, .py-xxl-5 {
        padding-bottom: 20px !important;
    }

    .ps-xxl-5 {
        padding-inline-start: 20px !important;
    }

    .pe-xxl-5 {
        padding-inline-end: 20px !important;
    }

    .pa-xxl-5 {
        padding: 20px !important;
    }

    .pt-xxl-6, .py-xxl-6 {
        padding-top: 24px !important;
    }

    .pr-xxl-6, .px-xxl-6 {
        padding-right: 24px !important;
    }

    .pl-xxl-6, .px-xxl-6 {
        padding-left: 24px !important;
    }

    .pb-xxl-6, .py-xxl-6 {
        padding-bottom: 24px !important;
    }

    .ps-xxl-6 {
        padding-inline-start: 24px !important;
    }

    .pe-xxl-6 {
        padding-inline-end: 24px !important;
    }

    .pa-xxl-6 {
        padding: 24px !important;
    }

    .pt-xxl-7, .py-xxl-7 {
        padding-top: 28px !important;
    }

    .pr-xxl-7, .px-xxl-7 {
        padding-right: 28px !important;
    }

    .pl-xxl-7, .px-xxl-7 {
        padding-left: 28px !important;
    }

    .pb-xxl-7, .py-xxl-7 {
        padding-bottom: 28px !important;
    }

    .ps-xxl-7 {
        padding-inline-start: 28px !important;
    }

    .pe-xxl-7 {
        padding-inline-end: 28px !important;
    }

    .pa-xxl-7 {
        padding: 28px !important;
    }

    .pt-xxl-8, .py-xxl-8 {
        padding-top: 32px !important;
    }

    .pr-xxl-8, .px-xxl-8 {
        padding-right: 32px !important;
    }

    .pl-xxl-8, .px-xxl-8 {
        padding-left: 32px !important;
    }

    .pb-xxl-8, .py-xxl-8 {
        padding-bottom: 32px !important;
    }

    .ps-xxl-8 {
        padding-inline-start: 32px !important;
    }

    .pe-xxl-8 {
        padding-inline-end: 32px !important;
    }

    .pa-xxl-8 {
        padding: 32px !important;
    }

    .pt-xxl-9, .py-xxl-9 {
        padding-top: 36px !important;
    }

    .pr-xxl-9, .px-xxl-9 {
        padding-right: 36px !important;
    }

    .pl-xxl-9, .px-xxl-9 {
        padding-left: 36px !important;
    }

    .pb-xxl-9, .py-xxl-9 {
        padding-bottom: 36px !important;
    }

    .ps-xxl-9 {
        padding-inline-start: 36px !important;
    }

    .pe-xxl-9 {
        padding-inline-end: 36px !important;
    }

    .pa-xxl-9 {
        padding: 36px !important;
    }

    .pt-xxl-10, .py-xxl-10 {
        padding-top: 40px !important;
    }

    .pr-xxl-10, .px-xxl-10 {
        padding-right: 40px !important;
    }

    .pl-xxl-10, .px-xxl-10 {
        padding-left: 40px !important;
    }

    .pb-xxl-10, .py-xxl-10 {
        padding-bottom: 40px !important;
    }

    .ps-xxl-10 {
        padding-inline-start: 40px !important;
    }

    .pe-xxl-10 {
        padding-inline-end: 40px !important;
    }

    .pa-xxl-10 {
        padding: 40px !important;
    }

    .pt-xxl-11, .py-xxl-11 {
        padding-top: 44px !important;
    }

    .pr-xxl-11, .px-xxl-11 {
        padding-right: 44px !important;
    }

    .pl-xxl-11, .px-xxl-11 {
        padding-left: 44px !important;
    }

    .pb-xxl-11, .py-xxl-11 {
        padding-bottom: 44px !important;
    }

    .ps-xxl-11 {
        padding-inline-start: 44px !important;
    }

    .pe-xxl-11 {
        padding-inline-end: 44px !important;
    }

    .pa-xxl-11 {
        padding: 44px !important;
    }

    .pt-xxl-12, .py-xxl-12 {
        padding-top: 48px !important;
    }

    .pr-xxl-12, .px-xxl-12 {
        padding-right: 48px !important;
    }

    .pl-xxl-12, .px-xxl-12 {
        padding-left: 48px !important;
    }

    .pb-xxl-12, .py-xxl-12 {
        padding-bottom: 48px !important;
    }

    .ps-xxl-12 {
        padding-inline-start: 48px !important;
    }

    .pe-xxl-12 {
        padding-inline-end: 48px !important;
    }

    .pa-xxl-12 {
        padding: 48px !important;
    }

    .pt-xxl-13, .py-xxl-13 {
        padding-top: 52px !important;
    }

    .pr-xxl-13, .px-xxl-13 {
        padding-right: 52px !important;
    }

    .pl-xxl-13, .px-xxl-13 {
        padding-left: 52px !important;
    }

    .pb-xxl-13, .py-xxl-13 {
        padding-bottom: 52px !important;
    }

    .ps-xxl-13 {
        padding-inline-start: 52px !important;
    }

    .pe-xxl-13 {
        padding-inline-end: 52px !important;
    }

    .pa-xxl-13 {
        padding: 52px !important;
    }

    .pt-xxl-14, .py-xxl-14 {
        padding-top: 56px !important;
    }

    .pr-xxl-14, .px-xxl-14 {
        padding-right: 56px !important;
    }

    .pl-xxl-14, .px-xxl-14 {
        padding-left: 56px !important;
    }

    .pb-xxl-14, .py-xxl-14 {
        padding-bottom: 56px !important;
    }

    .ps-xxl-14 {
        padding-inline-start: 56px !important;
    }

    .pe-xxl-14 {
        padding-inline-end: 56px !important;
    }

    .pa-xxl-14 {
        padding: 56px !important;
    }

    .pt-xxl-15, .py-xxl-15 {
        padding-top: 60px !important;
    }

    .pr-xxl-15, .px-xxl-15 {
        padding-right: 60px !important;
    }

    .pl-xxl-15, .px-xxl-15 {
        padding-left: 60px !important;
    }

    .pb-xxl-15, .py-xxl-15 {
        padding-bottom: 60px !important;
    }

    .ps-xxl-15 {
        padding-inline-start: 60px !important;
    }

    .pe-xxl-15 {
        padding-inline-end: 60px !important;
    }

    .pa-xxl-15 {
        padding: 60px !important;
    }

    .pt-xxl-16, .py-xxl-16 {
        padding-top: 64px !important;
    }

    .pr-xxl-16, .px-xxl-16 {
        padding-right: 64px !important;
    }

    .pl-xxl-16, .px-xxl-16 {
        padding-left: 64px !important;
    }

    .pb-xxl-16, .py-xxl-16 {
        padding-bottom: 64px !important;
    }

    .ps-xxl-16 {
        padding-inline-start: 64px !important;
    }

    .pe-xxl-16 {
        padding-inline-end: 64px !important;
    }

    .pa-xxl-16 {
        padding: 64px !important;
    }

    .pt-xxl-auto, .py-xxl-auto {
        padding-top: auto !important;
    }

    .pr-xxl-auto, .px-xxl-auto {
        padding-right: auto !important;
    }

    .pl-xxl-auto, .px-xxl-auto {
        padding-left: auto !important;
    }

    .pb-xxl-auto, .py-xxl-auto {
        padding-bottom: auto !important;
    }

    .ps-xxl-auto {
        padding-inline-start: auto !important;
    }

    .pe-xxl-auto {
        padding-inline-end: auto !important;
    }

    .pa-xxl-auto {
        padding: auto !important;
    }

    .mt-xxl-n1, .my-xxl-n1 {
        margin-top: -4px !important;
    }

    .mr-xxl-n1, .mx-xxl-n1 {
        margin-right: -4px !important;
    }

    .ml-xxl-n1, .mx-xxl-n1 {
        margin-left: -4px !important;
    }

    .mb-xxl-n1, .my-xxl-n1 {
        margin-bottom: -4px !important;
    }

    .ms-xxl-n1 {
        margin-inline-start: -4px !important;
    }

    .me-xxl-n1 {
        margin-inline-end: -4px !important;
    }

    .ma-xxl-n1 {
        margin: -4px !important;
    }

    .mt-xxl-n2, .my-xxl-n2 {
        margin-top: -8px !important;
    }

    .mr-xxl-n2, .mx-xxl-n2 {
        margin-right: -8px !important;
    }

    .ml-xxl-n2, .mx-xxl-n2 {
        margin-left: -8px !important;
    }

    .mb-xxl-n2, .my-xxl-n2 {
        margin-bottom: -8px !important;
    }

    .ms-xxl-n2 {
        margin-inline-start: -8px !important;
    }

    .me-xxl-n2 {
        margin-inline-end: -8px !important;
    }

    .ma-xxl-n2 {
        margin: -8px !important;
    }

    .mt-xxl-n3, .my-xxl-n3 {
        margin-top: -12px !important;
    }

    .mr-xxl-n3, .mx-xxl-n3 {
        margin-right: -12px !important;
    }

    .ml-xxl-n3, .mx-xxl-n3 {
        margin-left: -12px !important;
    }

    .mb-xxl-n3, .my-xxl-n3 {
        margin-bottom: -12px !important;
    }

    .ms-xxl-n3 {
        margin-inline-start: -12px !important;
    }

    .me-xxl-n3 {
        margin-inline-end: -12px !important;
    }

    .ma-xxl-n3 {
        margin: -12px !important;
    }

    .mt-xxl-n4, .my-xxl-n4 {
        margin-top: -16px !important;
    }

    .mr-xxl-n4, .mx-xxl-n4 {
        margin-right: -16px !important;
    }

    .ml-xxl-n4, .mx-xxl-n4 {
        margin-left: -16px !important;
    }

    .mb-xxl-n4, .my-xxl-n4 {
        margin-bottom: -16px !important;
    }

    .ms-xxl-n4 {
        margin-inline-start: -16px !important;
    }

    .me-xxl-n4 {
        margin-inline-end: -16px !important;
    }

    .ma-xxl-n4 {
        margin: -16px !important;
    }

    .mt-xxl-n5, .my-xxl-n5 {
        margin-top: -20px !important;
    }

    .mr-xxl-n5, .mx-xxl-n5 {
        margin-right: -20px !important;
    }

    .ml-xxl-n5, .mx-xxl-n5 {
        margin-left: -20px !important;
    }

    .mb-xxl-n5, .my-xxl-n5 {
        margin-bottom: -20px !important;
    }

    .ms-xxl-n5 {
        margin-inline-start: -20px !important;
    }

    .me-xxl-n5 {
        margin-inline-end: -20px !important;
    }

    .ma-xxl-n5 {
        margin: -20px !important;
    }

    .mt-xxl-n6, .my-xxl-n6 {
        margin-top: -24px !important;
    }

    .mr-xxl-n6, .mx-xxl-n6 {
        margin-right: -24px !important;
    }

    .ml-xxl-n6, .mx-xxl-n6 {
        margin-left: -24px !important;
    }

    .mb-xxl-n6, .my-xxl-n6 {
        margin-bottom: -24px !important;
    }

    .ms-xxl-n6 {
        margin-inline-start: -24px !important;
    }

    .me-xxl-n6 {
        margin-inline-end: -24px !important;
    }

    .ma-xxl-n6 {
        margin: -24px !important;
    }

    .mt-xxl-n7, .my-xxl-n7 {
        margin-top: -28px !important;
    }

    .mr-xxl-n7, .mx-xxl-n7 {
        margin-right: -28px !important;
    }

    .ml-xxl-n7, .mx-xxl-n7 {
        margin-left: -28px !important;
    }

    .mb-xxl-n7, .my-xxl-n7 {
        margin-bottom: -28px !important;
    }

    .ms-xxl-n7 {
        margin-inline-start: -28px !important;
    }

    .me-xxl-n7 {
        margin-inline-end: -28px !important;
    }

    .ma-xxl-n7 {
        margin: -28px !important;
    }

    .mt-xxl-n8, .my-xxl-n8 {
        margin-top: -32px !important;
    }

    .mr-xxl-n8, .mx-xxl-n8 {
        margin-right: -32px !important;
    }

    .ml-xxl-n8, .mx-xxl-n8 {
        margin-left: -32px !important;
    }

    .mb-xxl-n8, .my-xxl-n8 {
        margin-bottom: -32px !important;
    }

    .ms-xxl-n8 {
        margin-inline-start: -32px !important;
    }

    .me-xxl-n8 {
        margin-inline-end: -32px !important;
    }

    .ma-xxl-n8 {
        margin: -32px !important;
    }

    .mt-xxl-n9, .my-xxl-n9 {
        margin-top: -36px !important;
    }

    .mr-xxl-n9, .mx-xxl-n9 {
        margin-right: -36px !important;
    }

    .ml-xxl-n9, .mx-xxl-n9 {
        margin-left: -36px !important;
    }

    .mb-xxl-n9, .my-xxl-n9 {
        margin-bottom: -36px !important;
    }

    .ms-xxl-n9 {
        margin-inline-start: -36px !important;
    }

    .me-xxl-n9 {
        margin-inline-end: -36px !important;
    }

    .ma-xxl-n9 {
        margin: -36px !important;
    }

    .mt-xxl-n10, .my-xxl-n10 {
        margin-top: -40px !important;
    }

    .mr-xxl-n10, .mx-xxl-n10 {
        margin-right: -40px !important;
    }

    .ml-xxl-n10, .mx-xxl-n10 {
        margin-left: -40px !important;
    }

    .mb-xxl-n10, .my-xxl-n10 {
        margin-bottom: -40px !important;
    }

    .ms-xxl-n10 {
        margin-inline-start: -40px !important;
    }

    .me-xxl-n10 {
        margin-inline-end: -40px !important;
    }

    .ma-xxl-n10 {
        margin: -40px !important;
    }

    .mt-xxl-n11, .my-xxl-n11 {
        margin-top: -44px !important;
    }

    .mr-xxl-n11, .mx-xxl-n11 {
        margin-right: -44px !important;
    }

    .ml-xxl-n11, .mx-xxl-n11 {
        margin-left: -44px !important;
    }

    .mb-xxl-n11, .my-xxl-n11 {
        margin-bottom: -44px !important;
    }

    .ms-xxl-n11 {
        margin-inline-start: -44px !important;
    }

    .me-xxl-n11 {
        margin-inline-end: -44px !important;
    }

    .ma-xxl-n11 {
        margin: -44px !important;
    }

    .mt-xxl-n12, .my-xxl-n12 {
        margin-top: -48px !important;
    }

    .mr-xxl-n12, .mx-xxl-n12 {
        margin-right: -48px !important;
    }

    .ml-xxl-n12, .mx-xxl-n12 {
        margin-left: -48px !important;
    }

    .mb-xxl-n12, .my-xxl-n12 {
        margin-bottom: -48px !important;
    }

    .ms-xxl-n12 {
        margin-inline-start: -48px !important;
    }

    .me-xxl-n12 {
        margin-inline-end: -48px !important;
    }

    .ma-xxl-n12 {
        margin: -48px !important;
    }

    .mt-xxl-n13, .my-xxl-n13 {
        margin-top: -52px !important;
    }

    .mr-xxl-n13, .mx-xxl-n13 {
        margin-right: -52px !important;
    }

    .ml-xxl-n13, .mx-xxl-n13 {
        margin-left: -52px !important;
    }

    .mb-xxl-n13, .my-xxl-n13 {
        margin-bottom: -52px !important;
    }

    .ms-xxl-n13 {
        margin-inline-start: -52px !important;
    }

    .me-xxl-n13 {
        margin-inline-end: -52px !important;
    }

    .ma-xxl-n13 {
        margin: -52px !important;
    }

    .mt-xxl-n14, .my-xxl-n14 {
        margin-top: -56px !important;
    }

    .mr-xxl-n14, .mx-xxl-n14 {
        margin-right: -56px !important;
    }

    .ml-xxl-n14, .mx-xxl-n14 {
        margin-left: -56px !important;
    }

    .mb-xxl-n14, .my-xxl-n14 {
        margin-bottom: -56px !important;
    }

    .ms-xxl-n14 {
        margin-inline-start: -56px !important;
    }

    .me-xxl-n14 {
        margin-inline-end: -56px !important;
    }

    .ma-xxl-n14 {
        margin: -56px !important;
    }

    .mt-xxl-n15, .my-xxl-n15 {
        margin-top: -60px !important;
    }

    .mr-xxl-n15, .mx-xxl-n15 {
        margin-right: -60px !important;
    }

    .ml-xxl-n15, .mx-xxl-n15 {
        margin-left: -60px !important;
    }

    .mb-xxl-n15, .my-xxl-n15 {
        margin-bottom: -60px !important;
    }

    .ms-xxl-n15 {
        margin-inline-start: -60px !important;
    }

    .me-xxl-n15 {
        margin-inline-end: -60px !important;
    }

    .ma-xxl-n15 {
        margin: -60px !important;
    }

    .mt-xxl-n16, .my-xxl-n16 {
        margin-top: -64px !important;
    }

    .mr-xxl-n16, .mx-xxl-n16 {
        margin-right: -64px !important;
    }

    .ml-xxl-n16, .mx-xxl-n16 {
        margin-left: -64px !important;
    }

    .mb-xxl-n16, .my-xxl-n16 {
        margin-bottom: -64px !important;
    }

    .ms-xxl-n16 {
        margin-inline-start: -64px !important;
    }

    .me-xxl-n16 {
        margin-inline-end: -64px !important;
    }

    .ma-xxl-n16 {
        margin: -64px !important;
    }
}

.mud-width-full {
    width: 100%;
}

.mud-height-full {
    height: 100%;
}

.w-max {
    width: max-content;
}

.mud-appbar {
    width: 100%;
    display: flex;
    z-index: var(--mud-zindex-appbar);
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-direction: column;
    color: var(--mud-palette-appbar-text);
    background-color: var(--mud-palette-appbar-background);
    transition: margin 225ms cubic-bezier(0,0,.2,1) 0ms,width 225ms cubic-bezier(0,0,.2,1) 0ms;
}

    .mud-appbar.mud-appbar-fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }

        .mud-appbar.mud-appbar-fixed-top .mud-popover-cascading-value {
            position: fixed;
        }

    .mud-appbar.mud-appbar-fixed-bottom {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
    }

        .mud-appbar.mud-appbar-fixed-bottom .mud-popover-cascading-value {
            position: fixed;
        }

    .mud-appbar .mud-toolbar-appbar {
        height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
    }

@media(min-width:0) and (orientation:landscape) {
    .mud-appbar .mud-toolbar-appbar {
        height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
    }
}

@media(min-width:600px) {
    .mud-appbar .mud-toolbar-appbar {
        height: var(--mud-appbar-height);
    }
}

.mud-appbar.mud-appbar-dense .mud-toolbar-appbar {
    height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
}

@media(min-width:0) {
    .mud-drawer-open-responsive-xs-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-responsive-xs-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-responsive-xs-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-xs-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:600px) {
    .mud-drawer-open-responsive-sm-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-responsive-sm-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-responsive-sm-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-sm-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:960px) {
    .mud-drawer-open-responsive-md-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-responsive-md-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-responsive-md-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-md-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:1280px) {
    .mud-drawer-open-responsive-lg-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-responsive-lg-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-responsive-lg-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-lg-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:1920px) {
    .mud-drawer-open-responsive-xl-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-responsive-xl-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-responsive-xl-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-xl-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:2560px) {
    .mud-drawer-open-responsive-xxl-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-responsive-xxl-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-responsive-xxl-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-xxl-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

.mud-drawer-open-persistent-left.mud-drawer-left-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-left);
    width: calc(100% - var(--mud-drawer-width-left));
}

.mud-drawer-open-persistent-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-right: var(--mud-drawer-width-right);
    width: calc(100% - var(--mud-drawer-width-right));
}

.mud-drawer-open-persistent-left.mud-drawer-left-clipped-never.mud-drawer-open-persistent-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-left);
    margin-right: var(--mud-drawer-width-right);
    width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
}

@media(min-width:0) {
    .mud-drawer-open-mini-xs-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-mini-xs-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:600px) {
    .mud-drawer-open-mini-sm-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-mini-sm-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:960px) {
    .mud-drawer-open-mini-md-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-mini-md-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-mini-md-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-md-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:1280px) {
    .mud-drawer-open-mini-lg-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-mini-lg-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:1920px) {
    .mud-drawer-open-mini-xl-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-mini-xl-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

@media(min-width:2560px) {
    .mud-drawer-open-mini-xxl-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        width: calc(100% - var(--mud-drawer-width-left));
    }

    .mud-drawer-open-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-right));
    }

    .mud-drawer-open-mini-xxl-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left);
        margin-right: var(--mud-drawer-width-right);
        width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right));
    }
}

.mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    width: calc(100% - var(--mud-drawer-width-mini-left));
}

.mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-right));
}

.mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
}

@media(max-width:0) {
    .mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        width: calc(100% - var(--mud-drawer-width-mini-left));
    }

    .mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-right));
    }

    .mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
    }
}

.mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    width: calc(100% - var(--mud-drawer-width-mini-left));
}

.mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-right));
}

.mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
}

@media(max-width:600px) {
    .mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        width: calc(100% - var(--mud-drawer-width-mini-left));
    }

    .mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-right));
    }

    .mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
    }
}

.mud-drawer-close-mini-md-left.mud-drawer-left-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    width: calc(100% - var(--mud-drawer-width-mini-left));
}

.mud-drawer-close-mini-md-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-right));
}

.mud-drawer-close-mini-md-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-md-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
}

@media(max-width:960px) {
    .mud-drawer-close-mini-md-left.mud-drawer-left-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        width: calc(100% - var(--mud-drawer-width-mini-left));
    }

    .mud-drawer-close-mini-md-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-right));
    }

    .mud-drawer-close-mini-md-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-md-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
    }
}

.mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    width: calc(100% - var(--mud-drawer-width-mini-left));
}

.mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-right));
}

.mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
}

@media(max-width:1280px) {
    .mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        width: calc(100% - var(--mud-drawer-width-mini-left));
    }

    .mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-right));
    }

    .mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
    }
}

.mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    width: calc(100% - var(--mud-drawer-width-mini-left));
}

.mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-right));
}

.mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
}

@media(max-width:1920px) {
    .mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        width: calc(100% - var(--mud-drawer-width-mini-left));
    }

    .mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-right));
    }

    .mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
    }
}

.mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    width: calc(100% - var(--mud-drawer-width-mini-left));
}

.mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-right));
}

.mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar {
    margin-left: var(--mud-drawer-width-mini-left);
    margin-right: var(--mud-drawer-width-mini-right);
    width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
}

@media(max-width:2560px) {
    .mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        width: calc(100% - var(--mud-drawer-width-mini-left));
    }

    .mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-right));
    }

    .mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-docked .mud-appbar {
        margin-left: var(--mud-drawer-width-mini-left);
        margin-right: var(--mud-drawer-width-mini-right);
        width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right));
    }
}

.mud-drawer {
    display: flex;
    flex-shrink: 0;
    flex-grow: 1;
    flex: 0 0 auto;
    outline: 0;
    position: fixed;
    z-index: var(--mud-zindex-drawer);
    overflow-y: auto;
    flex-direction: column;
    color: var(--mud-palette-drawer-text);
    background-color: var(--mud-palette-drawer-background);
    --mud-drawer-content-height: 0;
}

    .mud-drawer .mud-drawer-content {
        height: 100%;
        max-height: 100%;
        display: flex;
        flex-shrink: 0;
        flex-grow: 1;
        flex: 0 0 auto;
        flex-direction: column;
    }

    .mud-drawer:not(.mud-drawer-fixed) {
        position: absolute;
    }

@media(max-width:-1px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-xs:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-xs {
        z-index: calc(var(--mud-zindex-appbar) + 2);
    }

        .mud-drawer.mud-drawer-mini.mud-drawer-xs:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-xs.mud-drawer--initial:not(.mud-drawer-mini) {
            display: none !important;
        }
}

@media(max-width:599px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-sm:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-sm {
        z-index: calc(var(--mud-zindex-appbar) + 2);
    }

        .mud-drawer.mud-drawer-mini.mud-drawer-sm:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-sm.mud-drawer--initial:not(.mud-drawer-mini) {
            display: none !important;
        }
}

@media(max-width:959px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-md:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-md {
        z-index: calc(var(--mud-zindex-appbar) + 2);
    }

        .mud-drawer.mud-drawer-mini.mud-drawer-md:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-md.mud-drawer--initial:not(.mud-drawer-mini) {
            display: none !important;
        }
}

@media(max-width:1279px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-lg:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-lg {
        z-index: calc(var(--mud-zindex-appbar) + 2);
    }

        .mud-drawer.mud-drawer-mini.mud-drawer-lg:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-lg.mud-drawer--initial:not(.mud-drawer-mini) {
            display: none !important;
        }
}

@media(max-width:1919px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-xl:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-xl {
        z-index: calc(var(--mud-zindex-appbar) + 2);
    }

        .mud-drawer.mud-drawer-mini.mud-drawer-xl:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-xl.mud-drawer--initial:not(.mud-drawer-mini) {
            display: none !important;
        }
}

@media(max-width:2559px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-xxl:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-xxl {
        z-index: calc(var(--mud-zindex-appbar) + 2);
    }

        .mud-drawer.mud-drawer-mini.mud-drawer-xxl:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-xxl.mud-drawer--initial:not(.mud-drawer-mini) {
            display: none !important;
        }
}

.mud-drawer.mud-drawer-responsive, .mud-drawer.mud-drawer-persistent {
    height: 100%;
}

    .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left {
        right: auto;
        width: var(--mud-drawer-width,var(--mud-drawer-width-left));
    }

        .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open {
            left: 0;
        }

            .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-in-left 225ms cubic-bezier(0,0,.2,1);
            }

        .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed {
            box-shadow: none;
            left: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-left)));
        }

            .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-out-left 225ms cubic-bezier(0,0,.2,1);
            }

    .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right {
        left: auto;
        width: var(--mud-drawer-width,var(--mud-drawer-width-right));
    }

        .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--open, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--open {
            right: 0;
        }

            .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-in-right 225ms cubic-bezier(0,0,.2,1);
            }

        .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--closed, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--closed {
            box-shadow: none;
            right: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-right)));
        }

            .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--closed:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--closed:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-out-right 225ms cubic-bezier(0,0,.2,1);
            }

.mud-drawer.mud-drawer-mini {
    height: 100%;
    transition: width 225ms cubic-bezier(0,0,.2,1);
}

    .mud-drawer.mud-drawer-mini.mud-drawer-pos-left {
        left: 0;
        right: auto;
    }

        .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed {
            width: var(--mud-drawer-width-mini-left);
        }

        .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open {
            width: var(--mud-drawer-width-left);
        }

    .mud-drawer.mud-drawer-mini.mud-drawer-pos-right {
        left: auto;
        right: 0;
    }

        .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed {
            width: var(--mud-drawer-width-mini-right);
        }

        .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--open {
            width: var(--mud-drawer-width-right);
        }

.mud-drawer.mud-drawer-temporary {
    margin: 0 !important;
    z-index: calc(var(--mud-zindex-appbar) + 2);
    transition: transform 225ms cubic-bezier(0,0,.2,1) 0ms;
}

    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left {
        right: auto;
        top: 0;
        height: 100%;
        width: var(--mud-drawer-width,var(--mud-drawer-width-left));
    }

        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--open {
            left: 0;
        }

            .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--open:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-in-left 225ms cubic-bezier(0,0,.2,1) forwards;
            }

        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--closed {
            left: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-left)));
        }

            .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-out-left 225ms cubic-bezier(0,0,.2,1) forwards;
            }

    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right {
        left: auto;
        top: 0;
        height: 100%;
        width: var(--mud-drawer-width,var(--mud-drawer-width-right));
    }

        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--open {
            right: 0;
        }

            .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-in-right 225ms cubic-bezier(0,0,.2,1) forwards;
            }

        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--closed {
            right: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-right)));
        }

            .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--closed:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-out-right 225ms cubic-bezier(0,0,.2,1) forwards;
            }

    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom {
        left: 0;
        top: auto;
        width: 100%;
    }

        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--open {
            bottom: 0;
        }

            .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--open:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-in-bottom 225ms cubic-bezier(0,0,.2,1) 0ms 1;
            }

        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--closed {
            bottom: calc(-1*var(--mud-drawer-content-height));
        }

            .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--closed:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-out-bottom 225ms cubic-bezier(0,0,.2,1) 0ms 1;
            }

    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top {
        left: 0;
        bottom: auto;
        width: 100%;
    }

        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--open {
            top: 0;
        }

            .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--open:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-in-top 225ms cubic-bezier(0,0,.2,1) 0ms 1;
            }

        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--closed {
            top: calc(-1*var(--mud-drawer-content-height));
        }

            .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--closed:not(.mud-drawer--initial) {
                animation: mud-drawer-slide-out-top 225ms cubic-bezier(0,0,.2,1) 0ms 1;
            }

.mud-drawer.mud-drawer-mini.mud-drawer-pos-left ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-mini.mud-drawer-pos-right ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right ~ div:not(.mud-main-content) {
    transition: margin 225ms cubic-bezier(0,0,.2,1) 0ms;
}

.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open ~ div:not(.mud-main-content) {
    margin-left: var(--mud-drawer-width,var(--mud-drawer-width-left));
}

.mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--open ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--open ~ div:not(.mud-main-content) {
    margin-right: var(--mud-drawer-width,var(--mud-drawer-width-right));
}

.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed ~ div:not(.mud-main-content) {
    margin-left: var(--mud-drawer-width,var(--mud-drawer-width-mini-left));
}

.mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed ~ div:not(.mud-main-content) {
    margin-right: var(--mud-drawer-width,var(--mud-drawer-width-mini-right));
}

.mud-drawer-header {
    display: flex;
    min-height: var(--mud-appbar-height);
    padding: 12px 24px 12px 24px;
}

    .mud-drawer-header.mud-drawer-header-dense {
        min-height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        padding: 8px 24px 8px 24px;
    }

.mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
    top: var(--mud-appbar-height);
    height: calc(100% - var(--mud-appbar-height));
}

@media(max-width:599px) and (orientation:landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4));
    }
}

@media(max-width:599px) and (orientation:portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8));
    }
}

@media(min-width:0) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xs, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height));
    }
}

@media(min-width:0) and (max-width:599px) and (orientation:landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xs, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4);
    }
}

@media(min-width:0) and (max-width:599px) and (orientation:portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xs, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8);
    }
}

@media(min-width:600px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-sm, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height));
    }
}

@media(min-width:600px) and (max-width:599px) and (orientation:landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-sm, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4);
    }
}

@media(min-width:600px) and (max-width:599px) and (orientation:portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-sm, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8);
    }
}

@media(min-width:960px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-md, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height));
    }
}

@media(min-width:960px) and (max-width:599px) and (orientation:landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-md, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4);
    }
}

@media(min-width:960px) and (max-width:599px) and (orientation:portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-md, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8);
    }
}

@media(min-width:1280px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-lg, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height));
    }
}

@media(min-width:1280px) and (max-width:599px) and (orientation:landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-lg, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4);
    }
}

@media(min-width:1280px) and (max-width:599px) and (orientation:portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-lg, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8);
    }
}

@media(min-width:1920px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height));
    }
}

@media(min-width:1920px) and (max-width:599px) and (orientation:landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4);
    }
}

@media(min-width:1920px) and (max-width:599px) and (orientation:portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8);
    }
}

@media(min-width:2560px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xxl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height));
    }
}

@media(min-width:2560px) and (max-width:599px) and (orientation:landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xxl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4);
    }
}

@media(min-width:2560px) and (max-width:599px) and (orientation:portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xxl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8);
    }
}

.mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-mini:not(.mud-drawer-clipped-never), .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
    top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
    height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4);
}

@media(min-width:0) {
    .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4);
    }
}

@media(min-width:600px) {
    .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4);
    }
}

@media(min-width:960px) {
    .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4);
    }
}

@media(min-width:1280px) {
    .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4);
    }
}

@media(min-width:1920px) {
    .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4);
    }
}

@media(min-width:2560px) {
    .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4);
    }
}

.mud-drawer-overlay {
    display: none;
}

@media(max-width:-1px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xs {
        display: block;
    }

        .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xs.mud-drawer--initial {
            display: none;
        }
}

@media(max-width:-1px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-xs {
        display: block;
    }
}

@media(max-width:599px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-sm {
        display: block;
    }

        .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-sm.mud-drawer--initial {
            display: none;
        }
}

@media(max-width:599px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-sm {
        display: block;
    }
}

@media(max-width:959px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-md {
        display: block;
    }

        .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-md.mud-drawer--initial {
            display: none;
        }
}

@media(max-width:959px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-md {
        display: block;
    }
}

@media(max-width:1279px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-lg {
        display: block;
    }

        .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-lg.mud-drawer--initial {
            display: none;
        }
}

@media(max-width:1279px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-lg {
        display: block;
    }
}

@media(max-width:1919px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xl {
        display: block;
    }

        .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xl.mud-drawer--initial {
            display: none;
        }
}

@media(max-width:1919px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-xl {
        display: block;
    }
}

@media(max-width:2559px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xxl {
        display: block;
    }

        .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xxl.mud-drawer--initial {
            display: none;
        }
}

@media(max-width:2559px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-xxl {
        display: block;
    }
}

.mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-temporary {
    display: block;
}

@keyframes mud-drawer-slide-in-left {
    from {
        left: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-left)));
    }
}

@keyframes mud-drawer-slide-out-left {
    from {
        left: 0;
    }
}

@keyframes mud-drawer-slide-in-right {
    from {
        right: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-right)));
    }
}

@keyframes mud-drawer-slide-out-right {
    from {
        right: 0;
    }
}

@keyframes mud-drawer-slide-in-bottom {
    from {
        bottom: calc(-1*var(--mud-drawer-content-height));
    }
}

@keyframes mud-drawer-slide-out-bottom {
    from {
        bottom: 0;
    }
}

@keyframes mud-drawer-slide-in-top {
    from {
        top: calc(-1*var(--mud-drawer-content-height));
    }
}

@keyframes mud-drawer-slide-out-top {
    from {
        top: 0;
    }
}

.mud-main-content {
    margin: 0;
    flex: 1 1 auto;
    padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
    transition: margin 225ms cubic-bezier(0,0,.2,1) 0ms;
}

@media(min-width:0) and (orientation:landscape) {
    .mud-main-content {
        padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
    }
}

@media(min-width:600px) {
    .mud-main-content {
        padding-top: var(--mud-appbar-height);
    }
}

.mud-appbar-dense ~ .mud-main-content {
    padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
}

@media(min-width:0) {
    .mud-drawer-open-responsive-xs-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-responsive-xs-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-responsive-xs-left.mud-drawer-open-responsive-xs-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:600px) {
    .mud-drawer-open-responsive-sm-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-responsive-sm-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-responsive-sm-left.mud-drawer-open-responsive-sm-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:960px) {
    .mud-drawer-open-responsive-md-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-responsive-md-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-responsive-md-left.mud-drawer-open-responsive-md-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:1280px) {
    .mud-drawer-open-responsive-lg-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-responsive-lg-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-responsive-lg-left.mud-drawer-open-responsive-lg-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:1920px) {
    .mud-drawer-open-responsive-xl-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-responsive-xl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-responsive-xl-left.mud-drawer-open-responsive-xl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:2560px) {
    .mud-drawer-open-responsive-xxl-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-responsive-xxl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-responsive-xxl-left.mud-drawer-open-responsive-xxl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

.mud-drawer-open-persistent-left:not(.mud-drawer-open-persistent-right) .mud-main-content {
    margin-left: var(--mud-drawer-width-left);
}

.mud-drawer-open-persistent-right:not(.mud-drawer-open-persistent-left) .mud-main-content {
    margin-right: var(--mud-drawer-width-right);
}

.mud-drawer-open-persistent-left.mud-drawer-open-persistent-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right);
    margin-left: var(--mud-drawer-width-left);
}

@media(min-width:0) {
    .mud-drawer-open-mini-xs-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-mini-xs-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-mini-xs-left.mud-drawer-open-mini-xs-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:600px) {
    .mud-drawer-open-mini-sm-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-mini-sm-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-mini-sm-left.mud-drawer-open-mini-sm-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:960px) {
    .mud-drawer-open-mini-md-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-mini-md-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-mini-md-left.mud-drawer-open-mini-md-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:1280px) {
    .mud-drawer-open-mini-lg-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-mini-lg-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-mini-lg-left.mud-drawer-open-mini-lg-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:1920px) {
    .mud-drawer-open-mini-xl-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-mini-xl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-mini-xl-left.mud-drawer-open-mini-xl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

@media(min-width:2560px) {
    .mud-drawer-open-mini-xxl-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left);
    }

    .mud-drawer-open-mini-xxl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
    }

    .mud-drawer-open-mini-xxl-left.mud-drawer-open-mini-xxl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left);
    }
}

.mud-drawer-open-mini-none-left .mud-main-content, .mud-drawer-open-mini-always-left .mud-main-content {
    margin-left: var(--mud-drawer-width-left);
}

.mud-drawer-open-mini-none-right .mud-main-content, .mud-drawer-open-mini-always-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right);
}

.mud-drawer-open-mini-none-left.mud-drawer-open-mini-none, .mud-drawer-open-mini-none .mud-drawer-open-mini-always-right .mud-main-content, .mud-drawer-open-mini-always-left.mud-drawer-open-mini-none, .mud-drawer-open-mini-always .mud-drawer-open-mini-always-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right);
    margin-left: var(--mud-drawer-width-left);
}

.mud-drawer-close-mini-xs-left .mud-main-content {
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-xs-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
}

.mud-drawer-close-mini-xs-left.mud-drawer-close-mini-xs-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-sm-left .mud-main-content {
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-sm-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
}

.mud-drawer-close-mini-sm-left.mud-drawer-close-mini-sm-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-md-left .mud-main-content {
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-md-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
}

.mud-drawer-close-mini-md-left.mud-drawer-close-mini-md-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-lg-left .mud-main-content {
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-lg-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
}

.mud-drawer-close-mini-lg-left.mud-drawer-close-mini-lg-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-xl-left .mud-main-content {
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-xl-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
}

.mud-drawer-close-mini-xl-left.mud-drawer-close-mini-xl-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-xxl-left .mud-main-content {
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-xxl-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
}

.mud-drawer-close-mini-xxl-left.mud-drawer-close-mini-xxl-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-none-left .mud-main-content, .mud-drawer-close-mini-always-left .mud-main-content {
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-drawer-close-mini-none-right .mud-main-content, .mud-drawer-close-mini-always-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
}

.mud-drawer-close-mini-none-left.mud-drawer-close-mini-none, .mud-drawer-close-mini-none .mud-drawer-close-mini-always-right .mud-main-content, .mud-drawer-close-mini-always-left.mud-drawer-close-mini-none, .mud-drawer-close-mini-always .mud-drawer-close-mini-always-right .mud-main-content {
    margin-right: var(--mud-drawer-width-mini-right);
    margin-left: var(--mud-drawer-width-mini-left);
}

.mud-container {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media(min-width:600px) {
    .mud-container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.mud-container-disable-gutters {
    padding-left: 0;
    padding-right: 0;
}

@media(min-width:600px) {
    .mud-container-fixed {
        max-width: 600px;
    }
}

@media(min-width:960px) {
    .mud-container-fixed {
        max-width: 960px;
    }
}

@media(min-width:1280px) {
    .mud-container-fixed {
        max-width: 1280px;
    }
}

@media(min-width:1920px) {
    .mud-container-fixed {
        max-width: 1920px;
    }
}

@media(min-width:2560px) {
    .mud-container-fixed {
        max-width: 2560px;
    }
}

@media(min-width:0) {
    .mud-container-maxwidth-xs {
        max-width: 444px;
    }
}

@media(min-width:600px) {
    .mud-container-maxwidth-sm {
        max-width: 600px;
    }
}

@media(min-width:960px) {
    .mud-container-maxwidth-md {
        max-width: 960px;
    }
}

@media(min-width:1280px) {
    .mud-container-maxwidth-lg {
        max-width: 1280px;
    }
}

@media(min-width:1920px) {
    .mud-container-maxwidth-xl {
        max-width: 1920px;
    }
}

@media(min-width:2560px) {
    .mud-container-maxwidth-xxl {
        max-width: 2560px;
    }
}

.scroll-locked {
    padding-right: 8px;
    overflow: hidden;
}

    .scroll-locked .mud-layout .mud-appbar {
        padding-right: 8px;
    }

    .scroll-locked .mud-layout .mud-main-content .mud-scroll-to-top {
        padding-right: 8px;
    }

@-moz-document url-prefix() {
    .scroll-locked {
        padding-right: 17px;
    }

        .scroll-locked .mud-layout .mud-appbar {
            padding-right: 17px;
        }

        .scroll-locked .mud-layout .mud-main-content .mud-scroll-to-top {
            padding-right: 17px;
        }
}

.mud-scroll-to-top {
    position: fixed;
    cursor: pointer;
    z-index: 100;
}

    .mud-scroll-to-top.visible {
        bottom: 16px;
        right: 16px;
        opacity: 1;
        transition: transform .5s;
        flex: 1;
    }

    .mud-scroll-to-top.hidden {
        bottom: 16px;
        right: 16px;
        opacity: 0;
        transition: all .5s;
        visibility: hidden;
        transform: scale(0) rotate(180deg);
        flex: 0;
    }

    .mud-scroll-to-top:after {
        content: '';
        background: transparent;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        z-index: var(--mud-zindex-tooltip);
    }

.red {
    background-color: #f44336;
}

.red-text {
    color: #f44336;
}

.red.lighten-5 {
    background-color: #ffebee;
}

.red-text.text-lighten-5 {
    color: #ffebee;
}

.red.lighten-4 {
    background-color: #ffcdd2;
}

.red-text.text-lighten-4 {
    color: #ffcdd2;
}

.red.lighten-3 {
    background-color: #ef9a9a;
}

.red-text.text-lighten-3 {
    color: #ef9a9a;
}

.red.lighten-2 {
    background-color: #e57373;
}

.red-text.text-lighten-2 {
    color: #e57373;
}

.red.lighten-1 {
    background-color: #ef5350;
}

.red-text.text-lighten-1 {
    color: #ef5350;
}

.red.darken-1 {
    background-color: #e53935;
}

.red-text.text-darken-1 {
    color: #e53935;
}

.red.darken-2 {
    background-color: #d32f2f;
}

.red-text.text-darken-2 {
    color: #d32f2f;
}

.red.darken-3 {
    background-color: #c62828;
}

.red-text.text-darken-3 {
    color: #c62828;
}

.red.darken-4 {
    background-color: #b71c1c;
}

.red-text.text-darken-4 {
    color: #b71c1c;
}

.red.accent-1 {
    background-color: #ff8a80;
}

.red-text.text-accent-1 {
    color: #ff8a80;
}

.red.accent-2 {
    background-color: #ff5252;
}

.red-text.text-accent-2 {
    color: #ff5252;
}

.red.accent-3 {
    background-color: #ff1744;
}

.red-text.text-accent-3 {
    color: #ff1744;
}

.red.accent-4 {
    background-color: #d50000;
}

.red-text.text-accent-4 {
    color: #d50000;
}

.pink {
    background-color: #e91e63;
}

.pink-text {
    color: #e91e63;
}

.pink.lighten-5 {
    background-color: #fce4ec;
}

.pink-text.text-lighten-5 {
    color: #fce4ec;
}

.pink.lighten-4 {
    background-color: #f8bbd0;
}

.pink-text.text-lighten-4 {
    color: #f8bbd0;
}

.pink.lighten-3 {
    background-color: #f48fb1;
}

.pink-text.text-lighten-3 {
    color: #f48fb1;
}

.pink.lighten-2 {
    background-color: #f06292;
}

.pink-text.text-lighten-2 {
    color: #f06292;
}

.pink.lighten-1 {
    background-color: #ec407a;
}

.pink-text.text-lighten-1 {
    color: #ec407a;
}

.pink.darken-1 {
    background-color: #d81b60;
}

.pink-text.text-darken-1 {
    color: #d81b60;
}

.pink.darken-2 {
    background-color: #c2185b;
}

.pink-text.text-darken-2 {
    color: #c2185b;
}

.pink.darken-3 {
    background-color: #ad1457;
}

.pink-text.text-darken-3 {
    color: #ad1457;
}

.pink.darken-4 {
    background-color: #880e4f;
}

.pink-text.text-darken-4 {
    color: #880e4f;
}

.pink.accent-1 {
    background-color: #ff80ab;
}

.pink-text.text-accent-1 {
    color: #ff80ab;
}

.pink.accent-2 {
    background-color: #ff4081;
}

.pink-text.text-accent-2 {
    color: #ff4081;
}

.pink.accent-3 {
    background-color: #f50057;
}

.pink-text.text-accent-3 {
    color: #f50057;
}

.pink.accent-4 {
    background-color: #c51162;
}

.pink-text.text-accent-4 {
    color: #c51162;
}

.purple {
    background-color: #9c27b0;
}

.purple-text {
    color: #9c27b0;
}

.purple.lighten-5 {
    background-color: #f3e5f5;
}

.purple-text.text-lighten-5 {
    color: #f3e5f5;
}

.purple.lighten-4 {
    background-color: #e1bee7;
}

.purple-text.text-lighten-4 {
    color: #e1bee7;
}

.purple.lighten-3 {
    background-color: #ce93d8;
}

.purple-text.text-lighten-3 {
    color: #ce93d8;
}

.purple.lighten-2 {
    background-color: #ba68c8;
}

.purple-text.text-lighten-2 {
    color: #ba68c8;
}

.purple.lighten-1 {
    background-color: #ab47bc;
}

.purple-text.text-lighten-1 {
    color: #ab47bc;
}

.purple.darken-1 {
    background-color: #8e24aa;
}

.purple-text.text-darken-1 {
    color: #8e24aa;
}

.purple.darken-2 {
    background-color: #7b1fa2;
}

.purple-text.text-darken-2 {
    color: #7b1fa2;
}

.purple.darken-3 {
    background-color: #6a1b9a;
}

.purple-text.text-darken-3 {
    color: #6a1b9a;
}

.purple.darken-4 {
    background-color: #4a148c;
}

.purple-text.text-darken-4 {
    color: #4a148c;
}

.purple.accent-1 {
    background-color: #ea80fc;
}

.purple-text.text-accent-1 {
    color: #ea80fc;
}

.purple.accent-2 {
    background-color: #e040fb;
}

.purple-text.text-accent-2 {
    color: #e040fb;
}

.purple.accent-3 {
    background-color: #d500f9;
}

.purple-text.text-accent-3 {
    color: #d500f9;
}

.purple.accent-4 {
    background-color: #a0f;
}

.purple-text.text-accent-4 {
    color: #a0f;
}

.deep-purple {
    background-color: #673ab7;
}

.deep-purple-text {
    color: #673ab7;
}

.deep-purple.lighten-5 {
    background-color: #ede7f6;
}

.deep-purple-text.text-lighten-5 {
    color: #ede7f6;
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9;
}

.deep-purple-text.text-lighten-4 {
    color: #d1c4e9;
}

.deep-purple.lighten-3 {
    background-color: #b39ddb;
}

.deep-purple-text.text-lighten-3 {
    color: #b39ddb;
}

.deep-purple.lighten-2 {
    background-color: #9575cd;
}

.deep-purple-text.text-lighten-2 {
    color: #9575cd;
}

.deep-purple.lighten-1 {
    background-color: #7e57c2;
}

.deep-purple-text.text-lighten-1 {
    color: #7e57c2;
}

.deep-purple.darken-1 {
    background-color: #5e35b1;
}

.deep-purple-text.text-darken-1 {
    color: #5e35b1;
}

.deep-purple.darken-2 {
    background-color: #512da8;
}

.deep-purple-text.text-darken-2 {
    color: #512da8;
}

.deep-purple.darken-3 {
    background-color: #4527a0;
}

.deep-purple-text.text-darken-3 {
    color: #4527a0;
}

.deep-purple.darken-4 {
    background-color: #311b92;
}

.deep-purple-text.text-darken-4 {
    color: #311b92;
}

.deep-purple.accent-1 {
    background-color: #b388ff;
}

.deep-purple-text.text-accent-1 {
    color: #b388ff;
}

.deep-purple.accent-2 {
    background-color: #7c4dff;
}

.deep-purple-text.text-accent-2 {
    color: #7c4dff;
}

.deep-purple.accent-3 {
    background-color: #651fff;
}

.deep-purple-text.text-accent-3 {
    color: #651fff;
}

.deep-purple.accent-4 {
    background-color: #6200ea;
}

.deep-purple-text.text-accent-4 {
    color: #6200ea;
}

.indigo {
    background-color: #3f51b5;
}

.indigo-text {
    color: #3f51b5;
}

.indigo.lighten-5 {
    background-color: #e8eaf6;
}

.indigo-text.text-lighten-5 {
    color: #e8eaf6;
}

.indigo.lighten-4 {
    background-color: #c5cae9;
}

.indigo-text.text-lighten-4 {
    color: #c5cae9;
}

.indigo.lighten-3 {
    background-color: #9fa8da;
}

.indigo-text.text-lighten-3 {
    color: #9fa8da;
}

.indigo.lighten-2 {
    background-color: #7986cb;
}

.indigo-text.text-lighten-2 {
    color: #7986cb;
}

.indigo.lighten-1 {
    background-color: #5c6bc0;
}

.indigo-text.text-lighten-1 {
    color: #5c6bc0;
}

.indigo.darken-1 {
    background-color: #3949ab;
}

.indigo-text.text-darken-1 {
    color: #3949ab;
}

.indigo.darken-2 {
    background-color: #303f9f;
}

.indigo-text.text-darken-2 {
    color: #303f9f;
}

.indigo.darken-3 {
    background-color: #283593;
}

.indigo-text.text-darken-3 {
    color: #283593;
}

.indigo.darken-4 {
    background-color: #1a237e;
}

.indigo-text.text-darken-4 {
    color: #1a237e;
}

.indigo.accent-1 {
    background-color: #8c9eff;
}

.indigo-text.text-accent-1 {
    color: #8c9eff;
}

.indigo.accent-2 {
    background-color: #536dfe;
}

.indigo-text.text-accent-2 {
    color: #536dfe;
}

.indigo.accent-3 {
    background-color: #3d5afe;
}

.indigo-text.text-accent-3 {
    color: #3d5afe;
}

.indigo.accent-4 {
    background-color: #304ffe;
}

.indigo-text.text-accent-4 {
    color: #304ffe;
}

.blue {
    background-color: #2196f3;
}

.blue-text {
    color: #2196f3;
}

.blue.lighten-5 {
    background-color: #e3f2fd;
}

.blue-text.text-lighten-5 {
    color: #e3f2fd;
}

.blue.lighten-4 {
    background-color: #bbdefb;
}

.blue-text.text-lighten-4 {
    color: #bbdefb;
}

.blue.lighten-3 {
    background-color: #90caf9;
}

.blue-text.text-lighten-3 {
    color: #90caf9;
}

.blue.lighten-2 {
    background-color: #64b5f6;
}

.blue-text.text-lighten-2 {
    color: #64b5f6;
}

.blue.lighten-1 {
    background-color: #42a5f5;
}

.blue-text.text-lighten-1 {
    color: #42a5f5;
}

.blue.darken-1 {
    background-color: #1e88e5;
}

.blue-text.text-darken-1 {
    color: #1e88e5;
}

.blue.darken-2 {
    background-color: #1976d2;
}

.blue-text.text-darken-2 {
    color: #1976d2;
}

.blue.darken-3 {
    background-color: #1565c0;
}

.blue-text.text-darken-3 {
    color: #1565c0;
}

.blue.darken-4 {
    background-color: #0d47a1;
}

.blue-text.text-darken-4 {
    color: #0d47a1;
}

.blue.accent-1 {
    background-color: #82b1ff;
}

.blue-text.text-accent-1 {
    color: #82b1ff;
}

.blue.accent-2 {
    background-color: #448aff;
}

.blue-text.text-accent-2 {
    color: #448aff;
}

.blue.accent-3 {
    background-color: #2979ff;
}

.blue-text.text-accent-3 {
    color: #2979ff;
}

.blue.accent-4 {
    background-color: #2962ff;
}

.blue-text.text-accent-4 {
    color: #2962ff;
}

.light-blue {
    background-color: #03a9f4;
}

.light-blue-text {
    color: #03a9f4;
}

.light-blue.lighten-5 {
    background-color: #e1f5fe;
}

.light-blue-text.text-lighten-5 {
    color: #e1f5fe;
}

.light-blue.lighten-4 {
    background-color: #b3e5fc;
}

.light-blue-text.text-lighten-4 {
    color: #b3e5fc;
}

.light-blue.lighten-3 {
    background-color: #81d4fa;
}

.light-blue-text.text-lighten-3 {
    color: #81d4fa;
}

.light-blue.lighten-2 {
    background-color: #4fc3f7;
}

.light-blue-text.text-lighten-2 {
    color: #4fc3f7;
}

.light-blue.lighten-1 {
    background-color: #29b6f6;
}

.light-blue-text.text-lighten-1 {
    color: #29b6f6;
}

.light-blue.darken-1 {
    background-color: #039be5;
}

.light-blue-text.text-darken-1 {
    color: #039be5;
}

.light-blue.darken-2 {
    background-color: #0288d1;
}

.light-blue-text.text-darken-2 {
    color: #0288d1;
}

.light-blue.darken-3 {
    background-color: #0277bd;
}

.light-blue-text.text-darken-3 {
    color: #0277bd;
}

.light-blue.darken-4 {
    background-color: #01579b;
}

.light-blue-text.text-darken-4 {
    color: #01579b;
}

.light-blue.accent-1 {
    background-color: #80d8ff;
}

.light-blue-text.text-accent-1 {
    color: #80d8ff;
}

.light-blue.accent-2 {
    background-color: #40c4ff;
}

.light-blue-text.text-accent-2 {
    color: #40c4ff;
}

.light-blue.accent-3 {
    background-color: #00b0ff;
}

.light-blue-text.text-accent-3 {
    color: #00b0ff;
}

.light-blue.accent-4 {
    background-color: #0091ea;
}

.light-blue-text.text-accent-4 {
    color: #0091ea;
}

.cyan {
    background-color: #00bcd4;
}

.cyan-text {
    color: #00bcd4;
}

.cyan.lighten-5 {
    background-color: #e0f7fa;
}

.cyan-text.text-lighten-5 {
    color: #e0f7fa;
}

.cyan.lighten-4 {
    background-color: #b2ebf2;
}

.cyan-text.text-lighten-4 {
    color: #b2ebf2;
}

.cyan.lighten-3 {
    background-color: #80deea;
}

.cyan-text.text-lighten-3 {
    color: #80deea;
}

.cyan.lighten-2 {
    background-color: #4dd0e1;
}

.cyan-text.text-lighten-2 {
    color: #4dd0e1;
}

.cyan.lighten-1 {
    background-color: #26c6da;
}

.cyan-text.text-lighten-1 {
    color: #26c6da;
}

.cyan.darken-1 {
    background-color: #00acc1;
}

.cyan-text.text-darken-1 {
    color: #00acc1;
}

.cyan.darken-2 {
    background-color: #0097a7;
}

.cyan-text.text-darken-2 {
    color: #0097a7;
}

.cyan.darken-3 {
    background-color: #00838f;
}

.cyan-text.text-darken-3 {
    color: #00838f;
}

.cyan.darken-4 {
    background-color: #006064;
}

.cyan-text.text-darken-4 {
    color: #006064;
}

.cyan.accent-1 {
    background-color: #84ffff;
}

.cyan-text.text-accent-1 {
    color: #84ffff;
}

.cyan.accent-2 {
    background-color: #18ffff;
}

.cyan-text.text-accent-2 {
    color: #18ffff;
}

.cyan.accent-3 {
    background-color: #00e5ff;
}

.cyan-text.text-accent-3 {
    color: #00e5ff;
}

.cyan.accent-4 {
    background-color: #00b8d4;
}

.cyan-text.text-accent-4 {
    color: #00b8d4;
}

.teal {
    background-color: #009688;
}

.teal-text {
    color: #009688;
}

.teal.lighten-5 {
    background-color: #e0f2f1;
}

.teal-text.text-lighten-5 {
    color: #e0f2f1;
}

.teal.lighten-4 {
    background-color: #b2dfdb;
}

.teal-text.text-lighten-4 {
    color: #b2dfdb;
}

.teal.lighten-3 {
    background-color: #80cbc4;
}

.teal-text.text-lighten-3 {
    color: #80cbc4;
}

.teal.lighten-2 {
    background-color: #4db6ac;
}

.teal-text.text-lighten-2 {
    color: #4db6ac;
}

.teal.lighten-1 {
    background-color: #26a69a;
}

.teal-text.text-lighten-1 {
    color: #26a69a;
}

.teal.darken-1 {
    background-color: #00897b;
}

.teal-text.text-darken-1 {
    color: #00897b;
}

.teal.darken-2 {
    background-color: #00796b;
}

.teal-text.text-darken-2 {
    color: #00796b;
}

.teal.darken-3 {
    background-color: #00695c;
}

.teal-text.text-darken-3 {
    color: #00695c;
}

.teal.darken-4 {
    background-color: #004d40;
}

.teal-text.text-darken-4 {
    color: #004d40;
}

.teal.accent-1 {
    background-color: #a7ffeb;
}

.teal-text.text-accent-1 {
    color: #a7ffeb;
}

.teal.accent-2 {
    background-color: #64ffda;
}

.teal-text.text-accent-2 {
    color: #64ffda;
}

.teal.accent-3 {
    background-color: #1de9b6;
}

.teal-text.text-accent-3 {
    color: #1de9b6;
}

.teal.accent-4 {
    background-color: #00bfa5;
}

.teal-text.text-accent-4 {
    color: #00bfa5;
}

.green {
    background-color: #4caf50;
}

.green-text {
    color: #4caf50;
}

.green.lighten-5 {
    background-color: #e8f5e9;
}

.green-text.text-lighten-5 {
    color: #e8f5e9;
}

.green.lighten-4 {
    background-color: #c8e6c9;
}

.green-text.text-lighten-4 {
    color: #c8e6c9;
}

.green.lighten-3 {
    background-color: #a5d6a7;
}

.green-text.text-lighten-3 {
    color: #a5d6a7;
}

.green.lighten-2 {
    background-color: #81c784;
}

.green-text.text-lighten-2 {
    color: #81c784;
}

.green.lighten-1 {
    background-color: #66bb6a;
}

.green-text.text-lighten-1 {
    color: #66bb6a;
}

.green.darken-1 {
    background-color: #43a047;
}

.green-text.text-darken-1 {
    color: #43a047;
}

.green.darken-2 {
    background-color: #388e3c;
}

.green-text.text-darken-2 {
    color: #388e3c;
}

.green.darken-3 {
    background-color: #2e7d32;
}

.green-text.text-darken-3 {
    color: #2e7d32;
}

.green.darken-4 {
    background-color: #1b5e20;
}

.green-text.text-darken-4 {
    color: #1b5e20;
}

.green.accent-1 {
    background-color: #b9f6ca;
}

.green-text.text-accent-1 {
    color: #b9f6ca;
}

.green.accent-2 {
    background-color: #69f0ae;
}

.green-text.text-accent-2 {
    color: #69f0ae;
}

.green.accent-3 {
    background-color: #00e676;
}

.green-text.text-accent-3 {
    color: #00e676;
}

.green.accent-4 {
    background-color: #00c853;
}

.green-text.text-accent-4 {
    color: #00c853;
}

.light-green {
    background-color: #8bc34a;
}

.light-green-text {
    color: #8bc34a;
}

.light-green.lighten-5 {
    background-color: #f1f8e9;
}

.light-green-text.text-lighten-5 {
    color: #f1f8e9;
}

.light-green.lighten-4 {
    background-color: #dcedc8;
}

.light-green-text.text-lighten-4 {
    color: #dcedc8;
}

.light-green.lighten-3 {
    background-color: #c5e1a5;
}

.light-green-text.text-lighten-3 {
    color: #c5e1a5;
}

.light-green.lighten-2 {
    background-color: #aed581;
}

.light-green-text.text-lighten-2 {
    color: #aed581;
}

.light-green.lighten-1 {
    background-color: #9ccc65;
}

.light-green-text.text-lighten-1 {
    color: #9ccc65;
}

.light-green.darken-1 {
    background-color: #7cb342;
}

.light-green-text.text-darken-1 {
    color: #7cb342;
}

.light-green.darken-2 {
    background-color: #689f38;
}

.light-green-text.text-darken-2 {
    color: #689f38;
}

.light-green.darken-3 {
    background-color: #558b2f;
}

.light-green-text.text-darken-3 {
    color: #558b2f;
}

.light-green.darken-4 {
    background-color: #33691e;
}

.light-green-text.text-darken-4 {
    color: #33691e;
}

.light-green.accent-1 {
    background-color: #ccff90;
}

.light-green-text.text-accent-1 {
    color: #ccff90;
}

.light-green.accent-2 {
    background-color: #b2ff59;
}

.light-green-text.text-accent-2 {
    color: #b2ff59;
}

.light-green.accent-3 {
    background-color: #76ff03;
}

.light-green-text.text-accent-3 {
    color: #76ff03;
}

.light-green.accent-4 {
    background-color: #64dd17;
}

.light-green-text.text-accent-4 {
    color: #64dd17;
}

.lime {
    background-color: #cddc39;
}

.lime-text {
    color: #cddc39;
}

.lime.lighten-5 {
    background-color: #f9fbe7;
}

.lime-text.text-lighten-5 {
    color: #f9fbe7;
}

.lime.lighten-4 {
    background-color: #f0f4c3;
}

.lime-text.text-lighten-4 {
    color: #f0f4c3;
}

.lime.lighten-3 {
    background-color: #e6ee9c;
}

.lime-text.text-lighten-3 {
    color: #e6ee9c;
}

.lime.lighten-2 {
    background-color: #dce775;
}

.lime-text.text-lighten-2 {
    color: #dce775;
}

.lime.lighten-1 {
    background-color: #d4e157;
}

.lime-text.text-lighten-1 {
    color: #d4e157;
}

.lime.darken-1 {
    background-color: #c0ca33;
}

.lime-text.text-darken-1 {
    color: #c0ca33;
}

.lime.darken-2 {
    background-color: #afb42b;
}

.lime-text.text-darken-2 {
    color: #afb42b;
}

.lime.darken-3 {
    background-color: #9e9d24;
}

.lime-text.text-darken-3 {
    color: #9e9d24;
}

.lime.darken-4 {
    background-color: #827717;
}

.lime-text.text-darken-4 {
    color: #827717;
}

.lime.accent-1 {
    background-color: #f4ff81;
}

.lime-text.text-accent-1 {
    color: #f4ff81;
}

.lime.accent-2 {
    background-color: #eeff41;
}

.lime-text.text-accent-2 {
    color: #eeff41;
}

.lime.accent-3 {
    background-color: #c6ff00;
}

.lime-text.text-accent-3 {
    color: #c6ff00;
}

.lime.accent-4 {
    background-color: #aeea00;
}

.lime-text.text-accent-4 {
    color: #aeea00;
}

.yellow {
    background-color: #ffeb3b;
}

.yellow-text {
    color: #ffeb3b;
}

.yellow.lighten-5 {
    background-color: #fffde7;
}

.yellow-text.text-lighten-5 {
    color: #fffde7;
}

.yellow.lighten-4 {
    background-color: #fff9c4;
}

.yellow-text.text-lighten-4 {
    color: #fff9c4;
}

.yellow.lighten-3 {
    background-color: #fff59d;
}

.yellow-text.text-lighten-3 {
    color: #fff59d;
}

.yellow.lighten-2 {
    background-color: #fff176;
}

.yellow-text.text-lighten-2 {
    color: #fff176;
}

.yellow.lighten-1 {
    background-color: #ffee58;
}

.yellow-text.text-lighten-1 {
    color: #ffee58;
}

.yellow.darken-1 {
    background-color: #fdd835;
}

.yellow-text.text-darken-1 {
    color: #fdd835;
}

.yellow.darken-2 {
    background-color: #fbc02d;
}

.yellow-text.text-darken-2 {
    color: #fbc02d;
}

.yellow.darken-3 {
    background-color: #f9a825;
}

.yellow-text.text-darken-3 {
    color: #f9a825;
}

.yellow.darken-4 {
    background-color: #f57f17;
}

.yellow-text.text-darken-4 {
    color: #f57f17;
}

.yellow.accent-1 {
    background-color: #ffff8d;
}

.yellow-text.text-accent-1 {
    color: #ffff8d;
}

.yellow.accent-2 {
    background-color: #ff0;
}

.yellow-text.text-accent-2 {
    color: #ff0;
}

.yellow.accent-3 {
    background-color: #ffea00;
}

.yellow-text.text-accent-3 {
    color: #ffea00;
}

.yellow.accent-4 {
    background-color: #ffd600;
}

.yellow-text.text-accent-4 {
    color: #ffd600;
}

.amber {
    background-color: #ffc107;
}

.amber-text {
    color: #ffc107;
}

.amber.lighten-5 {
    background-color: #fff8e1;
}

.amber-text.text-lighten-5 {
    color: #fff8e1;
}

.amber.lighten-4 {
    background-color: #ffecb3;
}

.amber-text.text-lighten-4 {
    color: #ffecb3;
}

.amber.lighten-3 {
    background-color: #ffe082;
}

.amber-text.text-lighten-3 {
    color: #ffe082;
}

.amber.lighten-2 {
    background-color: #ffd54f;
}

.amber-text.text-lighten-2 {
    color: #ffd54f;
}

.amber.lighten-1 {
    background-color: #ffca28;
}

.amber-text.text-lighten-1 {
    color: #ffca28;
}

.amber.darken-1 {
    background-color: #ffb300;
}

.amber-text.text-darken-1 {
    color: #ffb300;
}

.amber.darken-2 {
    background-color: #ffa000;
}

.amber-text.text-darken-2 {
    color: #ffa000;
}

.amber.darken-3 {
    background-color: #ff8f00;
}

.amber-text.text-darken-3 {
    color: #ff8f00;
}

.amber.darken-4 {
    background-color: #ff6f00;
}

.amber-text.text-darken-4 {
    color: #ff6f00;
}

.amber.accent-1 {
    background-color: #ffe57f;
}

.amber-text.text-accent-1 {
    color: #ffe57f;
}

.amber.accent-2 {
    background-color: #ffd740;
}

.amber-text.text-accent-2 {
    color: #ffd740;
}

.amber.accent-3 {
    background-color: #ffc400;
}

.amber-text.text-accent-3 {
    color: #ffc400;
}

.amber.accent-4 {
    background-color: #ffab00;
}

.amber-text.text-accent-4 {
    color: #ffab00;
}

.orange {
    background-color: #ff9800;
}

.orange-text {
    color: #ff9800;
}

.orange.lighten-5 {
    background-color: #fff3e0;
}

.orange-text.text-lighten-5 {
    color: #fff3e0;
}

.orange.lighten-4 {
    background-color: #ffe0b2;
}

.orange-text.text-lighten-4 {
    color: #ffe0b2;
}

.orange.lighten-3 {
    background-color: #ffcc80;
}

.orange-text.text-lighten-3 {
    color: #ffcc80;
}

.orange.lighten-2 {
    background-color: #ffb74d;
}

.orange-text.text-lighten-2 {
    color: #ffb74d;
}

.orange.lighten-1 {
    background-color: #ffa726;
}

.orange-text.text-lighten-1 {
    color: #ffa726;
}

.orange.darken-1 {
    background-color: #fb8c00;
}

.orange-text.text-darken-1 {
    color: #fb8c00;
}

.orange.darken-2 {
    background-color: #f57c00;
}

.orange-text.text-darken-2 {
    color: #f57c00;
}

.orange.darken-3 {
    background-color: #ef6c00;
}

.orange-text.text-darken-3 {
    color: #ef6c00;
}

.orange.darken-4 {
    background-color: #e65100;
}

.orange-text.text-darken-4 {
    color: #e65100;
}

.orange.accent-1 {
    background-color: #ffd180;
}

.orange-text.text-accent-1 {
    color: #ffd180;
}

.orange.accent-2 {
    background-color: #ffab40;
}

.orange-text.text-accent-2 {
    color: #ffab40;
}

.orange.accent-3 {
    background-color: #ff9100;
}

.orange-text.text-accent-3 {
    color: #ff9100;
}

.orange.accent-4 {
    background-color: #ff6d00;
}

.orange-text.text-accent-4 {
    color: #ff6d00;
}

.deep-orange {
    background-color: #ff5722;
}

.deep-orange-text {
    color: #ff5722;
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7;
}

.deep-orange-text.text-lighten-5 {
    color: #fbe9e7;
}

.deep-orange.lighten-4 {
    background-color: #ffccbc;
}

.deep-orange-text.text-lighten-4 {
    color: #ffccbc;
}

.deep-orange.lighten-3 {
    background-color: #ffab91;
}

.deep-orange-text.text-lighten-3 {
    color: #ffab91;
}

.deep-orange.lighten-2 {
    background-color: #ff8a65;
}

.deep-orange-text.text-lighten-2 {
    color: #ff8a65;
}

.deep-orange.lighten-1 {
    background-color: #ff7043;
}

.deep-orange-text.text-lighten-1 {
    color: #ff7043;
}

.deep-orange.darken-1 {
    background-color: #f4511e;
}

.deep-orange-text.text-darken-1 {
    color: #f4511e;
}

.deep-orange.darken-2 {
    background-color: #e64a19;
}

.deep-orange-text.text-darken-2 {
    color: #e64a19;
}

.deep-orange.darken-3 {
    background-color: #d84315;
}

.deep-orange-text.text-darken-3 {
    color: #d84315;
}

.deep-orange.darken-4 {
    background-color: #bf360c;
}

.deep-orange-text.text-darken-4 {
    color: #bf360c;
}

.deep-orange.accent-1 {
    background-color: #ff9e80;
}

.deep-orange-text.text-accent-1 {
    color: #ff9e80;
}

.deep-orange.accent-2 {
    background-color: #ff6e40;
}

.deep-orange-text.text-accent-2 {
    color: #ff6e40;
}

.deep-orange.accent-3 {
    background-color: #ff3d00;
}

.deep-orange-text.text-accent-3 {
    color: #ff3d00;
}

.deep-orange.accent-4 {
    background-color: #dd2c00;
}

.deep-orange-text.text-accent-4 {
    color: #dd2c00;
}

.brown {
    background-color: #795548;
}

.brown-text {
    color: #795548;
}

.brown.lighten-5 {
    background-color: #efebe9;
}

.brown-text.text-lighten-5 {
    color: #efebe9;
}

.brown.lighten-4 {
    background-color: #d7ccc8;
}

.brown-text.text-lighten-4 {
    color: #d7ccc8;
}

.brown.lighten-3 {
    background-color: #bcaaa4;
}

.brown-text.text-lighten-3 {
    color: #bcaaa4;
}

.brown.lighten-2 {
    background-color: #a1887f;
}

.brown-text.text-lighten-2 {
    color: #a1887f;
}

.brown.lighten-1 {
    background-color: #8d6e63;
}

.brown-text.text-lighten-1 {
    color: #8d6e63;
}

.brown.darken-1 {
    background-color: #6d4c41;
}

.brown-text.text-darken-1 {
    color: #6d4c41;
}

.brown.darken-2 {
    background-color: #5d4037;
}

.brown-text.text-darken-2 {
    color: #5d4037;
}

.brown.darken-3 {
    background-color: #4e342e;
}

.brown-text.text-darken-3 {
    color: #4e342e;
}

.brown.darken-4 {
    background-color: #3e2723;
}

.brown-text.text-darken-4 {
    color: #3e2723;
}

.blue-grey {
    background-color: #607d8b;
}

.blue-grey-text {
    color: #607d8b;
}

.blue-grey.lighten-5 {
    background-color: #eceff1;
}

.blue-grey-text.text-lighten-5 {
    color: #eceff1;
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc;
}

.blue-grey-text.text-lighten-4 {
    color: #cfd8dc;
}

.blue-grey.lighten-3 {
    background-color: #b0bec5;
}

.blue-grey-text.text-lighten-3 {
    color: #b0bec5;
}

.blue-grey.lighten-2 {
    background-color: #90a4ae;
}

.blue-grey-text.text-lighten-2 {
    color: #90a4ae;
}

.blue-grey.lighten-1 {
    background-color: #78909c;
}

.blue-grey-text.text-lighten-1 {
    color: #78909c;
}

.blue-grey.darken-1 {
    background-color: #546e7a;
}

.blue-grey-text.text-darken-1 {
    color: #546e7a;
}

.blue-grey.darken-2 {
    background-color: #455a64;
}

.blue-grey-text.text-darken-2 {
    color: #455a64;
}

.blue-grey.darken-3 {
    background-color: #37474f;
}

.blue-grey-text.text-darken-3 {
    color: #37474f;
}

.blue-grey.darken-4 {
    background-color: #263238;
}

.blue-grey-text.text-darken-4 {
    color: #263238;
}

.grey {
    background-color: #9e9e9e;
}

.grey-text {
    color: #9e9e9e;
}

.grey.lighten-5 {
    background-color: #fafafa;
}

.grey-text.text-lighten-5 {
    color: #fafafa;
}

.grey.lighten-4 {
    background-color: #f5f5f5;
}

.grey-text.text-lighten-4 {
    color: #f5f5f5;
}

.grey.lighten-3 {
    background-color: #eee;
}

.grey-text.text-lighten-3 {
    color: #eee;
}

.grey.lighten-2 {
    background-color: #e0e0e0;
}

.grey-text.text-lighten-2 {
    color: #e0e0e0;
}

.grey.lighten-1 {
    background-color: #bdbdbd;
}

.grey-text.text-lighten-1 {
    color: #bdbdbd;
}

.grey.darken-1 {
    background-color: #757575;
}

.grey-text.text-darken-1 {
    color: #757575;
}

.grey.darken-2 {
    background-color: #616161;
}

.grey-text.text-darken-2 {
    color: #616161;
}

.grey.darken-3 {
    background-color: #424242;
}

.grey-text.text-darken-3 {
    color: #424242;
}

.grey.darken-4 {
    background-color: #212121;
}

.grey-text.text-darken-4 {
    color: #212121;
}

.shades.black {
    background-color: #000;
}

.shades-text.text-black {
    color: #000;
}

.shades.white {
    background-color: #fff;
}

.shades-text.text-white {
    color: #fff;
}

.shades.transparent {
    background-color: transparent;
}

.shades-text.text-transparent {
    color: transparent;
}

.mud-ripple {
    position: relative;
    overflow: hidden;
}

    .mud-ripple:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle,#000 10%,transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10,10);
        opacity: 0;
        transition: transform .3s,opacity 1s;
    }

    .mud-ripple:active:after {
        transform: scale(0,0);
        opacity: .1;
        transition: 0s;
    }

.mud-ripple-icon:after, .mud-ripple-checkbox:after, .mud-ripple-switch:after, .mud-ripple-radio:after {
    transform: scale(7,7);
}

.mud-ripple-switch {
    position: absolute;
}

.mud-rtl {
    direction: rtl !important;
}

.mud-ltr {
    direction: ltr !important;
}

.mud-application-layout-rtl .mud-flip-x-rtl {
    transform: scaleX(-1);
}

/* Radzen CSS I want to preserve */
:root {
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #ffffff;
    --rz-base-100: #f6f7fa;
    --rz-base-200: #e9edf0;
    --rz-base-300: #dadfe2;
    --rz-base-400: #c1c9cb;
    --rz-base-500: #95a4a8;
    --rz-base-600: #77858b;
    --rz-base-700: #545e61;
    --rz-base-800: #3a474d;
    --rz-base-900: #28363c;
    --rz-primary: #42A5F5;
    --rz-primary-light: #64B5F6;
    --rz-primary-lighter: #90CAF9;
    --rz-primary-dark: #448AFF;
    --rz-primary-darker: #2979FF;
    --rz-secondary: #FFA726;
    --rz-secondary-light: #FFB74D;
    --rz-secondary-lighter: #FFCC80;
    --rz-secondary-dark: #FB8C00;
    --rz-secondary-darker: #F57C00;
    --rz-tertiary: #B3E5FC;
    --rz-tertiary-light: #E1F5FE;
    --rz-tertiary-lighter: #ffffff;
    --rz-tertiary-dark: #448AFF;
    --rz-tertiary-darker: #2979FF;
    --rz-info: #ECEFF1;
    --rz-info-light: #ECEFF1;
    --rz-info-lighter: rgba(236, 239, 241, 0.2);
    --rz-info-dark: #37474F;
    --rz-info-darker: #263238;
    --rz-success: #5dbf74;
    --rz-success-light: #77c98a;
    --rz-success-lighter: rgba(93, 191, 116, 0.16);
    --rz-success-dark: #4ea061;
    --rz-success-darker: #468f57;
    --rz-warning: #fac152;
    --rz-warning-light: #fbcb6e;
    --rz-warning-lighter: rgba(250, 193, 82, 0.2);
    --rz-warning-dark: #d2a245;
    --rz-warning-darker: #bc913e;
    --rz-danger: #f9777f;
    --rz-danger-light: #fa8d93;
    --rz-danger-lighter: rgba(249, 119, 127, 0.2);
    --rz-danger-dark: #d1646b;
    --rz-danger-darker: #bb595f;
    --rz-series-1: #0479cc;
    --rz-series-2: #68d5c8;
    --rz-series-3: #ff6d41;
    --rz-series-4: #cb6992;
    --rz-series-5: #e6c54f;
    --rz-series-6: #f9777f;
    --rz-series-7: #5dbf74;
    --rz-series-8: #4db9f2;
}


:root {
    --rz-border-width: 1px;
    --rz-root-font-size: 16px;
    --rz-body-font-size: 0.875rem;
    --rz-body-line-height: 1.429;
    --rz-body-background-color: var(--rz-base-100);
    --rz-icon-size: 1.25rem;
    --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

:root {
    --rz-text-title-color: var(--rz-base-900);
    --rz-text-color: var(--mud-palette-primary-text);
    --rz-text-secondary-color: var(--mud-palette-secondary-text);
    --rz-text-tertiary-color: var(--mud-palette-tertiary-text);
    --rz-text-disabled-color: var(--mud-palette-secondary);
    --rz-text-contrast-color: var(--mud-palette-primary-text);
}

.rz-text-title-color {
    color: var(--rz-base-900) !important;
}

.rz-text-color {
    color: var(--mud-palette-primary-text) !important;
}

.rz-text-secondary-color {
    color: var(--mud-palette-secondary-text) !important;
}

.rz-text-tertiary-color {
    color: var(--mud-palette-tertiary-text) !important;
}

.rz-text-disabled-color {
    color: var(--rz-base-500) !important;
}

.rz-text-contrast-color {
    color: var(--mud-primary-text-color) !important;
}

:root {
    --rz-link-color: var(--rz-secondary);
    --rz-link-text-decoration: none;
    --rz-link-hover-color: var(--rz-secondary-dark);
    --rz-link-hover-text-decoration: underline;
}

:root {
    --rz-base-background-color: var(--rz-info);
}

:root {
    --rz-border-white: var(--rz-border-width) solid var(--rz-white);
    --rz-border-black: var(--rz-border-width) solid var(--rz-black);
    --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
    --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
    --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
    --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
    --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
    --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
    --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
    --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
    --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
    --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
    --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
    --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
    --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
    --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
    --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
    --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
    --rz-border-info: var(--rz-border-width) solid var(--rz-info);
    --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
    --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
    --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
    --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
    --rz-border-success: var(--rz-border-width) solid var(--rz-success);
    --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
    --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
    --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
    --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
    --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
    --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
    --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
    --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
    --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
    --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
    --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
    --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
    --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
    --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
    --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
    --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
    --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
    --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
    --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
    --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
    --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
    --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
}

:root {
    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200);
}

:root {
    --rz-border-radius: 4px;
    --rz-border-radius-0: 0;
    --rz-border-radius-1: 0.25rem;
    --rz-border-radius-2: 0.5rem;
    --rz-border-radius-3: 0.75rem;
    --rz-border-radius-4: 1rem;
    --rz-border-radius-5: 1.25rem;
    --rz-border-radius-6: 1.5rem;
    --rz-border-radius-7: 1.75rem;
    --rz-border-radius-8: 2rem;
    --rz-border-radius-9: 2.25rem;
    --rz-border-radius-10: 2.5rem;
}

.rz-border-radius {
    border-radius: var(--rz-border-radius) !important;
}

.rz-border-radius-0 {
    border-radius: var(--rz-border-radius-0) !important;
}

.rz-border-radius-1 {
    border-radius: var(--rz-border-radius-1) !important;
}

.rz-border-radius-2 {
    border-radius: var(--rz-border-radius-2) !important;
}

.rz-border-radius-3 {
    border-radius: var(--rz-border-radius-3) !important;
}

.rz-border-radius-4 {
    border-radius: var(--rz-border-radius-4) !important;
}

.rz-border-radius-5 {
    border-radius: var(--rz-border-radius-5) !important;
}

.rz-border-radius-6 {
    border-radius: var(--rz-border-radius-6) !important;
}

.rz-border-radius-7 {
    border-radius: var(--rz-border-radius-7) !important;
}

.rz-border-radius-8 {
    border-radius: var(--rz-border-radius-8) !important;
}

.rz-border-radius-9 {
    border-radius: var(--rz-border-radius-9) !important;
}

.rz-border-radius-10 {
    border-radius: var(--rz-border-radius-10) !important;
}

/* $rz-shadow-0: none !default;
$rz-shadow-1: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default;
$rz-shadow-2: 0 6px 14px 0 rgba(0, 0, 0, 0.2) !default;
$rz-shadow-3: none !default;
$rz-shadow-4: none !default;
$rz-shadow-5: none !default;
$rz-shadow-6: none !default;
$rz-shadow-7: none !default;
$rz-shadow-8: none !default;
$rz-shadow-9: none !default;
$rz-shadow-10: none !default; */
:root {
    --rz-shadow-0: none;
    --rz-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08);
    --rz-shadow-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
    --rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
    --rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11);
    --rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12);
    --rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13);
    --rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14);
    --rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15);
    --rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16);
    --rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.2);
}

.rz-shadow-0 {
    box-shadow: var(--rz-shadow-0) !important;
}

.rz-shadow-1 {
    box-shadow: var(--rz-shadow-1) !important;
}

.rz-shadow-2 {
    box-shadow: var(--rz-shadow-2) !important;
}

.rz-shadow-3 {
    box-shadow: var(--rz-shadow-3) !important;
}

.rz-shadow-4 {
    box-shadow: var(--rz-shadow-4) !important;
}

.rz-shadow-5 {
    box-shadow: var(--rz-shadow-5) !important;
}

.rz-shadow-6 {
    box-shadow: var(--rz-shadow-6) !important;
}

.rz-shadow-7 {
    box-shadow: var(--rz-shadow-7) !important;
}

.rz-shadow-8 {
    box-shadow: var(--rz-shadow-8) !important;
}

.rz-shadow-9 {
    box-shadow: var(--rz-shadow-9) !important;
}

.rz-shadow-10 {
    box-shadow: var(--rz-shadow-10) !important;
}

:root {
    --rz-transition: 0.1s linear;
    --rz-transition-all: all 0.1s linear;
}

.rz-color-white {
    color: var(--rz-white) !important;
}

.rz-color-black {
    color: var(--rz-black) !important;
}

.rz-color-base-50 {
    color: var(--rz-base-50) !important;
}

.rz-color-base-100 {
    color: var(--rz-base-100) !important;
}

.rz-color-base-200 {
    color: var(--rz-base-200) !important;
}

.rz-color-base-300 {
    color: var(--rz-base-300) !important;
}

.rz-color-base-400 {
    color: var(--rz-base-400) !important;
}

.rz-color-base-500 {
    color: var(--rz-base-500) !important;
}

.rz-color-base-600 {
    color: var(--rz-base-600) !important;
}

.rz-color-base-700 {
    color: var(--rz-base-700) !important;
}

.rz-color-base-800 {
    color: var(--rz-base-800) !important;
}

.rz-color-base-900 {
    color: var(--rz-base-900) !important;
}

.rz-color-primary {
    color: var(--rz-primary) !important;
}

.rz-color-primary-light {
    color: var(--rz-primary-light) !important;
}

.rz-color-primary-lighter {
    color: var(--rz-primary-lighter) !important;
}

.rz-color-primary-dark {
    color: var(--rz-primary-dark) !important;
}

.rz-color-primary-darker {
    color: var(--rz-primary-darker) !important;
}

.rz-color-secondary {
    color: var(--rz-secondary) !important;
}

.rz-color-secondary-light {
    color: var(--rz-secondary-light) !important;
}

.rz-color-secondary-lighter {
    color: var(--rz-secondary-lighter) !important;
}

.rz-color-secondary-dark {
    color: var(--rz-secondary-dark) !important;
}

.rz-color-secondary-darker {
    color: var(--rz-secondary-darker) !important;
}

.rz-color-info {
    color: var(--rz-info) !important;
}

.rz-color-info-light {
    color: var(--rz-info-light) !important;
}

.rz-color-info-lighter {
    color: var(--rz-info-lighter) !important;
}

.rz-color-info-dark {
    color: var(--rz-info-dark) !important;
}

.rz-color-info-darker {
    color: var(--rz-info-darker) !important;
}

.rz-color-success {
    color: var(--rz-success) !important;
}

.rz-color-success-light {
    color: var(--rz-success-light) !important;
}

.rz-color-success-lighter {
    color: var(--rz-success-lighter) !important;
}

.rz-color-success-dark {
    color: var(--rz-success-dark) !important;
}

.rz-color-success-darker {
    color: var(--rz-success-darker) !important;
}

.rz-color-warning {
    color: var(--rz-warning) !important;
}

.rz-color-warning-light {
    color: var(--rz-warning-light) !important;
}

.rz-color-warning-lighter {
    color: var(--rz-warning-lighter) !important;
}

.rz-color-warning-dark {
    color: var(--rz-warning-dark) !important;
}

.rz-color-warning-darker {
    color: var(--rz-warning-darker) !important;
}

.rz-color-danger {
    color: var(--rz-danger) !important;
}

.rz-color-danger-light {
    color: var(--rz-danger-light) !important;
}

.rz-color-danger-lighter {
    color: var(--rz-danger-lighter) !important;
}

.rz-color-danger-dark {
    color: var(--rz-danger-dark) !important;
}

.rz-color-danger-darker {
    color: var(--rz-danger-darker) !important;
}

.rz-color-series-1 {
    color: var(--rz-series-1) !important;
}

.rz-color-series-2 {
    color: var(--rz-series-2) !important;
}

.rz-color-series-3 {
    color: var(--rz-series-3) !important;
}

.rz-color-series-4 {
    color: var(--rz-series-4) !important;
}

.rz-color-series-5 {
    color: var(--rz-series-5) !important;
}

.rz-color-series-6 {
    color: var(--rz-series-6) !important;
}

.rz-color-series-7 {
    color: var(--rz-series-7) !important;
}

.rz-color-series-8 {
    color: var(--rz-series-8) !important;
}

.rz-background-color-white {
    background-color: var(--rz-white) !important;
}

.rz-background-color-black {
    background-color: var(--rz-black) !important;
}

.rz-background-color-base-50 {
    background-color: var(--rz-base-50) !important;
}

.rz-background-color-base-100 {
    background-color: var(--rz-base-100) !important;
}

.rz-background-color-base-200 {
    background-color: var(--rz-base-200) !important;
}

.rz-background-color-base-300 {
    background-color: var(--rz-base-300) !important;
}

.rz-background-color-base-400 {
    background-color: var(--rz-base-400) !important;
}

.rz-background-color-base-500 {
    background-color: var(--rz-base-500) !important;
}

.rz-background-color-base-600 {
    background-color: var(--rz-base-600) !important;
}

.rz-background-color-base-700 {
    background-color: var(--rz-base-700) !important;
}

.rz-background-color-base-800 {
    background-color: var(--rz-base-800) !important;
}

.rz-background-color-base-900 {
    background-color: var(--rz-base-900) !important;
}

.rz-background-color-primary {
    background-color: var(--rz-primary) !important;
}

.rz-background-color-primary-light {
    background-color: var(--rz-primary-light) !important;
}

.rz-background-color-primary-lighter {
    background-color: var(--rz-primary-lighter) !important;
}

.rz-background-color-primary-dark {
    background-color: var(--rz-primary-dark) !important;
}

.rz-background-color-primary-darker {
    background-color: var(--rz-primary-darker) !important;
}

.rz-background-color-secondary {
    background-color: var(--rz-secondary) !important;
}

.rz-background-color-secondary-light {
    background-color: var(--rz-secondary-light) !important;
}

.rz-background-color-secondary-lighter {
    background-color: var(--rz-secondary-lighter) !important;
}

.rz-background-color-secondary-dark {
    background-color: var(--rz-secondary-dark) !important;
}

.rz-background-color-secondary-darker {
    background-color: var(--rz-secondary-darker) !important;
}

.rz-background-color-info {
    background-color: var(--rz-info) !important;
}

.rz-background-color-info-light {
    background-color: var(--rz-info-light) !important;
}

.rz-background-color-info-lighter {
    background-color: var(--rz-info-lighter) !important;
}

.rz-background-color-info-dark {
    background-color: var(--rz-info-dark) !important;
}

.rz-background-color-info-darker {
    background-color: var(--rz-info-darker) !important;
}

.rz-background-color-success {
    background-color: var(--rz-success) !important;
}

.rz-background-color-success-light {
    background-color: var(--rz-success-light) !important;
}

.rz-background-color-success-lighter {
    background-color: var(--rz-success-lighter) !important;
}

.rz-background-color-success-dark {
    background-color: var(--rz-success-dark) !important;
}

.rz-background-color-success-darker {
    background-color: var(--rz-success-darker) !important;
}

.rz-background-color-warning {
    background-color: var(--rz-warning) !important;
}

.rz-background-color-warning-light {
    background-color: var(--rz-warning-light) !important;
}

.rz-background-color-warning-lighter {
    background-color: var(--rz-warning-lighter) !important;
}

.rz-background-color-warning-dark {
    background-color: var(--rz-warning-dark) !important;
}

.rz-background-color-warning-darker {
    background-color: var(--rz-warning-darker) !important;
}

.rz-background-color-danger {
    background-color: var(--rz-danger) !important;
}

.rz-background-color-danger-light {
    background-color: var(--rz-danger-light) !important;
}

.rz-background-color-danger-lighter {
    background-color: var(--rz-danger-lighter) !important;
}

.rz-background-color-danger-dark {
    background-color: var(--rz-danger-dark) !important;
}

.rz-background-color-danger-darker {
    background-color: var(--rz-danger-darker) !important;
}

.rz-background-color-series-1 {
    background-color: var(--rz-series-1) !important;
}

.rz-background-color-series-2 {
    background-color: var(--rz-series-2) !important;
}

.rz-background-color-series-3 {
    background-color: var(--rz-series-3) !important;
}

.rz-background-color-series-4 {
    background-color: var(--rz-series-4) !important;
}

.rz-background-color-series-5 {
    background-color: var(--rz-series-5) !important;
}

.rz-background-color-series-6 {
    background-color: var(--rz-series-6) !important;
}

.rz-background-color-series-7 {
    background-color: var(--rz-series-7) !important;
}

.rz-background-color-series-8 {
    background-color: var(--rz-series-8) !important;
}

.rz-border-color-white {
    border-color: var(--rz-white) !important;
}

.rz-border-color-black {
    border-color: var(--rz-black) !important;
}

.rz-border-color-base-50 {
    border-color: var(--rz-base-50) !important;
}

.rz-border-color-base-100 {
    border-color: var(--rz-base-100) !important;
}

.rz-border-color-base-200 {
    border-color: var(--rz-base-200) !important;
}

.rz-border-color-base-300 {
    border-color: var(--rz-base-300) !important;
}

.rz-border-color-base-400 {
    border-color: var(--rz-base-400) !important;
}

.rz-border-color-base-500 {
    border-color: var(--rz-base-500) !important;
}

.rz-border-color-base-600 {
    border-color: var(--rz-base-600) !important;
}

.rz-border-color-base-700 {
    border-color: var(--rz-base-700) !important;
}

.rz-border-color-base-800 {
    border-color: var(--rz-base-800) !important;
}

.rz-border-color-base-900 {
    border-color: var(--rz-base-900) !important;
}

.rz-border-color-primary {
    border-color: var(--rz-primary) !important;
}

.rz-border-color-primary-light {
    border-color: var(--rz-primary-light) !important;
}

.rz-border-color-primary-lighter {
    border-color: var(--rz-primary-lighter) !important;
}

.rz-border-color-primary-dark {
    border-color: var(--rz-primary-dark) !important;
}

.rz-border-color-primary-darker {
    border-color: var(--rz-primary-darker) !important;
}

.rz-border-color-secondary {
    border-color: var(--rz-secondary) !important;
}

.rz-border-color-secondary-light {
    border-color: var(--rz-secondary-light) !important;
}

.rz-border-color-secondary-lighter {
    border-color: var(--rz-secondary-lighter) !important;
}

.rz-border-color-secondary-dark {
    border-color: var(--rz-secondary-dark) !important;
}

.rz-border-color-secondary-darker {
    border-color: var(--rz-secondary-darker) !important;
}

.rz-border-color-info {
    border-color: var(--rz-info) !important;
}

.rz-border-color-info-light {
    border-color: var(--rz-info-light) !important;
}

.rz-border-color-info-lighter {
    border-color: var(--rz-info-lighter) !important;
}

.rz-border-color-info-dark {
    border-color: var(--rz-info-dark) !important;
}

.rz-border-color-info-darker {
    border-color: var(--rz-info-darker) !important;
}

.rz-border-color-success {
    border-color: var(--rz-success) !important;
}

.rz-border-color-success-light {
    border-color: var(--rz-success-light) !important;
}

.rz-border-color-success-lighter {
    border-color: var(--rz-success-lighter) !important;
}

.rz-border-color-success-dark {
    border-color: var(--rz-success-dark) !important;
}

.rz-border-color-success-darker {
    border-color: var(--rz-success-darker) !important;
}

.rz-border-color-warning {
    border-color: var(--rz-warning) !important;
}

.rz-border-color-warning-light {
    border-color: var(--rz-warning-light) !important;
}

.rz-border-color-warning-lighter {
    border-color: var(--rz-warning-lighter) !important;
}

.rz-border-color-warning-dark {
    border-color: var(--rz-warning-dark) !important;
}

.rz-border-color-warning-darker {
    border-color: var(--rz-warning-darker) !important;
}

.rz-border-color-danger {
    border-color: var(--rz-danger) !important;
}

.rz-border-color-danger-light {
    border-color: var(--rz-danger-light) !important;
}

.rz-border-color-danger-lighter {
    border-color: var(--rz-danger-lighter) !important;
}

.rz-border-color-danger-dark {
    border-color: var(--rz-danger-dark) !important;
}

.rz-border-color-danger-darker {
    border-color: var(--rz-danger-darker) !important;
}

.rz-border-color-series-1 {
    border-color: var(--rz-series-1) !important;
}

.rz-border-color-series-2 {
    border-color: var(--rz-series-2) !important;
}

.rz-border-color-series-3 {
    border-color: var(--rz-series-3) !important;
}

.rz-border-color-series-4 {
    border-color: var(--rz-series-4) !important;
}

.rz-border-color-series-5 {
    border-color: var(--rz-series-5) !important;
}

.rz-border-color-series-6 {
    border-color: var(--rz-series-6) !important;
}

.rz-border-color-series-7 {
    border-color: var(--rz-series-7) !important;
}

.rz-border-color-series-8 {
    border-color: var(--rz-series-8) !important;
}

.rz-border-white {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-white) !important;
}

.rz-border-black {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-black) !important;
}

.rz-border-base-50 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-50) !important;
}

.rz-border-base-100 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-100) !important;
}

.rz-border-base-200 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-200) !important;
}

.rz-border-base-300 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-300) !important;
}

.rz-border-base-400 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-400) !important;
}

.rz-border-base-500 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-500) !important;
}

.rz-border-base-600 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-600) !important;
}

.rz-border-base-700 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-700) !important;
}

.rz-border-base-800 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-800) !important;
}

.rz-border-base-900 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-900) !important;
}

.rz-border-primary {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-primary) !important;
}

.rz-border-primary-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-primary-light) !important;
}

.rz-border-primary-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-primary-lighter) !important;
}

.rz-border-primary-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-primary-dark) !important;
}

.rz-border-primary-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-primary-darker) !important;
}

.rz-border-secondary {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-secondary) !important;
}

.rz-border-secondary-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-secondary-light) !important;
}

.rz-border-secondary-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-secondary-lighter) !important;
}

.rz-border-secondary-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-secondary-dark) !important;
}

.rz-border-secondary-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-secondary-darker) !important;
}

.rz-border-info {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-info) !important;
}

.rz-border-info-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-info-light) !important;
}

.rz-border-info-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-info-lighter) !important;
}

.rz-border-info-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-info-dark) !important;
}

.rz-border-info-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-info-darker) !important;
}

.rz-border-success {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-success) !important;
}

.rz-border-success-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-success-light) !important;
}

.rz-border-success-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-success-lighter) !important;
}

.rz-border-success-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-success-dark) !important;
}

.rz-border-success-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-success-darker) !important;
}

.rz-border-warning {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-warning) !important;
}

.rz-border-warning-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-warning-light) !important;
}

.rz-border-warning-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-warning-lighter) !important;
}

.rz-border-warning-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-warning-dark) !important;
}

.rz-border-warning-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-warning-darker) !important;
}

.rz-border-danger {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-danger) !important;
}

.rz-border-danger-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-danger-light) !important;
}

.rz-border-danger-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-danger-lighter) !important;
}

.rz-border-danger-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-danger-dark) !important;
}

.rz-border-danger-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-danger-darker) !important;
}

.rz-border-series-1 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-1) !important;
}

.rz-border-series-2 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-2) !important;
}

.rz-border-series-3 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-3) !important;
}

.rz-border-series-4 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-4) !important;
}

.rz-border-series-5 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-5) !important;
}

.rz-border-series-6 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-6) !important;
}

.rz-border-series-7 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-7) !important;
}

.rz-border-series-8 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-8) !important;
}

.rz-ripple {
    position: relative;
    overflow: hidden;
}

    .rz-ripple:not(.rz-state-disabled):after {
        content: "";
        position: absolute;
        inset: 0;
        background-position: center;
        transition: background 0.8s, opacity 0.8s;
        opacity: 0;
        background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
    }

    .rz-ripple:not(.rz-state-disabled):active:after {
        transition: background 0s, opacity 0s;
        opacity: .32;
        background-size: 100%;
    }

h1.rz-heading {
    font-size: 2rem;
    line-height: 1.1875em;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: var(--rz-text-title-color);
    margin-bottom: 1rem;
}

h2.rz-heading {
    font-size: 1.5rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--rz-text-title-color);
    margin-bottom: 1rem;
}

h3.rz-heading {
    font-size: 1.125rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--rz-text-title-color);
    margin-bottom: 0.75rem;
}

h4.rz-heading {
    font-size: 1rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--rz-text-title-color);
    margin-bottom: 0.5rem;
}

h5.rz-heading {
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--rz-text-title-color);
    margin-bottom: 0.5rem;
}

h6.rz-heading {
    font-size: 0.75rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--rz-text-title-color);
    margin-bottom: 0.5rem;
}

:root {
    --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
    --rz-text-display-h1-line-height: 1em;
    --rz-text-display-h1-font-weight: 700;
    --rz-text-display-h1-letter-spacing: -0.04em;
    --rz-text-display-h1-color: var(--rz-text-title-color);
    --rz-text-display-h1-margin-bottom: 1rem;
    --rz-text-display-h2-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
    --rz-text-display-h2-line-height: calc(1em + 4px);
    --rz-text-display-h2-font-weight: 700;
    --rz-text-display-h2-letter-spacing: -0.03em;
    --rz-text-display-h2-color: var(--rz-text-title-color);
    --rz-text-display-h2-margin-bottom: 1rem;
    --rz-text-display-h3-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
    --rz-text-display-h3-line-height: calc(1em + 4px);
    --rz-text-display-h3-font-weight: 700;
    --rz-text-display-h3-letter-spacing: -0.02em;
    --rz-text-display-h3-color: var(--rz-text-title-color);
    --rz-text-display-h3-margin-bottom: 0.75rem;
    --rz-text-display-h4-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-display-h4-line-height: 1em;
    --rz-text-display-h4-font-weight: 700;
    --rz-text-display-h4-letter-spacing: -0.02em;
    --rz-text-display-h4-color: var(--rz-text-title-color);
    --rz-text-display-h4-margin-bottom: 0.5rem;
    --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem);
    --rz-text-display-h5-line-height: 1em;
    --rz-text-display-h5-font-weight: 600;
    --rz-text-display-h5-letter-spacing: -0.02em;
    --rz-text-display-h5-color: var(--rz-text-title-color);
    --rz-text-display-h5-margin-bottom: 0.5rem;
    --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-display-h6-line-height: 1em;
    --rz-text-display-h6-font-weight: 600;
    --rz-text-display-h6-letter-spacing: -0.02em;
    --rz-text-display-h6-color: var(--rz-text-title-color);
    --rz-text-display-h6-margin-bottom: 0.5rem;
    --rz-text-h1-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
    --rz-text-h1-line-height: calc(1em + 4px);
    --rz-text-h1-font-weight: 600;
    --rz-text-h1-letter-spacing: -0.04em;
    --rz-text-h1-color: var(--rz-text-title-color);
    --rz-text-h1-margin-bottom: 1rem;
    --rz-text-h2-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
    --rz-text-h2-line-height: calc(1em + 4px);
    --rz-text-h2-font-weight: 600;
    --rz-text-h2-letter-spacing: -0.03em;
    --rz-text-h2-color: var(--rz-text-title-color);
    --rz-text-h2-margin-bottom: 1rem;
    --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-h3-line-height: 1em;
    --rz-text-h3-font-weight: 600;
    --rz-text-h3-letter-spacing: -0.02em;
    --rz-text-h3-color: var(--rz-text-title-color);
    --rz-text-h3-margin-bottom: 0.75rem;
    --rz-text-h4-font-size: clamp(1.75rem, 2.778vw, 2.5rem);
    --rz-text-h4-line-height: 1em;
    --rz-text-h4-font-weight: 600;
    --rz-text-h4-letter-spacing: -0.02em;
    --rz-text-h4-color: var(--rz-text-title-color);
    --rz-text-h4-margin-bottom: 0.5rem;
    --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-h5-line-height: 1em;
    --rz-text-h5-font-weight: 600;
    --rz-text-h5-letter-spacing: -0.02em;
    --rz-text-h5-color: var(--rz-text-title-color);
    --rz-text-h5-margin-bottom: 0.5rem;
    --rz-text-h6-font-size: clamp(1rem, 1.667vw, 1.25rem);
    --rz-text-h6-line-height: 1em;
    --rz-text-h6-font-weight: 600;
    --rz-text-h6-letter-spacing: -0.02em;
    --rz-text-h6-color: var(--rz-text-title-color);
    --rz-text-h6-margin-bottom: 0.5rem;
    --rz-text-subtitle1-font-size: 1rem;
    --rz-text-subtitle1-line-height: 1.25rem;
    --rz-text-subtitle1-font-weight: 600;
    --rz-text-subtitle1-letter-spacing: -0.02em;
    --rz-text-subtitle1-color: var(--rz-text-title-color);
    --rz-text-subtitle1-margin-bottom: 0.5rem;
    --rz-text-subtitle2-font-size: 0.875rem;
    --rz-text-subtitle2-line-height: 1.25rem;
    --rz-text-subtitle2-font-weight: 600;
    --rz-text-subtitle2-letter-spacing: -0.02em;
    --rz-text-subtitle2-color: var(--rz-text-title-color);
    --rz-text-subtitle2-margin-bottom: 0.5rem;
    --rz-text-body1-font-size: 1rem;
    --rz-text-body1-line-height: 1.25rem;
    --rz-text-body1-font-weight: 400;
    --rz-text-body1-letter-spacing: -0.02em;
    --rz-text-body1-color: var(--rz-text-color);
    --rz-text-body1-margin-bottom: 0.5rem;
    --rz-text-body2-font-size: 0.875rem;
    --rz-text-body2-line-height: 1.25rem;
    --rz-text-body2-font-weight: 400;
    --rz-text-body2-letter-spacing: -0.02em;
    --rz-text-body2-color: var(--rz-text-color);
    --rz-text-body2-margin-bottom: 0.5rem;
    --rz-text-button-font-size: 0.875rem;
    --rz-text-button-line-height: 1.25rem;
    --rz-text-button-font-weight: 600;
    --rz-text-button-letter-spacing: -0.02em;
    --rz-text-button-color: var(--rz-text-color);
    --rz-text-button-margin-bottom: 0.5rem;
    --rz-text-caption-font-size: 0.75rem;
    --rz-text-caption-line-height: normal;
    --rz-text-caption-font-weight: 400;
    --rz-text-caption-letter-spacing: 0.4px;
    --rz-text-caption-color: var(--rz-text-color);
    --rz-text-caption-margin-bottom: 0.5rem;
    --rz-text-overline-font-size: 0.625rem;
    --rz-text-overline-line-height: normal;
    --rz-text-overline-font-weight: 400;
    --rz-text-overline-letter-spacing: 1.5px;
    --rz-text-overline-text-transform: uppercase;
    --rz-text-overline-color: var(--rz-text-color);
    --rz-text-overline-margin-bottom: 0.5rem;
}

.rz-text-display-h1 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-display-h1-font-size);
    line-height: var(--rz-text-display-h1-line-height);
    font-weight: var(--rz-text-display-h1-font-weight);
    letter-spacing: var(--rz-text-display-h1-letter-spacing);
    color: var(--rz-text-display-h1-color);
    margin-bottom: var(--rz-text-display-h1-margin-bottom);
}

.rz-text-display-h2 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-display-h2-font-size);
    line-height: var(--rz-text-display-h2-line-height);
    font-weight: var(--rz-text-display-h2-font-weight);
    letter-spacing: var(--rz-text-display-h2-letter-spacing);
    color: var(--rz-text-display-h2-color);
    margin-bottom: var(--rz-text-display-h2-margin-bottom);
}

.rz-text-display-h3 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-display-h3-font-size);
    line-height: var(--rz-text-display-h3-line-height);
    font-weight: var(--rz-text-display-h3-font-weight);
    letter-spacing: var(--rz-text-display-h3-letter-spacing);
    color: var(--rz-text-display-h3-color);
    margin-bottom: var(--rz-text-display-h3-margin-bottom);
}

.rz-text-display-h4 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-display-h4-font-size);
    line-height: var(--rz-text-display-h4-line-height);
    font-weight: var(--rz-text-display-h4-font-weight);
    letter-spacing: var(--rz-text-display-h4-letter-spacing);
    color: var(--rz-text-display-h4-color);
    margin-bottom: var(--rz-text-display-h4-margin-bottom);
}

.rz-text-display-h5 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-display-h5-font-size);
    line-height: var(--rz-text-display-h5-line-height);
    font-weight: var(--rz-text-display-h5-font-weight);
    letter-spacing: var(--rz-text-display-h5-letter-spacing);
    color: var(--rz-text-display-h5-color);
    margin-bottom: var(--rz-text-display-h5-margin-bottom);
}

.rz-text-display-h6 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-display-h6-font-size);
    line-height: var(--rz-text-display-h6-line-height);
    font-weight: var(--rz-text-display-h6-font-weight);
    letter-spacing: var(--rz-text-display-h6-letter-spacing);
    color: var(--rz-text-display-h6-color);
    margin-bottom: var(--rz-text-display-h6-margin-bottom);
}

.rz-text-h1 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-h1-font-size);
    line-height: var(--rz-text-h1-line-height);
    font-weight: var(--rz-text-h1-font-weight);
    letter-spacing: var(--rz-text-h1-letter-spacing);
    color: var(--rz-text-h1-color);
    margin-bottom: var(--rz-text-h1-margin-bottom);
}

.rz-text-h2 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-h2-font-size);
    line-height: var(--rz-text-h2-line-height);
    font-weight: var(--rz-text-h2-font-weight);
    letter-spacing: var(--rz-text-h2-letter-spacing);
    color: var(--rz-text-h2-color);
    margin-bottom: var(--rz-text-h2-margin-bottom);
}

.rz-text-h3 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-h3-font-size);
    line-height: var(--rz-text-h3-line-height);
    font-weight: var(--rz-text-h3-font-weight);
    letter-spacing: var(--rz-text-h3-letter-spacing);
    color: var(--rz-text-h3-color);
    margin-bottom: var(--rz-text-h3-margin-bottom);
}

.rz-text-h4 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-h4-font-size);
    line-height: var(--rz-text-h4-line-height);
    font-weight: var(--rz-text-h4-font-weight);
    letter-spacing: var(--rz-text-h4-letter-spacing);
    color: var(--rz-text-h4-color);
    margin-bottom: var(--rz-text-h4-margin-bottom);
}

.rz-text-h5 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-h5-font-size);
    line-height: var(--rz-text-h5-line-height);
    font-weight: var(--rz-text-h5-font-weight);
    letter-spacing: var(--rz-text-h5-letter-spacing);
    color: var(--rz-text-h5-color);
    margin-bottom: var(--rz-text-h5-margin-bottom);
}

.rz-text-h6 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-h6-font-size);
    line-height: var(--rz-text-h6-line-height);
    font-weight: var(--rz-text-h6-font-weight);
    letter-spacing: var(--rz-text-h6-letter-spacing);
    color: var(--rz-text-h6-color);
    margin-bottom: var(--rz-text-h6-margin-bottom);
}

.rz-text-subtitle1 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-subtitle1-font-size);
    line-height: var(--rz-text-subtitle1-line-height);
    font-weight: var(--rz-text-subtitle1-font-weight);
    letter-spacing: var(--rz-text-subtitle1-letter-spacing);
    color: var(--rz-text-subtitle1-color);
    margin-bottom: var(--rz-text-subtitle1-margin-bottom);
}

.rz-text-subtitle2 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-subtitle2-font-size);
    line-height: var(--rz-text-subtitle2-line-height);
    font-weight: var(--rz-text-subtitle2-font-weight);
    letter-spacing: var(--rz-text-subtitle2-letter-spacing);
    color: var(--rz-text-subtitle2-color);
    margin-bottom: var(--rz-text-subtitle2-margin-bottom);
}

.rz-text-body1 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-body1-font-size);
    line-height: var(--rz-text-body1-line-height);
    font-weight: var(--rz-text-body1-font-weight);
    letter-spacing: var(--rz-text-body1-letter-spacing);
    color: var(--rz-text-body1-color);
    margin-bottom: var(--rz-text-body1-margin-bottom);
}

.rz-text-body2 {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-body2-font-size);
    line-height: var(--rz-text-body2-line-height);
    font-weight: var(--rz-text-body2-font-weight);
    letter-spacing: var(--rz-text-body2-letter-spacing);
    color: var(--rz-text-body2-color);
    margin-bottom: var(--rz-text-body2-margin-bottom);
}

.rz-text-button {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-button-font-size);
    line-height: var(--rz-text-button-line-height);
    font-weight: var(--rz-text-button-font-weight);
    letter-spacing: var(--rz-text-button-letter-spacing);
    color: var(--rz-text-button-color);
    margin-bottom: var(--rz-text-button-margin-bottom);
}

.rz-text-caption {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-caption-font-size);
    line-height: var(--rz-text-caption-line-height);
    font-weight: var(--rz-text-caption-font-weight);
    letter-spacing: var(--rz-text-caption-letter-spacing);
    color: var(--rz-text-caption-color);
    margin-bottom: var(--rz-text-caption-margin-bottom);
}

.rz-text-overline {
    font-family: var(--rz-text-font-family);
    font-size: var(--rz-text-overline-font-size);
    line-height: var(--rz-text-overline-line-height);
    font-weight: var(--rz-text-overline-font-weight);
    letter-spacing: var(--rz-text-overline-letter-spacing);
    text-transform: var(--rz-text-overline-text-transform);
    color: var(--rz-text-overline-color);
    margin-bottom: var(--rz-text-overline-margin-bottom);
}

.rz-text-align-start {
    text-align: start;
}

.rz-text-align-end {
    text-align: end;
}

.rz-text-align-left {
    text-align: left;
}

.rz-text-align-right {
    text-align: right;
}

.rz-text-align-center {
    text-align: center;
}

.rz-text-align-justify {
    text-align: justify;
}

.rz-text-align-justify-all {
    text-align: justify-all;
}

.rz-text-align-match-parent {
    text-align: match-parent;
}

.rz-label {
    margin-bottom: 0;
}

.rz-form .row .rz-label {
    min-height: var(--rz-input-height);
    line-height: var(--rz-input-line-height);
    padding: var(--rz-input-padding);
    padding-left: 0;
    border-top: var(--rz-input-border);
    border-bottom: var(--rz-input-border);
    border-color: transparent;
}

.rz-layout ::selection {
    background-color: var(--rz-primary-lighter);
}

.rzi, .rz-column-drag, .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-header .rzi-plus, .rz-sortable-column .rzi-grid-sort, .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rzi-close,
.rz-fileupload-row .rz-button .rzi-times,
.rz-fileupload-row .rz-paginator-element .rzi-times,
.rz-fileupload-row .rz-button .rz-icon-trash,
.rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-menuitem .rz-menuitem-icon {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: var(--rz-icon-size);
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

i.rzi, i.rz-column-drag, .rz-datatable-loading-content i.rzi-circle-o-notch, .rz-datatable-header i.rzi-plus, .rz-sortable-column i.rzi-grid-sort, .rz-datatable i.rzi-chevron-circle-down, .rz-datatable i.rzi-chevron-circle-right, .rz-fileupload-row .rz-button i.rzi-close, .rz-fileupload-row .rz-paginator-element i.rzi-close,
.rz-fileupload-row .rz-button i.rzi-times,
.rz-fileupload-row .rz-paginator-element i.rzi-times,
.rz-fileupload-row .rz-button i.rz-icon-trash,
.rz-fileupload-row .rz-paginator-element i.rz-icon-trash, .rz-menuitem i.rz-menuitem-icon {
    justify-content: center;
    align-items: center;
}

.rzi-primary {
    color: var(--rz-primary);
}

.rzi-light {
    color: var(--rz-base-200);
}

.rzi-dark {
    color: var(--rz-base-900);
}

.rzi-secondary {
    color: var(--rz-secondary);
}

.rzi-info {
    color: var(--rz-info);
}

.rzi-warning {
    color: var(--rz-warning);
}

.rzi-error {
    color: var(--rz-danger);
}

.rzi-danger {
    color: var(--rz-danger);
}

.rzi-success {
    color: var(--rz-success);
}

.rz-helper-hidden-accessible {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.rz-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

.rz-helper-hidden {
    display: none;
}

@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }

    .header,
    .footer,
    .body {
        width: 100vw;
    }
}

rz-button[type],
p-button[type] {
    -webkit-appearance: none;
}

:root {
    --rz-button-base-background-color: var(--rz-primary);
    --rz-button-base-color: var(--rz-text-contrast-color);
    --rz-button-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-button-hover-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    --rz-button-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
    --rz-button-active-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    --rz-button-focus-outline: none;
    --rz-button-border-radius: var(--rz-border-radius);
    --rz-button-shadow: none;
    --rz-button-transition: var(--rz-transition-all);
    --rz-button-disabled-opacity: 0.2;
    --rz-button-line-height: 1.25rem;
    --rz-button-vertical-align: top;
    --rz-button-background-size: auto;
    --rz-button-hover-background-size: auto;
    --rz-button-active-background-size: auto;
}

.rz-button, .rz-paginator-element {
    -webkit-appearance: none;
    display: inline-block;
    border-radius: var(--rz-button-border-radius);
    background-color: var(--rz-button-base-background-color);
    color: var(--rz-button-base-color);
    border: none;
    outline: none;
    line-height: var(--rz-button-line-height);
    font-size: 1.0625rem;
    text-decoration: none;
    box-shadow: var(--rz-button-shadow);
    transition: var(--rz-button-transition);
    background-size: var(--rz-button-background-size);
    background-repeat: no-repeat;
}

    .rz-button:focus, .rz-paginator-element:focus {
        outline: var(--rz-button-focus-outline);
    }

    .rz-button:not(.rz-state-disabled), .rz-paginator-element:not(.rz-state-disabled) {
        cursor: pointer;
    }

        .rz-button:not(.rz-state-disabled):hover:not(:active), .rz-paginator-element:not(.rz-state-disabled):hover:not(:active) {
            text-decoration: none;
            background-image: var(--rz-button-hover-gradient);
            background-size: var(--rz-button-hover-background-size);
            box-shadow: var(--rz-button-hover-shadow);
        }

        .rz-button:not(.rz-state-disabled):active, .rz-paginator-element:not(.rz-state-disabled):active {
            text-decoration: none;
            background-image: var(--rz-button-active-gradient);
            background-size: var(--rz-button-active-background-size);
            box-shadow: var(--rz-button-active-shadow);
        }

    .rz-button.rz-state-disabled, .rz-state-disabled.rz-paginator-element {
        opacity: var(--rz-button-disabled-opacity);
        cursor: initial;
    }

    .rz-button .rz-button-box, .rz-paginator-element .rz-button-box {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: var(--rz-button-vertical-align);
        line-height: var(--rz-button-line-height);
    }

    .rz-button .rz-button-text, .rz-paginator-element .rz-button-text {
        vertical-align: var(--rz-button-vertical-align);
    }

    .rz-button .rzi, .rz-paginator-element .rzi, .rz-button .rz-column-drag, .rz-paginator-element .rz-column-drag, .rz-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-button .rzi-circle-o-notch, .rz-datatable-loading-content .rz-paginator-element .rzi-circle-o-notch, .rz-button .rz-datatable-header .rzi-plus, .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-button .rzi-plus, .rz-datatable-header .rz-paginator-element .rzi-plus, .rz-button .rz-sortable-column .rzi-grid-sort, .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-button .rzi-grid-sort, .rz-sortable-column .rz-paginator-element .rzi-grid-sort, .rz-button .rz-datatable .rzi-chevron-circle-down, .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-button .rzi-chevron-circle-down, .rz-datatable .rz-paginator-element .rzi-chevron-circle-down, .rz-button .rz-datatable .rzi-chevron-circle-right, .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-button .rzi-chevron-circle-right, .rz-datatable .rz-paginator-element .rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rzi-close,
    .rz-fileupload-row .rz-button .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-button .rz-menuitem .rz-menuitem-icon, .rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-button .rz-menuitem-icon, .rz-menuitem .rz-paginator-element .rz-menuitem-icon {
        vertical-align: var(--rz-button-vertical-align);
    }

    .rz-button.rz-primary, .rz-primary.rz-paginator-element {
        /*background-color: var(--rz-primary);
        color: var(--rz-text-contrast-color);*/
    }

        .rz-button.rz-primary.rz-shade-lighter, .rz-primary.rz-shade-lighter.rz-paginator-element {
            /*background-color: var(--rz-primary-lighter);
            color: var(--rz-primary);*/
        }

        .rz-button.rz-primary.rz-shade-light, .rz-primary.rz-shade-light.rz-paginator-element {
            /*background-color: var(--rz-primary-light);*/
        }

        .rz-button.rz-primary.rz-shade-default, .rz-primary.rz-shade-default.rz-paginator-element {
            /*background-color: var(--rz-primary);*/
        }

        .rz-button.rz-primary.rz-shade-dark, .rz-primary.rz-shade-dark.rz-paginator-element {
            /*background-color: var(--rz-primary-dark);*/
        }

        .rz-button.rz-primary.rz-shade-darker, .rz-primary.rz-shade-darker.rz-paginator-element {
            /*background-color: var(--rz-primary-darker);*/
        }

        .rz-button.rz-primary.rz-variant-flat, .rz-primary.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-light, .rz-light.rz-paginator-element {
        /* background-color: var(--rz-primary);
        color: var(--rz-text-c*/ olor );
    }

        .rz-button.rz-light.rz-variant-flat, .rz-light.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-base, .rz-base.rz-paginator-element {
        /*background-color: var(--rz-primary);
        color: var*/ (--rz-text-color);
    }

        .rz-button.rz-base.rz-shade-lighter, .rz-base.rz-shade-lighter.rz-paginator-element {
            /* background-color: var(--rz-base-lighter);
            color:*/ var(--rz-base);
        }

        .rz-button.rz-base.rz-shade-light, .rz-base.rz-shade-light.rz-paginator-element {
            /*background-color: var(--rz-base-light);*/
        }

        .rz-button.rz-base.rz-shade-default, .rz-base.rz-shade-default.rz-paginator-element {
            /*background-color: var(--rz-base);*/
        }

        .rz-button.rz-base.rz-shade-dark, .rz-base.rz-shade-dark.rz-paginator-element {
            /*background-color: var(--rz-base-dark);*/
        }

        .rz-button.rz-base.rz-shade-darker, .rz-base.rz-shade-darker.rz-paginator-element {
            /*background-color: var(--rz-base-darker);*/
        }

        .rz-button.rz-base.rz-variant-flat, .rz-base.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-dark, .rz-dark.rz-paginator-element {
        /*background-color: var(--rz-base-900);
        color: var(--rz-text-contrast-color);*/
    }

        .rz-button.rz-dark.rz-variant-flat, .rz-dark.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-secondary, .rz-secondary.rz-paginator-element {
        /* background-color: var(--rz-secondary);
        color: var(--rz-text-contrast-color);*/
    }

        .rz-button.rz-secondary.rz-shade-lighter, .rz-secondary.rz-shade-lighter.rz-paginator-element {
            /*background-color: var(--rz-secondary-lighter);
            color: var(--rz-secondary);*/
        }

        .rz-button.rz-secondary.rz-shade-light, .rz-secondary.rz-shade-light.rz-paginator-element {
            /*background-color: var(--rz-secondary-light);*/
        }

        .rz-button.rz-secondary.rz-shade-default, .rz-secondary.rz-shade-default.rz-paginator-element {
            /*background-color: var(--rz-secondary);*/
        }

        .rz-button.rz-secondary.rz-shade-dark, .rz-secondary.rz-shade-dark.rz-paginator-element {
            /*background-color: var(--rz-secondary-dark);*/
        }

        .rz-button.rz-secondary.rz-shade-darker, .rz-secondary.rz-shade-darker.rz-paginator-element {
            /*background-color: var(--rz-secondary-darker);*/
        }

        .rz-button.rz-secondary.rz-variant-flat, .rz-secondary.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-info, .rz-info.rz-paginator-element {
        background-color: var(--rz-info);
        color: var(--rz-text-contrast-color);
    }

        .rz-button.rz-info.rz-shade-lighter, .rz-info.rz-shade-lighter.rz-paginator-element {
            background-color: var(--rz-info-lighter);
            color: var(--rz-info);
        }

        .rz-button.rz-info.rz-shade-light, .rz-info.rz-shade-light.rz-paginator-element {
            background-color: var(--rz-info-light);
        }

        .rz-button.rz-info.rz-shade-default, .rz-info.rz-shade-default.rz-paginator-element {
            background-color: var(--rz-info);
        }

        .rz-button.rz-info.rz-shade-dark, .rz-info.rz-shade-dark.rz-paginator-element {
            background-color: var(--rz-info-dark);
        }

        .rz-button.rz-info.rz-shade-darker, .rz-info.rz-shade-darker.rz-paginator-element {
            background-color: var(--rz-info-darker);
        }

        .rz-button.rz-info.rz-variant-flat, .rz-info.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-warning, .rz-warning.rz-paginator-element {
        background-color: var(--rz-warning);
        color: var(--rz-text-contrast-color);
    }

        .rz-button.rz-warning.rz-shade-lighter, .rz-warning.rz-shade-lighter.rz-paginator-element {
            background-color: var(--rz-warning-lighter);
            color: var(--rz-warning);
        }

        .rz-button.rz-warning.rz-shade-light, .rz-warning.rz-shade-light.rz-paginator-element {
            background-color: var(--rz-warning-light);
        }

        .rz-button.rz-warning.rz-shade-default, .rz-warning.rz-shade-default.rz-paginator-element {
            background-color: var(--rz-warning);
        }

        .rz-button.rz-warning.rz-shade-dark, .rz-warning.rz-shade-dark.rz-paginator-element {
            background-color: var(--rz-warning-dark);
        }

        .rz-button.rz-warning.rz-shade-darker, .rz-warning.rz-shade-darker.rz-paginator-element {
            background-color: var(--rz-warning-darker);
        }

        .rz-button.rz-warning.rz-variant-flat, .rz-warning.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-error, .rz-error.rz-paginator-element {
        background-color: var(--rz-danger);
        color: var(--rz-text-contrast-color);
    }

        .rz-button.rz-error.rz-shade-lighter, .rz-error.rz-shade-lighter.rz-paginator-element {
            background-color: var(--rz-error-lighter);
            color: var(--rz-error);
        }

        .rz-button.rz-error.rz-shade-light, .rz-error.rz-shade-light.rz-paginator-element {
            background-color: var(--rz-error-light);
        }

        .rz-button.rz-error.rz-shade-default, .rz-error.rz-shade-default.rz-paginator-element {
            background-color: var(--rz-error);
        }

        .rz-button.rz-error.rz-shade-dark, .rz-error.rz-shade-dark.rz-paginator-element {
            background-color: var(--rz-error-dark);
        }

        .rz-button.rz-error.rz-shade-darker, .rz-error.rz-shade-darker.rz-paginator-element {
            background-color: var(--rz-error-darker);
        }

        .rz-button.rz-error.rz-variant-flat, .rz-error.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-danger, .rz-danger.rz-paginator-element {
        background-color: var(--rz-danger);
        color: var(--rz-text-contrast-color);
    }

        .rz-button.rz-danger.rz-shade-lighter, .rz-danger.rz-shade-lighter.rz-paginator-element {
            background-color: var(--rz-danger-lighter);
            color: var(--rz-danger);
        }

        .rz-button.rz-danger.rz-shade-light, .rz-danger.rz-shade-light.rz-paginator-element {
            background-color: var(--rz-danger-light);
        }

        .rz-button.rz-danger.rz-shade-default, .rz-danger.rz-shade-default.rz-paginator-element {
            background-color: var(--rz-danger);
        }

        .rz-button.rz-danger.rz-shade-dark, .rz-danger.rz-shade-dark.rz-paginator-element {
            background-color: var(--rz-danger-dark);
        }

        .rz-button.rz-danger.rz-shade-darker, .rz-danger.rz-shade-darker.rz-paginator-element {
            background-color: var(--rz-danger-darker);
        }

        .rz-button.rz-danger.rz-variant-flat, .rz-danger.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-success, .rz-success.rz-paginator-element {
        background-color: var(--rz-success);
        color: var(--rz-text-contrast-color);
    }

        .rz-button.rz-success.rz-shade-lighter, .rz-success.rz-shade-lighter.rz-paginator-element {
            background-color: var(--rz-success-lighter);
            color: var(--rz-success);
        }

        .rz-button.rz-success.rz-shade-light, .rz-success.rz-shade-light.rz-paginator-element {
            background-color: var(--rz-success-light);
        }

        .rz-button.rz-success.rz-shade-default, .rz-success.rz-shade-default.rz-paginator-element {
            background-color: var(--rz-success);
        }

        .rz-button.rz-success.rz-shade-dark, .rz-success.rz-shade-dark.rz-paginator-element {
            background-color: var(--rz-success-dark);
        }

        .rz-button.rz-success.rz-shade-darker, .rz-success.rz-shade-darker.rz-paginator-element {
            background-color: var(--rz-success-darker);
        }

        .rz-button.rz-success.rz-variant-flat, .rz-success.rz-variant-flat.rz-paginator-element {
            box-shadow: none !important;
        }

    .rz-button.rz-variant-outlined.rz-primary, .rz-variant-outlined.rz-primary.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-primary.rz-shade-lighter, .rz-variant-outlined.rz-primary.rz-shade-lighter.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
            color: var(--rz-primary-light);
        }

        .rz-button.rz-variant-outlined.rz-primary.rz-shade-light, .rz-variant-outlined.rz-primary.rz-shade-light.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
            color: var(--rz-primary-light);
        }

        .rz-button.rz-variant-outlined.rz-primary.rz-shade-default, .rz-variant-outlined.rz-primary.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
            color: var(--rz-primary);
        }

        .rz-button.rz-variant-outlined.rz-primary.rz-shade-dark, .rz-variant-outlined.rz-primary.rz-shade-dark.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
            color: var(--rz-primary-dark);
        }

        .rz-button.rz-variant-outlined.rz-primary.rz-shade-darker, .rz-variant-outlined.rz-primary.rz-shade-darker.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
            color: var(--rz-primary-darker);
        }

        .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-primary.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):active, .rz-variant-outlined.rz-primary.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-primary-lighter);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-primary.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-primary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-primary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-primary);
        }

    .rz-button.rz-variant-outlined.rz-light, .rz-variant-outlined.rz-light.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-light.rz-shade-default, .rz-variant-outlined.rz-light.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200);
            color: var(--rz-base-200);
        }

        .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-light.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):active, .rz-variant-outlined.rz-light.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: rgba(255, 255, 255, 0.12);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-light.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-light.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-light.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-light.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-light);
        }

    .rz-button.rz-variant-outlined.rz-base, .rz-variant-outlined.rz-base.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-base.rz-shade-lighter, .rz-variant-outlined.rz-base.rz-shade-lighter.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-lighter);
            color: var(--rz-base-light);
        }

        .rz-button.rz-variant-outlined.rz-base.rz-shade-light, .rz-variant-outlined.rz-base.rz-shade-light.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-light);
            color: var(--rz-base-light);
        }

        .rz-button.rz-variant-outlined.rz-base.rz-shade-default, .rz-variant-outlined.rz-base.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base);
            color: var(--rz-base);
        }

        .rz-button.rz-variant-outlined.rz-base.rz-shade-dark, .rz-variant-outlined.rz-base.rz-shade-dark.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-dark);
            color: var(--rz-base-dark);
        }

        .rz-button.rz-variant-outlined.rz-base.rz-shade-darker, .rz-variant-outlined.rz-base.rz-shade-darker.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-darker);
            color: var(--rz-base-darker);
        }

        .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-base.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active, .rz-variant-outlined.rz-base.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-base-lighter);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-base.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-base.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-base.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-base.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-base);
        }

    .rz-button.rz-variant-outlined.rz-dark, .rz-variant-outlined.rz-dark.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-dark.rz-shade-default, .rz-variant-outlined.rz-dark.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
            color: var(--rz-base-900);
        }

        .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-dark.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):active, .rz-variant-outlined.rz-dark.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: rgba(0, 0, 0, 0.12);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-dark.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-dark.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-dark.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-dark.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-dark);
        }

    .rz-button.rz-variant-outlined.rz-secondary, .rz-variant-outlined.rz-secondary.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-secondary.rz-shade-lighter, .rz-variant-outlined.rz-secondary.rz-shade-lighter.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
            color: var(--rz-secondary-light);
        }

        .rz-button.rz-variant-outlined.rz-secondary.rz-shade-light, .rz-variant-outlined.rz-secondary.rz-shade-light.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
            color: var(--rz-secondary-light);
        }

        .rz-button.rz-variant-outlined.rz-secondary.rz-shade-default, .rz-variant-outlined.rz-secondary.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
            color: var(--rz-secondary);
        }

        .rz-button.rz-variant-outlined.rz-secondary.rz-shade-dark, .rz-variant-outlined.rz-secondary.rz-shade-dark.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
            color: var(--rz-secondary-dark);
        }

        .rz-button.rz-variant-outlined.rz-secondary.rz-shade-darker, .rz-variant-outlined.rz-secondary.rz-shade-darker.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
            color: var(--rz-secondary-darker);
        }

        .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-secondary.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):active, .rz-variant-outlined.rz-secondary.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-secondary-lighter);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-secondary.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-secondary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-secondary.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-secondary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-secondary);
        }

    .rz-button.rz-variant-outlined.rz-info, .rz-variant-outlined.rz-info.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-info.rz-shade-lighter, .rz-variant-outlined.rz-info.rz-shade-lighter.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
            color: var(--rz-info-light);
        }

        .rz-button.rz-variant-outlined.rz-info.rz-shade-light, .rz-variant-outlined.rz-info.rz-shade-light.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
            color: var(--rz-info-light);
        }

        .rz-button.rz-variant-outlined.rz-info.rz-shade-default, .rz-variant-outlined.rz-info.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
            color: var(--rz-info);
        }

        .rz-button.rz-variant-outlined.rz-info.rz-shade-dark, .rz-variant-outlined.rz-info.rz-shade-dark.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
            color: var(--rz-info-dark);
        }

        .rz-button.rz-variant-outlined.rz-info.rz-shade-darker, .rz-variant-outlined.rz-info.rz-shade-darker.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
            color: var(--rz-info-darker);
        }

        .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-info.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):active, .rz-variant-outlined.rz-info.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-info-lighter);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-info.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-info.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-info.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-info.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-info);
        }

    .rz-button.rz-variant-outlined.rz-warning, .rz-variant-outlined.rz-warning.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-warning.rz-shade-lighter, .rz-variant-outlined.rz-warning.rz-shade-lighter.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
            color: var(--rz-warning-light);
        }

        .rz-button.rz-variant-outlined.rz-warning.rz-shade-light, .rz-variant-outlined.rz-warning.rz-shade-light.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
            color: var(--rz-warning-light);
        }

        .rz-button.rz-variant-outlined.rz-warning.rz-shade-default, .rz-variant-outlined.rz-warning.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
            color: var(--rz-warning);
        }

        .rz-button.rz-variant-outlined.rz-warning.rz-shade-dark, .rz-variant-outlined.rz-warning.rz-shade-dark.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
            color: var(--rz-warning-dark);
        }

        .rz-button.rz-variant-outlined.rz-warning.rz-shade-darker, .rz-variant-outlined.rz-warning.rz-shade-darker.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
            color: var(--rz-warning-darker);
        }

        .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-warning.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):active, .rz-variant-outlined.rz-warning.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-warning-lighter);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-warning.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-warning.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-warning.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-warning.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-warning);
        }

    .rz-button.rz-variant-outlined.rz-error, .rz-variant-outlined.rz-error.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-error.rz-shade-lighter, .rz-variant-outlined.rz-error.rz-shade-lighter.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
            color: var(--rz-error-light);
        }

        .rz-button.rz-variant-outlined.rz-error.rz-shade-light, .rz-variant-outlined.rz-error.rz-shade-light.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
            color: var(--rz-error-light);
        }

        .rz-button.rz-variant-outlined.rz-error.rz-shade-default, .rz-variant-outlined.rz-error.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error);
            color: var(--rz-error);
        }

        .rz-button.rz-variant-outlined.rz-error.rz-shade-dark, .rz-variant-outlined.rz-error.rz-shade-dark.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
            color: var(--rz-error-dark);
        }

        .rz-button.rz-variant-outlined.rz-error.rz-shade-darker, .rz-variant-outlined.rz-error.rz-shade-darker.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
            color: var(--rz-error-darker);
        }

        .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-error.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):active, .rz-variant-outlined.rz-error.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-error-lighter);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-error.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-error.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-error.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-error.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-error);
        }

    .rz-button.rz-variant-outlined.rz-danger, .rz-variant-outlined.rz-danger.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-danger.rz-shade-lighter, .rz-variant-outlined.rz-danger.rz-shade-lighter.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
            color: var(--rz-danger-light);
        }

        .rz-button.rz-variant-outlined.rz-danger.rz-shade-light, .rz-variant-outlined.rz-danger.rz-shade-light.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
            color: var(--rz-danger-light);
        }

        .rz-button.rz-variant-outlined.rz-danger.rz-shade-default, .rz-variant-outlined.rz-danger.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
            color: var(--rz-danger);
        }

        .rz-button.rz-variant-outlined.rz-danger.rz-shade-dark, .rz-variant-outlined.rz-danger.rz-shade-dark.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
            color: var(--rz-danger-dark);
        }

        .rz-button.rz-variant-outlined.rz-danger.rz-shade-darker, .rz-variant-outlined.rz-danger.rz-shade-darker.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
            color: var(--rz-danger-darker);
        }

        .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-danger.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):active, .rz-variant-outlined.rz-danger.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-danger-lighter);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-danger.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-danger.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-danger.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-danger.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-danger);
        }

    .rz-button.rz-variant-outlined.rz-success, .rz-variant-outlined.rz-success.rz-paginator-element {
        background-color: transparent;
    }

        .rz-button.rz-variant-outlined.rz-success.rz-shade-lighter, .rz-variant-outlined.rz-success.rz-shade-lighter.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
            color: var(--rz-success-light);
        }

        .rz-button.rz-variant-outlined.rz-success.rz-shade-light, .rz-variant-outlined.rz-success.rz-shade-light.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
            color: var(--rz-success-light);
        }

        .rz-button.rz-variant-outlined.rz-success.rz-shade-default, .rz-variant-outlined.rz-success.rz-shade-default.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
            color: var(--rz-success);
        }

        .rz-button.rz-variant-outlined.rz-success.rz-shade-dark, .rz-variant-outlined.rz-success.rz-shade-dark.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
            color: var(--rz-success-dark);
        }

        .rz-button.rz-variant-outlined.rz-success.rz-shade-darker, .rz-variant-outlined.rz-success.rz-shade-darker.rz-paginator-element {
            box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
            color: var(--rz-success-darker);
        }

        .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-success.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):active, .rz-variant-outlined.rz-success.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-success-lighter);
            background-image: none;
        }

        .rz-button.rz-variant-outlined.rz-success.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-success.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-success.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-outlined.rz-success.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-success);
        }

    .rz-button.rz-variant-text.rz-primary, .rz-variant-text.rz-primary.rz-paginator-element {
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-primary.rz-shade-lighter, .rz-variant-text.rz-primary.rz-shade-lighter.rz-paginator-element {
            color: var(--rz-primary-lighter);
        }

        .rz-button.rz-variant-text.rz-primary.rz-shade-light, .rz-variant-text.rz-primary.rz-shade-light.rz-paginator-element {
            color: var(--rz-primary-light);
        }

        .rz-button.rz-variant-text.rz-primary.rz-shade-default, .rz-variant-text.rz-primary.rz-shade-default.rz-paginator-element {
            color: var(--rz-primary);
        }

        .rz-button.rz-variant-text.rz-primary.rz-shade-dark, .rz-variant-text.rz-primary.rz-shade-dark.rz-paginator-element {
            color: var(--rz-primary-dark);
        }

        .rz-button.rz-variant-text.rz-primary.rz-shade-darker, .rz-variant-text.rz-primary.rz-shade-darker.rz-paginator-element {
            color: var(--rz-primary-darker);
        }

        .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-primary.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):active, .rz-variant-text.rz-primary.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-primary-lighter);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-primary.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-primary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-primary.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-primary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-primary);
        }

    .rz-button.rz-variant-text.rz-light, .rz-variant-text.rz-light.rz-paginator-element {
        color: var(--rz-base-200);
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-light.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):active, .rz-variant-text.rz-light.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: rgba(255, 255, 255, 0.12);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-light.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-light.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-light.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-light.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-light);
        }

    .rz-button.rz-variant-text.rz-base, .rz-variant-text.rz-base.rz-paginator-element {
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-base.rz-shade-lighter, .rz-variant-text.rz-base.rz-shade-lighter.rz-paginator-element {
            color: var(--rz-base-lighter);
        }

        .rz-button.rz-variant-text.rz-base.rz-shade-light, .rz-variant-text.rz-base.rz-shade-light.rz-paginator-element {
            color: var(--rz-base-light);
        }

        .rz-button.rz-variant-text.rz-base.rz-shade-default, .rz-variant-text.rz-base.rz-shade-default.rz-paginator-element {
            color: var(--rz-base);
        }

        .rz-button.rz-variant-text.rz-base.rz-shade-dark, .rz-variant-text.rz-base.rz-shade-dark.rz-paginator-element {
            color: var(--rz-base-dark);
        }

        .rz-button.rz-variant-text.rz-base.rz-shade-darker, .rz-variant-text.rz-base.rz-shade-darker.rz-paginator-element {
            color: var(--rz-base-darker);
        }

        .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-base.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active, .rz-variant-text.rz-base.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-base-lighter);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-base.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-base.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-base.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-base.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-base);
        }

    .rz-button.rz-variant-text.rz-dark, .rz-variant-text.rz-dark.rz-paginator-element {
        color: var(--rz-base-900);
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-dark.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):active, .rz-variant-text.rz-dark.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: rgba(0, 0, 0, 0.12);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-dark.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-dark.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-dark.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-dark.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-dark);
        }

    .rz-button.rz-variant-text.rz-secondary, .rz-variant-text.rz-secondary.rz-paginator-element {
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-secondary.rz-shade-lighter, .rz-variant-text.rz-secondary.rz-shade-lighter.rz-paginator-element {
            color: var(--rz-secondary-lighter);
        }

        .rz-button.rz-variant-text.rz-secondary.rz-shade-light, .rz-variant-text.rz-secondary.rz-shade-light.rz-paginator-element {
            color: var(--rz-secondary-light);
        }

        .rz-button.rz-variant-text.rz-secondary.rz-shade-default, .rz-variant-text.rz-secondary.rz-shade-default.rz-paginator-element {
            color: var(--rz-secondary);
        }

        .rz-button.rz-variant-text.rz-secondary.rz-shade-dark, .rz-variant-text.rz-secondary.rz-shade-dark.rz-paginator-element {
            color: var(--rz-secondary-dark);
        }

        .rz-button.rz-variant-text.rz-secondary.rz-shade-darker, .rz-variant-text.rz-secondary.rz-shade-darker.rz-paginator-element {
            color: var(--rz-secondary-darker);
        }

        .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-secondary.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):active, .rz-variant-text.rz-secondary.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-secondary-lighter);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-secondary.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-secondary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-secondary.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-secondary.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-secondary);
        }

    .rz-button.rz-variant-text.rz-info, .rz-variant-text.rz-info.rz-paginator-element {
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-info.rz-shade-lighter, .rz-variant-text.rz-info.rz-shade-lighter.rz-paginator-element {
            color: var(--rz-info-lighter);
        }

        .rz-button.rz-variant-text.rz-info.rz-shade-light, .rz-variant-text.rz-info.rz-shade-light.rz-paginator-element {
            color: var(--rz-info-light);
        }

        .rz-button.rz-variant-text.rz-info.rz-shade-default, .rz-variant-text.rz-info.rz-shade-default.rz-paginator-element {
            color: var(--rz-info);
        }

        .rz-button.rz-variant-text.rz-info.rz-shade-dark, .rz-variant-text.rz-info.rz-shade-dark.rz-paginator-element {
            color: var(--rz-info-dark);
        }

        .rz-button.rz-variant-text.rz-info.rz-shade-darker, .rz-variant-text.rz-info.rz-shade-darker.rz-paginator-element {
            color: var(--rz-info-darker);
        }

        .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-info.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):active, .rz-variant-text.rz-info.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-info-lighter);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-info.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-info.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-info.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-info.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-info);
        }

    .rz-button.rz-variant-text.rz-warning, .rz-variant-text.rz-warning.rz-paginator-element {
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-warning.rz-shade-lighter, .rz-variant-text.rz-warning.rz-shade-lighter.rz-paginator-element {
            color: var(--rz-warning-lighter);
        }

        .rz-button.rz-variant-text.rz-warning.rz-shade-light, .rz-variant-text.rz-warning.rz-shade-light.rz-paginator-element {
            color: var(--rz-warning-light);
        }

        .rz-button.rz-variant-text.rz-warning.rz-shade-default, .rz-variant-text.rz-warning.rz-shade-default.rz-paginator-element {
            color: var(--rz-warning);
        }

        .rz-button.rz-variant-text.rz-warning.rz-shade-dark, .rz-variant-text.rz-warning.rz-shade-dark.rz-paginator-element {
            color: var(--rz-warning-dark);
        }

        .rz-button.rz-variant-text.rz-warning.rz-shade-darker, .rz-variant-text.rz-warning.rz-shade-darker.rz-paginator-element {
            color: var(--rz-warning-darker);
        }

        .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-warning.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):active, .rz-variant-text.rz-warning.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-warning-lighter);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-warning.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-warning.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-warning.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-warning.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-warning);
        }

    .rz-button.rz-variant-text.rz-error, .rz-variant-text.rz-error.rz-paginator-element {
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-error.rz-shade-lighter, .rz-variant-text.rz-error.rz-shade-lighter.rz-paginator-element {
            color: var(--rz-error-lighter);
        }

        .rz-button.rz-variant-text.rz-error.rz-shade-light, .rz-variant-text.rz-error.rz-shade-light.rz-paginator-element {
            color: var(--rz-error-light);
        }

        .rz-button.rz-variant-text.rz-error.rz-shade-default, .rz-variant-text.rz-error.rz-shade-default.rz-paginator-element {
            color: var(--rz-error);
        }

        .rz-button.rz-variant-text.rz-error.rz-shade-dark, .rz-variant-text.rz-error.rz-shade-dark.rz-paginator-element {
            color: var(--rz-error-dark);
        }

        .rz-button.rz-variant-text.rz-error.rz-shade-darker, .rz-variant-text.rz-error.rz-shade-darker.rz-paginator-element {
            color: var(--rz-error-darker);
        }

        .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-error.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):active, .rz-variant-text.rz-error.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-error-lighter);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-error.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-error.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-error.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-error.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-error);
        }

    .rz-button.rz-variant-text.rz-danger, .rz-variant-text.rz-danger.rz-paginator-element {
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-danger.rz-shade-lighter, .rz-variant-text.rz-danger.rz-shade-lighter.rz-paginator-element {
            color: var(--rz-danger-lighter);
        }

        .rz-button.rz-variant-text.rz-danger.rz-shade-light, .rz-variant-text.rz-danger.rz-shade-light.rz-paginator-element {
            color: var(--rz-danger-light);
        }

        .rz-button.rz-variant-text.rz-danger.rz-shade-default, .rz-variant-text.rz-danger.rz-shade-default.rz-paginator-element {
            color: var(--rz-danger);
        }

        .rz-button.rz-variant-text.rz-danger.rz-shade-dark, .rz-variant-text.rz-danger.rz-shade-dark.rz-paginator-element {
            color: var(--rz-danger-dark);
        }

        .rz-button.rz-variant-text.rz-danger.rz-shade-darker, .rz-variant-text.rz-danger.rz-shade-darker.rz-paginator-element {
            color: var(--rz-danger-darker);
        }

        .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-danger.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):active, .rz-variant-text.rz-danger.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-danger-lighter);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-danger.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-danger.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-danger.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-danger.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-danger);
        }

    .rz-button.rz-variant-text.rz-success, .rz-variant-text.rz-success.rz-paginator-element {
        background-color: transparent;
        box-shadow: none;
    }

        .rz-button.rz-variant-text.rz-success.rz-shade-lighter, .rz-variant-text.rz-success.rz-shade-lighter.rz-paginator-element {
            color: var(--rz-success-lighter);
        }

        .rz-button.rz-variant-text.rz-success.rz-shade-light, .rz-variant-text.rz-success.rz-shade-light.rz-paginator-element {
            color: var(--rz-success-light);
        }

        .rz-button.rz-variant-text.rz-success.rz-shade-default, .rz-variant-text.rz-success.rz-shade-default.rz-paginator-element {
            color: var(--rz-success);
        }

        .rz-button.rz-variant-text.rz-success.rz-shade-dark, .rz-variant-text.rz-success.rz-shade-dark.rz-paginator-element {
            color: var(--rz-success-dark);
        }

        .rz-button.rz-variant-text.rz-success.rz-shade-darker, .rz-variant-text.rz-success.rz-shade-darker.rz-paginator-element {
            color: var(--rz-success-darker);
        }

        .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-success.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):active, .rz-variant-text.rz-success.rz-paginator-element:not(.rz-state-disabled):active {
            background-color: var(--rz-success-lighter);
            background-image: none;
            box-shadow: none;
        }

        .rz-button.rz-variant-text.rz-success.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-variant-text.rz-success.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-text.rz-success.rz-shade-lighter:not(.rz-state-disabled):active, .rz-variant-text.rz-success.rz-paginator-element.rz-shade-lighter:not(.rz-state-disabled):active {
            color: var(--rz-success);
        }

.rz-button-lg, .rz-selectbutton .rz-button.rz-button-lg, .rz-selectbutton .rz-button-lg.rz-paginator-element, .rz-splitbutton .rz-button-lg {
    font-size: 1rem;
    font-weight: 600;
    padding: 0.875rem 1.5rem;
    height: auto;
    line-height: 1.5rem;
    min-height: 3.25rem;
    min-width: 3.25rem;
    border-radius: calc(2 * var(--rz-border-radius));
}

    .rz-button-lg .rz-button-box, .rz-selectbutton .rz-button.rz-button-lg .rz-button-box, .rz-selectbutton .rz-button-lg.rz-paginator-element .rz-button-box {
        line-height: 1.5rem;
        gap: 0.25rem;
    }

    .rz-button-lg.rz-button-text-icon-left, .rz-selectbutton .rz-button-text-icon-left.rz-button.rz-button-lg, .rz-selectbutton .rz-button-text-icon-left.rz-button-lg.rz-paginator-element {
        padding: 0 1.375rem;
    }

    .rz-button-lg.rz-button-icon-only, .rz-button-lg.rz-paginator-element, .rz-selectbutton .rz-button-icon-only.rz-button.rz-button-lg, .rz-selectbutton .rz-button-lg.rz-paginator-element {
        padding: 0.875rem;
    }

        .rz-button-lg .rzi, .rz-button-lg .rz-column-drag, .rz-button-lg .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-button-lg .rzi-circle-o-notch, .rz-button-lg .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-button-lg .rzi-plus, .rz-button-lg .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-button-lg .rzi-grid-sort, .rz-button-lg .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-button-lg .rzi-chevron-circle-down, .rz-button-lg .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-button-lg .rzi-chevron-circle-right, .rz-button-lg .rz-fileupload-row .rz-button .rzi-close, .rz-button-lg .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-button-lg .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-button-lg .rzi-close,
        .rz-button-lg .rz-fileupload-row .rz-button .rzi-times,
        .rz-button-lg .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-button .rz-button-lg .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-button-lg .rzi-times,
        .rz-button-lg .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-button-lg .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-button-lg .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-button-lg .rz-icon-trash, .rz-selectbutton .rz-button.rz-button-lg .rzi, .rz-selectbutton .rz-button-lg.rz-paginator-element .rzi, .rz-selectbutton .rz-button.rz-button-lg .rz-column-drag, .rz-selectbutton .rz-button-lg.rz-paginator-element .rz-column-drag, .rz-selectbutton .rz-fileupload-row .rz-button.rz-button-lg .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-button-lg.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-button.rz-button-lg .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-button-lg.rz-paginator-element .rzi-close,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-button-lg .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-button-lg.rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-button-lg .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-button-lg.rz-paginator-element .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-button-lg .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-button-lg.rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-button-lg .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-button-lg.rz-paginator-element .rz-icon-trash, .rz-button-lg .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-button-lg .rz-menuitem-icon {
            font-size: 1.5rem;
            height: 1.5rem;
            line-height: 1.5rem;
            width: 1.5rem;
        }

.rz-button-md, .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-primary.rz-paginator-element, .rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-date-filter-buttons .rz-paginator-element, .rz-fileupload-choose, .rz-selectbutton .rz-button.rz-button-md, .rz-selectbutton .rz-button.rz-paginator-element, .rz-selectbutton .rz-button-md.rz-paginator-element, .rz-selectbutton .rz-paginator-element, .rz-selectbutton .rz-date-filter-buttons .rz-button, .rz-selectbutton .rz-date-filter-buttons .rz-paginator-element, .rz-date-filter-buttons .rz-selectbutton .rz-button, .rz-date-filter-buttons .rz-selectbutton .rz-paginator-element, .rz-selectbutton .rz-button.rz-fileupload-choose, .rz-selectbutton .rz-fileupload-choose.rz-paginator-element, .rz-splitbutton .rz-button-md, .rz-splitbutton .rz-paginator-element, .rz-splitbutton .rz-fileupload-choose {
    font-size: var(--rz-body-font-size);
    font-weight: 600;
    padding: 0.5rem 1rem;
    height: auto;
    line-height: 1.25rem;
    min-height: 2.25rem;
    min-width: 2.25rem;
}

    .rz-button-md .rz-button-box, .rz-scheduler-nav-views .rz-button.rz-primary .rz-button-box, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-button-box, .rz-paginator-element .rz-button-box, .rz-date-filter-buttons .rz-button .rz-button-box, .rz-fileupload-choose .rz-button-box, .rz-selectbutton .rz-button.rz-button-md .rz-button-box, .rz-selectbutton .rz-paginator-element .rz-button-box, .rz-selectbutton .rz-button.rz-fileupload-choose .rz-button-box {
        line-height: 1.25rem;
        gap: 0.25rem;
    }

    .rz-button-md.rz-button-text-icon-left, .rz-scheduler-nav-views .rz-button-text-icon-left.rz-button.rz-primary, .rz-scheduler-nav-views .rz-button-text-icon-left.rz-primary.rz-paginator-element, .rz-button-text-icon-left.rz-paginator-element, .rz-date-filter-buttons .rz-button-text-icon-left.rz-button, .rz-button-text-icon-left.rz-fileupload-choose, .rz-selectbutton .rz-button-text-icon-left.rz-button.rz-button-md, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-primary, .rz-selectbutton .rz-button.rz-paginator-element, .rz-selectbutton .rz-button-text-icon-left.rz-paginator-element, .rz-selectbutton .rz-date-filter-buttons .rz-button, .rz-selectbutton .rz-date-filter-buttons .rz-paginator-element, .rz-date-filter-buttons .rz-selectbutton .rz-button, .rz-date-filter-buttons .rz-selectbutton .rz-paginator-element, .rz-selectbutton .rz-button.rz-fileupload-choose, .rz-selectbutton .rz-fileupload-choose.rz-paginator-element {
        padding: 0.5rem 1rem 0.5rem 0.5rem;
    }

    .rz-button-md.rz-button-icon-only, .rz-scheduler-nav-views .rz-button-icon-only.rz-button.rz-primary, .rz-scheduler-nav-views .rz-button-icon-only.rz-primary.rz-paginator-element, .rz-paginator-element, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-button-icon-only.rz-fileupload-choose, .rz-selectbutton .rz-button-icon-only.rz-button.rz-button-md, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-primary, .rz-selectbutton .rz-button.rz-paginator-element, .rz-selectbutton .rz-button-icon-only.rz-paginator-element, .rz-selectbutton .rz-paginator-element, .rz-selectbutton .rz-date-filter-buttons .rz-button, .rz-selectbutton .rz-date-filter-buttons .rz-paginator-element, .rz-date-filter-buttons .rz-selectbutton .rz-button, .rz-date-filter-buttons .rz-selectbutton .rz-paginator-element, .rz-selectbutton .rz-button.rz-fileupload-choose, .rz-selectbutton .rz-fileupload-choose.rz-paginator-element {
        padding: 0.5rem;
    }

        .rz-button-md .rzi, .rz-scheduler-nav-views .rz-button.rz-primary .rzi, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi, .rz-paginator-element .rzi, .rz-button-md .rz-column-drag, .rz-scheduler-nav-views .rz-button.rz-primary .rz-column-drag, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-column-drag, .rz-paginator-element .rz-column-drag, .rz-button-md .rz-datatable-loading-content .rzi-circle-o-notch, .rz-scheduler-nav-views .rz-button.rz-primary .rz-datatable-loading-content .rzi-circle-o-notch, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-button-md .rzi-circle-o-notch, .rz-datatable-loading-content .rz-scheduler-nav-views .rz-button.rz-primary .rzi-circle-o-notch, .rz-scheduler-nav-views .rz-datatable-loading-content .rz-button.rz-primary .rzi-circle-o-notch, .rz-datatable-loading-content .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-circle-o-notch, .rz-scheduler-nav-views .rz-datatable-loading-content .rz-primary.rz-paginator-element .rzi-circle-o-notch, .rz-datatable-loading-content .rz-paginator-element .rzi-circle-o-notch, .rz-date-filter-buttons .rz-button .rzi, .rz-date-filter-buttons .rz-paginator-element .rzi, .rz-date-filter-buttons .rz-button .rz-column-drag, .rz-date-filter-buttons .rz-paginator-element .rz-column-drag, .rz-date-filter-buttons .rz-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-date-filter-buttons .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-date-filter-buttons .rz-button .rzi-circle-o-notch, .rz-datatable-loading-content .rz-date-filter-buttons .rz-paginator-element .rzi-circle-o-notch, .rz-button-md .rz-datatable-header .rzi-plus, .rz-scheduler-nav-views .rz-button.rz-primary .rz-datatable-header .rzi-plus, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-datatable-header .rzi-plus, .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-date-filter-buttons .rz-button .rz-datatable-header .rzi-plus, .rz-date-filter-buttons .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-button-md .rzi-plus, .rz-datatable-header .rz-scheduler-nav-views .rz-button.rz-primary .rzi-plus, .rz-scheduler-nav-views .rz-datatable-header .rz-button.rz-primary .rzi-plus, .rz-datatable-header .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-plus, .rz-scheduler-nav-views .rz-datatable-header .rz-primary.rz-paginator-element .rzi-plus, .rz-datatable-header .rz-paginator-element .rzi-plus, .rz-datatable-header .rz-date-filter-buttons .rz-button .rzi-plus, .rz-datatable-header .rz-date-filter-buttons .rz-paginator-element .rzi-plus, .rz-date-filter-buttons .rz-datatable-header .rz-button .rzi-plus, .rz-date-filter-buttons .rz-datatable-header .rz-paginator-element .rzi-plus, .rz-button-md .rz-sortable-column .rzi-grid-sort, .rz-scheduler-nav-views .rz-button.rz-primary .rz-sortable-column .rzi-grid-sort, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-date-filter-buttons .rz-button .rz-sortable-column .rzi-grid-sort, .rz-date-filter-buttons .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-button-md .rzi-grid-sort, .rz-sortable-column .rz-scheduler-nav-views .rz-button.rz-primary .rzi-grid-sort, .rz-scheduler-nav-views .rz-sortable-column .rz-button.rz-primary .rzi-grid-sort, .rz-sortable-column .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-grid-sort, .rz-scheduler-nav-views .rz-sortable-column .rz-primary.rz-paginator-element .rzi-grid-sort, .rz-sortable-column .rz-paginator-element .rzi-grid-sort, .rz-sortable-column .rz-date-filter-buttons .rz-button .rzi-grid-sort, .rz-sortable-column .rz-date-filter-buttons .rz-paginator-element .rzi-grid-sort, .rz-date-filter-buttons .rz-sortable-column .rz-button .rzi-grid-sort, .rz-date-filter-buttons .rz-sortable-column .rz-paginator-element .rzi-grid-sort, .rz-button-md .rz-datatable .rzi-chevron-circle-down, .rz-scheduler-nav-views .rz-button.rz-primary .rz-datatable .rzi-chevron-circle-down, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-date-filter-buttons .rz-button .rz-datatable .rzi-chevron-circle-down, .rz-date-filter-buttons .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-button-md .rzi-chevron-circle-down, .rz-datatable .rz-scheduler-nav-views .rz-button.rz-primary .rzi-chevron-circle-down, .rz-scheduler-nav-views .rz-datatable .rz-button.rz-primary .rzi-chevron-circle-down, .rz-datatable .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-chevron-circle-down, .rz-scheduler-nav-views .rz-datatable .rz-primary.rz-paginator-element .rzi-chevron-circle-down, .rz-datatable .rz-paginator-element .rzi-chevron-circle-down, .rz-datatable .rz-date-filter-buttons .rz-button .rzi-chevron-circle-down, .rz-datatable .rz-date-filter-buttons .rz-paginator-element .rzi-chevron-circle-down, .rz-date-filter-buttons .rz-datatable .rz-button .rzi-chevron-circle-down, .rz-date-filter-buttons .rz-datatable .rz-paginator-element .rzi-chevron-circle-down, .rz-button-md .rz-datatable .rzi-chevron-circle-right, .rz-scheduler-nav-views .rz-button.rz-primary .rz-datatable .rzi-chevron-circle-right, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-date-filter-buttons .rz-button .rz-datatable .rzi-chevron-circle-right, .rz-date-filter-buttons .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-button-md .rzi-chevron-circle-right, .rz-datatable .rz-scheduler-nav-views .rz-button.rz-primary .rzi-chevron-circle-right, .rz-scheduler-nav-views .rz-datatable .rz-button.rz-primary .rzi-chevron-circle-right, .rz-datatable .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-chevron-circle-right, .rz-scheduler-nav-views .rz-datatable .rz-primary.rz-paginator-element .rzi-chevron-circle-right, .rz-datatable .rz-paginator-element .rzi-chevron-circle-right, .rz-datatable .rz-date-filter-buttons .rz-button .rzi-chevron-circle-right, .rz-datatable .rz-date-filter-buttons .rz-paginator-element .rzi-chevron-circle-right, .rz-date-filter-buttons .rz-datatable .rz-button .rzi-chevron-circle-right, .rz-date-filter-buttons .rz-datatable .rz-paginator-element .rzi-chevron-circle-right, .rz-button-md .rz-fileupload-row .rz-button .rzi-close, .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-button .rzi-close, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-button .rzi-close, .rz-paginator-element .rz-fileupload-row .rz-button .rzi-close, .rz-button-md .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-button .rzi-close, .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-button .rzi-close, .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-button-md .rzi-close, .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-button.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-button.rz-primary .rzi-close, .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-primary.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-button-md .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-button.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-button.rz-primary .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-primary.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-button .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-button .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-close,
        .rz-button-md .rz-fileupload-row .rz-button .rzi-times,
        .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-button .rzi-times,
        .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-button .rzi-times,
        .rz-paginator-element .rz-fileupload-row .rz-button .rzi-times,
        .rz-button-md .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-button .rzi-times,
        .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-button .rzi-times,
        .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-button .rz-button-md .rzi-times,
        .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-button.rz-primary .rzi-times,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-button.rz-primary .rzi-times,
        .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-times,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-primary.rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-button .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-button-md .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-button.rz-primary .rzi-times,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-button.rz-primary .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rzi-times,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-primary.rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-button .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-button .rzi-times,
        .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-paginator-element .rzi-times,
        .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-button .rzi-times,
        .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-button .rzi-times,
        .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-paginator-element .rzi-times,
        .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rzi-times,
        .rz-button-md .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-paginator-element .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-button-md .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-scheduler-nav-views .rz-button.rz-primary .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-date-filter-buttons .rz-button .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-date-filter-buttons .rz-paginator-element .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-button-md .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-button.rz-primary .rz-icon-trash,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-button.rz-primary .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-icon-trash,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-button .rz-primary.rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-button-md .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-button.rz-primary .rz-icon-trash,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-button.rz-primary .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-icon-trash,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-paginator-element .rz-primary.rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-button .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-button .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-date-filter-buttons .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-date-filter-buttons .rz-paginator-element .rz-icon-trash,
        .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-button .rz-icon-trash,
        .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-button .rz-icon-trash,
        .rz-date-filter-buttons .rz-fileupload-row .rz-button .rz-paginator-element .rz-icon-trash,
        .rz-date-filter-buttons .rz-fileupload-row .rz-paginator-element .rz-paginator-element .rz-icon-trash, .rz-fileupload-choose .rzi, .rz-fileupload-choose .rz-column-drag, .rz-fileupload-choose .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-fileupload-choose .rzi-circle-o-notch, .rz-fileupload-choose .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-fileupload-choose .rzi-plus, .rz-fileupload-choose .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-fileupload-choose .rzi-grid-sort, .rz-fileupload-choose .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-fileupload-choose .rzi-chevron-circle-down, .rz-fileupload-choose .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-fileupload-choose .rzi-chevron-circle-right, .rz-fileupload-choose .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-choose .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-fileupload-choose .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-fileupload-choose .rzi-close,
        .rz-fileupload-choose .rz-fileupload-row .rz-button .rzi-times,
        .rz-fileupload-choose .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-button .rz-fileupload-choose .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-fileupload-choose .rzi-times,
        .rz-fileupload-choose .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-fileupload-choose .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-fileupload-choose .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-fileupload-choose .rz-icon-trash, .rz-selectbutton .rz-button.rz-button-md .rzi, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary .rzi, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-primary .rzi, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary.rz-paginator-element .rzi, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-primary.rz-paginator-element .rzi, .rz-selectbutton .rz-button.rz-paginator-element .rzi, .rz-selectbutton .rz-button-md.rz-paginator-element .rzi, .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-button.rz-primary .rzi, .rz-scheduler-nav-views .rz-selectbutton .rz-paginator-element.rz-button.rz-primary .rzi, .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-primary .rzi, .rz-scheduler-nav-views .rz-selectbutton .rz-paginator-element.rz-primary .rzi, .rz-selectbutton .rz-paginator-element .rzi, .rz-selectbutton .rz-button.rz-button-md .rz-column-drag, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary .rz-column-drag, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-primary .rz-column-drag, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary.rz-paginator-element .rz-column-drag, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-primary.rz-paginator-element .rz-column-drag, .rz-selectbutton .rz-button.rz-paginator-element .rz-column-drag, .rz-selectbutton .rz-button-md.rz-paginator-element .rz-column-drag, .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-button.rz-primary .rz-column-drag, .rz-scheduler-nav-views .rz-selectbutton .rz-paginator-element.rz-button.rz-primary .rz-column-drag, .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-primary .rz-column-drag, .rz-scheduler-nav-views .rz-selectbutton .rz-paginator-element.rz-primary .rz-column-drag, .rz-selectbutton .rz-paginator-element .rz-column-drag, .rz-selectbutton .rz-fileupload-row .rz-button.rz-button-md .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-button.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-button.rz-primary .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-button.rz-primary.rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-button.rz-primary.rz-paginator-element .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-button.rz-paginator-element .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-button-md.rz-paginator-element .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-paginator-element.rz-button.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-paginator-element.rz-button.rz-primary .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-paginator-element.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-paginator-element.rz-primary .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-date-filter-buttons .rz-button .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-date-filter-buttons .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-selectbutton .rz-fileupload-row .rz-button .rzi-close, .rz-date-filter-buttons .rz-selectbutton .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-button.rz-button-md .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-button.rz-primary .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary.rz-paginator-element .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-button.rz-primary.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-button.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-button-md.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-button.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-paginator-element.rz-button.rz-primary .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-primary .rzi-close, .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-paginator-element.rz-primary .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-date-filter-buttons .rz-button .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-date-filter-buttons .rz-paginator-element .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-selectbutton .rz-button .rzi-close, .rz-date-filter-buttons .rz-fileupload-row .rz-selectbutton .rz-paginator-element .rzi-close,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-button-md .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-button.rz-primary .rzi-times,
        .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-button.rz-primary .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-button.rz-primary.rz-paginator-element .rzi-times,
        .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-button.rz-primary.rz-paginator-element .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-paginator-element .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-button-md.rz-paginator-element .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-paginator-element.rz-button.rz-primary .rzi-times,
        .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-paginator-element.rz-button.rz-primary .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-paginator-element.rz-primary .rzi-times,
        .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-paginator-element.rz-primary .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-date-filter-buttons .rz-button .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-date-filter-buttons .rz-paginator-element .rzi-times,
        .rz-date-filter-buttons .rz-selectbutton .rz-fileupload-row .rz-button .rzi-times,
        .rz-date-filter-buttons .rz-selectbutton .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-button-md .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary .rzi-times,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-button.rz-primary .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary.rz-paginator-element .rzi-times,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-button.rz-primary.rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-button-md.rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-button.rz-primary .rzi-times,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-paginator-element.rz-button.rz-primary .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-primary .rzi-times,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-paginator-element.rz-primary .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-date-filter-buttons .rz-button .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-date-filter-buttons .rz-paginator-element .rzi-times,
        .rz-date-filter-buttons .rz-fileupload-row .rz-selectbutton .rz-button .rzi-times,
        .rz-date-filter-buttons .rz-fileupload-row .rz-selectbutton .rz-paginator-element .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-button-md .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-button.rz-primary .rz-icon-trash,
        .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-button.rz-primary .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-button.rz-primary.rz-paginator-element .rz-icon-trash,
        .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-button.rz-primary.rz-paginator-element .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-paginator-element .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-button-md.rz-paginator-element .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-paginator-element.rz-button.rz-primary .rz-icon-trash,
        .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-paginator-element.rz-button.rz-primary .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-scheduler-nav-views .rz-paginator-element.rz-primary .rz-icon-trash,
        .rz-scheduler-nav-views .rz-selectbutton .rz-fileupload-row .rz-paginator-element.rz-primary .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-date-filter-buttons .rz-button .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-date-filter-buttons .rz-paginator-element .rz-icon-trash,
        .rz-date-filter-buttons .rz-selectbutton .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-date-filter-buttons .rz-selectbutton .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-button-md .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary .rz-icon-trash,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-button.rz-primary .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary.rz-paginator-element .rz-icon-trash,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-button.rz-primary.rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-button-md.rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-button.rz-primary .rz-icon-trash,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-paginator-element.rz-button.rz-primary .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-primary .rz-icon-trash,
        .rz-scheduler-nav-views .rz-fileupload-row .rz-selectbutton .rz-paginator-element.rz-primary .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-date-filter-buttons .rz-button .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-date-filter-buttons .rz-paginator-element .rz-icon-trash,
        .rz-date-filter-buttons .rz-fileupload-row .rz-selectbutton .rz-button .rz-icon-trash,
        .rz-date-filter-buttons .rz-fileupload-row .rz-selectbutton .rz-paginator-element .rz-icon-trash, .rz-selectbutton .rz-button.rz-fileupload-choose .rzi, .rz-selectbutton .rz-fileupload-choose.rz-paginator-element .rzi, .rz-selectbutton .rz-button.rz-fileupload-choose .rz-column-drag, .rz-selectbutton .rz-fileupload-choose.rz-paginator-element .rz-column-drag, .rz-selectbutton .rz-fileupload-row .rz-button.rz-fileupload-choose .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-fileupload-choose.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-button.rz-fileupload-choose .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-fileupload-choose.rz-paginator-element .rzi-close,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-fileupload-choose .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-fileupload-choose.rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-fileupload-choose .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-fileupload-choose.rz-paginator-element .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-fileupload-choose .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-fileupload-choose.rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-fileupload-choose .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-fileupload-choose.rz-paginator-element .rz-icon-trash, .rz-button-md .rz-menuitem .rz-menuitem-icon, .rz-scheduler-nav-views .rz-button.rz-primary .rz-menuitem .rz-menuitem-icon, .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-date-filter-buttons .rz-button .rz-menuitem .rz-menuitem-icon, .rz-date-filter-buttons .rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-fileupload-choose .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-button-md .rz-menuitem-icon, .rz-menuitem .rz-scheduler-nav-views .rz-button.rz-primary .rz-menuitem-icon, .rz-scheduler-nav-views .rz-menuitem .rz-button.rz-primary .rz-menuitem-icon, .rz-menuitem .rz-scheduler-nav-views .rz-primary.rz-paginator-element .rz-menuitem-icon, .rz-scheduler-nav-views .rz-menuitem .rz-primary.rz-paginator-element .rz-menuitem-icon, .rz-menuitem .rz-paginator-element .rz-menuitem-icon, .rz-menuitem .rz-date-filter-buttons .rz-button .rz-menuitem-icon, .rz-menuitem .rz-date-filter-buttons .rz-paginator-element .rz-menuitem-icon, .rz-date-filter-buttons .rz-menuitem .rz-button .rz-menuitem-icon, .rz-date-filter-buttons .rz-menuitem .rz-paginator-element .rz-menuitem-icon, .rz-menuitem .rz-fileupload-choose .rz-menuitem-icon {
            font-size: var(--rz-icon-size);
            line-height: var(--rz-icon-size);
            width: var(--rz-icon-size);
            height: var(--rz-icon-size);
        }

.rz-button-sm, .rz-fileupload .rz-button, .rz-fileupload .rz-paginator-element, .rz-selectbutton .rz-button.rz-button-sm, .rz-selectbutton .rz-button-sm.rz-paginator-element, .rz-selectbutton .rz-fileupload .rz-button, .rz-selectbutton .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-selectbutton .rz-button, .rz-fileupload .rz-selectbutton .rz-paginator-element, .rz-splitbutton .rz-button-sm {
    font-size: var(--rz-body-font-size);
    padding: 0.25rem 0.75rem;
    height: auto;
    line-height: 1.25rem;
    min-height: 1.75rem;
    min-width: 1.75rem;
}

    .rz-button-sm .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-fileupload .rz-paginator-element .rz-button-box, .rz-selectbutton .rz-button.rz-button-sm .rz-button-box, .rz-selectbutton .rz-button-sm.rz-paginator-element .rz-button-box {
        line-height: 1.25rem;
        gap: 0.25rem;
    }

    .rz-button-sm.rz-button-text-icon-left, .rz-fileupload .rz-button-text-icon-left.rz-button, .rz-fileupload .rz-button-text-icon-left.rz-paginator-element, .rz-selectbutton .rz-button-text-icon-left.rz-button.rz-button-sm, .rz-selectbutton .rz-button-text-icon-left.rz-button-sm.rz-paginator-element, .rz-selectbutton .rz-fileupload .rz-button, .rz-selectbutton .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-selectbutton .rz-button, .rz-fileupload .rz-selectbutton .rz-paginator-element {
        padding: 0.25rem 0.75rem 0.25rem 0.25rem;
    }

    .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-paginator-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-paginator-element, .rz-selectbutton .rz-button-icon-only.rz-button.rz-button-sm, .rz-selectbutton .rz-button-sm.rz-paginator-element, .rz-selectbutton .rz-fileupload .rz-button, .rz-selectbutton .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-selectbutton .rz-button, .rz-fileupload .rz-selectbutton .rz-paginator-element {
        padding: 0.25rem;
    }

        .rz-button-sm .rzi, .rz-button-sm .rz-column-drag, .rz-button-sm .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-button-sm .rzi-circle-o-notch, .rz-button-sm .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-button-sm .rzi-plus, .rz-button-sm .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-button-sm .rzi-grid-sort, .rz-button-sm .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-button-sm .rzi-chevron-circle-down, .rz-button-sm .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-button-sm .rzi-chevron-circle-right, .rz-button-sm .rz-fileupload-row .rz-button .rzi-close, .rz-button-sm .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-button-sm .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-button-sm .rzi-close,
        .rz-button-sm .rz-fileupload-row .rz-button .rzi-times,
        .rz-button-sm .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-button .rz-button-sm .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-button-sm .rzi-times,
        .rz-button-sm .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-button-sm .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-button-sm .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-button-sm .rz-icon-trash, .rz-fileupload .rz-button .rzi, .rz-fileupload .rz-paginator-element .rzi, .rz-fileupload .rz-button .rz-column-drag, .rz-fileupload .rz-paginator-element .rz-column-drag, .rz-fileupload .rz-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-fileupload .rz-paginator-element .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-fileupload .rz-button .rzi-circle-o-notch, .rz-datatable-loading-content .rz-fileupload .rz-paginator-element .rzi-circle-o-notch, .rz-fileupload .rz-button .rz-datatable-header .rzi-plus, .rz-fileupload .rz-paginator-element .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-fileupload .rz-button .rzi-plus, .rz-datatable-header .rz-fileupload .rz-paginator-element .rzi-plus, .rz-fileupload .rz-button .rz-sortable-column .rzi-grid-sort, .rz-fileupload .rz-paginator-element .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-fileupload .rz-button .rzi-grid-sort, .rz-sortable-column .rz-fileupload .rz-paginator-element .rzi-grid-sort, .rz-fileupload .rz-button .rz-datatable .rzi-chevron-circle-down, .rz-fileupload .rz-paginator-element .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-fileupload .rz-button .rzi-chevron-circle-down, .rz-datatable .rz-fileupload .rz-paginator-element .rzi-chevron-circle-down, .rz-fileupload .rz-button .rz-datatable .rzi-chevron-circle-right, .rz-fileupload .rz-paginator-element .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-fileupload .rz-button .rzi-chevron-circle-right, .rz-datatable .rz-fileupload .rz-paginator-element .rzi-chevron-circle-right, .rz-fileupload .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-fileupload .rz-button .rzi-close, .rz-fileupload-row .rz-fileupload .rz-paginator-element .rzi-close,
        .rz-fileupload .rz-fileupload-row .rz-button .rzi-times,
        .rz-fileupload .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-fileupload .rz-button .rzi-times,
        .rz-fileupload-row .rz-fileupload .rz-paginator-element .rzi-times,
        .rz-fileupload .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-fileupload .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-fileupload .rz-button .rz-icon-trash,
        .rz-fileupload-row .rz-fileupload .rz-paginator-element .rz-icon-trash, .rz-selectbutton .rz-button.rz-button-sm .rzi, .rz-selectbutton .rz-button-sm.rz-paginator-element .rzi, .rz-selectbutton .rz-button.rz-button-sm .rz-column-drag, .rz-selectbutton .rz-button-sm.rz-paginator-element .rz-column-drag, .rz-selectbutton .rz-fileupload-row .rz-button.rz-button-sm .rzi-close, .rz-selectbutton .rz-fileupload-row .rz-button-sm.rz-paginator-element .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-button.rz-button-sm .rzi-close, .rz-fileupload-row .rz-selectbutton .rz-button-sm.rz-paginator-element .rzi-close,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-button-sm .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-button-sm.rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-button-sm .rzi-times,
        .rz-fileupload-row .rz-selectbutton .rz-button-sm.rz-paginator-element .rzi-times,
        .rz-selectbutton .rz-fileupload-row .rz-button.rz-button-sm .rz-icon-trash,
        .rz-selectbutton .rz-fileupload-row .rz-button-sm.rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-button.rz-button-sm .rz-icon-trash,
        .rz-fileupload-row .rz-selectbutton .rz-button-sm.rz-paginator-element .rz-icon-trash, .rz-button-sm .rz-menuitem .rz-menuitem-icon, .rz-fileupload .rz-button .rz-menuitem .rz-menuitem-icon, .rz-fileupload .rz-paginator-element .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-button-sm .rz-menuitem-icon, .rz-menuitem .rz-fileupload .rz-button .rz-menuitem-icon, .rz-menuitem .rz-fileupload .rz-paginator-element .rz-menuitem-icon, .rz-fileupload .rz-menuitem .rz-button .rz-menuitem-icon, .rz-fileupload .rz-menuitem .rz-paginator-element .rz-menuitem-icon {
            font-size: var(--rz-icon-size);
            line-height: var(--rz-icon-size);
            width: var(--rz-icon-size);
            height: var(--rz-icon-size);
        }

@keyframes button-icon-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

:root {
    --rz-badge-border-radius: var(--rz-border-radius);
    --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
    --rz-badge-padding: 0.125rem 0.25rem;
    --rz-badge-pill-padding: 0.125rem 0.5rem;
    --rz-badge-font-size: 0.75rem;
    --rz-badge-font-weight: 600;
    --rz-badge-line-height: 1rem;
    --rz-badge-text-transform: uppercase;
    --rz-badge-letter-spacing: 0.02rem;
}

.rz-badge {
    color: var(--rz-text-contrast-color);
    display: inline-block;
    padding: var(--rz-badge-padding);
    font-size: var(--rz-badge-font-size);
    font-weight: var(--rz-badge-font-weight);
    line-height: var(--rz-badge-line-height);
    text-align: center;
    text-transform: var(--rz-badge-text-transform);
    white-space: nowrap;
    border-radius: var(--rz-badge-border-radius);
    letter-spacing: var(--rz-badge-letter-spacing);
}

.rz-button .rz-badge, .rz-paginator-element .rz-badge {
    vertical-align: top;
}

.rz-badge-primary {
    background-color: var(--rz-primary);
}

    .rz-badge-primary.rz-shade-lighter {
        background-color: var(--rz-primary-lighter);
        color: var(--rz-primary);
    }

    .rz-badge-primary.rz-shade-light {
        background-color: var(--rz-primary-light);
    }

    .rz-badge-primary.rz-shade-default {
        background-color: var(--rz-primary);
    }

    .rz-badge-primary.rz-shade-dark {
        background-color: var(--rz-primary-dark);
    }

    .rz-badge-primary.rz-shade-darker {
        background-color: var(--rz-primary-darker);
    }

.rz-badge-light {
    background-color: var(--rz-base-200);
    color: var(--rz-base-900);
}

.rz-badge-dark {
    background-color: var(--rz-base-900);
}

.rz-badge-secondary {
    background-color: var(--rz-secondary);
}

    .rz-badge-secondary.rz-shade-lighter {
        background-color: var(--rz-secondary-lighter);
        color: var(--rz-secondary);
    }

    .rz-badge-secondary.rz-shade-light {
        background-color: var(--rz-secondary-light);
    }

    .rz-badge-secondary.rz-shade-default {
        background-color: var(--rz-secondary);
    }

    .rz-badge-secondary.rz-shade-dark {
        background-color: var(--rz-secondary-dark);
    }

    .rz-badge-secondary.rz-shade-darker {
        background-color: var(--rz-secondary-darker);
    }

.rz-badge-info {
    background-color: var(--rz-info);
}

    .rz-badge-info.rz-shade-lighter {
        background-color: var(--rz-info-lighter);
        color: var(--rz-info);
    }

    .rz-badge-info.rz-shade-light {
        background-color: var(--rz-info-light);
    }

    .rz-badge-info.rz-shade-default {
        background-color: var(--rz-info);
    }

    .rz-badge-info.rz-shade-dark {
        background-color: var(--rz-info-dark);
    }

    .rz-badge-info.rz-shade-darker {
        background-color: var(--rz-info-darker);
    }

.rz-badge-warning {
    background-color: var(--rz-warning);
}

    .rz-badge-warning.rz-shade-lighter {
        background-color: var(--rz-warning-lighter);
        color: var(--rz-warning);
    }

    .rz-badge-warning.rz-shade-light {
        background-color: var(--rz-warning-light);
    }

    .rz-badge-warning.rz-shade-default {
        background-color: var(--rz-warning);
    }

    .rz-badge-warning.rz-shade-dark {
        background-color: var(--rz-warning-dark);
    }

    .rz-badge-warning.rz-shade-darker {
        background-color: var(--rz-warning-darker);
    }

.rz-badge-error {
    background-color: var(--rz-danger);
}

    .rz-badge-error.rz-shade-lighter {
        background-color: var(--rz-error-lighter);
        color: var(--rz-error);
    }

    .rz-badge-error.rz-shade-light {
        background-color: var(--rz-error-light);
    }

    .rz-badge-error.rz-shade-default {
        background-color: var(--rz-error);
    }

    .rz-badge-error.rz-shade-dark {
        background-color: var(--rz-error-dark);
    }

    .rz-badge-error.rz-shade-darker {
        background-color: var(--rz-error-darker);
    }

.rz-badge-danger {
    background-color: var(--rz-danger);
}

    .rz-badge-danger.rz-shade-lighter {
        background-color: var(--rz-danger-lighter);
        color: var(--rz-danger);
    }

    .rz-badge-danger.rz-shade-light {
        background-color: var(--rz-danger-light);
    }

    .rz-badge-danger.rz-shade-default {
        background-color: var(--rz-danger);
    }

    .rz-badge-danger.rz-shade-dark {
        background-color: var(--rz-danger-dark);
    }

    .rz-badge-danger.rz-shade-darker {
        background-color: var(--rz-danger-darker);
    }

.rz-badge-success {
    background-color: var(--rz-success);
}

    .rz-badge-success.rz-shade-lighter {
        background-color: var(--rz-success-lighter);
        color: var(--rz-success);
    }

    .rz-badge-success.rz-shade-light {
        background-color: var(--rz-success-light);
    }

    .rz-badge-success.rz-shade-default {
        background-color: var(--rz-success);
    }

    .rz-badge-success.rz-shade-dark {
        background-color: var(--rz-success-dark);
    }

    .rz-badge-success.rz-shade-darker {
        background-color: var(--rz-success-darker);
    }

.rz-variant-outlined.rz-badge-primary {
    background-color: transparent;
}

    .rz-variant-outlined.rz-badge-primary.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
        color: var(--rz-primary-lighter);
    }

    .rz-variant-outlined.rz-badge-primary.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
        color: var(--rz-primary-light);
    }

    .rz-variant-outlined.rz-badge-primary.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
        color: var(--rz-primary);
    }

    .rz-variant-outlined.rz-badge-primary.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
        color: var(--rz-primary-dark);
    }

    .rz-variant-outlined.rz-badge-primary.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
        color: var(--rz-primary-darker);
    }

.rz-variant-outlined.rz-badge-light {
    background-color: transparent;
}

    .rz-variant-outlined.rz-badge-light.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200);
        color: var(--rz-base-200);
    }

.rz-variant-outlined.rz-badge-dark {
    background-color: transparent;
}

    .rz-variant-outlined.rz-badge-dark.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
        color: var(--rz-base-900);
    }

.rz-variant-outlined.rz-badge-secondary {
    background-color: transparent;
}

    .rz-variant-outlined.rz-badge-secondary.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
        color: var(--rz-secondary-lighter);
    }

    .rz-variant-outlined.rz-badge-secondary.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
        color: var(--rz-secondary-light);
    }

    .rz-variant-outlined.rz-badge-secondary.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
        color: var(--rz-secondary);
    }

    .rz-variant-outlined.rz-badge-secondary.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
        color: var(--rz-secondary-dark);
    }

    .rz-variant-outlined.rz-badge-secondary.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
        color: var(--rz-secondary-darker);
    }

.rz-variant-outlined.rz-badge-info {
    background-color: transparent;
}

    .rz-variant-outlined.rz-badge-info.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
        color: var(--rz-info-lighter);
    }

    .rz-variant-outlined.rz-badge-info.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
        color: var(--rz-info-light);
    }

    .rz-variant-outlined.rz-badge-info.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
        color: var(--rz-info);
    }

    .rz-variant-outlined.rz-badge-info.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
        color: var(--rz-info-dark);
    }

    .rz-variant-outlined.rz-badge-info.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
        color: var(--rz-info-darker);
    }

.rz-variant-outlined.rz-badge-warning {
    background-color: transparent;
}

    .rz-variant-outlined.rz-badge-warning.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
        color: var(--rz-warning-lighter);
    }

    .rz-variant-outlined.rz-badge-warning.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
        color: var(--rz-warning-light);
    }

    .rz-variant-outlined.rz-badge-warning.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
        color: var(--rz-warning);
    }

    .rz-variant-outlined.rz-badge-warning.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
        color: var(--rz-warning-dark);
    }

    .rz-variant-outlined.rz-badge-warning.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
        color: var(--rz-warning-darker);
    }

.rz-variant-outlined.rz-badge-error {
    background-color: transparent;
}

    .rz-variant-outlined.rz-badge-error.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
        color: var(--rz-error-lighter);
    }

    .rz-variant-outlined.rz-badge-error.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
        color: var(--rz-error-light);
    }

    .rz-variant-outlined.rz-badge-error.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error);
        color: var(--rz-error);
    }

    .rz-variant-outlined.rz-badge-error.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
        color: var(--rz-error-dark);
    }

    .rz-variant-outlined.rz-badge-error.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
        color: var(--rz-error-darker);
    }

.rz-variant-outlined.rz-badge-danger {
    background-color: transparent;
}

    .rz-variant-outlined.rz-badge-danger.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
        color: var(--rz-danger-lighter);
    }

    .rz-variant-outlined.rz-badge-danger.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
        color: var(--rz-danger-light);
    }

    .rz-variant-outlined.rz-badge-danger.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
        color: var(--rz-danger);
    }

    .rz-variant-outlined.rz-badge-danger.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
        color: var(--rz-danger-dark);
    }

    .rz-variant-outlined.rz-badge-danger.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
        color: var(--rz-danger-darker);
    }

.rz-variant-outlined.rz-badge-success {
    background-color: transparent;
}

    .rz-variant-outlined.rz-badge-success.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
        color: var(--rz-success-lighter);
    }

    .rz-variant-outlined.rz-badge-success.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
        color: var(--rz-success-light);
    }

    .rz-variant-outlined.rz-badge-success.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
        color: var(--rz-success);
    }

    .rz-variant-outlined.rz-badge-success.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
        color: var(--rz-success-dark);
    }

    .rz-variant-outlined.rz-badge-success.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
        color: var(--rz-success-darker);
    }

.rz-variant-text.rz-badge-primary {
    background-color: transparent;
}

    .rz-variant-text.rz-badge-primary.rz-shade-lighter {
        color: var(--rz-primary-lighter);
    }

    .rz-variant-text.rz-badge-primary.rz-shade-light {
        color: var(--rz-primary-light);
    }

    .rz-variant-text.rz-badge-primary.rz-shade-default {
        color: var(--rz-primary);
    }

    .rz-variant-text.rz-badge-primary.rz-shade-dark {
        color: var(--rz-primary-dark);
    }

    .rz-variant-text.rz-badge-primary.rz-shade-darker {
        color: var(--rz-primary-darker);
    }

.rz-variant-text.rz-badge-light {
    color: var(--rz-base-200);
    background-color: transparent;
}

.rz-variant-text.rz-badge-dark {
    color: var(--rz-base-900);
    background-color: transparent;
}

.rz-variant-text.rz-badge-secondary {
    background-color: transparent;
}

    .rz-variant-text.rz-badge-secondary.rz-shade-lighter {
        color: var(--rz-secondary-lighter);
    }

    .rz-variant-text.rz-badge-secondary.rz-shade-light {
        color: var(--rz-secondary-light);
    }

    .rz-variant-text.rz-badge-secondary.rz-shade-default {
        color: var(--rz-secondary);
    }

    .rz-variant-text.rz-badge-secondary.rz-shade-dark {
        color: var(--rz-secondary-dark);
    }

    .rz-variant-text.rz-badge-secondary.rz-shade-darker {
        color: var(--rz-secondary-darker);
    }

.rz-variant-text.rz-badge-info {
    background-color: transparent;
}

    .rz-variant-text.rz-badge-info.rz-shade-lighter {
        color: var(--rz-info-lighter);
    }

    .rz-variant-text.rz-badge-info.rz-shade-light {
        color: var(--rz-info-light);
    }

    .rz-variant-text.rz-badge-info.rz-shade-default {
        color: var(--rz-info);
    }

    .rz-variant-text.rz-badge-info.rz-shade-dark {
        color: var(--rz-info-dark);
    }

    .rz-variant-text.rz-badge-info.rz-shade-darker {
        color: var(--rz-info-darker);
    }

.rz-variant-text.rz-badge-warning {
    background-color: transparent;
}

    .rz-variant-text.rz-badge-warning.rz-shade-lighter {
        color: var(--rz-warning-lighter);
    }

    .rz-variant-text.rz-badge-warning.rz-shade-light {
        color: var(--rz-warning-light);
    }

    .rz-variant-text.rz-badge-warning.rz-shade-default {
        color: var(--rz-warning);
    }

    .rz-variant-text.rz-badge-warning.rz-shade-dark {
        color: var(--rz-warning-dark);
    }

    .rz-variant-text.rz-badge-warning.rz-shade-darker {
        color: var(--rz-warning-darker);
    }

.rz-variant-text.rz-badge-error {
    background-color: transparent;
}

    .rz-variant-text.rz-badge-error.rz-shade-lighter {
        color: var(--rz-error-lighter);
    }

    .rz-variant-text.rz-badge-error.rz-shade-light {
        color: var(--rz-error-light);
    }

    .rz-variant-text.rz-badge-error.rz-shade-default {
        color: var(--rz-error);
    }

    .rz-variant-text.rz-badge-error.rz-shade-dark {
        color: var(--rz-error-dark);
    }

    .rz-variant-text.rz-badge-error.rz-shade-darker {
        color: var(--rz-error-darker);
    }

.rz-variant-text.rz-badge-danger {
    background-color: transparent;
}

    .rz-variant-text.rz-badge-danger.rz-shade-lighter {
        color: var(--rz-danger-lighter);
    }

    .rz-variant-text.rz-badge-danger.rz-shade-light {
        color: var(--rz-danger-light);
    }

    .rz-variant-text.rz-badge-danger.rz-shade-default {
        color: var(--rz-danger);
    }

    .rz-variant-text.rz-badge-danger.rz-shade-dark {
        color: var(--rz-danger-dark);
    }

    .rz-variant-text.rz-badge-danger.rz-shade-darker {
        color: var(--rz-danger-darker);
    }

.rz-variant-text.rz-badge-success {
    background-color: transparent;
}

    .rz-variant-text.rz-badge-success.rz-shade-lighter {
        color: var(--rz-success-lighter);
    }

    .rz-variant-text.rz-badge-success.rz-shade-light {
        color: var(--rz-success-light);
    }

    .rz-variant-text.rz-badge-success.rz-shade-default {
        color: var(--rz-success);
    }

    .rz-variant-text.rz-badge-success.rz-shade-dark {
        color: var(--rz-success-dark);
    }

    .rz-variant-text.rz-badge-success.rz-shade-darker {
        color: var(--rz-success-darker);
    }

.rz-badge-pill {
    border-radius: var(--rz-badge-pill-border-radius);
    padding: var(--rz-badge-pill-padding);
}

:root {
    --rz-chip-background-color: var(--rz-base-200);
    --rz-chip-color: var(--rz-text-color);
    --rz-chip-padding: 0 0 0 0.5rem;
    --rz-chip-gap: 0.5rem;
    --rz-chip-border-radius: var(--rz-border-radius);
    --rz-chip-font-size: 0.875rem;
}

:root {
    --rz-input-font-size: var(--rz-body-font-size);
    --rz-input-height: 2.25rem;
    --rz-input-line-height: var(--rz-body-line-height);
    --rz-input-padding: 0.4375rem;
    --rz-input-value-color: var(--rz-base-500);
    --rz-input-placeholder-color: var(--rz-text-tertiary-color);
    --rz-input-background-color: var(--mud-palette-background);
    --rz-input-border: var(--rz-border-normal);
    --rz-input-border-radius: var(--rz-border-radius);
    --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-hover-border: var(--rz-border-hover);
    --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-focus-border: var(--rz-border-focus);
    --rz-input-disabled-border: var(--rz-border-disabled);
    --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-disabled-background-color: var(--rz-base-100);
    --rz-input-disabled-color: var(--rz-text-tertiary-color);
    --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
    --rz-input-disabled-opacity: 1;
    --rz-input-transition: var(--rz-transition-all);
}

.rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
    box-shadow: var(--rz-input-hover-shadow);
    border: var(--rz-input-hover-border);
}

.rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: var(--rz-input-focus-shadow);
    border: var(--rz-input-focus-border);
}

.rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled .rz-inputtext, .rz-listbox.rz-state-disabled, .rz-autocomplete-input:disabled, .rz-state-disabled.rz-autocomplete, .rz-state-disabled.rz-multiselect, .rz-state-disabled.rz-dropdown, .rz-radiobutton-box.rz-state-disabled, .rz-chkbox-box.rz-state-disabled, .rz-colorpicker:disabled, .rz-lookup-search input:disabled, .rz-spinner:disabled, .rz-calendar .rz-inputtext:disabled, .rz-multiselect:disabled, .rz-dropdown:disabled, .mask:disabled, .rz-textarea:disabled, .rz-textbox:disabled {
    color: var(--rz-input-disabled-color);
    box-shadow: var(--rz-input-disabled-shadow);
    background-color: var(--rz-input-disabled-background-color);
    border: var(--rz-input-disabled-border);
    opacity: var(--rz-input-disabled-opacity);
}

    .rz-spinner.rz-state-disabled::placeholder, .rz-calendar.rz-state-disabled .rz-inputtext::placeholder, .rz-listbox.rz-state-disabled::placeholder, .rz-autocomplete-input:disabled::placeholder, .rz-state-disabled.rz-autocomplete::placeholder, .rz-state-disabled.rz-multiselect::placeholder, .rz-state-disabled.rz-dropdown::placeholder, .rz-radiobutton-box.rz-state-disabled::placeholder, .rz-chkbox-box.rz-state-disabled::placeholder, .rz-colorpicker:disabled::placeholder, .rz-lookup-search input:disabled::placeholder, .rz-spinner:disabled::placeholder, .rz-calendar .rz-inputtext:disabled::placeholder, .rz-multiselect:disabled::placeholder, .rz-dropdown:disabled::placeholder, .mask:disabled::placeholder, .rz-textarea:disabled::placeholder, .rz-textbox:disabled::placeholder {
        color: var(--rz-input-disabled-placeholder-color);
    }

    .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled .rz-inputtext .rz-inputtext, .rz-listbox.rz-state-disabled .rz-inputtext, .rz-autocomplete-input:disabled .rz-inputtext, .rz-state-disabled.rz-autocomplete .rz-inputtext, .rz-state-disabled.rz-multiselect .rz-inputtext, .rz-state-disabled.rz-dropdown .rz-inputtext, .rz-radiobutton-box.rz-state-disabled .rz-inputtext, .rz-chkbox-box.rz-state-disabled .rz-inputtext, .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search input:disabled .rz-inputtext, .rz-spinner:disabled .rz-inputtext, .rz-calendar .rz-inputtext:disabled .rz-inputtext, .rz-multiselect:disabled .rz-inputtext, .rz-dropdown:disabled .rz-inputtext, .mask:disabled .rz-inputtext, .rz-textarea:disabled .rz-inputtext, .rz-textbox:disabled .rz-inputtext {
        background-color: var(--rz-input-disabled-background-color);
        color: var(--rz-input-disabled-color);
    }

input {
    color: var(--rz-input-value-color);
    font-size: var(--rz-input-font-size);
}

    input::placeholder {
        color: var(--rz-input-placeholder-color);
    }

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
    padding: var(--rz-input-padding);
}

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
    border: var(--rz-input-border);
    border-radius: var(--rz-input-border-radius);
    box-shadow: var(--rz-input-shadow);
    background-color: var(--rz-input-background-color);
}

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
    height: var(--rz-input-height);
    line-height: var(--rz-input-line-height);
    font-size: var(--rz-input-font-size);
    transition: var(--rz-input-transition);
    outline: none;
}

@media (max-width: 768px) {
    .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox,
    input {
        font-size: 1rem;
    }
}

:root {
    --rz-header-background-color: var(--rz-base-background-color);
    --rz-header-min-height: 3.125rem;
    --rz-header-z: 2;
    --rz-header-border: var(--rz-border-base-200);
    --rz-header-color: var(--rz-text-color);
    --rz-header-shadow: none;
}

.header {
    background-color: var(--rz-header-background-color);
    min-height: var(--rz-header-min-height);
    border-bottom: var(--rz-header-border);
    color: var(--rz-header-color);
    box-shadow: var(--rz-header-shadow);
}

    .header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: var(--rz-header-z);
    }

    .header a {
        text-decoration: none;
    }

:root {
    --rz-footer-padding: 1rem;
    --rz-footer-background-color: var(--rz-base-background-color);
    --rz-footer-border: var(--rz-border-base-200);
    --rz-footer-color: var(--rz-text-color);
    --rz-footer-z: 2;
}

.footer {
    padding: var(--rz-footer-padding);
    border-top: var(--rz-footer-border);
    background-color: var(--rz-footer-background-color);
    color: var(--rz-footer-color);
}

    .footer.fixed {
        position: fixed;
        z-index: var(--rz-footer-z);
        bottom: 0;
        left: 0;
        right: 0;
    }

:root {
    --rz-sidebar-z: 2;
    --rz-sidebar-width: 250px;
    --rz-sidebar-border-right: var(--rz-border-normal);
    --rz-sidebar-background-color: var(--rz-base-800);
}

.rz-sidebar {
    background-color: var(--rz-sidebar-background-color);
    border-right: var(--rz-sidebar-border-right);
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: var(--rz-sidebar-z);
    width: var(--rz-sidebar-width);
    opacity: 1;
    transition: var(--rz-transition-all);
}

@media (max-width: 768px) {
    .rz-sidebar-responsive {
        width: 0;
        opacity: 0;
    }
}

.rz-sidebar-expanded {
    width: var(--rz-sidebar-width);
    opacity: 1;
}

.rz-sidebar-collapsed {
    width: 0 !important;
    opacity: 0;
}

.rz-card {
    --rz-card-padding: 1.25rem;
    --rz-card-background-color: var(--rz-base-background-color);
    --rz-card-shadow: var(--rz-shadow-2);
    --rz-card-border-radius: var(--rz-border-radius);
    --rz-card-heading-margin-bottom: 0.5rem;
    padding: var(--rz-card-padding);
    border-radius: var(--rz-card-border-radius);
    box-shadow: var(--rz-card-shadow);
    background-color: var(--rz-card-background-color);
}

    .rz-card h1,
    .rz-card h2,
    .rz-card h3,
    .rz-card h4,
    .rz-card h5,
    .rz-card h6 {
        margin-bottom: var(--rz-card-heading-margin-bottom);
    }

    .rz-card p {
        margin-bottom: 0;
    }

:root {
    --rz-body-padding: 1rem;
}

.body {
    padding: var(--rz-body-padding);
}

.rz-body {
    padding: var(--rz-body-padding);
}

.rz-layout .rz-body {
    transform: translateZ(0);
}

:root {
    --rz-accordion-item-padding: 0.25rem 0;
    --rz-accordion-item-margin: 0;
    --rz-accordion-item-border: none;
    --rz-accordion-item-background-color: var(--rz-base-background-color);
    --rz-accordion-item-color: var(--rz-text-color);
    --rz-accordion-item-line-height: 1.25rem;
    --rz-accordion-item-font-size: var(--rz-body-font-size);
    --rz-accordion-item-font-weight: normal;
    --rz-accordion-icon-width: var(--rz-icon-size);
    --rz-accordion-icon-height: var(--rz-icon-size);
    --rz-accordion-icon-font-size: var(--rz-icon-size);
    --rz-accordion-icon-margin: 0 0.25rem 0 0;
    --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0;
    --rz-accordion-toggle-icon-order: 0;
    --rz-accordion-selected-color: var(--rz-secondary);
    --rz-accordion-hover-color: var(--rz-secondary);
    --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    --rz-accordion-content-font-size: var(--rz-body-font-size);
    --rz-accordion-border-radius: var(--rz-border-radius);
    --rz-accordion-shadow: none;
}

.rz-accordion {
    box-shadow: var(--rz-accordion-shadow);
}

.rz-accordion-header {
    background-color: var(--rz-accordion-item-background-color);
    margin: var(--rz-accordion-item-margin);
}

    .rz-accordion-header:not(:first-child) {
        border-top: var(--rz-accordion-item-border);
    }

    .rz-accordion-header a[role='tab'] {
        padding: var(--rz-accordion-item-padding);
        color: var(--rz-accordion-item-color);
        line-height: var(--rz-accordion-item-line-height);
        text-decoration: none;
        display: flex;
        align-items: center;
        font-size: var(--rz-accordion-item-font-size);
        font-weight: var(--rz-accordion-item-font-weight);
    }

        .rz-accordion-header a[role='tab']:hover {
            color: var(--rz-accordion-hover-color);
        }

        .rz-accordion-header a[role='tab'] span:not(.rz-accordion-toggle-icon) {
            flex-grow: 1;
        }

    .rz-accordion-header .rzi, .rz-accordion-header .rz-column-drag, .rz-accordion-header .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-accordion-header .rzi-circle-o-notch, .rz-accordion-header .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-accordion-header .rzi-plus, .rz-accordion-header .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-accordion-header .rzi-grid-sort, .rz-accordion-header .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-accordion-header .rzi-chevron-circle-down, .rz-accordion-header .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-accordion-header .rzi-chevron-circle-right, .rz-accordion-header .rz-fileupload-row .rz-button .rzi-close, .rz-accordion-header .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-accordion-header .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-accordion-header .rzi-close,
    .rz-accordion-header .rz-fileupload-row .rz-button .rzi-times,
    .rz-accordion-header .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-accordion-header .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-accordion-header .rzi-times,
    .rz-accordion-header .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-accordion-header .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-accordion-header .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-accordion-header .rz-icon-trash, .rz-accordion-header .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-accordion-header .rz-menuitem-icon {
        font-size: var(--rz-accordion-icon-font-size);
        margin: var(--rz-accordion-icon-margin);
    }

.rz-accordion-toggle-icon {
    width: var(--rz-accordion-icon-width);
    height: var(--rz-accordion-icon-height);
    font-size: var(--rz-accordion-icon-font-size);
    order: var(--rz-accordion-toggle-icon-order);
}

    .rz-accordion-toggle-icon.rzi, .rz-accordion-toggle-icon.rz-column-drag, .rz-datatable-loading-content .rz-accordion-toggle-icon.rzi-circle-o-notch, .rz-datatable-header .rz-accordion-toggle-icon.rzi-plus, .rz-sortable-column .rz-accordion-toggle-icon.rzi-grid-sort, .rz-datatable .rz-accordion-toggle-icon.rzi-chevron-circle-down, .rz-datatable .rz-accordion-toggle-icon.rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rz-accordion-toggle-icon.rzi-close, .rz-fileupload-row .rz-paginator-element .rz-accordion-toggle-icon.rzi-close,
    .rz-fileupload-row .rz-button .rz-accordion-toggle-icon.rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-accordion-toggle-icon.rzi-times,
    .rz-fileupload-row .rz-button .rz-accordion-toggle-icon.rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-accordion-toggle-icon.rz-icon-trash, .rz-menuitem .rz-accordion-toggle-icon.rz-menuitem-icon {
        margin: var(--rz-accordion-toggle-icon-margin);
    }

    .rz-accordion-toggle-icon.rzi-chevron-right:before {
        content: "arrow_right";
    }

    .rz-accordion-toggle-icon.rzi-chevron-down:before {
        content: "arrow_drop_down";
    }

.rz-state-active a[role='tab'] {
    color: var(--rz-accordion-selected-color);
}

.rz-accordion-content-wrapper-overflown {
    overflow: hidden;
}

.rz-accordion-content {
    font-size: var(--rz-accordion-content-font-size);
    background-color: var(--rz-accordion-item-background-color);
    padding: var(--rz-accordion-content-padding);
}

:root {
    --rz-panel-background-color: var(--rz-base-background-color);
    --rz-panel-padding: 0.5rem;
    --rz-panel-title-line-height: 1.25rem;
    --rz-panel-title-font-weight: 600;
    --rz-panel-content-margin: 0;
    --rz-panel-toggle-icon-width: var(--rz-icon-size);
    --rz-panel-toggle-icon-height: var(--rz-icon-size);
    --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-toggle-icon-border-radius: 2px;
    --rz-panel-toggle-icon-background-color: var(--rz-base-200);
    --rz-panel-hover-color: var(--rz-secondary);
    --rz-panel-border-radius: var(--rz-border-radius);
    --rz-panel-shadow: none;
}

.rz-panel {
    background: var(--rz-panel-background-color);
    border-radius: var(--rz-panel-border-radius);
    padding: var(--rz-panel-padding);
    box-shadow: var(--rz-panel-shadow);
    display: flex;
    flex-direction: column;
}

.rz-panel-titlebar {
    display: flex;
    justify-content: space-between;
}

.rz-panel-content {
    margin: var(--rz-panel-content-margin);
}

.rz-panel-content-wrapper[aria-hidden='true'] {
    display: none;
}

.rz-panel-title {
    line-height: var(--rz-panel-title-line-height);
    font-weight: var(--rz-panel-title-font-weight);
}

.rz-panel-titlebar-toggler {
    width: var(--rz-panel-toggle-icon-width);
    height: var(--rz-panel-toggle-icon-height);
    font-size: var(--rz-panel-toggle-icon-font-size);
    border-radius: var(--rz-panel-toggle-icon-border-radius);
    background-color: var(--rz-panel-toggle-icon-background-color);
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .rz-panel-titlebar-toggler:hover {
        text-decoration: none;
        color: var(--rz-panel-hover-color);
    }

    .rz-panel-titlebar-toggler .rzi-minus:before {
        content: 'remove';
    }

    .rz-panel-titlebar-toggler .rzi-plus:before {
        content: 'add';
    }

:root {
    --rz-sidebar-toggle-icon-width: 1.5rem;
    --rz-sidebar-toggle-icon-height: 1.5rem;
    --rz-sidebar-toggle-margin: 0 1rem 0 0;
    --rz-sidebar-toggle-padding: 0.8125rem;
    --rz-sidebar-toggle-border: var(--rz-border-base-200);
    --rz-sidebar-toggle-color: var(--rz-base-900);
    --rz-sidebar-toggle-background-color: var(--rz-header-background-color);
    --rz-sidebar-toggle-hover-color: var(--rz-secondary);
    --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color);
    --rz-sidebar-toggle-hover-border-radius: 0;
}

.rz-sidebar-toggle {
    -webkit-appearance: none;
    border: none;
    padding: var(--rz-sidebar-toggle-padding);
    margin: var(--rz-sidebar-toggle-margin);
    border-right: var(--rz-sidebar-toggle-border);
    background-color: var(--rz-sidebar-toggle-background-color);
    color: var(--rz-sidebar-toggle-color);
}

    .rz-sidebar-toggle:focus {
        outline: none;
    }

    .rz-sidebar-toggle:hover {
        color: var(--rz-sidebar-toggle-hover-color);
        background: var(--rz-sidebar-toggle-hover-background-color);
        border-radius: var(--rz-sidebar-toggle-hover-border-radius);
    }

    .rz-sidebar-toggle .rzi, .rz-sidebar-toggle .rz-column-drag, .rz-sidebar-toggle .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-sidebar-toggle .rzi-circle-o-notch, .rz-sidebar-toggle .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-sidebar-toggle .rzi-plus, .rz-sidebar-toggle .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-sidebar-toggle .rzi-grid-sort, .rz-sidebar-toggle .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-sidebar-toggle .rzi-chevron-circle-down, .rz-sidebar-toggle .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-sidebar-toggle .rzi-chevron-circle-right, .rz-sidebar-toggle .rz-fileupload-row .rz-button .rzi-close, .rz-sidebar-toggle .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-sidebar-toggle .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-sidebar-toggle .rzi-close,
    .rz-sidebar-toggle .rz-fileupload-row .rz-button .rzi-times,
    .rz-sidebar-toggle .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-sidebar-toggle .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-sidebar-toggle .rzi-times,
    .rz-sidebar-toggle .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-sidebar-toggle .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-sidebar-toggle .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-sidebar-toggle .rz-icon-trash, .rz-sidebar-toggle .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-sidebar-toggle .rz-menuitem-icon {
        width: var(--rz-sidebar-toggle-icon-width);
        height: var(--rz-sidebar-toggle-icon-height);
        font-size: var(--rz-sidebar-toggle-icon-width);
    }

.rz-navigation-item-link {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}

    .rz-navigation-item-link:hover {
        text-decoration: none;
    }

.rz-navigation-item-text {
    flex: auto;
}

:root {
    --rz-menu-background-color: var(--rz-base-background-color);
    --rz-menu-border: var(--rz-border-normal);
    --rz-menu-border-radius: 2px;
    --rz-menu-item-padding: 0.5rem 1rem 0.5rem 0.5rem;
    --rz-menu-item-border-radius: 0;
    --rz-menu-item-color: var(--rz-text-color);
    --rz-menu-item-hover-color: var(--rz-text-contrast-color);
    --rz-menu-item-hover-background-color: var(--rz-secondary-light);
    --rz-menu-item-selected-color: var(--rz-text-color);
    --rz-menu-item-icon-margin: 0 0.5rem 0 0;
    --rz-menu-item-icon-color: var(--rz-text-color);
    --rz-menu-item-icon-hover-color: var(--rz-text-contrast-color);
    --rz-menu-item-offset: 1rem;
    --rz-menu-item-transition: none;
    --rz-menu-top-item-padding: 0.5rem;
    --rz-menu-top-item-border-radius: 0;
    --rz-menu-top-item-hover-color: var(--rz-secondary);
    --rz-menu-top-item-hover-background-color: transparent;
    --rz-menu-top-item-background-color: var(--rz-base-background-color);
    --rz-menu-top-item-color: var(--rz-text-color);
    --rz-context-menu-padding: 0;
    --rz-context-menu-box-shadow: 0 10px 8px 0 rgba(58, 71, 77, 0.06);
}

.rz-context-menu .rz-menu {
    flex-direction: column;
}

.rz-context-menu .rz-menu, .rz-context-menu .rz-navigation-menu {
    box-shadow: var(--rz-context-menu-box-shadow);
    border: var(--rz-menu-border);
    border-radius: var(--rz-menu-border-radius);
}

.rz-menu:not(.rz-profile-menu) {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    background-color: var(--rz-menu-top-item-background-color);
}

.rz-context-menu .rz-menu:not(.rz-profile-menu) {
    padding: var(--rz-context-menu-padding);
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
    color: var(--rz-menu-top-item-color);
    white-space: nowrap;
}

    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
    .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
    .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
    .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
    .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
        color: var(--rz-menu-item-icon-color);
    }

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
    border-radius: var(--rz-menu-top-item-border-radius);
}

    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
        padding: var(--rz-menu-top-item-padding);
    }

    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover {
        background-color: var(--rz-menu-top-item-hover-background-color);
    }

        .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
            color: var(--rz-menu-top-item-hover-color);
        }

            .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
            .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
            .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
            .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
            .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
            .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
            .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
            .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
            .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
                color: var(--rz-menu-item-icon-hover-color);
            }

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
    color: var(--rz-menu-item-selected-color);
}

    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
    .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
    .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
    .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
    .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
        color: var(--rz-menu-item-selected-color);
    }

.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before {
    position: absolute;
    content: '';
    bottom: -2px;
    height: 1px;
    left: 0;
    right: 0;
    background-color: var(--rz-menu-item-selected-color);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item {
    position: relative;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
    list-style: none;
    overflow: hidden;
    position: absolute;
    padding: var(--rz-context-menu-padding);
    margin: 0;
    min-width: 100%;
    box-shadow: var(--rz-context-menu-box-shadow);
    z-index: 3;
    border-radius: var(--rz-menu-border-radius);
    background-color: var(--rz-menu-background-color);
}

    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper {
        border-radius: var(--rz-menu-item-border-radius);
    }

        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link {
            padding: var(--rz-menu-item-padding);
        }

        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover {
            background-color: var(--rz-menu-item-hover-background-color);
        }

            .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
                color: var(--rz-menu-item-hover-color);
            }

                .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
                .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
                .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
                .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
                .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
                .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
                .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
                .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
                .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
                    color: var(--rz-menu-item-icon-hover-color);
                }

    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
        color: var(--rz-menu-item-color);
        white-space: nowrap;
    }

        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
        .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
        .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
        .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
        .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
            color: var(--rz-menu-item-icon-color);
        }

    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu {
        position: static;
        box-shadow: none;
    }

        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
            color: var(--rz-menu-item-color);
            margin-left: var(--rz-menu-item-offset);
        }

        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
            margin-left: calc(var(--rz-menu-item-offset) * 2);
        }

        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
            margin-left: calc(var(--rz-menu-item-offset) * 3);
        }

.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rzi-close:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
.rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rzi-times:not(.rz-navigation-item-icon-children),
.rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rzi-times:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
.rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-icon-trash:not(.rz-navigation-item-icon-children),
.rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
    margin: var(--rz-menu-item-icon-margin);
}

.rz-navigation-item-wrapper,
.rz-navigation-item-link,
.rz-navigation-item-text {
    transition: var(--rz-menu-item-transition);
}

.rz-menu-toggle-item {
    display: none;
    padding: var(--rz-menu-top-item-padding);
    text-align: right;
    width: 100%;
    height: 100%;
}

.rz-menu-toggle {
    appearance: none;
    background-color: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .rz-menu-toggle:active {
        background-color: transparent;
        color: inherit;
    }

@media (max-width: 768px) {
    .rz-menu.rz-menu-closed:not(.rz-profile-menu) .rz-navigation-item {
        display: none;
    }

    .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-column-drag, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-circle-o-notch, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-plus, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-grid-sort, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-chevron-circle-down, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-chevron-circle-right, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-button .rzi-close, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-close,
    .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-button .rzi-times,
    .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi-times,
    .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-icon-trash, .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rz-menuitem-icon {
        margin: 0;
    }

    .rz-menu.rz-menu-open:not(.rz-profile-menu) {
        display: block;
    }

        .rz-menu.rz-menu-open:not(.rz-profile-menu) .rz-navigation-item {
            background-color: inherit;
        }

        .rz-menu.rz-menu-open:not(.rz-profile-menu) .rz-navigation-menu {
            position: static;
            box-shadow: none;
        }

    .rz-menu:not(.rz-profile-menu) .rz-menu-toggle-item {
        display: block;
    }

    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active:before {
        display: none !important;
    }
}

:root {
    --rz-panel-menu-font-size: var(--rz-body-font-size);
    --rz-panel-menu-font-weight: 600;
    --rz-panel-menu-color: var(--rz-text-contrast-color);
    --rz-panel-menu-background-color: var(--rz-base-800);
    --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.3);
    --rz-panel-menu-hover-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-line-height: 1.25rem;
    --rz-panel-menu-item-padding: 0.75rem 1rem;
    --rz-panel-menu-item-border: var(--rz-border-base-900);
    --rz-panel-menu-item-active-background-color: var(--rz-base-900);
    --rz-panel-menu-item-background-color: var(--rz-base-900);
    --rz-panel-menu-item-active-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-active-indicator: var(--rz-secondary);
    --rz-panel-menu-item-offset: 0.75rem;
    --rz-panel-menu-item-transition: var(--rz-transition-all);
    --rz-panel-menu-2nd-level-vertical-offset: 0;
    --rz-panel-menu-item-2nd-level-padding: 0.5rem 1rem;
    --rz-panel-menu-item-2nd-level-margin: 0;
    --rz-panel-menu-item-2nd-level-border-radius: 0;
    --rz-panel-menu-item-2nd-level-offset: 2.75rem;
    --rz-panel-menu-item-2nd-level-font-size: var(--rz-body-font-size);
    --rz-panel-menu-item-2nd-level-font-weight: 400;
    --rz-panel-menu-item-2nd-level-color: inherit;
    --rz-panel-menu-item-2nd-level-hover-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-2nd-level-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-2nd-level-hover-color: inherit;
    --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-2nd-level-active-color: inherit;
    --rz-panel-menu-item-2nd-level-active-font-weight: inherit;
    --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6);
    --rz-panel-menu-item-3rd-level-hover-color: inherit;
    --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6);
    --rz-panel-menu-item-3rd-level-active-color: inherit;
    --rz-panel-menu-icon-width: var(--rz-icon-size);
    --rz-panel-menu-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-icon-color: inherit;
    --rz-panel-menu-icon-height: var(--rz-icon-size);
    --rz-panel-menu-icon-margin: 0 0.5rem 0 0;
    --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.625rem;
    --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size)*0.8);
    --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-toggle-icon-opacity: 1;
}

.rz-panel-menu {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    overflow: auto;
    font-size: var(--rz-panel-menu-font-size);
    font-weight: var(--rz-panel-menu-font-weight);
    color: var(--rz-panel-menu-color);
    background-color: var(--rz-panel-menu-background-color);
}

    .rz-panel-menu .rz-navigation-item {
        border-bottom: var(--rz-panel-menu-item-border);
    }

    .rz-panel-menu .rz-navigation-item-wrapper {
        position: relative;
        line-height: var(--rz-panel-menu-item-line-height);
        transition: var(--rz-panel-menu-item-transition);
    }

        .rz-panel-menu .rz-navigation-item-wrapper:hover {
            background-color: var(--rz-panel-menu-hover-background-color);
            color: var(--rz-panel-menu-hover-color);
        }

            .rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
                color: var(--rz-panel-menu-hover-color);
            }

    .rz-panel-menu .rz-navigation-item-active,
    .rz-panel-menu .rz-navigation-item-wrapper-active {
        background-color: var(--rz-panel-menu-item-active-background-color);
        color: var(--rz-panel-menu-item-active-color);
    }

        .rz-panel-menu .rz-navigation-item-active:before,
        .rz-panel-menu .rz-navigation-item-wrapper-active:before {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            width: 4px;
            background-color: var(--rz-panel-menu-item-active-indicator);
        }

        .rz-panel-menu .rz-navigation-item-active .rz-navigation-item-icon,
        .rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
            color: var(--rz-panel-menu-item-active-color);
        }

    .rz-panel-menu .rz-navigation-item-link {
        padding: var(--rz-panel-menu-item-padding);
        color: inherit;
        cursor: pointer;
        text-decoration: none;
    }

    .rz-panel-menu a.rz-navigation-item-link {
        cursor: pointer;
        text-decoration: none;
    }

    .rz-panel-menu .rz-navigation-item-text {
        flex: auto;
    }

    .rz-panel-menu .rz-navigation-item-icon-children {
        font-size: var(--rz-panel-menu-toggle-icon-font-size);
        opacity: var(--rz-panel-menu-toggle-icon-opacity);
    }

    .rz-panel-menu .rz-navigation-item-icon {
        height: var(--rz-panel-menu-icon-height);
        width: var(--rz-panel-menu-icon-width);
        color: var(--rz-panel-menu-icon-color);
        margin: var(--rz-panel-menu-icon-margin);
        font-size: var(--rz-panel-menu-icon-font-size);
        transition: var(--rz-panel-menu-item-transition);
    }

    .rz-panel-menu .rz-navigation-menu {
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        overflow: hidden;
    }

        .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
            margin: var(--rz-panel-menu-item-2nd-level-margin);
            border-radius: var(--rz-panel-menu-item-2nd-level-border-radius);
            background-color: var(--rz-panel-menu-item-background-color);
            overflow: hidden;
        }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
                background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color);
                color: var(--rz-panel-menu-item-2nd-level-hover-color);
            }

                .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
                    color: var(--rz-panel-menu-item-2nd-level-hover-color);
                }

        .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active,
        .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
            background-color: var(--rz-panel-menu-item-2nd-level-active-background-color);
            color: var(--rz-panel-menu-item-2nd-level-active-color);
            font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight);
        }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active .rz-navigation-item-icon,
            .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
                color: var(--rz-panel-menu-item-2nd-level-active-color);
            }

        .rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
            height: var(--rz-panel-menu-icon-2nd-level-icon-size);
            width: var(--rz-panel-menu-icon-2nd-level-icon-size);
            font-size: var(--rz-panel-menu-icon-2nd-level-icon-size);
            margin: var(--rz-panel-menu-icon-2nd-level-margin);
        }

        .rz-panel-menu .rz-navigation-menu .rz-navigation-menu {
            margin: 0;
        }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
                padding-left: var(--rz-panel-menu-item-offset);
            }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper {
                background-color: var(--rz-panel-menu-item-2nd-level-background-color);
                color: var(--rz-panel-menu-item-2nd-level-color);
            }

                .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
                    background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color);
                    color: var(--rz-panel-menu-item-3rd-level-hover-color);
                }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active,
            .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
                background-color: var(--rz-panel-menu-item-3rd-level-active-background-color);
                color: var(--rz-panel-menu-item-3rd-level-active-color);
            }

        .rz-panel-menu .rz-navigation-menu .rz-navigation-item {
            border-bottom: none;
            color: var(--rz-panel-menu-item-2nd-level-color);
            font-size: var(--rz-panel-menu-item-2nd-level-font-size);
            font-weight: var(--rz-panel-menu-item-2nd-level-font-weight);
        }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-item:first-child {
                margin-top: var(--rz-panel-menu-2nd-level-vertical-offset);
            }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child {
                margin-bottom: var(--rz-panel-menu-2nd-level-vertical-offset);
            }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
                padding: var(--rz-panel-menu-item-2nd-level-padding);
                padding-left: var(--rz-panel-menu-item-2nd-level-offset);
            }

:root {
    --rz-profile-menu-background-color: var(--rz-base-background-color);
    --rz-profile-menu-top-item-background-color: var(--rz-base-background-color);
    --rz-profile-menu-border: var(--rz-border-base-200);
    --rz-profile-menu-padding: 0.625rem 1rem;
    --rz-profile-menu-border-radius: var(--rz-border-radius);
    --rz-profile-menu-toggle-button-color: var(--rz-secondary);
    --rz-profile-menu-item-hover-background-color: var(--rz-secondary);
    --rz-profile-menu-item-icon-width: var(--rz-icon-size);
    --rz-profile-menu-item-icon-height: var(--rz-icon-size);
    --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
    --rz-profile-menu-item-icon-margin: 0 0.5rem 0 0;
}

ul.rz-profile-menu {
    list-style: none;
    margin-bottom: 0;
    padding: var(--rz-profile-menu-padding);
    display: inline-block;
    background-color: var(--rz-profile-menu-top-item-background-color);
    border-left: var(--rz-profile-menu-border);
    position: relative;
    z-index: 3;
}

    ul.rz-profile-menu .rz-navigation-item-icon-children {
        color: var(--rz-profile-menu-toggle-button-color);
    }

    ul.rz-profile-menu .rz-navigation-menu {
        border-radius: var(--rz-profile-menu-border-radius);
        background-color: var(--rz-profile-menu-background-color);
        box-shadow: var(--rz-context-menu-box-shadow);
        overflow: hidden;
        margin-bottom: 0;
        padding: var(--rz-context-menu-padding);
        position: absolute;
        text-align: left;
        top: calc(100% - 2px);
        min-width: 100%;
        right: 0;
        white-space: nowrap;
    }

        ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link {
            padding: var(--rz-menu-item-padding);
        }

        ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
            background-color: var(--rz-profile-menu-item-hover-background-color);
            color: var(--rz-menu-item-hover-color);
        }

            ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
                color: var(--rz-menu-item-hover-color);
            }

            ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-text {
                color: var(--rz-menu-item-hover-color);
            }

        ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-link,
        ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-text {
            color: var(--rz-menu-item-color);
        }

        ul.rz-profile-menu .rz-navigation-menu .rzi, ul.rz-profile-menu .rz-navigation-menu .rz-column-drag, ul.rz-profile-menu .rz-navigation-menu .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content ul.rz-profile-menu .rz-navigation-menu .rzi-circle-o-notch, ul.rz-profile-menu .rz-navigation-menu .rz-datatable-header .rzi-plus, .rz-datatable-header ul.rz-profile-menu .rz-navigation-menu .rzi-plus, ul.rz-profile-menu .rz-navigation-menu .rz-sortable-column .rzi-grid-sort, .rz-sortable-column ul.rz-profile-menu .rz-navigation-menu .rzi-grid-sort, ul.rz-profile-menu .rz-navigation-menu .rz-datatable .rzi-chevron-circle-down, .rz-datatable ul.rz-profile-menu .rz-navigation-menu .rzi-chevron-circle-down, ul.rz-profile-menu .rz-navigation-menu .rz-datatable .rzi-chevron-circle-right, .rz-datatable ul.rz-profile-menu .rz-navigation-menu .rzi-chevron-circle-right, ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-button .rzi-close, ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button ul.rz-profile-menu .rz-navigation-menu .rzi-close, .rz-fileupload-row .rz-paginator-element ul.rz-profile-menu .rz-navigation-menu .rzi-close,
        ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-button .rzi-times,
        ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-button ul.rz-profile-menu .rz-navigation-menu .rzi-times,
        .rz-fileupload-row .rz-paginator-element ul.rz-profile-menu .rz-navigation-menu .rzi-times,
        ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-button .rz-icon-trash,
        ul.rz-profile-menu .rz-navigation-menu .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-button ul.rz-profile-menu .rz-navigation-menu .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element ul.rz-profile-menu .rz-navigation-menu .rz-icon-trash, ul.rz-profile-menu .rz-navigation-menu .rz-menuitem .rz-menuitem-icon, .rz-menuitem ul.rz-profile-menu .rz-navigation-menu .rz-menuitem-icon {
            width: var(--rz-profile-menu-item-icon-width);
            height: var(--rz-profile-menu-item-icon-height);
            font-size: var(--rz-profile-menu-item-icon-font-size);
            margin: var(--rz-profile-menu-item-icon-margin);
        }

:root {
    --rz-gravatar-width: 2rem;
    --rz-gravatar-height: 2rem;
    --rz-gravatar-border-radius: 50%;
    --rz-gravatar-box-shadow: none;
}

.rz-gravatar {
    width: var(--rz-gravatar-width);
    height: var(--rz-gravatar-height);
    display: inline-block;
    border-radius: var(--rz-gravatar-border-radius);
    box-shadow: var(--rz-gravatar-box-shadow);
}

:root {
    --rz-steps-color: var(--rz-text-color);
    --rz-steps-number-border-radius: 50%;
    --rz-steps-number-padding: 0.375rem 0;
    --rz-steps-number-width: 2rem;
    --rz-steps-number-height: 2rem;
    --rz-steps-number-line-height: var(--rz-body-line-height);
    --rz-steps-number-color: var(--rz-text-color);
    --rz-steps-number-background-color: var(--rz-base-200);
    --rz-steps-number-selected-color: var(--rz-text-contrast-color);
    --rz-steps-number-selected-background: var(--rz-secondary);
    --rz-steps-title-selected-color: var(--rz-secondary);
    --rz-steps-title-margin: 0 1rem 0 0.5rem;
    --rz-steps-buttons-padding: 1rem 0;
    --rz-steps-button-color: var(--rz-text-secondary-color);
}

.rz-steps {
    display: flex;
    flex-direction: column;
}

    .rz-steps .rz-widget-content {
        flex: 1;
        overflow: auto;
    }

    .rz-steps ul {
        list-style: none;
        padding: 0;
    }

    .rz-steps .rz-menuitem-link {
        display: inline-flex;
        align-items: center;
        color: var(--rz-steps-color);
        cursor: pointer;
    }

        .rz-steps .rz-menuitem-link:hover {
            text-decoration: none;
            color: var(--rz-steps-title-selected-color) !important;
        }

    .rz-steps .rz-state-disabled .rz-menuitem-link {
        color: var(--rz-text-disabled-color);
        cursor: default;
    }

        .rz-steps .rz-state-disabled .rz-menuitem-link:hover {
            color: var(--rz-text-disabled-color) !important;
        }

    .rz-steps .rz-state-highlight .rz-steps-title {
        color: var(--rz-steps-title-selected-color);
    }

    .rz-steps .rz-state-highlight .rz-steps-number {
        background: var(--rz-steps-number-selected-background);
        color: var(--rz-steps-number-selected-color);
    }

.rz-steps-item {
    display: inline-block;
}

.rz-steps-title {
    margin: var(--rz-steps-title-margin);
}

.rz-steps-number {
    text-align: center;
    line-height: var(--rz-steps-number-line-height);
    color: var(--rz-steps-number-color);
    padding: var(--rz-steps-number-padding);
    width: var(--rz-steps-number-width);
    height: var(--rz-steps-number-height);
    background-color: var(--rz-steps-number-background-color);
    border-radius: var(--rz-steps-number-border-radius);
}

.rz-steps-buttons {
    display: flex;
    justify-content: space-between;
    padding: var(--rz-steps-buttons-padding);
}

.rz-steps-next,
.rz-steps-prev {
    display: inline-flex;
    align-items: center;
    color: var(--rz-steps-button-color) !important;
}

    .rz-steps-next:not(.rz-state-disabled):hover,
    .rz-steps-prev:not(.rz-state-disabled):hover {
        cursor: pointer;
        color: var(--rz-steps-title-selected-color) !important;
    }

    .rz-steps-next:hover,
    .rz-steps-prev:hover {
        text-decoration: none;
    }

    .rz-steps-next.rz-state-disabled,
    .rz-steps-prev.rz-state-disabled {
        opacity: 0.5 !important;
    }

    .rz-steps-next .rzi, .rz-steps-next .rz-column-drag, .rz-steps-next .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-steps-next .rzi-circle-o-notch, .rz-steps-next .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-steps-next .rzi-plus, .rz-steps-next .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-steps-next .rzi-grid-sort, .rz-steps-next .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-steps-next .rzi-chevron-circle-down, .rz-steps-next .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-steps-next .rzi-chevron-circle-right, .rz-steps-next .rz-fileupload-row .rz-button .rzi-close, .rz-steps-next .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-steps-next .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-steps-next .rzi-close,
    .rz-steps-next .rz-fileupload-row .rz-button .rzi-times,
    .rz-steps-next .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-steps-next .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-steps-next .rzi-times,
    .rz-steps-next .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-steps-next .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-steps-next .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-steps-next .rz-icon-trash, .rz-steps-next .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-steps-next .rz-menuitem-icon,
    .rz-steps-prev .rzi,
    .rz-steps-prev .rz-column-drag,
    .rz-steps-prev .rz-datatable-loading-content .rzi-circle-o-notch,
    .rz-datatable-loading-content .rz-steps-prev .rzi-circle-o-notch,
    .rz-steps-prev .rz-datatable-header .rzi-plus,
    .rz-datatable-header .rz-steps-prev .rzi-plus,
    .rz-steps-prev .rz-sortable-column .rzi-grid-sort,
    .rz-sortable-column .rz-steps-prev .rzi-grid-sort,
    .rz-steps-prev .rz-datatable .rzi-chevron-circle-down,
    .rz-datatable .rz-steps-prev .rzi-chevron-circle-down,
    .rz-steps-prev .rz-datatable .rzi-chevron-circle-right,
    .rz-datatable .rz-steps-prev .rzi-chevron-circle-right,
    .rz-steps-prev .rz-fileupload-row .rz-button .rzi-close,
    .rz-steps-prev .rz-fileupload-row .rz-paginator-element .rzi-close,
    .rz-fileupload-row .rz-button .rz-steps-prev .rzi-close,
    .rz-fileupload-row .rz-paginator-element .rz-steps-prev .rzi-close,
    .rz-steps-prev .rz-fileupload-row .rz-button .rzi-times,
    .rz-steps-prev .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-steps-prev .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-steps-prev .rzi-times,
    .rz-steps-prev .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-steps-prev .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-steps-prev .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-steps-prev .rz-icon-trash,
    .rz-steps-prev .rz-menuitem .rz-menuitem-icon,
    .rz-menuitem .rz-steps-prev .rz-menuitem-icon {
        font-size: var(--rz-icon-size);
    }

:root {
    --rz-text-area-padding: var(--rz-input-padding);
}

.rz-textarea {
    padding: var(--rz-text-area-padding);
    height: auto;
}

:root {
    --rz-checkbox-width: 1.25rem;
    --rz-checkbox-height: 1.25rem;
    --rz-checkbox-border-radius: 2px;
    --rz-checkbox-border-width: inherit;
    --rz-checkbox-label-margin: 0 1rem 0 0.5rem;
    --rz-checkbox-margin: 1rem 0;
    --rz-checkbox-checked-background-color: var(--rz-secondary);
    --rz-checkbox-checked-hover-background-color: var(--rz-secondary-light);
    --rz-checkbox-checked-disabled-background-color: var(--rz-secondary);
    --rz-checkbox-checked-color: var(--rz-text-contrast-color);
    --rz-checkbox-checked-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-checkbox-checked-border: var(--rz-input-border);
    --rz-checkbox-checked-hover-border: var(--rz-input-border);
    --rz-checkbox-checked-disabled-border: var(--rz-input-border);
    --rz-checkbox-checked-icon-background-color: transparent;
    --rz-checkbox-checked-icon-border-radius: 0;
    --rz-checkbox-icon-width: var(--rz-body-font-size);
    --rz-checkbox-icon-height: var(--rz-body-font-size);
    --rz-checkbox-icon-font-size: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size);
}

.rz-checkbox-list-vertical .rz-checkbox {
    display: flex;
    align-items: center;
    margin: var(--rz-checkbox-margin);
    cursor: pointer;
}

.rz-checkbox-list-horizontal .rz-checkbox {
    display: inline-flex;
    align-items: center;
}

.rz-state-disabled .rz-checkbox {
    cursor: initial;
}

.rz-chkbox-label {
    margin: var(--rz-checkbox-label-margin);
}

.rz-chkbox {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: var(--rz-checkbox-width);
    min-width: var(--rz-checkbox-width);
    height: var(--rz-checkbox-height);
}

    .rz-chkbox .rz-helper-hidden-accessible {
        opacity: 0;
        height: 0;
        overflow: hidden;
    }

.rz-chkbox-box {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--rz-input-border);
    border-width: var(--rz-checkbox-border-width);
    border-radius: var(--rz-checkbox-border-radius);
    box-shadow: var(--rz-input-shadow);
    background-color: var(--rz-input-background-color);
    transition: var(--rz-transition-all);
}

    .rz-chkbox-box:hover:not(.rz-state-disabled) {
        border-width: var(--rz-checkbox-border-width);
    }

    .rz-chkbox-box.rz-state-disabled {
        cursor: initial;
        border-width: var(--rz-checkbox-border-width);
    }

    .rz-chkbox-box .rzi, .rz-chkbox-box .rz-column-drag, .rz-chkbox-box .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-chkbox-box .rzi-circle-o-notch, .rz-chkbox-box .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-chkbox-box .rzi-plus, .rz-chkbox-box .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-chkbox-box .rzi-grid-sort, .rz-chkbox-box .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-chkbox-box .rzi-chevron-circle-down, .rz-chkbox-box .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-chkbox-box .rzi-chevron-circle-right, .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-close, .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-close,
    .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-times,
    .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-times,
    .rz-chkbox-box .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-chkbox-box .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rz-icon-trash, .rz-chkbox-box .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-chkbox-box .rz-menuitem-icon {
        width: var(--rz-checkbox-icon-width);
        height: var(--rz-checkbox-icon-height);
        font-size: var(--rz-checkbox-icon-font-size);
        color: var(--rz-checkbox-checked-color);
        vertical-align: middle;
        background-color: var(--rz-checkbox-checked-icon-background-color);
        border-radius: var(--rz-checkbox-checked-icon-border-radius);
    }

    .rz-chkbox-box .rzi-check:before {
        content: 'check';
    }

    .rz-chkbox-box .rzi-times {
        width: var(--rz-checkbox-tri-icon-width);
        height: var(--rz-checkbox-tri-icon-height);
        font-size: var(--rz-checkbox-tri-icon-font-size);
    }

        .rz-chkbox-box .rzi-times:before {
            content: 'remove';
        }

    .rz-chkbox-box.rz-state-active {
        background-color: var(--rz-checkbox-checked-background-color);
        border: var(--rz-checkbox-checked-border);
    }

        .rz-chkbox-box.rz-state-active:hover {
            background-color: var(--rz-checkbox-checked-hover-background-color);
            border: var(--rz-checkbox-checked-hover-border);
        }

    .rz-chkbox-box.rz-state-disabled.rz-state-active {
        background-color: var(--rz-checkbox-checked-disabled-background-color);
        border: var(--rz-checkbox-checked-disabled-border);
        opacity: 0.5;
    }

        .rz-chkbox-box.rz-state-disabled.rz-state-active:hover {
            background-color: var(--rz-checkbox-checked-disabled-background-color);
        }

:root {
    --rz-switch-background-color: var(--rz-base-400);
    --rz-switch-checked-background-color: var(--rz-secondary);
    --rz-switch-box-shadow: none;
    --rz-switch-circle-background-color: var(--rz-text-contrast-color);
    --rz-switch-checked-circle-background-color: var(--rz-text-contrast-color);
}

.rz-switch {
    position: relative;
    display: inline-block;
    width: 3rem;
    min-width: 3rem;
    height: 1.8rem;
}

.rz-switch-circle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .rz-switch-circle.rz-disabled {
        opacity: 0.5;
        cursor: initial;
    }

.rz-switch .rz-switch-circle {
    background: var(--rz-switch-background-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: calc(5 * var(--rz-border-radius));
}

.rz-switch.rz-switch-checked .rz-switch-circle {
    background: var(--rz-switch-checked-background-color);
}

.rz-switch .rz-switch-circle:before {
    background: var(--rz-switch-circle-background-color);
    width: 1.26rem;
    height: 1.26rem;
    left: 0.27rem;
    margin-top: -0.63rem;
    border-radius: calc((5 * var(--rz-border-radius)) - 3px);
    transition: transform 0.2s linear;
    box-shadow: var(--rz-switch-box-shadow);
}

.rz-switch-circle:before {
    position: absolute;
    content: "";
    top: 50%;
}

.rz-switch-circle.rz-disabled:before {
    box-shadow: none;
}

.rz-switch.rz-switch-checked .rz-switch-circle:before {
    background: var(--rz-switch-checked-circle-background-color);
    transform: translateX(1.2rem);
}

:root {
    --rz-radio-width: 1.25rem;
    --rz-radio-height: 1.25rem;
    --rz-radio-border-radius: 50%;
    --rz-radio-border-width: inherit;
    --rz-radio-label-margin: 0 1rem 0 0.5rem;
    --rz-radio-margin: 1rem 0;
    --rz-radio-active-background-color: var(--rz-secondary);
    --rz-radio-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
    --rz-radio-checked-background-color: var(--rz-secondary);
    --rz-radio-checked-hover-background-color: var(--rz-secondary-light);
    --rz-radio-checked-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-radio-checked-color: var(--rz-text-contrast-color);
    --rz-radio-circle-background-color: var(--rz-base-background-color);
    --rz-radio-circle-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
    --rz-radio-circle-hover-background-color: var(--rz-base-100);
    --rz-radio-icon-width: 0.5rem;
    --rz-radio-icon-height: 0.5rem;
    --rz-radio-checked-border: var(--rz-input-border);
}

.rz-radio-button-list-vertical .rz-radio-btn {
    display: flex;
    margin: var(--rz-radio-margin);
    align-items: center;
}

.rz-radio-button-list-horizontal .rz-radio-btn {
    display: inline-flex;
    align-items: center;
}

.rz-radiobutton {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.rz-state-disabled .rz-radiobutton {
    cursor: initial;
}

.rz-radiobutton-label {
    margin: var(--rz-radio-label-margin);
}

.rz-radiobutton {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: var(--rz-radio-width);
    height: var(--rz-radio-height);
}

    .rz-radiobutton .rz-helper-hidden-accessible {
        opacity: 0;
        height: 0;
        overflow: hidden;
    }

.rz-radiobutton-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: inherit;
    border: var(--rz-input-border);
    border-width: var(--rz-radio-border-width);
    border-radius: var(--rz-radio-border-radius);
    box-shadow: var(--rz-input-shadow);
    background-color: var(--rz-input-background-color);
    transition: var(--rz-transition-all);
}

    .rz-radiobutton-box:hover:not(.rz-state-disabled) {
        border-width: var(--rz-radio-border-width);
    }

    .rz-radiobutton-box:active:not(.rz-state-disabled) {
        background-color: var(--rz-radio-active-background-color);
        box-shadow: var(--rz-radio-active-shadow);
        border-width: var(--rz-radio-border-width);
    }

    .rz-radiobutton-box.rz-state-disabled {
        border-width: var(--rz-radio-border-width);
    }

    .rz-radiobutton-box .rzi, .rz-radiobutton-box .rz-column-drag, .rz-radiobutton-box .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-radiobutton-box .rzi-circle-o-notch, .rz-radiobutton-box .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-radiobutton-box .rzi-plus, .rz-radiobutton-box .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-radiobutton-box .rzi-grid-sort, .rz-radiobutton-box .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-radiobutton-box .rzi-chevron-circle-down, .rz-radiobutton-box .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-radiobutton-box .rzi-chevron-circle-right, .rz-radiobutton-box .rz-fileupload-row .rz-button .rzi-close, .rz-radiobutton-box .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-radiobutton-box .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-radiobutton-box .rzi-close,
    .rz-radiobutton-box .rz-fileupload-row .rz-button .rzi-times,
    .rz-radiobutton-box .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-radiobutton-box .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-radiobutton-box .rzi-times,
    .rz-radiobutton-box .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-radiobutton-box .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-radiobutton-box .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-radiobutton-box .rz-icon-trash, .rz-radiobutton-box .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-radiobutton-box .rz-menuitem-icon {
        width: var(--rz-radio-icon-width);
        height: var(--rz-radio-icon-height);
        color: var(--rz-radio-checked-color);
    }

    .rz-radiobutton-box .rzi-circle-on {
        border-radius: var(--rz-radio-border-radius);
        vertical-align: middle;
        background-color: var(--rz-radio-circle-background-color);
        box-shadow: var(--rz-radio-circle-shadow);
    }

        .rz-radiobutton-box .rzi-circle-on:hover {
            background-color: var(--rz-radio-circle-hover-background-color);
        }

    .rz-radiobutton-box.rz-state-active {
        background-color: var(--rz-radio-checked-background-color);
        border: var(--rz-radio-checked-border);
        border-width: var(--rz-radio-border-width);
    }

        .rz-radiobutton-box.rz-state-active:hover {
            background-color: var(--rz-radio-checked-hover-background-color);
            border: var(--rz-radio-checked-border);
            box-shadow: var(--rz-radio-checked-hover-shadow);
            border-width: var(--rz-radio-border-width);
        }

    .rz-radiobutton-box.rz-state-disabled .rzi-circle-on:hover {
        background-color: var(--rz-radio-circle-background-color);
    }

    .rz-radiobutton-box.rz-state-disabled.rz-state-active {
        background-color: var(--rz-radio-checked-background-color);
        border: var(--rz-radio-checked-border);
        border-width: var(--rz-radio-border-width);
        opacity: 0.5;
    }

        .rz-radiobutton-box.rz-state-disabled.rz-state-active:hover {
            background-color: var(--rz-radio-checked-background-color);
            border: var(--rz-radio-checked-border);
            border-width: var(--rz-radio-border-width);
        }

:root {
    --rz-fieldset-border: var(--rz-border-normal);
    --rz-fieldset-border-radius: 0;
    --rz-fieldset-padding: 1.25rem;
    --rz-fieldset-legend-color: var(--rz-text-tertiary-color);
    --rz-fieldset-legend-font-size: var(--rz-body-font-size);
    --rz-fieldset-legend-margin: 0 0 0 1rem;
    --rz-fieldset-legend-padding: 0 1rem;
    --rz-fieldset-toggle-width: 1.125rem;
    --rz-fieldset-toggle-margin: 0 0.5rem 0 0;
    --rz-fieldset-toggle-height: 1.125rem;
    --rz-fieldset-toggle-background-color: var(--rz-base-200);
    --rz-fieldset-toggle-color: var(--rz-text-tertiary-color);
    --rz-fieldset-toggle-font-size: 1rem;
    --rz-fieldset-toggle-border: none;
}

.rz-fieldset {
    border: var(--rz-fieldset-border);
    border-radius: var(--rz-fieldset-border-radius);
}

.rz-fieldset-content {
    padding: var(--rz-fieldset-padding);
}

.rz-fieldset-content-wrapper {
    overflow: hidden;
}

.rz-fieldset-legend-text {
    vertical-align: middle;
}

.rz-fieldset-toggler {
    vertical-align: middle;
    width: var(--rz-fieldset-toggle-width);
    height: var(--rz-fieldset-toggle-height);
    background-color: var(--rz-fieldset-toggle-background-color);
    color: var(--rz-fieldset-toggle-color);
    border: var(--rz-fieldset-toggle-border);
}

    .rz-fieldset-toggler.rzi, .rz-fieldset-toggler.rz-column-drag, .rz-datatable-loading-content .rz-fieldset-toggler.rzi-circle-o-notch, .rz-datatable-header .rz-fieldset-toggler.rzi-plus, .rz-sortable-column .rz-fieldset-toggler.rzi-grid-sort, .rz-datatable .rz-fieldset-toggler.rzi-chevron-circle-down, .rz-datatable .rz-fieldset-toggler.rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rz-fieldset-toggler.rzi-close, .rz-fileupload-row .rz-paginator-element .rz-fieldset-toggler.rzi-close,
    .rz-fileupload-row .rz-button .rz-fieldset-toggler.rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-fieldset-toggler.rzi-times,
    .rz-fileupload-row .rz-button .rz-fieldset-toggler.rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-fieldset-toggler.rz-icon-trash, .rz-menuitem .rz-fieldset-toggler.rz-menuitem-icon {
        text-align: center;
        font-size: var(--rz-fieldset-toggle-font-size);
        line-height: var(--rz-fieldset-toggle-height);
        margin: var(--rz-fieldset-toggle-margin);
    }

    .rz-fieldset-toggler.rzi-minus:before {
        content: 'remove';
    }

    .rz-fieldset-toggler.rzi-plus:before {
        content: 'add';
    }

.rz-fieldset-legend {
    float: none;
    margin: var(--rz-fieldset-legend-margin);
    padding: var(--rz-fieldset-legend-padding);
    width: auto;
    color: var(--rz-fieldset-legend-color);
    font-size: var(--rz-fieldset-legend-font-size);
}

    .rz-fieldset-legend a {
        color: inherit;
        text-decoration: none;
    }

:root {
    --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0;
    --rz-dropdown-horizontal-padding: 0.5rem;
    --rz-dropdown-panel-padding: 0 0.5rem;
    --rz-dropdown-items-margin: 0 -0.5rem;
    --rz-dropdown-items-padding: 0;
    --rz-dropdown-item-padding: 0.5rem;
    --rz-dropdown-item-font-size: var(--rz-input-font-size);
    --rz-dropdown-item-hover-background-color: var(--rz-secondary-light);
    --rz-dropdown-item-selected-background-color: var(--rz-secondary-dark);
    --rz-dropdown-item-selected-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-dropdown-item-hover-color: var(--rz-black);
    --rz-dropdown-item-selected-color: var(--rz-black);
    --rz-dropdown-item-selected-hover-background-color: var(--rz-secondary);
    --rz-dropdown-item-selected-hover-color: var(--rz-black);
    --rz-dropdown-item-transition: none;
    --rz-dropdown-item-disabled-opacity: 0.2;
    --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0;
    --rz-dropdown-filter-border: var(--rz-border-base-100);
    --rz-dropdown-filter-padding: 0.5rem 0;
    --rz-dropdown-open-background-color: var(--mud-palette-background);
    --rz-dropdown-open-border: var(--rz-input-border);
    --rz-dropdown-panel-border: var(--rz-input-border);
    --rz-dropdown-panel-shadow: none;
    --rz-dropdown-chips-padding: var(--rz-input-padding);
    --rz-multiselect-checkbox-margin: 0 0.5rem 0 0;
}

.rz-multiselect, .rz-dropdown {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    .rz-multiselect .rz-helper-hidden-accessible, .rz-dropdown .rz-helper-hidden-accessible {
        opacity: 0;
        height: 0;
        overflow: hidden;
    }

    .rz-multiselect .rz-placeholder, .rz-dropdown .rz-placeholder {
        color: var(--rz-input-placeholder-color);
    }

    .rz-dropdown.rz-dropdown-open {
        background-color: var(--rz-dropdown-open-background-color);
        border: var(--rz-dropdown-open-border);
    }

    .rz-multiselect.rz-state-focus {
        background-color: var(--rz-dropdown-open-background-color);
        border: var(--rz-dropdown-open-border);
    }

.rz-multiselect-trigger, .rz-dropdown-trigger {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
}

    .rz-multiselect-trigger .rzi, .rz-multiselect-trigger .rz-column-drag, .rz-multiselect-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-multiselect-trigger .rzi-circle-o-notch, .rz-multiselect-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-multiselect-trigger .rzi-plus, .rz-multiselect-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-multiselect-trigger .rzi-grid-sort, .rz-multiselect-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-multiselect-trigger .rzi-chevron-circle-down, .rz-multiselect-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-multiselect-trigger .rzi-chevron-circle-right, .rz-multiselect-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-multiselect-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-multiselect-trigger .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-multiselect-trigger .rzi-close,
    .rz-multiselect-trigger .rz-fileupload-row .rz-button .rzi-times,
    .rz-multiselect-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-multiselect-trigger .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-multiselect-trigger .rzi-times,
    .rz-multiselect-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-multiselect-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-multiselect-trigger .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-multiselect-trigger .rz-icon-trash, .rz-multiselect-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-multiselect-trigger .rz-menuitem-icon, .rz-dropdown-trigger .rzi, .rz-dropdown-trigger .rz-column-drag, .rz-dropdown-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-dropdown-trigger .rzi-circle-o-notch, .rz-dropdown-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-dropdown-trigger .rzi-plus, .rz-dropdown-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-dropdown-trigger .rzi-grid-sort, .rz-dropdown-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-dropdown-trigger .rzi-chevron-circle-down, .rz-dropdown-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-dropdown-trigger .rzi-chevron-circle-right, .rz-dropdown-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-dropdown-trigger .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-dropdown-trigger .rzi-close,
    .rz-dropdown-trigger .rz-fileupload-row .rz-button .rzi-times,
    .rz-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-dropdown-trigger .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-dropdown-trigger .rzi-times,
    .rz-dropdown-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-dropdown-trigger .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-dropdown-trigger .rz-icon-trash, .rz-dropdown-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-dropdown-trigger .rz-menuitem-icon {
        width: var(--rz-dropdown-trigger-icon-width);
        height: var(--rz-dropdown-trigger-icon-height);
        font-size: var(--rz-dropdown-trigger-icon-height);
        margin: var(--rz-dropdown-trigger-icon-margin);
    }

    .rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before {
        content: "arrow_drop_down";
    }

.rz-dropdown-clear-icon {
    position: absolute;
    right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem);
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: var(--rz-dropdown-trigger-icon-height);
    opacity: 0.4;
}

    .rz-dropdown-clear-icon:before {
        content: 'close';
    }

    .rz-dropdown-clear-icon:hover {
        opacity: 1;
    }

.rz-html-editor-dropdown-items, .rz-splitbutton-menu, .rz-autocomplete-panel, .rz-multiselect-panel, .rz-dropdown-panel {
    position: absolute;
    background-color: var(--rz-dropdown-open-background-color);
    border-radius: var(--rz-input-border-radius);
    border: var(--rz-dropdown-panel-border);
    box-shadow: var(--rz-dropdown-panel-shadow);
}

.rz-dropdown-panel {
    box-sizing: content-box;
    padding: var(--rz-dropdown-panel-padding);
}

.rz-multiselect-panel {
    box-sizing: content-box;
    padding: var(--rz-dropdown-panel-padding);
}

    .rz-multiselect-panel .rz-chkbox {
        margin: var(--rz-multiselect-checkbox-margin);
    }

.rz-dropdown-items, .rz-autocomplete-items, .rz-multiselect-items {
    list-style: none;
    padding: var(--rz-dropdown-items-padding);
    margin: 0;
}

    .rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li {
        /* The 'No results found' item has no CSS class */
    }

.rz-dropdown-items-wrapper,
.rz-multiselect-items-wrapper {
    overflow: auto;
    margin: var(--rz-dropdown-items-margin);
    border-radius: var(--rz-input-border-radius);
}

.rz-multiselect-items-wrapper {
    overflow: auto;
}

.rz-dropdown-filter-container {
    padding: var(--rz-dropdown-filter-padding);
    border-bottom: var(--rz-dropdown-filter-border);
}

.rz-dropdown-filter, .rz-multiselect-filter-container .rz-inputtext {
    background-color: transparent;
    color: var(--rz-text-color);
}

.rz-multiselect-header {
    display: flex;
    align-items: center;
    padding: var(--rz-dropdown-item-padding);
    margin: var(--rz-dropdown-items-margin);
}

.rz-dropdown-item, .rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li {
    padding: var(--rz-dropdown-item-padding);
    transition: var(--rz-dropdown-item-transition);
    cursor: default;
    font-size: var(--rz-dropdown-item-font-size);
}

    .rz-dropdown-item.rz-state-highlight, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-dropdown-items li.rz-state-highlight, .rz-autocomplete-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight {
        background-color: var(--rz-dropdown-item-selected-background-color);
        color: var(--rz-dropdown-item-selected-color);
        box-shadow: var(--rz-dropdown-item-selected-shadow);
        border-radius: 0;
    }

        .rz-dropdown-item.rz-state-highlight:hover, .rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover {
            background-color: var(--rz-dropdown-item-selected-hover-background-color);
            color: var(--rz-dropdown-item-selected-hover-color);
        }

    .rz-dropdown-item.rz-state-disabled, .rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-dropdown-items li.rz-state-disabled, .rz-autocomplete-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled {
        opacity: var(--rz-dropdown-item-disabled-opacity);
        cursor: initial;
    }

    .rz-dropdown-item:hover, .rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-dropdown-items li:hover, .rz-autocomplete-items li:hover, .rz-multiselect-items li:hover {
        background-color: var(--rz-dropdown-item-hover-background-color);
        color: var(--rz-dropdown-item-hover-color);
        border-radius: 0;
    }

.rz-multiselect-close {
    display: none;
}

.rz-multiselect-filter-container {
    flex: auto;
    border-bottom: var(--rz-dropdown-filter-border);
}

    .rz-multiselect-filter-container .rz-inputtext {
        padding: 0;
    }

.rz-multiselect-item {
    display: flex;
    align-items: center;
}

.rz-multiselect-label-container,
.rz-dropdown-label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: var(--rz-dropdown-trigger-icon-width);
}

.rz-dropdown-chips {
    height: inherit;
    padding: var(--rz-dropdown-chips-padding);
}

    .rz-dropdown-chips .rz-dropdown-chips-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
        margin-right: 3rem;
    }

    .rz-dropdown-chips .rz-chip {
        display: inline-flex;
        align-items: center;
        gap: var(--rz-chip-gap);
        background-color: var(--rz-chip-background-color);
        color: var(--rz-chip-color);
        border-radius: var(--rz-chip-border-radius);
        padding: var(--rz-chip-padding);
    }

        .rz-dropdown-chips .rz-chip .rz-chip-text {
            font-size: var(--rz-chip-font-size);
        }

        .rz-dropdown-chips .rz-chip .rz-button, .rz-dropdown-chips .rz-chip .rz-paginator-element {
            border-radius: var(--rz-chip-border-radius);
            box-shadow: none;
            align-self: stretch;
        }

        .rz-dropdown-chips .rz-chip .rzi, .rz-dropdown-chips .rz-chip .rz-column-drag, .rz-dropdown-chips .rz-chip .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-dropdown-chips .rz-chip .rzi-circle-o-notch, .rz-dropdown-chips .rz-chip .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-dropdown-chips .rz-chip .rzi-plus, .rz-dropdown-chips .rz-chip .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-dropdown-chips .rz-chip .rzi-grid-sort, .rz-dropdown-chips .rz-chip .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-dropdown-chips .rz-chip .rzi-chevron-circle-down, .rz-dropdown-chips .rz-chip .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-dropdown-chips .rz-chip .rzi-chevron-circle-right, .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-button .rzi-close, .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-dropdown-chips .rz-chip .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-dropdown-chips .rz-chip .rzi-close,
        .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-button .rzi-times,
        .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-button .rz-dropdown-chips .rz-chip .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-dropdown-chips .rz-chip .rzi-times,
        .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-dropdown-chips .rz-chip .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-dropdown-chips .rz-chip .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-dropdown-chips .rz-chip .rz-icon-trash, .rz-dropdown-chips .rz-chip .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-dropdown-chips .rz-chip .rz-menuitem-icon {
            vertical-align: middle;
            font-size: 1rem;
        }

.rz-clear .rz-multiselect-label-container,
.rz-clear .rz-dropdown-label {
    padding-right: calc(2 * var(--rz-dropdown-trigger-icon-width));
}

.rz-autocomplete {
    display: inline-block;
    border: var(--rz-input-border);
    border-radius: var(--rz-input-border-radius);
    background-color: var(--mud-palette-background);
    transition: var(--rz-input-transition);
    overflow: hidden;
}

.rz-autocomplete-input {
    padding: var(--rz-input-padding);
    background-color: transparent;
    box-shadow: var(--rz-input-shadow);
    border: none;
    height: var(--rz-input-height);
    line-height: var(--rz-input-line-height);
    width: 100%;
    transition: var(--rz-input-transition);
}

    .rz-autocomplete-input:focus {
        outline: none;
    }

    .rz-autocomplete-input:disabled {
        border: none;
    }

.rz-autocomplete-panel {
    overflow: auto;
    box-sizing: content-box;
}

:root {
    --rz-listbox-background-color: var(--rz-input-background-color);
    --rz-listbox-border-radius: var(--rz-input-border-radius);
    --rz-listbox-border: var(--rz-input-border);
    --rz-listbox-filter-border: var(--rz-border-base-100);
    --rz-listbox-padding: 0;
    --rz-listbox-item-padding: var(--rz-dropdown-item-padding);
    --rz-listbox-item-margin: 0;
    --rz-listbox-checkbox-margin: 0 0.5rem 0 0;
    --rz-listbox-header-padding: 0.5rem;
    --rz-listbox-header-icon-width: var(--rz-icon-size);
    --rz-listbox-header-icon-height: var(--rz-icon-size);
    --rz-listbox-header-icon-margin: 0;
}

.rz-listbox {
    display: inline-flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--rz-listbox-background-color);
    border: var(--rz-listbox-border);
    border-radius: var(--rz-listbox-border-radius);
}

    .rz-listbox .rz-chkbox {
        margin: var(--rz-listbox-checkbox-margin);
    }

    .rz-listbox:not(.rz-state-disabled) .rz-listbox-item:hover:hover {
        background-color: var(--rz-dropdown-item-hover-background-color);
        color: var(--rz-dropdown-item-hover-color);
        border-radius: 0;
    }

.rz-listbox-list {
    margin: 0;
    padding: 0;
}

.rz-listbox-item {
    cursor: default;
    padding: var(--rz-listbox-item-padding);
    margin: var(--rz-listbox-item-margin);
    cursor: default;
    font-size: var(--rz-dropdown-item-font-size);
    color: var(--rz-black);
}

    .rz-listbox-item.rz-state-highlight {
        background-color: var(--rz-dropdown-item-selected-background-color);
        color: var(--rz-dropdown-item-selected-color);
        box-shadow: var(--rz-dropdown-item-selected-shadow);
        border-radius: 0;
    }

        .rz-listbox-item.rz-state-highlight:hover {
            background-color: var(--rz-dropdown-item-selected-hover-background-color);
            color: var(--rz-dropdown-item-selected-hover-color);
        }

    .rz-listbox-item.rz-state-disabled {
        opacity: var(--rz-dropdown-item-disabled-opacity);
        cursor: initial;
    }

.rz-listbox-header {
    display: flex;
    align-items: center;
    padding: var(--rz-listbox-header-padding);
    border-bottom: var(--rz-listbox-filter-border);
}

.rz-listbox-list-wrapper {
    flex: auto;
    overflow: auto;
    padding: var(--rz-listbox-padding);
}

.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

    .rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext {
        flex: auto;
        width: 0;
        border: none;
        line-height: var(--rz-input-line-height);
    }

        .rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus {
            outline: none;
        }

    .rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search {
        width: var(--rz-listbox-header-icon-width);
        height: var(--rz-listbox-header-icon-height);
        line-height: var(--rz-listbox-header-icon-height);
        font-size: var(--rz-listbox-header-icon-height);
    }

        .rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before {
            content: 'search';
        }

.rz-listbox-filter-container {
    flex: auto;
}

    .rz-listbox-filter-container .rz-inputtext {
        background-color: transparent;
    }

:root {
    --rz-splitbutton-menu-button-width: 1.875rem;
    --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0;
    --rz-splitbutton-menu-button-font-size: 1.0625rem;
    --rz-splitbutton-menu-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-splitbutton-menu-min-width: 10rem;
    --rz-splitbutton-background-color: var(--rz-primary);
    --rz-splitbutton-border-radius: var(--rz-border-radius);
}

.rz-splitbutton {
    display: inline-flex;
}

    .rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-paginator-element .rz-button-text {
        display: none;
    }

    .rz-splitbutton .rz-button.rz-splitbutton-menubutton, .rz-splitbutton .rz-splitbutton-menubutton.rz-paginator-element {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton), .rz-splitbutton .rz-paginator-element:not(.rz-splitbutton-menubutton) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.rz-splitbutton-menu {
    display: none;
    position: absolute;
    min-width: var(--rz-splitbutton-menu-min-width);
    border-top-right-radius: var(--rz-splitbutton-border-radius);
    box-shadow: var(--rz-splitbutton-menu-shadow);
}

.rz-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rz-menuitem:hover:first-child {
    border-top-right-radius: var(--rz-splitbutton-border-radius);
}

.rz-menuitem .rz-menuitem-link {
    color: inherit;
    display: block;
}

    .rz-menuitem .rz-menuitem-link:hover {
        text-decoration: none;
    }

.rz-menuitem .rz-menuitem-icon {
    vertical-align: top;
}

.rz-splitbutton-menubutton {
    margin-left: 1px;
}

    .rz-splitbutton-menubutton.rz-variant-outlined {
        border-left: 0;
        margin-left: calc(-1 * var(--rz-border-width));
    }

    .rz-splitbutton-menubutton .rz-button-text {
        display: none;
    }

    .rz-splitbutton-menubutton .rzi-chevron-down:before {
        content: 'arrow_drop_down';
    }

:root {
    --rz-slider-background-color: var(--rz-base-background-color);
    --rz-slider-border: var(--rz-border-normal);
    --rz-slider-border-radius: var(--rz-border-radius);
    --rz-slider-horizontal-height: 0.5rem;
    --rz-slider-horizontal-width: 10rem;
    --rz-slider-range-background-color: var(--rz-secondary-lighter);
    --rz-slider-range-border: var(--rz-border-secondary-light);
    --rz-slider-handle-width: 0.75rem;
    --rz-slider-handle-height: 1.5rem;
    --rz-slider-handle-color: var(--rz-text-contrast-color);
    --rz-slider-handle-background-color: var(--rz-secondary);
    --rz-slider-handle-border: none;
    --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2);
    --rz-slider-handle-shadow: none;
    --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
    --rz-slider-handle-hover-background-color: var(--rz-secondary-light);
    --rz-slider-handle-hover-border: none;
    --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-slider-disabled-background-color: var(--rz-base-background-color);
    --rz-slider-disabled-border: var(--rz-border-disabled);
    --rz-slider-disabled-range-background-color: var(--rz-base-100);
    --rz-slider-disabled-range-border: var(--rz-border-normal);
    --rz-slider-disabled-handle-border: none;
    --rz-slider-disabled-handle-background-color: var(--rz-base-300);
}

.rz-slider {
    position: relative;
    display: inline-block;
    border: var(--rz-slider-border);
    border-radius: var(--rz-slider-border-radius);
    background-color: var(--rz-slider-background-color);
}

    .rz-slider.rz-state-disabled {
        background-color: var(--rz-slider-disabled-background-color);
        border: var(--rz-slider-disabled-border);
    }

        .rz-slider.rz-state-disabled .rz-slider-range {
            background-color: var(--rz-slider-disabled-range-background-color);
            border: var(--rz-slider-disabled-range-border);
        }

        .rz-slider.rz-state-disabled .rz-slider-handle {
            background-color: var(--rz-slider-disabled-handle-background-color);
            border: var(--rz-slider-disabled-handle-border);
        }

.rz-slider-horizontal {
    height: var(--rz-slider-horizontal-height);
    width: var(--rz-slider-horizontal-width);
}

.rz-slider-range {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    border-top-left-radius: var(--rz-slider-border-radius);
    border-bottom-left-radius: var(--rz-slider-border-radius);
    background-color: var(--rz-slider-range-background-color);
    border: var(--rz-slider-range-border);
}

.rz-slider-handle {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    margin-left: calc(var(--rz-slider-handle-width) / -2);
    background-color: var(--rz-slider-handle-background-color);
    border: var(--rz-slider-handle-border);
    border-radius: var(--rz-slider-handle-border-radius);
    box-shadow: var(--rz-slider-handle-shadow);
    width: var(--rz-slider-handle-width);
    height: var(--rz-slider-handle-height);
    transition: var(--rz-slider-handle-transition);
}

.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active {
    background-color: var(--rz-slider-handle-hover-background-color);
    box-shadow: var(--rz-slider-handle-hover-shadow);
    border: var(--rz-slider-handle-hover-border);
    cursor: pointer;
}

:root {
    --rz-rating-color: var(--rz-secondary);
    --rz-rating-opacity: 0.5;
    --rz-rating-font-size: var(--rz-icon-size);
    --rz-rating-selected-color: var(--rz-primary);
    --rz-rating-disabled-color: var(--rz-text-disabled-color);
    --rz-rating-disabled-opacity: 0.3;
    --rz-rating-ban-icon: highlight_off;
    --rz-rating-ban-icon-color: var(--rz-secondary);
}

.rz-rating {
    display: inline-flex;
    font-size: var(--rz-rating-font-size);
    height: 1em;
}

    .rz-rating.rz-state-disabled .rzi, .rz-rating.rz-state-disabled .rz-column-drag, .rz-rating.rz-state-disabled .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-rating.rz-state-disabled .rzi-circle-o-notch, .rz-rating.rz-state-disabled .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-rating.rz-state-disabled .rzi-plus, .rz-rating.rz-state-disabled .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-rating.rz-state-disabled .rzi-grid-sort, .rz-rating.rz-state-disabled .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-rating.rz-state-disabled .rzi-chevron-circle-down, .rz-rating.rz-state-disabled .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-rating.rz-state-disabled .rzi-chevron-circle-right, .rz-rating.rz-state-disabled .rz-fileupload-row .rz-button .rzi-close, .rz-rating.rz-state-disabled .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-rating.rz-state-disabled .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-rating.rz-state-disabled .rzi-close,
    .rz-rating.rz-state-disabled .rz-fileupload-row .rz-button .rzi-times,
    .rz-rating.rz-state-disabled .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-rating.rz-state-disabled .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-rating.rz-state-disabled .rzi-times,
    .rz-rating.rz-state-disabled .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-rating.rz-state-disabled .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-rating.rz-state-disabled .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-rating.rz-state-disabled .rz-icon-trash, .rz-rating.rz-state-disabled .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-rating.rz-state-disabled .rz-menuitem-icon {
        opacity: var(--rz-rating-disabled-opacity);
        color: var(--rz-rating-disabled-color);
    }

    .rz-rating a {
        width: 1em;
        height: 1em;
        text-decoration: none;
        cursor: default;
        outline: none;
    }

    .rz-rating .rzi, .rz-rating .rz-column-drag, .rz-rating .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-rating .rzi-circle-o-notch, .rz-rating .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-rating .rzi-plus, .rz-rating .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-rating .rzi-grid-sort, .rz-rating .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-rating .rzi-chevron-circle-down, .rz-rating .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-rating .rzi-chevron-circle-right, .rz-rating .rz-fileupload-row .rz-button .rzi-close, .rz-rating .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-rating .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-rating .rzi-close,
    .rz-rating .rz-fileupload-row .rz-button .rzi-times,
    .rz-rating .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-rating .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-rating .rzi-times,
    .rz-rating .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-rating .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-rating .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-rating .rz-icon-trash, .rz-rating .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-rating .rz-menuitem-icon {
        color: var(--rz-rating-color);
        font-size: 1em;
    }

    .rz-rating .rzi-ban {
        color: var(--rz-rating-ban-icon-color);
    }

        .rz-rating .rzi-ban:before {
            content: "highlight_off";
        }

    .rz-rating .rzi-star-o {
        opacity: var(--rz-rating-opacity);
    }

        .rz-rating .rzi-star-o:before {
            content: "star_border";
        }

    .rz-rating .rzi-star {
        color: var(--rz-rating-selected-color);
    }

        .rz-rating .rzi-star:before {
            content: "star";
        }

    .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o {
        cursor: pointer;
    }

        .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover {
            color: var(--rz-rating-selected-color);
        }

            .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-star-o:hover:before {
                content: "star";
            }

    .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban {
        cursor: pointer;
    }

        .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) .rzi-ban:hover {
            color: var(--rz-rating-selected-color);
        }

:root {
    --rz-selectbar-background-color: var(--rz-base-backgorund-color);
    --rz-selectbar-color: var(--rz-text-color);
    --rz-selectbar-border: var(--rz-border-normal);
    --rz-selectbar-selected-background-color: var(--rz-secondary);
    --rz-selectbar-selected-color: var(--rz-text-contrast-color);
    --rz-selectbar-selected-border: var(--rz-border-secondary);
    --rz-selectbar-border-radius: var(--rz-border-radius);
}

.rz-selectbutton {
    display: inline-flex;
}

    .rz-selectbutton .rz-button.rz-button-sm, .rz-selectbutton .rz-button-sm.rz-paginator-element, .rz-selectbutton .rz-fileupload .rz-button, .rz-selectbutton .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-selectbutton .rz-button, .rz-fileupload .rz-selectbutton .rz-paginator-element {
        margin-left: -1px;
        display: inline-block;
        background-color: var(--rz-selectbar-background-color);
        color: var(--rz-selectbar-color);
        border: var(--rz-selectbar-border);
        border-radius: 0;
    }

        .rz-selectbutton .rz-button.rz-button-sm:first-child, .rz-selectbutton .rz-button-sm.rz-paginator-element:first-child, .rz-selectbutton .rz-fileupload .rz-button:first-child, .rz-selectbutton .rz-fileupload .rz-paginator-element:first-child, .rz-fileupload .rz-selectbutton .rz-button:first-child, .rz-fileupload .rz-selectbutton .rz-paginator-element:first-child {
            margin-left: 0;
            border-top-left-radius: var(--rz-selectbar-border-radius);
            border-bottom-left-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton .rz-button.rz-button-sm:last-child, .rz-selectbutton .rz-button-sm.rz-paginator-element:last-child, .rz-selectbutton .rz-fileupload .rz-button:last-child, .rz-selectbutton .rz-fileupload .rz-paginator-element:last-child, .rz-fileupload .rz-selectbutton .rz-button:last-child, .rz-fileupload .rz-selectbutton .rz-paginator-element:last-child {
            border-top-right-radius: var(--rz-selectbar-border-radius);
            border-bottom-right-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton .rz-button.rz-button-sm.rz-state-active, .rz-selectbutton .rz-button-sm.rz-state-active.rz-paginator-element, .rz-selectbutton .rz-fileupload .rz-button.rz-state-active, .rz-selectbutton .rz-fileupload .rz-state-active.rz-paginator-element, .rz-fileupload .rz-selectbutton .rz-button.rz-state-active, .rz-fileupload .rz-selectbutton .rz-state-active.rz-paginator-element {
            background-color: var(--rz-selectbar-selected-background-color);
            color: var(--rz-selectbar-selected-color);
            border: var(--rz-selectbar-selected-border);
        }

    .rz-selectbutton .rz-button.rz-button-md, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-primary, .rz-selectbutton .rz-button.rz-paginator-element, .rz-selectbutton .rz-button-md.rz-paginator-element, .rz-selectbutton .rz-scheduler-nav-views .rz-paginator-element.rz-primary, .rz-scheduler-nav-views .rz-selectbutton .rz-paginator-element.rz-primary, .rz-selectbutton .rz-paginator-element, .rz-selectbutton .rz-date-filter-buttons .rz-button, .rz-selectbutton .rz-date-filter-buttons .rz-paginator-element, .rz-date-filter-buttons .rz-selectbutton .rz-button, .rz-date-filter-buttons .rz-selectbutton .rz-paginator-element, .rz-selectbutton .rz-button.rz-fileupload-choose, .rz-selectbutton .rz-fileupload-choose.rz-paginator-element {
        margin-left: -1px;
        display: inline-block;
        background-color: var(--rz-selectbar-background-color);
        color: var(--rz-selectbar-color);
        border: var(--rz-selectbar-border);
        border-radius: 0;
    }

        .rz-selectbutton .rz-button.rz-button-md:first-child, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary:first-child, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-primary:first-child, .rz-selectbutton .rz-paginator-element:first-child, .rz-selectbutton .rz-date-filter-buttons .rz-button:first-child, .rz-date-filter-buttons .rz-selectbutton .rz-button:first-child, .rz-selectbutton .rz-button.rz-fileupload-choose:first-child {
            margin-left: 0;
            border-top-left-radius: var(--rz-selectbar-border-radius);
            border-bottom-left-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton .rz-button.rz-button-md:last-child, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-primary:last-child, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-primary:last-child, .rz-selectbutton .rz-paginator-element:last-child, .rz-selectbutton .rz-date-filter-buttons .rz-button:last-child, .rz-date-filter-buttons .rz-selectbutton .rz-button:last-child, .rz-selectbutton .rz-button.rz-fileupload-choose:last-child {
            border-top-right-radius: var(--rz-selectbar-border-radius);
            border-bottom-right-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton .rz-button.rz-button-md.rz-state-active, .rz-selectbutton .rz-scheduler-nav-views .rz-button.rz-state-active.rz-primary, .rz-scheduler-nav-views .rz-selectbutton .rz-button.rz-state-active.rz-primary, .rz-selectbutton .rz-state-active.rz-paginator-element, .rz-selectbutton .rz-date-filter-buttons .rz-button.rz-state-active, .rz-date-filter-buttons .rz-selectbutton .rz-button.rz-state-active, .rz-selectbutton .rz-button.rz-state-active.rz-fileupload-choose {
            background-color: var(--rz-selectbar-selected-background-color);
            color: var(--rz-selectbar-selected-color);
            border: var(--rz-selectbar-selected-border);
        }

    .rz-selectbutton .rz-button.rz-button-lg, .rz-selectbutton .rz-button-lg.rz-paginator-element {
        margin-left: -1px;
        display: inline-block;
        background-color: var(--rz-selectbar-background-color);
        color: var(--rz-selectbar-color);
        border: var(--rz-selectbar-border);
        border-radius: 0;
    }

        .rz-selectbutton .rz-button.rz-button-lg:first-child, .rz-selectbutton .rz-button-lg.rz-paginator-element:first-child {
            margin-left: 0;
            border-top-left-radius: var(--rz-selectbar-border-radius);
            border-bottom-left-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton .rz-button.rz-button-lg:last-child, .rz-selectbutton .rz-button-lg.rz-paginator-element:last-child {
            border-top-right-radius: var(--rz-selectbar-border-radius);
            border-bottom-right-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton .rz-button.rz-button-lg.rz-state-active, .rz-selectbutton .rz-button-lg.rz-state-active.rz-paginator-element {
            background-color: var(--rz-selectbar-selected-background-color);
            color: var(--rz-selectbar-selected-color);
            border: var(--rz-selectbar-selected-border);
        }

:root {
    --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
    --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
    --rz-datepicker-line-height: 1.25rem;
    --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color);
    --rz-datepicker-trigger-icon-hover-color: var(--rz-secondary);
    --rz-datepicker-panel-border: var(--rz-border-normal);
    --rz-datepicker-panel-background-color: var(--rz-base-background-color);
    --rz-datepicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-datepicker-panel-margin: 0;
    --rz-datepicker-header-background-color: var(--rz-base-200);
    --rz-datepicker-header-color: var(--rz-text-secondary-color);
    --rz-datepicker-header-padding: 0 1rem;
    --rz-datepicker-header-line-height: 2.8125rem;
    --rz-datepicker-header-border: none;
    --rz-datepicker-footer-padding: 0 1rem;
    --rz-datepicker-footer-line-height: 2.8125rem;
    --rz-datepicker-calendar-padding: 0.5rem 0.875rem;
    --rz-datepicker-calendar-header-font-size: 0.625rem;
    --rz-datepicker-calendar-header-text-transform: uppercase;
    --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
    --rz-datepicker-calendar-font-size: var(--rz-body-font-size);
    --rz-datepicker-calendar-color: var(--rz-text-color);
    --rz-datepicker-calendar-hover-color: var(--rz-text-contrast-color);
    --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light);
    --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color);
    --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark);
    --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color);
    --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary);
    --rz-datepicker-calendar-border: var(--rz-border-base-100);
    --rz-datepicker-calendar-border-radius: 0;
    --rz-datepicker-calendar-transition: var(--rz-transition-all);
    --rz-datepicker-title-height: 47px;
    --rz-timepicker-background-color: var(--rz-base-200);
    --rz-timepicker-color: var(--rz-text-color);
    --rz-timepicker-separator-color: var(--rz-text-color);
    --rz-timepicker-padding: 0.5rem;
    --rz-timepicker-hour-padding: 0.5rem;
    --rz-timepicker-button-background-color: var(--rz-secondary);
    --rz-timepicker-button-color: var(--rz-text-contrast-color);
    --rz-timepicker-button-width: 0.875rem;
    --rz-timepicker-button-height: 0.875rem;
    --rz-timepicker-button-border-radius: 2px;
    --rz-timepicker-button-padding: 0.5rem 1rem !important;
    --rz-timepicker-gap: 0.5rem;
    --rz-timepicker-separator-margin: 0 0.5rem;
    --rz-timepicker-border: none;
}

.rz-calendar {
    display: inline-block;
    position: relative;
}

    .rz-calendar .rz-readonly {
        cursor: pointer;
    }

    .rz-calendar .rz-inputtext {
        width: 100%;
        line-height: var(--rz-datepicker-line-height);
        padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width));
    }

    .rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger {
        box-shadow: none;
        color: var(--rz-datepicker-trigger-icon-hover-color);
    }

.rz-calendar-inline {
    background-color: var(--rz-datepicker-panel-background-color);
    border: var(--rz-input-border);
}

.rz-datepicker-trigger {
    box-shadow: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.625rem;
    background-color: transparent;
    padding: 0;
    vertical-align: text-top;
    color: var(--rz-datepicker-trigger-icon-color);
    width: var(--rz-datepicker-trigger-icon-width);
    height: var(--rz-datepicker-trigger-icon-height);
    font-size: var(--rz-datepicker-trigger-icon-height);
}

    .rz-datepicker-trigger.rz-state-disabled {
        border: none;
        box-shadow: none;
        cursor: initial;
    }

    .rz-datepicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-datepicker-trigger:not(.rz-state-disabled):hover:active {
        background-color: transparent;
    }

    .rz-datepicker-trigger:not(.rz-state-disabled):active {
        box-shadow: none !important;
        background-image: none !important;
    }

    .rz-datepicker-trigger .rzi-calendar {
        font-size: inherit;
        vertical-align: top;
    }

        .rz-datepicker-trigger .rzi-calendar:before {
            content: 'calendar_today';
        }

    .rz-datepicker-trigger .rz-button-text {
        display: none;
    }

.rz-datepicker {
    background-color: var(--rz-datepicker-panel-background-color);
}

    .rz-datepicker:not(.rz-datepicker-inline) {
        box-sizing: content-box;
        margin: var(--rz-datepicker-panel-margin);
        position: absolute;
        border: var(--rz-datepicker-panel-border);
        box-shadow: var(--rz-datepicker-panel-shadow);
        border-radius: var(--rz-border-radius);
    }

.rz-calendar {
    display: inline-block;
}

.rz-datepicker-inline {
    position: static;
}

    .rz-datepicker-inline .rz-datepicker-group {
        display: inline-block;
    }

.rz-datepicker-header {
    position: relative;
    line-height: var(--rz-datepicker-header-line-height);
    background-color: var(--rz-datepicker-header-background-color);
    border-bottom: var(--rz-datepicker-header-border);
    color: var(--rz-datepicker-header-color);
    padding: var(--rz-datepicker-header-padding);
}

.rz-datepicker-prev {
    float: left;
    height: var(--rz-datepicker-header-line-height);
}

    .rz-datepicker-prev .rzi-chevron-left {
        vertical-align: text-top;
        color: var(--rz-datepicker-header-color);
    }

        .rz-datepicker-prev .rzi-chevron-left:before {
            content: 'chevron_left';
        }

.rz-datepicker-next {
    float: right;
    height: var(--rz-datepicker-header-line-height);
}

    .rz-datepicker-next .rzi-chevron-right {
        vertical-align: text-top;
        color: var(--rz-datepicker-header-color);
    }

        .rz-datepicker-next .rzi-chevron-right:before {
            content: 'chevron_right';
        }

.rz-datepicker-title {
    height: var(--rz-datepicker-title-height);
    text-align: center;
}

.rz-datepicker-calendar {
    table-layout: fixed;
    border-collapse: collapse;
}

    .rz-datepicker-calendar th {
        font-weight: normal;
        font-size: var(--rz-datepicker-calendar-header-font-size);
        text-transform: var(--rz-datepicker-calendar-header-text-transform);
        color: var(--rz-datepicker-calendar-header-color);
        padding: var(--rz-datepicker-calendar-padding);
        text-align: center;
    }

    .rz-datepicker-calendar td {
        text-align: center;
        border-top: var(--rz-datepicker-calendar-border);
        padding: 0;
    }

        .rz-datepicker-calendar td .rz-state-default {
            display: block;
            padding: var(--rz-datepicker-calendar-padding);
            color: var(--rz-datepicker-calendar-color);
            font-size: var(--rz-datepicker-calendar-font-size);
            border-radius: var(--rz-datepicker-calendar-border-radius);
            transition: var(--rz-datepicker-calendar-transition);
        }

            .rz-datepicker-calendar td .rz-state-default:hover {
                text-decoration: none;
                color: var(--rz-datepicker-calendar-hover-color);
                background-color: var(--rz-datepicker-calendar-hover-background-color);
                cursor: pointer;
            }

        .rz-datepicker-calendar td .rz-state-active {
            color: var(--rz-datepicker-calendar-selected-color);
            background-color: var(--rz-datepicker-calendar-selected-background-color);
            padding: var(--rz-datepicker-calendar-padding);
        }

            .rz-datepicker-calendar td .rz-state-active:hover {
                color: var(--rz-datepicker-calendar-selected-hover-color);
                background-color: var(--rz-datepicker-calendar-selected-hover-background-color);
            }

    .rz-datepicker-calendar .rz-state-disabled {
        opacity: 0.5;
    }

    .rz-datepicker-calendar .rz-datepicker-other-month {
        opacity: 0.5;
    }

.rz-datepicker-footer {
    position: relative;
    line-height: var(--rz-datepicker-footer-line-height);
    padding: var(--rz-datepicker-footer-padding);
}

.rz-timepicker {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--rz-timepicker-gap);
    border-top: var(--rz-datepicker-calendar-border);
    padding: var(--rz-timepicker-padding);
    color: var(--rz-timepicker-color);
}

    .rz-timepicker .rzi-chevron-up:before {
        content: 'expand_less';
    }

    .rz-timepicker .rzi-chevron-down:before {
        content: 'expand_more';
    }

    .rz-timepicker .rz-separator {
        color: var(--rz-timepicker-separator-color);
    }

        .rz-timepicker .rz-separator a {
            display: none;
        }

    .rz-timepicker .rz-button-md, .rz-timepicker .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-timepicker .rz-button.rz-primary, .rz-timepicker .rz-scheduler-nav-views .rz-primary.rz-paginator-element, .rz-scheduler-nav-views .rz-timepicker .rz-primary.rz-paginator-element, .rz-timepicker .rz-paginator-element, .rz-timepicker .rz-date-filter-buttons .rz-button, .rz-date-filter-buttons .rz-timepicker .rz-button, .rz-timepicker .rz-fileupload-choose, .rz-timepicker .rz-selectbutton .rz-button.rz-button-md, .rz-timepicker .rz-selectbutton .rz-paginator-element, .rz-timepicker .rz-selectbutton .rz-button.rz-fileupload-choose, .rz-selectbutton .rz-timepicker .rz-button.rz-button-md, .rz-selectbutton .rz-timepicker .rz-paginator-element, .rz-selectbutton .rz-timepicker .rz-button.rz-fileupload-choose {
        padding: var(--rz-timepicker-button-padding);
        text-transform: uppercase;
    }

.rz-hour-picker,
.rz-minute-picker,
.rz-second-picker {
    background-color: var(--rz-timepicker-background-color);
    width: 4rem;
}

:root {
    --rz-numeric-line-height: 1.25rem;
    --rz-numeric-input-padding: 0.5rem 0.75rem 0.5rem 0.5rem;
    --rz-numeric-button-width: 0.875rem;
    --rz-numeric-button-height: 0.875rem;
    --rz-numeric-button-offset: 2px;
    --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
    --rz-numeric-button-background-color: var(--rz-secondary);
    --rz-numeric-button-disabled-background-color: var(--rz-base-300);
    --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
    --rz-numeric-button-color: var(--rz-text-contrast-color);
}

.rz-spinner {
    display: inline-block;
    position: relative;
    padding: 0px;
}

    .rz-spinner input[type='number'],
    .rz-spinner input[type='text'] {
        -moz-appearance: textfield;
        width: 100%;
        height: 100%;
        border: none;
        background-color: transparent;
        line-height: var(--rz-numeric-line-height);
        text-align: inherit;
        padding: var(--rz-numeric-input-padding);
        outline: none;
    }

        .rz-spinner input[type='number']::-webkit-inner-spin-button, .rz-spinner input[type='number']::-webkit-outer-spin-button,
        .rz-spinner input[type='text']::-webkit-inner-spin-button,
        .rz-spinner input[type='text']::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .rz-spinner.rz-state-disabled .rz-spinner-button {
        background-color: var(--rz-numeric-button-disabled-background-color);
        color: var(--rz-numeric-button-disabled-color);
    }

        .rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-button:hover {
            background-color: var(--rz-numeric-button-disabled-background-color);
            color: var(--rz-numeric-button-disabled-color);
            background-image: none;
            box-shadow: none;
            cursor: initial;
        }

.rz-spinner-button {
    position: absolute;
    right: var(--rz-numeric-button-offset);
    padding: 0;
    width: var(--rz-numeric-button-width);
    height: var(--rz-numeric-button-height);
    border-radius: var(--rz-numeric-button-border-radius);
    background-color: var(--rz-numeric-button-background-color);
    color: var(--rz-numeric-button-color);
}

    .rz-spinner-button:hover {
        background-color: var(--rz-numeric-button-background-color);
    }

    .rz-spinner-button .rzi, .rz-spinner-button .rz-column-drag, .rz-spinner-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-spinner-button .rzi-circle-o-notch, .rz-spinner-button .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-spinner-button .rzi-plus, .rz-spinner-button .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-spinner-button .rzi-grid-sort, .rz-spinner-button .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-spinner-button .rzi-chevron-circle-down, .rz-spinner-button .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-spinner-button .rzi-chevron-circle-right, .rz-spinner-button .rz-fileupload-row .rz-button .rzi-close, .rz-spinner-button .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-spinner-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-spinner-button .rzi-close,
    .rz-spinner-button .rz-fileupload-row .rz-button .rzi-times,
    .rz-spinner-button .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-button .rz-spinner-button .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-spinner-button .rzi-times,
    .rz-spinner-button .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-spinner-button .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-spinner-button .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-spinner-button .rz-icon-trash, .rz-spinner-button .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-spinner-button .rz-menuitem-icon {
        font-size: var(--rz-numeric-button-height);
        vertical-align: top;
    }

    .rz-spinner-button .rzi-caret-up:before {
        content: 'expand_less';
    }

    .rz-spinner-button .rzi-caret-down:before {
        content: 'expand_more';
    }

.rz-spinner-up {
    top: var(--rz-numeric-button-offset);
}

.rz-spinner-down {
    bottom: var(--rz-numeric-button-offset);
}

:root {
    --rz-upload-button-bar-background-color: var(--rz-base-200);
    --rz-upload-button-bar-padding: 0.5rem;
    --rz-upload-files-background-color: var(--rz-base-background-color);
    --rz-upload-files-padding: 0.5rem 0;
    --rz-upload-files-remove-background-color: var(--rz-base-300);
    --rz-upload-files-remove-color: var(--rz-text-color);
    --rz-upload-files-margin: 0 0.5rem;
    --rz-upload-choose-background-color: var(--rz-secondary);
    --rz-upload-choose-color: var(--rz-text-contrast-color);
    --rz-upload-choose-hover-background-color: var(--rz-secondary);
    --rz-upload-choose-hover-color: var(--rz-text-contrast-color);
    --rz-upload-choose-active-background-color: var(--rz-secondary-dark);
    --rz-upload-choose-active-color: var(--rz-text-contrast-color);
    --rz-upload-cancel-background-color: var(--rz-base-200);
    --rz-upload-cancel-color: var(--rz-text-color);
    --rz-upload-button-background-color: var(--rz-primary);
}

.rz-fileupload {
    display: inline-block;
}

    .rz-fileupload .rz-button, .rz-fileupload .rz-paginator-element {
        vertical-align: middle;
        -webkit-appearance: none !important;
    }

        .rz-fileupload .rz-button[disabled], .rz-fileupload .rz-paginator-element[disabled] {
            opacity: 0.5;
        }

.rz-fileupload-choose {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    background-color: var(--rz-upload-choose-background-color);
    color: var(--rz-upload-choose-color);
}

    .rz-fileupload-choose input[type='file'] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        min-height: 100%;
        cursor: pointer;
    }

    .rz-fileupload-choose:not(.rz-state-disabled) {
        background-color: var(--rz-upload-choose-background-color);
        color: var(--rz-upload-choose-color);
    }

        .rz-fileupload-choose:not(.rz-state-disabled):hover {
            background-color: var(--rz-upload-choose-hover-background-color);
            color: var(--rz-upload-choose-hover-color);
        }

            .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
                background-color: var(--rz-upload-choose-hover-background-color);
                color: var(--rz-upload-choose-hover-color);
            }

        .rz-fileupload-choose:not(.rz-state-disabled):active {
            background-color: var(--rz-upload-choose-active-background-color);
            color: var(--rz-upload-choose-active-color);
        }

.rz-fileupload-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .rz-fileupload-row > div {
        margin: var(--rz-upload-files-margin);
    }

    .rz-fileupload-row .rz-button-text {
        display: none;
    }

    .rz-fileupload-row .rz-button, .rz-fileupload-row .rz-paginator-element {
        background-color: var(--rz-upload-files-remove-background-color);
        color: var(--rz-upload-files-remove-color);
    }

        .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rzi-close,
        .rz-fileupload-row .rz-button .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-icon-trash {
            display: block;
        }

            .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-paginator-element .rzi-close:before,
            .rz-fileupload-row .rz-button .rzi-times:before,
            .rz-fileupload-row .rz-paginator-element .rzi-times:before,
            .rz-fileupload-row .rz-button .rz-icon-trash:before,
            .rz-fileupload-row .rz-paginator-element .rz-icon-trash:before {
                content: 'close';
            }

.rz-fileupload-buttonbar {
    position: relative;
    background-color: var(--rz-upload-button-bar-background-color);
    padding: var(--rz-upload-button-bar-padding);
    border-radius: var(--rz-border-radius);
}

    .rz-fileupload-buttonbar .rz-button:nth-child(3), .rz-fileupload-buttonbar .rz-paginator-element:nth-child(3) {
        float: right;
        background-color: var(--rz-upload-cancel-background-color);
        color: var(--rz-upload-cancel-color);
    }

.rz-fileupload-files {
    background-color: var(--rz-upload-files-background-color);
    padding: var(--rz-upload-files-padding);
}

:root {
    --rz-grid-data-border-shadow: none;
    --rz-grid-cell-border: var(--rz-border-normal);
    --rz-grid-right-cell-border: var(--rz-border-normal);
    --rz-grid-bottom-cell-border: var(--rz-border-normal);
    --rz-grid-cell-padding: 0.5rem;
    /*  --rz-grid-cell-color: var(--rz-text-color);*/
    --rz-grid-cell-font-size: var(--rz-body-font-size);
    /*    --rz-grid-hover-background-color: var(--rz-secondary-lighter);
    --rz-grid-hover-color: var(--rz-secondary-dark);
    --rz-grid-selected-background-color: var(--rz-secondary-dark);
    --rz-grid-selected-color: var(--rz-text-contrast-color);
    --rz-grid-stripe-background-color: var(--rz-info);
    --rz-grid-toolbar-background-color: var(--rz-base-background-color);*/
    --rz-grid-header-cell-border: var(--rz-border-normal);
    --rz-grid-header-cell-border-bottom: none;
    /*--rz-grid-header-background-color: var(--rz-base-200);*/
    --rz-grid-header-font-size: 0.75rem;
    --rz-grid-header-line-height: 1rem;
    --rz-grid-header-font-weight: 600;
    --rz-grid-header-text-transform: uppercase;
    /*--rz-grid-header-color: var(--rz-text-color);*/
    --rz-grid-header-cell-padding: 0.625rem 0;
    --rz-grid-header-title-padding: 0 0 0 0.5rem;
    /*  --rz-grid-header-sorted-background-color: var(--rz-base-300);*/
    --rz-grid-header-padding: 1rem;
    /*  --rz-grid-foot-cell-color: var(--rz-text-color);
    --rz-grid-foot-background-color: var(--rz-base-200);*/
    /*--rz-grid-filter-background-color: var(--rz-primary);*/
    --rz-grid-filter-padding: 0.5rem;
    --rz-grid-filter-margin: 0;
    --rz-grid-filter-border: var(--rz-border-normal);
    --rz-grid-filter-font-size: var(--rz-body-font-size);
    --rz-grid-filter-icon-width: var(--rz-icon-size);
    --rz-grid-filter-icon-height: var(--rz-icon-size);
    --rz-grid-filter-icon-margin: 0 0.25rem 0 0;
    --rz-grid-filter-icon-font-size: var(--rz-icon-size);
    /*    --rz-grid-filter-color: var(--rz-text-disabled-color);*/
    /*    --rz-grid-filter-focus-color: var(--rz-secondary);*/
    --rz-grid-filter-gap: 1rem;
    --rz-grid-filter-buttons-padding: 1rem;
    --rz-grid-filter-buttons-border: var(--rz-border-normal);
    /*    --rz-grid-filter-buttons-background-color: var(--rz-base-200);
    --rz-grid-clear-filter-button-background-color: var(--rz-secondary);
    --rz-grid-clear-filter-button-color: var(--rz-text-contrast-color);*/
    --rz-grid-clear-filter-button-shadow: inherit;
    --rz-grid-apply-filter-button-background-color: var(--rz-primary);
    --rz-grid-apply-filter-button-color: var(--rz-text-contrast-color);
    --rz-grid-apply-filter-button-shadow: inherit;
    --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto;
    --rz-grid-header-filter-icon-hover-color: var(--rz-text-color);
    --rz-grid-header-filter-icon-active-color: var(--rz-primary);
    --rz-grid-header-filter-icon-font-size: 1rem;
    --rz-grid-border: var(--rz-border-normal);
    --rz-grid-sort-icon-width: 1rem;
    --rz-grid-sort-icon-height: 1rem;
    /*   --rz-grid-sort-icon-color: var(--rz-text-disabled-color);*/
    --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    /*--rz-grid-background-color: var(--rz-base-background-color);*/
    --rz-grid-column-resizer-width: 0.5rem;
    --rz-grid-column-resizer-helper-width: 0.25rem;
    --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
    --rz-grid-column-icon-width: 2rem;
    --rz-grid-column-icon-padding: 0;
    --rz-grid-detail-template-border: none;
    --rz-grid-detail-template-border-radius: 0;
    --rz-grid-detail-template-padding: 0;
    /* --rz-grid-detail-template-background-color: var(--rz-base-background-color);
    --rz-grid-loading-indicator-color: currentColor;
    --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5);*/
    --rz-grid-button-icon-only-padding: 0 0.25rem;
    --rz-grid-button-text-padding: 0 0.6875rem;
    --rz-grid-button-font-size: 0.75rem;
    --rz-grid-button-icon-width: 0.75rem;
    --rz-grid-button-icon-height: 0.75rem;
    --rz-grid-button-height: 1.25rem;
    --rz-grid-button-line-height: 1.25rem;
    --rz-grid-frozen-cell-border: var(--rz-border-normal);
    /* --rz-grid-frozen-cell-background-color: var(--rz-base-200);*/
    --rz-grid-state-transition: var(--rz-transition-all);
    --rz-grid-group-header-padding: 0.5rem;
    /*  --rz-grid-group-header-item-background-color: var(--rz-base-background-color);*/
    --rz-grid-group-header-item-padding: 0.5rem;
    --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0;
    --rz-grid-group-header-item-border: var(--rz-border-normal);
    --rz-grid-group-header-item-border-radius: var(--rz-border-radius);
    --rz-grid-group-header-items-margin: 0 0 -0.5rem 0;
    /* --rz-column-drag-handle-color: var(--rz-text-color);
    --rz-column-drag-handle-hover-color: var(--rz-text-color);*/
    --rz-column-drag-handle-margin: 0 auto 0 0;
    --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
}

.rz-datatable {
    position: relative;
    box-shadow: var(--rz-grid-shadow);
    border: var(--rz-grid-cell-border);
    /*background-color: var(--rz-grid-background-color);*/
}

    .rz-datatable .rz-col-icon {
        text-align: center;
        vertical-align: middle;
        width: var(--rz-grid-column-icon-width);
        padding: var(--rz-grid-column-icon-padding);
    }

    .rz-datatable .rzi-chevron-circle-right {
        vertical-align: top;
    }

        .rz-datatable .rzi-chevron-circle-right:before {
            content: 'arrow_right';
        }

    .rz-datatable .rzi-chevron-circle-down {
        vertical-align: top;
    }

        .rz-datatable .rzi-chevron-circle-down:before {
            content: 'arrow_drop_down';
        }

    .rz-datatable.rz-has-template > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view > .rz-datatable-scrollable-body > .rz-datatable-scrollable-table-wrapper > table > .rz-datatable-scrollable-colgroup col:first-child {
        width: var(--rz-grid-column-icon-width);
    }

.rz-unselectable-text {
    user-select: none;
}

.rz-datatable-tablewrapper > table,
.rz-datatable-scrollable-header-box > table,
.rz-datatable-scrollable-table-wrapper > table,
.rz-datatable-scrollable-footer-box > table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.rz-resizable-column {
    position: relative;
}

.rz-datatable-reorder-indicator-up {
    position: absolute;
}

    .rz-datatable-reorder-indicator-up:before {
        content: 'arrow_drop_down';
    }

.rz-datatable-reorder-indicator-down {
    position: absolute;
}

    .rz-datatable-reorder-indicator-down:before {
        content: 'arrow_drop_up';
    }

.rz-column-resizer {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    cursor: col-resize;
    width: var(--rz-grid-column-resizer-width);
}

    .rz-column-resizer:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: var(--rz-grid-column-resizer-helper-width);
        background-color: transparent;
    }

    .rz-column-resizer:hover:after, .rz-column-resizer:active:after {
        background-color: var(--rz-grid-column-resizer-helper-background-color);
    }

.rz-rowgroup-header .fa,
.rz-row-toggler {
    color: var(--rz-grid-cell-color);
}

.rz-datatable-scrollable-footer {
    background-color: var(--rz-grid-header-background-color);
    border-top: var(--rz-grid-cell-border);
}

.rz-datatable-thead th, .rz-grid-table thead th {
    background-color: var(--rz-grid-header-background-color);
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: var(--rz-grid-header-cell-border-bottom);
}

    .rz-datatable-thead th:not(:last-child), .rz-grid-table thead th:not(:last-child) {
        border-right: var(--rz-grid-header-cell-border);
    }

    .rz-datatable-thead th.rz-composite-cell, .rz-grid-table thead th.rz-composite-cell {
        border-right: var(--rz-grid-header-cell-border-bottom);
    }

    .rz-datatable-thead th > div:not(.rz-cell-filter), .rz-grid-table thead th > div:not(.rz-cell-filter) {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        outline: none;
        padding: var(--rz-grid-header-cell-padding);
    }

    .rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
        display: inline-flex;
        flex: auto;
        width: 100%;
        align-items: center;
        font-size: var(--rz-grid-header-font-size);
        line-height: var(--rz-grid-header-line-height);
        text-transform: var(--rz-grid-header-text-transform);
        color: var(--rz-grid-header-color);
        padding: var(--rz-grid-header-title-padding);
        font-weight: var(--rz-grid-header-font-weight);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rz-datatable-thead th .rz-column-title-content, .rz-grid-table thead th .rz-column-title-content {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox), .rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) {
            overflow: visible;
        }

    .rz-datatable-thead th.rz-text-align-center .rz-column-title, .rz-grid-table thead th.rz-text-align-center .rz-column-title {
        justify-content: center;
        padding-left: 0;
    }

    .rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title, .rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title {
        padding-left: var(--rz-grid-sort-icon-width);
    }

    .rz-datatable-thead th.rz-text-align-right .rz-column-title, .rz-grid-table thead th.rz-text-align-right .rz-column-title {
        justify-content: right;
    }

    .rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title, .rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title {
        padding-left: var(--rz-grid-sort-icon-width);
    }

    .rz-datatable-thead th .rz-column-drag + .rz-column-title, .rz-grid-table thead th .rz-column-drag + .rz-column-title {
        padding-left: 0;
    }

.rz-datatable-tfoot td, .rz-grid-table tfoot td {
    background-color: var(--rz-grid-foot-background-color);
    font-size: var(--rz-grid-cell-font-size);
    color: var(--rz-grid-foot-cell-color);
    padding: var(--rz-grid-cell-padding);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .rz-datatable-tfoot td:not(:last-child), .rz-grid-table tfoot td:not(:last-child) {
        border-right: var(--rz-grid-right-cell-border);
    }

    .rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell {
        border-right: var(--rz-grid-right-cell-border-bottom);
    }

.rz-datatable-scrollable-header {
    background-color: var(--rz-grid-header-background-color);
    border-bottom: var(--rz-grid-bottom-cell-border);
}

.rz-datatable-scrollable-body {
    overflow: auto;
    border-top: none;
    flex: auto;
    border-bottom-right-radius: var(--rz-border-radius);
    border-bottom-left-radius: var(--rz-border-radius);
}

.rz-has-paginator .rz-datatable-scrollable-body {
    border-radius: 0;
}

.rz-sortable-column {
    cursor: pointer;
}

    .rz-sortable-column:focus {
        outline: none;
    }

    .rz-sortable-column.rz-state-active {
        background-color: var(--rz-grid-header-sorted-background-color);
    }

    .rz-sortable-column > div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc) {
        color: var(--rz-grid-sort-icon-color);
    }

    .rz-sortable-column .rzi-grid-sort {
        width: var(--rz-grid-sort-icon-width);
        height: var(--rz-grid-sort-icon-height);
        font-size: var(--rz-grid-sort-icon-height);
        text-align: left;
    }

    .rz-sortable-column .rzi-sort {
        color: transparent;
    }

        .rz-sortable-column .rzi-sort:before {
            content: 'sort';
        }

    .rz-sortable-column .rzi-sort-asc {
        color: var(--rz-grid-header-color);
    }

        .rz-sortable-column .rzi-sort-asc:before {
            content: 'arrow_drop_up';
        }

    .rz-sortable-column .rzi-sort-desc {
        color: var(--rz-grid-header-color);
    }

        .rz-sortable-column .rzi-sort-desc:before {
            content: 'arrow_drop_down';
        }

.rz-grid-table-striped tr:nth-child(odd) > td {
    background-color: var(--rz-grid-stripe-background-color);
}

.rz-grid-table-striped tr:nth-child(even) > td {
    background-color: var(--rz-grid-background-color);
}

.rz-datatable-data .rz-cell-data .rz-button-sm, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-button, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-button, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-paginator-element, .rz-grid-table .rz-cell-data .rz-button-sm, .rz-grid-table .rz-cell-data .rz-fileupload .rz-button, .rz-grid-table .rz-cell-data .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-grid-table .rz-cell-data .rz-button, .rz-fileupload .rz-grid-table .rz-cell-data .rz-paginator-element {
    line-height: var(--rz-grid-button-line-height);
    padding: var(--rz-grid-button-text-padding);
    height: var(--rz-grid-button-line-height);
    font-size: var(--rz-grid-button-font-size);
}

    .rz-datatable-data .rz-cell-data .rz-button-sm .rz-button-icon-left, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-button .rz-button-icon-left, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-paginator-element .rz-button-icon-left, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-button .rz-button-icon-left, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-paginator-element .rz-button-icon-left, .rz-grid-table .rz-cell-data .rz-button-sm .rz-button-icon-left, .rz-grid-table .rz-cell-data .rz-fileupload .rz-button .rz-button-icon-left, .rz-grid-table .rz-cell-data .rz-fileupload .rz-paginator-element .rz-button-icon-left, .rz-fileupload .rz-grid-table .rz-cell-data .rz-button .rz-button-icon-left, .rz-fileupload .rz-grid-table .rz-cell-data .rz-paginator-element .rz-button-icon-left {
        font-size: var(--rz-grid-button-font-size);
        line-height: var(--rz-grid-button-line-height);
        width: var(--rz-grid-button-icon-width);
    }

    .rz-datatable-data .rz-cell-data .rz-button-sm .rz-button-text, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-button .rz-button-text, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-paginator-element .rz-button-text, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-button .rz-button-text, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-paginator-element .rz-button-text, .rz-grid-table .rz-cell-data .rz-button-sm .rz-button-text, .rz-grid-table .rz-cell-data .rz-fileupload .rz-button .rz-button-text, .rz-grid-table .rz-cell-data .rz-fileupload .rz-paginator-element .rz-button-text, .rz-fileupload .rz-grid-table .rz-cell-data .rz-button .rz-button-text, .rz-fileupload .rz-grid-table .rz-cell-data .rz-paginator-element .rz-button-text {
        line-height: var(--rz-grid-button-line-height);
    }

    .rz-datatable-data .rz-cell-data .rz-button-sm.rz-button-icon-only, .rz-datatable-data .rz-cell-data .rz-button-sm.rz-paginator-element, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-button-icon-only.rz-button, .rz-datatable-data .rz-cell-data .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-button-icon-only.rz-button, .rz-fileupload .rz-datatable-data .rz-cell-data .rz-paginator-element, .rz-grid-table .rz-cell-data .rz-button-sm.rz-button-icon-only, .rz-grid-table .rz-cell-data .rz-button-sm.rz-paginator-element, .rz-grid-table .rz-cell-data .rz-fileupload .rz-button-icon-only.rz-button, .rz-grid-table .rz-cell-data .rz-fileupload .rz-paginator-element, .rz-fileupload .rz-grid-table .rz-cell-data .rz-button-icon-only.rz-button, .rz-fileupload .rz-grid-table .rz-cell-data .rz-paginator-element {
        padding: var(--rz-grid-button-icon-only-padding);
    }

.rz-datatable-data td, .rz-grid-table td {
    padding: var(--rz-grid-cell-padding);
    border-bottom: var(--rz-grid-bottom-cell-border);
}

    .rz-datatable-data td:not(:last-child), .rz-grid-table td:not(:last-child) {
        border-right: var(--rz-grid-right-cell-border);
    }

    .rz-datatable-data td.rz-composite-cell, .rz-grid-table td.rz-composite-cell {
        border-right: var(--rz-grid-right-cell-border);
    }

    .rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
        color: var(--rz-grid-cell-color);
        font-size: var(--rz-grid-cell-font-size);
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button, .rz-paginator-element), .rz-grid-table td .rz-cell-data:has(.rz-chkbox), .rz-grid-table td .rz-cell-data:has(.rz-button, .rz-paginator-element) {
            overflow: visible;
        }

    .rz-datatable-data td .rz-cell-toggle, .rz-grid-table td .rz-cell-toggle {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }

.rz-datatable-data tr td:first-child, .rz-grid-table tr td:first-child {
    border-left: none;
}

.rz-datatable-data tr td:last-child:not(.rz-composite-cell), .rz-grid-table tr td:last-child:not(.rz-composite-cell) {
    border-right: none;
}

.rz-datatable-data tr:first-child > td, .rz-grid-table tr:first-child > td {
    border-top: none;
}

.rz-datatable-data tr:last-child > td, .rz-grid-table tr:last-child > td {
    border-bottom: none;
}

.rz-datatable-reflow tbody td > .rz-column-title {
    display: none;
}

.rz-datatable-scrollable {
    display: flex;
    flex-direction: column;
}

    .rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper {
        height: 0;
    }

        .rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view {
            height: 0;
        }

.rz-datatable-scrollable-wrapper {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.rz-datatable-scrollable-view {
    display: flex;
    flex: auto;
    flex-direction: column;
    overflow: hidden;
}

.rz-datatable-header {
    background-color: var(--rz-grid-toolbar-background-color);
    padding: var(--rz-grid-header-padding);
    border-bottom: var(--rz-grid-bottom-cell-border);
}

    .rz-datatable-header .rzi-plus {
        font-size: var(--rz-grid-cell-font-size);
    }

        .rz-datatable-header .rzi-plus:before {
            content: 'add';
        }

.rz-cell-filter {
    padding: var(--rz-grid-filter-padding);
    margin: var(--rz-grid-filter-margin);
    background-color: var(--rz-grid-filter-background-color);
    border-top: var(--rz-grid-filter-border);
    font-size: var(--rz-grid-filter-font-size);
    font-weight: normal;
}

    .rz-cell-filter .rz-cell-filter-label {
        display: flex;
        flex: auto;
        align-items: center;
    }

        .rz-cell-filter .rz-cell-filter-label > .rzi, .rz-cell-filter .rz-cell-filter-label > .rz-column-drag, .rz-cell-filter .rz-datatable-loading-content .rz-cell-filter-label > .rzi-circle-o-notch, .rz-datatable-loading-content .rz-cell-filter .rz-cell-filter-label > .rzi-circle-o-notch, .rz-cell-filter .rz-menuitem .rz-cell-filter-label > .rz-menuitem-icon, .rz-menuitem .rz-cell-filter .rz-cell-filter-label > .rz-menuitem-icon, .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rzi-close, .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rzi-close, .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rzi-close,
        .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rzi-times,
        .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rzi-times,
        .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rzi-times,
        .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rz-icon-trash,
        .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rz-icon-trash, .rz-cell-filter .rz-datatable .rz-cell-filter-label > .rzi-chevron-circle-right, .rz-datatable .rz-cell-filter .rz-cell-filter-label > .rzi-chevron-circle-right, .rz-cell-filter .rz-datatable .rz-cell-filter-label > .rzi-chevron-circle-down, .rz-datatable .rz-cell-filter .rz-cell-filter-label > .rzi-chevron-circle-down, .rz-cell-filter .rz-sortable-column .rz-cell-filter-label > .rzi-grid-sort, .rz-sortable-column .rz-cell-filter .rz-cell-filter-label > .rzi-grid-sort, .rz-cell-filter .rz-datatable-header .rz-cell-filter-label > .rzi-plus, .rz-datatable-header .rz-cell-filter .rz-cell-filter-label > .rzi-plus {
            width: var(--rz-grid-filter-icon-width);
            height: var(--rz-grid-filter-icon-height);
            font-size: var(--rz-grid-filter-icon-font-size);
            margin: var(--rz-grid-filter-icon-margin);
            color: var(--rz-grid-filter-color);
        }

            .rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear, .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rz-column-drag, .rz-cell-filter .rz-datatable-loading-content .rz-cell-filter-label > .rz-cell-filter-clear.rzi-circle-o-notch, .rz-datatable-loading-content .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-circle-o-notch, .rz-cell-filter .rz-menuitem .rz-cell-filter-label > .rz-cell-filter-clear.rz-menuitem-icon, .rz-menuitem .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rz-menuitem-icon, .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rz-cell-filter-clear.rzi-close, .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rz-cell-filter-clear.rzi-close, .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-close, .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-close,
            .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rz-cell-filter-clear.rzi-times,
            .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rz-cell-filter-clear.rzi-times,
            .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-times,
            .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-times,
            .rz-cell-filter .rz-fileupload-row .rz-button .rz-cell-filter-label > .rz-cell-filter-clear.rz-icon-trash,
            .rz-cell-filter .rz-fileupload-row .rz-paginator-element .rz-cell-filter-label > .rz-cell-filter-clear.rz-icon-trash,
            .rz-fileupload-row .rz-button .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rz-icon-trash,
            .rz-fileupload-row .rz-paginator-element .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rz-icon-trash, .rz-cell-filter .rz-datatable .rz-cell-filter-label > .rz-cell-filter-clear.rzi-chevron-circle-right, .rz-datatable .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-chevron-circle-right, .rz-cell-filter .rz-datatable .rz-cell-filter-label > .rz-cell-filter-clear.rzi-chevron-circle-down, .rz-datatable .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-chevron-circle-down, .rz-cell-filter .rz-sortable-column .rz-cell-filter-label > .rz-cell-filter-clear.rzi-grid-sort, .rz-sortable-column .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-grid-sort, .rz-cell-filter .rz-datatable-header .rz-cell-filter-label > .rz-cell-filter-clear.rzi-plus, .rz-datatable-header .rz-cell-filter .rz-cell-filter-label > .rz-cell-filter-clear.rzi-plus {
                margin-left: auto;
            }

        .rz-cell-filter .rz-cell-filter-label .rz-current-filter {
            margin-left: 0.5rem;
        }

.rz-selectable tr:nth-child(even) td,
.rz-selectable tr:nth-child(even) .rz-cell-data,
.rz-selectable tr:nth-child(odd) td,
.rz-selectable tr:nth-child(odd) .rz-cell-data {
    transition: background-color var(--rz-transition), color var(--rz-transition);
}

.rz-selectable tr.rz-state-highlight:nth-child(even) > td,
.rz-selectable tr.rz-state-highlight:nth-child(odd) > td {
    background-color: var(--rz-grid-selected-background-color);
}

.rz-selectable tr.rz-state-highlight:nth-child(even) .rz-cell-data,
.rz-selectable tr.rz-state-highlight:nth-child(odd) .rz-cell-data {
    color: var(--rz-grid-selected-color);
}

.rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi, .rz-selectable tr.rz-state-highlight:nth-child(even) > .rz-column-drag, .rz-selectable .rz-datatable-loading-content tr.rz-state-highlight:nth-child(even) > .rzi-circle-o-notch, .rz-datatable-loading-content .rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi-circle-o-notch, .rz-selectable .rz-menuitem tr.rz-state-highlight:nth-child(even) > .rz-menuitem-icon, .rz-menuitem .rz-selectable tr.rz-state-highlight:nth-child(even) > .rz-menuitem-icon, .rz-selectable .rz-fileupload-row .rz-button tr.rz-state-highlight:nth-child(even) > .rzi-close, .rz-selectable .rz-fileupload-row .rz-paginator-element tr.rz-state-highlight:nth-child(even) > .rzi-close, .rz-fileupload-row .rz-button .rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi-close,
.rz-selectable .rz-fileupload-row .rz-button tr.rz-state-highlight:nth-child(even) > .rzi-times,
.rz-selectable .rz-fileupload-row .rz-paginator-element tr.rz-state-highlight:nth-child(even) > .rzi-times,
.rz-fileupload-row .rz-button .rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi-times,
.rz-fileupload-row .rz-paginator-element .rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi-times,
.rz-selectable .rz-fileupload-row .rz-button tr.rz-state-highlight:nth-child(even) > .rz-icon-trash,
.rz-selectable .rz-fileupload-row .rz-paginator-element tr.rz-state-highlight:nth-child(even) > .rz-icon-trash,
.rz-fileupload-row .rz-button .rz-selectable tr.rz-state-highlight:nth-child(even) > .rz-icon-trash,
.rz-fileupload-row .rz-paginator-element .rz-selectable tr.rz-state-highlight:nth-child(even) > .rz-icon-trash, .rz-selectable .rz-datatable tr.rz-state-highlight:nth-child(even) > .rzi-chevron-circle-right, .rz-datatable .rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi-chevron-circle-right, .rz-selectable .rz-datatable tr.rz-state-highlight:nth-child(even) > .rzi-chevron-circle-down, .rz-datatable .rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi-chevron-circle-down, .rz-selectable .rz-sortable-column tr.rz-state-highlight:nth-child(even) > .rzi-grid-sort, .rz-sortable-column .rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi-grid-sort, .rz-selectable .rz-datatable-header tr.rz-state-highlight:nth-child(even) > .rzi-plus, .rz-datatable-header .rz-selectable tr.rz-state-highlight:nth-child(even) > .rzi-plus,
.rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi,
.rz-selectable tr.rz-state-highlight:nth-child(odd) > .rz-column-drag,
.rz-selectable .rz-datatable-loading-content tr.rz-state-highlight:nth-child(odd) > .rzi-circle-o-notch,
.rz-datatable-loading-content .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi-circle-o-notch,
.rz-selectable .rz-menuitem tr.rz-state-highlight:nth-child(odd) > .rz-menuitem-icon,
.rz-menuitem .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rz-menuitem-icon,
.rz-selectable .rz-fileupload-row .rz-button tr.rz-state-highlight:nth-child(odd) > .rzi-close,
.rz-selectable .rz-fileupload-row .rz-paginator-element tr.rz-state-highlight:nth-child(odd) > .rzi-close,
.rz-fileupload-row .rz-button .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi-close,
.rz-fileupload-row .rz-paginator-element .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi-close,
.rz-selectable .rz-fileupload-row .rz-button tr.rz-state-highlight:nth-child(odd) > .rzi-times,
.rz-selectable .rz-fileupload-row .rz-paginator-element tr.rz-state-highlight:nth-child(odd) > .rzi-times,
.rz-fileupload-row .rz-button .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi-times,
.rz-fileupload-row .rz-paginator-element .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi-times,
.rz-selectable .rz-fileupload-row .rz-button tr.rz-state-highlight:nth-child(odd) > .rz-icon-trash,
.rz-selectable .rz-fileupload-row .rz-paginator-element tr.rz-state-highlight:nth-child(odd) > .rz-icon-trash,
.rz-fileupload-row .rz-button .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rz-icon-trash,
.rz-fileupload-row .rz-paginator-element .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rz-icon-trash,
.rz-selectable .rz-datatable tr.rz-state-highlight:nth-child(odd) > .rzi-chevron-circle-right,
.rz-datatable .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi-chevron-circle-right,
.rz-selectable .rz-datatable tr.rz-state-highlight:nth-child(odd) > .rzi-chevron-circle-down,
.rz-datatable .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi-chevron-circle-down,
.rz-selectable .rz-sortable-column tr.rz-state-highlight:nth-child(odd) > .rzi-grid-sort,
.rz-sortable-column .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi-grid-sort,
.rz-selectable .rz-datatable-header tr.rz-state-highlight:nth-child(odd) > .rzi-plus,
.rz-datatable-header .rz-selectable tr.rz-state-highlight:nth-child(odd) > .rzi-plus {
    color: var(--rz-grid-selected-color);
}

.rz-selectable tr:nth-child(even):hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell),
.rz-selectable tr:nth-child(odd):hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) {
    background-color: var(--rz-grid-hover-background-color);
}

.rz-selectable tr:nth-child(even):hover:not(.rz-state-highlight) .rz-cell-data,
.rz-selectable tr:nth-child(odd):hover:not(.rz-state-highlight) .rz-cell-data {
    color: var(--rz-grid-hover-color);
}

.rz-cell-filter-content {
    display: flex;
    flex: auto;
    align-items: center;
}

.rz-cell-filter-content {
    color: var(--rz-grid-filter-color);
    min-height: 1.375rem;
}

.rz-date-filter {
    display: flex;
    align-items: stretch;
    background-color: var(--rz-grid-filter-background-color);
    gap: var(--rz-grid-filter-gap);
    padding: var(--rz-grid-filter-gap);
}

    .rz-date-filter .rz-listbox {
        min-width: 10rem;
    }

        .rz-date-filter .rz-listbox .rz-listbox-item {
            font-size: 0.875rem;
        }

    .rz-date-filter .rz-calendar-inline {
        border-radius: var(--rz-border-radius);
    }

.rz-expanded-row > td {
    border-bottom: none;
    background-color: var(--rz-grid-hover-background-color);
}

    .rz-expanded-row > td .rz-cell-data,
    .rz-expanded-row > td .rz-row-toggler {
        color: var(--rz-grid-hover-color);
    }

.rz-expanded-row-template {
    background-color: var(--rz-grid-detail-template-background-color);
    padding: var(--rz-grid-detail-template-padding);
    border: var(--rz-grid-detail-template-border);
    border-radius: var(--rz-grid-detail-template-border-radius);
}

.rz-expanded-row-content > td {
    padding-top: 0;
    background-color: var(--rz-grid-detail-template-background-color);
}

.rz-rowgroup-header a:hover {
    text-decoration: none;
}

.rz-rowgroup-header td {
    border-top: var(--rz-grid-border);
    border-bottom: var(--rz-grid-border);
}

.rz-date-filter-buttons {
    display: flex;
    justify-content: space-between;
    padding: var(--rz-grid-filter-buttons-padding);
    background-color: var(--rz-grid-filter-buttons-background-color);
    border-top: var(--rz-grid-filter-buttons-border);
}

.rz-clear-filter {
    background-color: var(--rz-grid-clear-filter-button-background-color);
    color: var(--rz-grid-clear-filter-button-color);
    box-shadow: var(--rz-grid-clear-filter-button-shadow);
}

.rz-apply-filter {
    background-color: var(--rz-grid-apply-filter-button-background-color);
    color: var(--rz-grid-apply-filter-button-color);
    box-shadow: var(--rz-grid-apply-filter-button-shadow);
}

.rz-datatable-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--rz-grid-loading-indicator-background-color);
    z-index: 2;
}

.rz-datatable-loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--rz-grid-loading-indicator-color);
    z-index: 2;
}

    .rz-datatable-loading-content .rzi-circle-o-notch {
        animation: rotation .5s linear infinite;
        font-size: 2rem;
    }

        .rz-datatable-loading-content .rzi-circle-o-notch:before {
            content: 'refresh';
        }

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .rz-datatable-reflow .rz-data-grid-data > table,
    .rz-datatable-reflow .rz-datatable-tablewrapper > table,
    .rz-datatable-reflow .rz-datatable-scrollable-header-box > table,
    .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table {
        table-layout: auto;
        display: block;
    }

        .rz-datatable-reflow .rz-data-grid-data > table > tbody,
        .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody,
        .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody,
        .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody {
            display: block;
        }

    .rz-datatable-reflow thead th {
        display: none;
    }

    .rz-datatable-reflow .rz-datatable-odd,
    .rz-datatable-reflow .rz-datatable-even {
        display: block;
    }

        .rz-datatable-reflow .rz-datatable-odd > td,
        .rz-datatable-reflow .rz-datatable-even > td {
            display: block;
            width: 100% !important;
            text-align: left !important;
            border: none;
        }

            .rz-datatable-reflow .rz-datatable-odd > td .rz-column-title,
            .rz-datatable-reflow .rz-datatable-even > td .rz-column-title {
                display: block;
            }
}

.rz-grid-filter {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
}

    .rz-grid-filter .rz-dropdown,
    .rz-grid-filter .rz-spinner,
    .rz-grid-filter .rz-textbox,
    .rz-grid-filter .rz-grid-filter-label {
        display: block;
        width: 100%;
    }

    .rz-grid-filter .rz-grid-filter-label {
        font-weight: 600;
    }

.rz-grid-filter-buttons {
    display: flex;
    justify-content: space-between;
    padding: var(--rz-grid-filter-buttons-padding);
}

.rz-grid-filter-icon {
    justify-self: flex-end;
    color: var(--rz-grid-filter-color);
    margin: var(--rz-grid-header-filter-icon-margin);
    font-size: var(--rz-grid-header-filter-icon-font-size);
    transition: var(--rz-grid-state-transition);
}

    .rz-grid-filter-icon:hover {
        cursor: pointer;
        color: var(--rz-grid-header-filter-icon-hover-color);
    }

    .rz-grid-filter-icon:after {
        content: 'filter_alt';
    }

.rz-grid-filter-active {
    color: var(--rz-grid-header-filter-icon-active-color) !important;
}

.rz-data-grid {
    display: flex;
    flex-direction: column;
}

.rz-data-grid-data {
    overflow: auto;
    flex: 1;
    box-shadow: var(--rz-grid-data-border-shadow);
}

.rz-grid-table td, .rz-grid-table th {
    padding: var(--rz-grid-cell-padding);
}

.rz-grid-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

    .rz-grid-table thead th {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .rz-grid-table thead tr:nth-of-type(2) th {
        top: 35px;
    }

.rz-grid-table-fixed {
    table-layout: fixed;
}

    .rz-grid-table-fixed .rz-frozen-cell {
        position: -webkit-sticky;
        position: sticky;
        background: var(--rz-grid-frozen-cell-background-color);
        border-right: var(--rz-grid-frozen-cell-border) !important;
        box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.12);
        z-index: 1;
    }

.rz-grid-table tfoot, .rz-grid-table tfoot td {
    position: sticky;
    bottom: 0;
    z-index: 1;
}

.rz-grid-table {
    width: 100%;
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .rz-grid-table th {
        white-space: nowrap;
        overflow: hidden;
    }

    .rz-grid-table td {
        white-space: nowrap;
        overflow: hidden;
    }

    .rz-grid-table tbody > div {
        display: table-row;
    }

.rz-column-drag {
    cursor: grab;
    font-size: inherit;
    color: var(--rz-column-drag-handle-color);
    transition: var(--rz-grid-state-transition);
    margin: var(--rz-column-drag-handle-margin);
}

    .rz-column-drag:after {
        content: 'more_vert';
    }

    .rz-column-drag:hover {
        color: var(--rz-column-drag-handle-hover-color);
    }

    .rz-column-drag:active {
        color: var(--rz-column-drag-handle-hover-color);
        cursor: grabbing;
    }

.rz-column-draggable {
    background-color: var(--rz-grid-header-background-color);
    border-radius: var(--rz-border-radius);
    box-shadow: var(--rz-column-draggable-shadow);
    padding: 0;
}

    .rz-column-draggable > div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        outline: none;
        padding: var(--rz-grid-header-cell-padding);
    }

    .rz-column-draggable .rz-column-title {
        display: inline-block;
        font-size: var(--rz-grid-header-font-size);
        line-height: var(--rz-grid-header-line-height);
        text-transform: var(--rz-grid-header-text-transform);
        color: var(--rz-grid-header-color);
        padding: var(--rz-grid-header-title-padding);
        font-weight: var(--rz-grid-header-font-weight);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rz-column-draggable .rz-grid-filter-icon {
        display: none;
    }

.rz-group-header {
    background-color: var(--rz-grid-header-background-color);
    padding: var(--rz-grid-group-header-padding);
    border-bottom: var(--rz-grid-bottom-cell-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rz-group-header-items {
    margin: var(--rz-grid-group-header-items-margin);
}

.rz-group-header-item {
    background-color: var(--rz-grid-group-header-item-background-color);
    border: var(--rz-grid-group-header-item-border);
    border-radius: var(--rz-grid-group-header-item-border-radius);
    padding: var(--rz-grid-group-header-item-padding);
    margin: var(--rz-grid-group-header-item-margin);
    width: fit-content;
    float: left;
}

.rz-group-header-item-title {
    font-size: var(--rz-grid-header-font-size);
    font-weight: var(--rz-grid-header-font-weight);
    margin-right: 0.5rem;
}

.rz-group-header-drop {
    font-size: var(--rz-body-font-size);
    color: var(--rz-text-tertiary-color);
    height: fit-content;
}

.rz-column-picker {
    display: flex;
}

.rz-filter-menu-symbol {
    width: 1.75rem;
    display: inline-block;
}

.rz-filter-button {
    flex: none;
    margin-right: 0.5rem;
}

:root {
    /*    --rz-paginator-background-color: var(--rz-base-background-color);*/
    --rz-paginator-padding: 0.5rem;
    --rz-paginator-border: var(--rz-border-normal);
    --rz-paginator-button-border-radius: var(--rz-border-radius);
    /* --rz-paginator-numeric-button-background-color: var(--rz-base-200);
    --rz-paginator-numeric-button-color: var(--rz-text-color);*/
    --rz-paginator-numeric-button-border: 1px solid transparent;
    /*--rz-paginator-numeric-button-hover-background-color: var(--rz-base-200);*/
    --rz-paginator-numeric-button-hover-color: var(--rz-text-color);
    --rz-paginator-numeric-button-margin: 0 0.25rem;
    --rz-paginator-numeric-button-padding: 0.4375rem;
    /* --rz-paginator-numeric-button-selected-background-color: var(--rz-base-background-color);
    --rz-paginator-numeric-button-selected-color: var(--rz-primary);*/
    --rz-paginator-numeric-button-selected-border: var(--rz-border-base-200);
    --rz-paginator-numeric-button-selected-padding: 0.4375rem;
    --rz-paginator-numeric-button-min-width: 2.25rem;
    /* --rz-paginator-back-button-background-color: var(--rz-base-200);
    --rz-paginator-back-button-color: var(--rz-text-color);
    --rz-paginator-back-button-hover-background-color: var(--rz-base-200);
    --rz-paginator-back-button-hover-color: var(--rz-text-color);*/
    --rz-paginator-first-button-margin: 0 0.5rem 0 0;
    --rz-paginator-last-button-margin: 0 0 0 0.5rem;
    /*--rz-paginator-next-button-background-color: var(--rz-base-200);*/
    /* --rz-paginator-next-button-color: var(--rz-text-color);
    --rz-paginator-next-button-hover-background-color: var(--rz-base-200);
    --rz-paginator-next-button-hover-color: var(--rz-text-color);*/
    --rz-paginator-dropdown-width: 80px;
    --rz-paginator-dropdown-margin: 0 0 0 0.5rem;
    --rz-paginator-summary-padding: 0 1.25rem 0 0;
    --rz-paginator-summary-font-size: var(--rz-body-font-size);
    /*--rz-paginator-summary-color: var(--rz-text-secondary-color);*/
    --rz-paginator-button-size: rz-button-md;
}

.rz-paginator {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--rz-paginator-background-color);
    padding: var(--rz-paginator-padding);
}

    .rz-paginator.rz-align-right {
        justify-content: flex-end;
    }

    .rz-paginator.rz-align-left {
        justify-content: flex-start;
    }

    .rz-paginator.rz-align-center {
        justify-content: center;
    }

    .rz-paginator .rzi-step-backward:before {
        content: 'first_page';
    }

    .rz-paginator .rzi-caret-left:before {
        content: 'navigate_before';
    }

    .rz-paginator .rzi-caret-right:before {
        content: 'navigate_next';
    }

    .rz-paginator .rzi-step-forward:before {
        content: 'last_page';
    }

    .rz-paginator .rz-dropdown {
        order: 2;
        width: var(--rz-paginator-dropdown-width);
        margin-left: 1rem;
        overflow: visible;
    }

    .rz-paginator .rz-pagesize-text {
        order: 2;
        margin: var(--rz-paginator-last-button-margin);
        font-size: var(--rz-paginator-summary-font-size);
        color: var(--rz-paginator-summary-color);
    }

    .rz-paginator .rz-dropdown-items-wrapper {
        width: var(--rz-paginator-dropdown-width-4px);
    }

.rz-paginator-element:hover,
.rz-paginator-page:hover {
    background-color: var(--rz-paginator-numeric-button-hover-background-color);
    color: var(--rz-paginator-numeric-button-hover-color);
}

.rz-paginator-bottom {
    border-top: var(--rz-paginator-border);
}

.rz-paginator-pages {
    display: inline-flex;
    margin: 0 0.5rem;
}

.rz-paginator-element {
    letter-spacing: 0;
}

.rz-paginator-first {
    margin: var(--rz-paginator-first-button-margin);
}

.rz-align-center .rz-paginator-first {
    margin-left: auto;
}

.rz-paginator-prev {
    margin-right: auto;
}

.rz-align-left .rz-paginator-prev, .rz-align-right .rz-paginator-prev, .rz-align-center .rz-paginator-prev {
    margin: var(--rz-paginator-first-button-margin);
}

.rz-paginator-next {
    margin-left: auto;
}

.rz-align-left .rz-paginator-next, .rz-align-right .rz-paginator-next, .rz-align-center .rz-paginator-next {
    margin: var(--rz-paginator-last-button-margin);
}

.rz-paginator-last {
    margin: var(--rz-paginator-last-button-margin);
}

.rz-align-center .rz-paginator-last {
    margin-right: auto;
}

.rz-paginator-first,
.rz-paginator-prev {
    background-color: var(--rz-paginator-back-button-background-color);
    color: var(--rz-paginator-back-button-color);
    border-radius: var(--rz-paginator-button-border-radius);
}

.rz-paginator-element:hover {
    text-decoration: none;
}

.rz-paginator-last,
.rz-paginator-next {
    background-color: var(--rz-paginator-next-button-background-color);
    color: var(--rz-paginator-next-button-color);
    border-radius: var(--rz-paginator-button-border-radius);
}

.rz-paginator-page {
    display: inline-block;
    min-width: var(--rz-paginator-numeric-button-min-width);
    text-align: center;
    margin: var(--rz-paginator-numeric-button-margin);
    background-color: var(--rz-paginator-numeric-button-background-color);
    border: var(--rz-paginator-numeric-button-border);
    border-radius: var(--rz-paginator-button-border-radius);
    padding: var(--rz-paginator-numeric-button-padding);
    color: var(--rz-paginator-numeric-button-color);
}

    .rz-paginator-page.rz-state-active {
        background-color: var(--rz-paginator-numeric-button-selected-background-color);
        color: var(--rz-paginator-numeric-button-selected-color);
        border: var(--rz-paginator-numeric-button-selected-border);
        padding: var(--rz-paginator-numeric-button-selected-padding);
    }

.rz-paginator-summary {
    padding: var(--rz-paginator-summary-padding);
    font-size: var(--rz-paginator-summary-font-size);
    color: var(--rz-paginator-summary-color);
}

.rz-align-right .rz-paginator-summary {
    margin-right: auto;
}

.rz-align-left .rz-paginator-summary {
    order: 2;
    margin-left: auto;
    padding: 0;
}

@media (max-width: 768px) {
    .rz-paginator-page:not(.rz-state-active) {
        display: none;
    }

    .rz-paginator {
        display: grid;
        grid-column-gap: 0.5rem;
        grid-row-gap: 1rem;
        grid-template-columns: repeat(9, 1fr);
        text-align: center;
    }

        .rz-paginator .rz-dropdown {
            grid-column: 1/4;
            width: auto;
            margin: 0 !important;
            text-align: left;
        }

        .rz-paginator .rz-pagesize-text {
            grid-column: 4/10;
            margin: 0 !important;
            text-align: left;
        }

    .rz-paginator-summary {
        grid-column: 1/10;
        padding: 0 !important;
        text-align: left;
    }

    .rz-paginator-first {
        grid-column: 1/3;
        margin: 0 !important;
    }

    .rz-paginator-prev {
        grid-column: 3/5;
        margin: 0 !important;
    }

    .rz-paginator-pages {
        grid-column: 5/6;
        margin: 0 !important;
    }

    .rz-paginator-next {
        grid-column: 6/8;
        margin: 0 !important;
    }

    .rz-paginator-last {
        grid-column: 8/10;
        margin: 0 !important;
    }
}

:root {
    --rz-overlay-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-overlay-border: var(--rz-border-normal);
    --rz-overlay-background-color: var(--mud-palette-primary);
}

.rz-overlaypanel {
    position: absolute;
    overflow: hidden;
    box-shadow: var(--rz-overlay-shadow);
    border: var(--rz-overlay-border);
    border-radius: var(--rz-border-radius);
    background-color: var(--rz-overlay-background-color);
}

:root {
    --rz-tree-background-color: var(--rz-base-background-color);
    --rz-tree-node-padding: 0.25rem;
    --rz-tree-node-selected-background-color: var(--rz-secondary);
    --rz-tree-node-selected-color: var(--rz-text-contrast-color);
    --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius)/2);
    --rz-tree-node-margin: 1px 0;
    --rz-tree-node-hover-background-color: var(--rz-secondary-light);
    --rz-tree-node-hover-color: var(--rz-text-contrast-color);
    --rz-tree-node-toggle-width: 1rem;
    --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
    --rz-tree-node-toggle-hover-color: var(--rz-text-color);
    --rz-tree-transition: var(--rz-transition-all);
}

.rz-tree {
    display: inline-block;
    overflow: auto;
}

    .rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler {
        visibility: hidden;
    }

.rz-treenode {
    padding-left: var(--rz-tree-node-toggle-width);
}

.rz-tree-toggler {
    cursor: pointer;
    margin-left: calc(var(--rz-tree-node-toggle-width) * -1);
    width: var(--rz-tree-node-toggle-width);
    height: 1.5rem;
    font-size: var(--rz-icon-size);
    line-height: 1.5rem;
    text-align: center;
    color: var(--rz-tree-node-toggle-color);
    transition: var(--rz-tree-transition);
}

    .rz-tree-toggler.rzi-caret-right:before {
        content: "arrow_right";
        margin-left: -0.125rem;
    }

    .rz-tree-toggler.rzi-caret-down:before {
        content: "arrow_drop_down";
        margin-left: -0.125rem;
    }

    .rz-tree-toggler:hover {
        color: var(--rz-tree-node-toggle-hover-color);
    }

.rz-treenode-content {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: var(--rz-tree-node-margin);
}

    .rz-treenode-content .rz-treenode-label {
        display: flex;
        align-items: center;
        padding: var(--rz-tree-node-padding);
    }

        .rz-treenode-content .rz-treenode-label .rzi:first-child, .rz-treenode-content .rz-treenode-label .rz-menuitem .rz-menuitem-icon:first-child, .rz-menuitem .rz-treenode-content .rz-treenode-label .rz-menuitem-icon:first-child, .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-button .rzi-close:first-child, .rz-fileupload-row .rz-button .rz-treenode-content .rz-treenode-label .rzi-close:first-child,
        .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-button .rzi-times:first-child,
        .rz-fileupload-row .rz-button .rz-treenode-content .rz-treenode-label .rzi-times:first-child,
        .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-button .rz-icon-trash:first-child,
        .rz-fileupload-row .rz-button .rz-treenode-content .rz-treenode-label .rz-icon-trash:first-child, .rz-treenode-content .rz-treenode-label .rz-datatable .rzi-chevron-circle-right:first-child, .rz-datatable .rz-treenode-content .rz-treenode-label .rzi-chevron-circle-right:first-child, .rz-treenode-content .rz-treenode-label .rz-datatable .rzi-chevron-circle-down:first-child, .rz-datatable .rz-treenode-content .rz-treenode-label .rzi-chevron-circle-down:first-child, .rz-treenode-content .rz-treenode-label .rz-sortable-column .rzi-grid-sort:first-child, .rz-sortable-column .rz-treenode-content .rz-treenode-label .rzi-grid-sort:first-child, .rz-treenode-content .rz-treenode-label .rz-datatable-header .rzi-plus:first-child, .rz-datatable-header .rz-treenode-content .rz-treenode-label .rzi-plus:first-child, .rz-treenode-content .rz-treenode-label .rz-datatable-loading-content .rzi-circle-o-notch:first-child, .rz-datatable-loading-content .rz-treenode-content .rz-treenode-label .rzi-circle-o-notch:first-child, .rz-treenode-content .rz-treenode-label .rz-column-drag:first-child, .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-paginator-element .rzi-close:first-child, .rz-fileupload-row .rz-paginator-element .rz-treenode-content .rz-treenode-label .rzi-close:first-child,
        .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-paginator-element .rzi-times:first-child,
        .rz-fileupload-row .rz-paginator-element .rz-treenode-content .rz-treenode-label .rzi-times:first-child,
        .rz-treenode-content .rz-treenode-label .rz-fileupload-row .rz-paginator-element .rz-icon-trash:first-child,
        .rz-fileupload-row .rz-paginator-element .rz-treenode-content .rz-treenode-label .rz-icon-trash:first-child {
            margin-right: 0.25rem;
        }

    .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
        background-color: var(--rz-tree-node-hover-background-color);
        color: var(--rz-tree-node-hover-color);
        border-radius: var(--rz-tree-node-selected-border-radius);
    }

    .rz-treenode-content .rz-chkbox {
        margin-right: 0.25rem;
    }

.rz-tree-container,
.rz-treenode-children {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rz-treenode-label {
    transition: var(--rz-tree-transition);
}

.rz-treenode-content-selected .rz-treenode-label {
    border-radius: var(--rz-tree-node-selected-border-radius);
    color: var(--rz-tree-node-selected-color);
    background-color: var(--rz-tree-node-selected-background-color);
}

:root {
    --rz-datalist-background-color: var(--rz-base-background-color);
    --rz-datalist-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-datalist-padding: 0.5rem;
    --rz-datalist-border: var(--rz-border-base-200);
    --rz-datalist-border-radius: var(--rz-border-radius);
    --rz-datalist-item-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-datalist-item-border: var(--rz-border-base-200);
    --rz-datalist-item-vertical-margin: 0.5rem;
    --rz-datalist-item-horizontal-margin: 0.5rem;
    --rz-datalist-item-padding: 1rem;
    --rz-datalist-item-background-color: var(--rz-base-background-color);
}

.rz-datalist,
.rz-datagrid {
    background-color: var(--rz-datalist-background-color);
    border-bottom-right-radius: var(--rz-datalist-border-radius);
    border-bottom-left-radius: var(--rz-datalist-border-radius);
    box-shadow: var(--rz-datalist-shadow);
    border: var(--rz-datalist-border);
}

.rz-g > div, .rz-datalist-data > li {
    border-radius: var(--rz-datalist-border-radius);
    border: var(--rz-datalist-item-border);
    box-shadow: var(--rz-datalist-item-shadow);
    padding: var(--rz-datalist-item-padding);
    background-color: var(--rz-datalist-item-background-color);
}

.rz-datalist-data {
    list-style: none;
    padding: var(--rz-datalist-padding);
    margin: 0;
}

    .rz-datalist-data > li {
        margin: var(--rz-datalist-item-vertical-margin);
    }

        .rz-datalist-data > li:first-child {
            margin-top: 0;
        }

        .rz-datalist-data > li:last-child {
            margin-bottom: 0;
        }

.rz-g {
    display: flex;
    flex-wrap: wrap;
}

    .rz-g > div {
        flex: auto;
        margin: var(--rz-datalist-item-vertical-margin) var(--rz-datalist-item-horizontal-margin);
    }

:root {
    --rz-datafilter-item-padding-y: 0.25rem;
    --rz-datafilter-item-padding-left: 2rem;
    --rz-datafilter-item-indentation: 0.25rem;
    --rz-datafilter-item-path-width: 1rem;
    --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2));
    --rz-datafilter-item-path-border: var(--rz-border-normal);
    --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius));
}

.rz-datafilter {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.25rem;
    align-items: center;
}

    .rz-datafilter .rz-selectbutton {
        display: inline-flex;
    }

    .rz-datafilter .rz-datafilter-group {
        position: relative;
        margin: 0.25rem 0 0;
        padding: 0;
        flex-basis: 100%;
    }

        .rz-datafilter .rz-datafilter-group .rz-datafilter-group {
            margin: 0;
        }

    .rz-datafilter .rz-datafilter-item {
        position: relative;
        list-style: none;
        margin: 0;
        padding: var(--rz-datafilter-item-padding-y) 0 var(--rz-datafilter-item-padding-y) calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation));
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
        align-items: center;
    }

        .rz-datafilter .rz-datafilter-item:before {
            content: "";
            position: absolute;
            background-color: transparent;
            width: var(--rz-datafilter-item-path-width);
            top: 0;
            bottom: 0;
            left: calc(var(--rz-datafilter-item-padding-left) / 2);
            border: 0;
            border-left: var(--rz-datafilter-item-path-border);
        }

        .rz-datafilter .rz-datafilter-item:after {
            content: "";
            position: absolute;
            background-color: transparent;
            width: var(--rz-datafilter-item-path-width);
            height: calc(var(--rz-datafilter-item-padding-y) + (var(--rz-input-height) / 2));
            top: 0;
            left: calc(var(--rz-datafilter-item-padding-left) / 2);
            border: 0;
            border-bottom: var(--rz-datafilter-item-path-border);
            border-left: var(--rz-datafilter-item-path-border);
        }

    .rz-datafilter .rz-datafilter-group-item:after {
        height: calc(var(--rz-input-height) / 2);
    }

    .rz-datafilter .rz-datafilter-bar {
        padding: 0 0 0 calc(var(--rz-datafilter-item-padding-left) + var(--rz-datafilter-item-indentation));
    }

        .rz-datafilter .rz-datafilter-bar:before {
            display: none;
        }

        .rz-datafilter .rz-datafilter-bar:after {
            height: calc(var(--rz-input-height) / 2);
            border-bottom-left-radius: var(--rz-datafilter-item-path-border-radius);
        }

        .rz-datafilter .rz-datafilter-bar .rz-splitbutton {
            margin-top: 0.3125rem;
        }

    .rz-datafilter .rz-datafilter-editor {
        min-width: 200px;
        flex: auto;
    }

    .rz-datafilter .rz-button.rz-datafilter-item-clear, .rz-datafilter .rz-datafilter-item-clear.rz-paginator-element {
        color: var(--rz-text-secondary-color);
        opacity: 0.5;
    }

        .rz-datafilter .rz-button.rz-datafilter-item-clear:hover, .rz-datafilter .rz-datafilter-item-clear.rz-paginator-element:hover {
            opacity: 1;
        }

:root {
    --rz-scheduler-border: var(--rz-border-normal);
    --rz-scheduler-border-color: var(--rz-base-300);
    --rz-scheduler-minor-border-color: var(--rz-base-200);
    --rz-scheduler-border-radius: var(--rz-border-radius);
    --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-scheduler-background-color: var(--rz-base-background-color);
    --rz-scheduler-color: var(--rz-text-tertiary-color);
    --rz-scheduler-toolbar-padding: 0.5rem;
    --rz-scheduler-toolbar-background-color: var(--rz-base-200);
    --rz-scheduler-toolbar-title-font-size: 1rem;
    --rz-scheduler-toolbar-title-font-weight: 700;
    --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
    --rz-scheduler-prev-next-button-background-color: var(--rz-secondary);
    --rz-scheduler-prev-next-button-color: var(--rz-text-contrast-color);
    --rz-scheduler-prev-next-button-padding: 0.5rem;
    --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size);
    --rz-scheduler-prev-button-border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius);
    --rz-scheduler-next-button-border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0;
    --rz-scheduler-today-button-margin-left: 0.5rem;
    --rz-scheduler-today-button-padding: 0.5rem 1rem;
    --rz-scheduler-today-button-font-size: 0.75rem;
    --rz-scheduler-today-button-text-transform: uppercase;
    --rz-scheduler-view-button-border: var(--rz-border-normal);
    --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
    --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
    --rz-scheduler-view-selected-color: var(--rz-text-contrast-color);
    --rz-scheduler-view-selected-background-color: var(--rz-secondary);
    --rz-scheduler-view-selected-border-color: var(--rz-secondary);
    --rz-scheduler-header-background-color: var(--rz-base-200);
    --rz-scheduler-header-font-size: 0.75rem;
    --rz-scheduler-header-text-transform: uppercase;
    --rz-scheduler-header-color: inherit;
    --rz-scheduler-header-border: var(--rz-border-normal);
    --rz-scheduler-header-padding: 0.5rem 0;
    --rz-scheduler-event-color: var(--rz-text-contrast-color);
    --rz-scheduler-event-background-color: var(--rz-info);
    --rz-scheduler-event-font-size: 0.75rem;
    --rz-scheduler-event-line-height: 1.25rem;
    --rz-scheduler-event-padding: 0 1px 1px 1px;
    --rz-scheduler-event-content-padding: 0.125rem 0.25rem;
    --rz-scheduler-event-list-button-color: var(--rz-secondary);
    --rz-scheduler-event-list-button-font-size: 0.75rem;
    --rz-scheduler-slot-title-font-size: 0.875rem;
    --rz-scheduler-slot-title-padding: 0 0.25rem;
    --rz-scheduler-day-number-padding: 0 0.5rem;
}

.rz-scheduler {
    display: flex;
    height: 400px;
    flex-direction: column;
    border-radius: var(--rz-scheduler-border-radius);
    border: 1px solid var(--rz-scheduler-border-color);
    box-shadow: var(--rz-scheduler-shadow);
    color: var(--rz-scheduler-color);
    background: var(--rz-scheduler-background-color);
    overflow: hidden;
    background-clip: border-box;
}

    .rz-scheduler a.rz-event-list-btn {
        position: absolute;
        padding-left: 0.25rem;
        color: var(--rz-scheduler-event-list-button-color);
        font-size: var(--rz-scheduler-event-list-button-font-size);
    }

        .rz-scheduler a.rz-event-list-btn:hover {
            cursor: pointer;
            color: var(--rz-scheduler-event-list-button-color);
            text-decoration: underline;
        }

.rz-slot {
    display: flex;
    height: 1.5em;
    border-top: 1px solid var(--rz-scheduler-border-color);
    border-left: 1px solid var(--rz-scheduler-border-color);
}

.rz-slot-hours .rz-slot-header {
    height: 1.5rem;
    text-align: right;
    font-size: var(--rz-scheduler-header-font-size);
    padding: 0 0.25rem;
    width: 5rem;
    border-right: 1px solid var(--rz-scheduler-border-color);
    white-space: nowrap;
}

.rz-slot-minor {
    border-top: 1px solid var(--rz-scheduler-minor-border-color);
}

.rz-day-view .rz-slot,
.rz-slots:first-child .rz-slot {
    border-left: none;
}

.rz-event {
    position: absolute;
    padding: var(--rz-scheduler-event-padding);
}

.rz-event-content {
    background: var(--rz-scheduler-event-background-color);
    border-radius: var(--rz-scheduler-border-radius);
    color: var(--rz-scheduler-event-color);
    height: 100%;
    padding: var(--rz-scheduler-event-content-padding);
    font-size: var(--rz-scheduler-event-font-size);
    line-height: var(--rz-scheduler-event-line-height);
    overflow: hidden;
}

.rz-events {
    position: relative;
}

.rz-month-view .rz-view-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.rz-slot-title {
    text-align: right;
    font-size: var(--rz-scheduler-slot-title-font-size);
    padding: var(--rz-scheduler-slot-title-padding);
}

.rz-scheduler-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--rz-scheduler-toolbar-padding);
    background: var(--rz-scheduler-toolbar-background-color);
}

    .rz-scheduler-nav .rz-scheduler-nav-title {
        display: flex;
        align-self: center;
        font-size: var(--rz-scheduler-toolbar-title-font-size);
        font-weight: var(--rz-scheduler-toolbar-title-font-weight);
        color: var(--rz-scheduler-toolbar-title-color);
    }

.rz-view-header {
    border-top: var(--rz-scheduler-header-border);
    border-bottom: var(--rz-scheduler-header-border);
    background-color: var(--rz-scheduler-header-background-color);
    text-transform: var(--rz-scheduler-header-text-transform);
    color: var(--rz-scheduler-header-color);
    display: flex;
}

    .rz-view-header .rz-slot-header {
        flex: 1;
        text-align: center;
        font-size: var(--rz-scheduler-header-font-size);
        padding: var(--rz-scheduler-header-padding);
    }

    .rz-view-header .rz-slot-hour-header {
        flex: none;
        width: 80px;
    }

.rz-view {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.rz-view-content {
    flex: auto;
    display: flex;
    overflow: auto;
    height: 0;
}

.rz-week-view-content {
    flex: 1;
    display: flex;
}

.rz-slots {
    flex: 1;
    font-size: var(--rz-root-font-size);
}

.rz-week {
    flex: 1;
    font-size: var(--rz-root-font-size);
}

    .rz-week .rz-slots {
        display: flex;
        height: 100%;
    }

    .rz-week:first-child .rz-slot {
        border-top: none;
    }

.rz-month-view .rz-slot {
    flex: 1;
    height: 100%;
}

    .rz-month-view .rz-slot:first-child {
        border-left: none;
    }

.rz-day-view .rz-slot:nth-of-type(2),
.rz-week-view .rz-slot:nth-of-type(2) {
    border-top: none;
}

.rz-week-view .rz-view-header,
.rz-day-view .rz-view-header {
    padding-right: 15px;
}

.rz-scheduler-nav-views {
    display: flex;
}

    .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-primary.rz-paginator-element {
        background: var(--rz-scheduler-view-button-background-color);
        color: var(--rz-scheduler-view-button-color);
        border: var(--rz-scheduler-view-button-border);
        border-radius: 0;
    }

        .rz-scheduler-nav-views .rz-button.rz-primary:first-child, .rz-scheduler-nav-views .rz-primary.rz-paginator-element:first-child {
            border-top-left-radius: var(--rz-scheduler-border-radius);
            border-bottom-left-radius: var(--rz-scheduler-border-radius);
            border-right: none;
        }

        .rz-scheduler-nav-views .rz-button.rz-primary:last-child, .rz-scheduler-nav-views .rz-primary.rz-paginator-element:last-child {
            border-top-right-radius: var(--rz-scheduler-border-radius);
            border-bottom-right-radius: var(--rz-scheduler-border-radius);
            border-left: none;
        }

        .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active, .rz-scheduler-nav-views .rz-primary.rz-state-active.rz-paginator-element {
            background-color: var(--rz-scheduler-view-selected-background-color);
            border-color: var(--rz-scheduler-view-selected-border-color);
            color: var(--rz-scheduler-view-selected-color);
        }

.rz-scheduler-nav-prev-next {
    display: flex;
}

    .rz-scheduler-nav-prev-next .rz-button, .rz-scheduler-nav-prev-next .rz-paginator-element {
        background-color: var(--rz-scheduler-prev-next-button-background-color);
        color: var(--rz-scheduler-prev-next-button-color);
        padding: var(--rz-scheduler-prev-next-button-padding);
        font-size: var(--rz-scheduler-prev-next-button-font-size);
    }

        .rz-scheduler-nav-prev-next .rz-button.rz-today, .rz-scheduler-nav-prev-next .rz-today.rz-paginator-element {
            margin-left: var(--rz-scheduler-today-button-margin-left);
            padding: var(--rz-scheduler-today-button-padding);
            font-size: var(--rz-scheduler-today-button-font-size);
            text-transform: var(--rz-scheduler-today-button-text-transform);
        }

        .rz-scheduler-nav-prev-next .rz-button.rz-prev, .rz-scheduler-nav-prev-next .rz-prev.rz-paginator-element {
            border-radius: var(--rz-scheduler-prev-button-border-radius);
        }

        .rz-scheduler-nav-prev-next .rz-button.rz-next, .rz-scheduler-nav-prev-next .rz-next.rz-paginator-element {
            border-radius: var(--rz-scheduler-next-button-border-radius);
        }

.rz-event-list .rz-event {
    position: static;
}

@media (max-width: 576px) {
    .rz-scheduler-nav .rz-scheduler-nav-prev-next {
        justify-content: space-between;
        margin-bottom: 0.5rem;
        margin-right: 0.5rem;
        order: 1;
    }

    .rz-scheduler-nav .rz-scheduler-nav-title {
        justify-content: center;
        width: 100%;
        order: 3;
    }

    .rz-scheduler-nav .rz-scheduler-nav-views {
        margin-bottom: 0.5rem;
        justify-content: center;
        flex-grow: 1;
        order: 2;
    }

        .rz-scheduler-nav .rz-scheduler-nav-views .rz-button, .rz-scheduler-nav .rz-scheduler-nav-views .rz-paginator-element {
            flex-grow: 1;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

            .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text, .rz-scheduler-nav .rz-scheduler-nav-views .rz-paginator-element .rz-button-text {
                display: none;
            }

    .rz-slot-hours .rz-slot-header {
        width: auto;
    }
}

:root {
    --rz-tabs-padding: 1.25rem;
    --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-tabs-border: var(--rz-border-base-200);
    --rz-tabs-border-radius: var(--rz-border-radius);
    --rz-tabs-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-font-size: var(--rz-body-font-size);
    --rz-tabs-tab-line-height: var(--rz-body-line-height);
    --rz-tabs-tab-font-weight: normal;
    --rz-tabs-tab-text-transform: none;
    --rz-tabs-tab-letter-spacing: 0;
    --rz-tabs-tab-padding: 0.5rem 1rem;
    --rz-tabs-tab-background-color: var(--rz-base-200);
    --rz-tabs-tab-color: var(--rz-secondary);
    --rz-tabs-tab-selected-color: var(--rz-text-title-color);
    --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
    --rz-tabs-tab-hover-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-hover-color: var(--rz-secondary-light);
    --rz-tabs-icon-font-size: var(--rz-icon-size);
    --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem;
    --rz-tabs-transition: var(--rz-transition-all);
}

.rz-tabview {
    display: flex;
}

    .rz-tabview.rz-tabview-top {
        flex-direction: column;
    }

    .rz-tabview.rz-tabview-top-right {
        flex-direction: column;
    }

    .rz-tabview.rz-tabview-bottom {
        flex-direction: column-reverse;
    }

    .rz-tabview.rz-tabview-bottom-right {
        flex-direction: column-reverse;
    }

    .rz-tabview.rz-tabview-left {
        flex-direction: row;
    }

    .rz-tabview.rz-tabview-right {
        flex-direction: row-reverse;
    }

.rz-tabview-nav {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

    .rz-tabview-nav li {
        border: var(--rz-tabs-border);
        background-color: var(--rz-tabs-tab-background-color);
        transition: var(--rz-tabs-transition);
    }

        .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
            background-color: var(--rz-tabs-tab-hover-background-color);
        }

            .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a {
                color: var(--rz-tabs-tab-hover-color);
            }

        .rz-tabview-nav li a {
            display: flex;
            align-items: center;
            color: var(--rz-tabs-tab-color);
            padding: var(--rz-tabs-tab-padding);
            font-size: var(--rz-tabs-tab-font-size);
            line-height: var(--rz-tabs-tab-line-height);
            font-weight: var(--rz-tabs-tab-font-weight);
            text-transform: var(--rz-tabs-tab-text-transform);
            letter-spacing: var(--rz-tabs-tab-letter-spacing);
            text-decoration: none;
        }

            .rz-tabview-nav li a:hover {
                text-decoration: none;
            }

        .rz-tabview-nav li.rz-state-disabled {
            opacity: 0.5;
        }

    .rz-tabview-nav .rz-tabview-selected {
        background-color: var(--rz-tabs-background-color);
        position: relative;
    }

        .rz-tabview-nav .rz-tabview-selected a {
            color: var(--rz-tabs-tab-selected-color);
        }

.rz-tabview-top > .rz-tabview-nav {
    flex-direction: row;
}

    .rz-tabview-top > .rz-tabview-nav li {
        border-top-width: 2px;
        border-bottom-color: var(--rz-tabs-tab-background-color);
        border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
    }

        .rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
            border-top-color: var(--rz-tabs-tab-selected-top-border-color);
        }

    .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
        border-bottom-color: var(--rz-tabs-background-color);
        margin-bottom: -1px;
        border-top-color: var(--rz-tabs-tab-selected-top-border-color);
    }

.rz-tabview-top-right > .rz-tabview-nav {
    justify-content: flex-end;
}

.rz-tabview-bottom > .rz-tabview-nav {
    flex-direction: row;
}

    .rz-tabview-bottom > .rz-tabview-nav li {
        border-bottom-width: 2px;
        border-top-color: var(--rz-tabs-tab-background-color);
        border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
    }

        .rz-tabview-bottom > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
            border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
        }

    .rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected {
        border-top-color: var(--rz-tabs-background-color);
        margin-top: -1px;
        padding-top: 1px;
        border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
    }

.rz-tabview-bottom-right > .rz-tabview-nav {
    justify-content: flex-end;
}

.rz-tabview-left > .rz-tabview-nav {
    flex-direction: column;
}

    .rz-tabview-left > .rz-tabview-nav li {
        border-left-width: 2px;
        border-right-color: var(--rz-tabs-tab-background-color);
        border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
    }

        .rz-tabview-left > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
            border-left-color: var(--rz-tabs-tab-selected-top-border-color);
        }

    .rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {
        border-right-color: var(--rz-tabs-background-color);
        margin-right: -1px;
        border-left-color: var(--rz-tabs-tab-selected-top-border-color);
    }

.rz-tabview-right > .rz-tabview-nav {
    flex-direction: column;
}

    .rz-tabview-right > .rz-tabview-nav li {
        border-right-width: 2px;
        border-left-color: var(--rz-tabs-tab-background-color);
        border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
    }

        .rz-tabview-right > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
            border-right-color: var(--rz-tabs-tab-selected-top-border-color);
        }

    .rz-tabview-right > .rz-tabview-nav .rz-tabview-selected {
        border-left-color: var(--rz-tabs-background-color);
        margin-left: -1px;
        padding-left: 1px;
        border-right-color: var(--rz-tabs-tab-selected-top-border-color);
    }

.rz-tabview-panels {
    background-color: var(--rz-tabs-background-color);
    border: var(--rz-tabs-border);
    box-shadow: var(--rz-tabs-shadow);
    flex: 1;
    overflow: auto;
}

.rz-tabview-top > .rz-tabview-panels {
    border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
}

.rz-tabview-bottom > .rz-tabview-panels {
    border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
}

.rz-tabview-left > .rz-tabview-panels {
    border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
}

.rz-tabview-right > .rz-tabview-panels {
    border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .rz-tabview-panels {
        flex: auto;
    }
}

.rz-tabview-panel {
    padding: var(--rz-tabs-padding);
}

.rz-tabview-left-icon {
    font-size: var(--rz-tabs-icon-font-size);
    margin: var(--rz-tabs-icon-margin);
}

:root {
    --rz-tooltip-background-color: var(--rz-info);
    --rz-tooltip-color: var(--rz-text-contrast-color);
    --rz-tooltip-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
    --rz-tooltip-padding: 0.25rem 0.5rem;
    --rz-tooltip-border-radius: var(--rz-border-radius);
    --rz-tooltip-font-size: var(--rz-body-font-size);
}

.rz-tooltip {
    position: absolute;
    transition: top 0.2s, left 0.2s;
    top: 0;
    left: 0;
}

.rz-tooltip-content {
    background: var(--rz-tooltip-background-color);
    color: var(--rz-tooltip-color);
    box-shadow: var(--rz-tooltip-shadow);
    padding: var(--rz-tooltip-padding);
    border-radius: var(--rz-tooltip-border-radius);
    font-size: var(--rz-tooltip-font-size);
    white-space: nowrap;
}

.rz-tooltip .rz-top-tooltip-content {
    margin-bottom: 16px;
}

    .rz-tooltip .rz-top-tooltip-content:after {
        content: ' ';
        position: absolute;
        width: 8px;
        height: 8px;
        bottom: 0;
        left: 12px;
        background-color: inherit;
        transform-origin: center;
        transform: translate(-50%, -12px) rotate(45deg);
        border-bottom: inherit;
        border-right: inherit;
    }

.rz-tooltip .rz-bottom-tooltip-content {
    margin-top: -8px;
}

    .rz-tooltip .rz-bottom-tooltip-content:after {
        content: ' ';
        position: absolute;
        width: 8px;
        height: 8px;
        top: 0;
        left: 12px;
        background-color: inherit;
        transform-origin: center;
        transform: translate(-50%, -12px) rotate(45deg);
        border-bottom: inherit;
        border-right: inherit;
    }

.rz-tooltip .rz-left-tooltip-content {
    margin-right: 8px;
}

    .rz-tooltip .rz-left-tooltip-content:after {
        content: ' ';
        position: absolute;
        width: 8px;
        height: 8px;
        top: 20px;
        right: 0;
        background-color: inherit;
        transform-origin: center;
        transform: translate(-50%, -10px) rotate(45deg);
        border-bottom: inherit;
        border-right: inherit;
    }

.rz-tooltip .rz-right-tooltip-content {
    margin-left: 0;
}

    .rz-tooltip .rz-right-tooltip-content:after {
        content: ' ';
        position: absolute;
        width: 8px;
        height: 8px;
        top: 20px;
        left: 0;
        background-color: inherit;
        transform-origin: center;
        transform: translate(-50%, -10px) rotate(45deg);
        border-bottom: inherit;
        border-right: inherit;
    }

:root {
    --rz-dialog-background-color: var(--rz-base-background-color);
    --rz-dialog-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
    --rz-dialog-title-background-color: var(--rz-base-100);
    --rz-dialog-title-border: none;
    --rz-dialog-title-padding: 0.6875rem 1.25rem;
    --rz-dialog-title-font-size: 1.25rem;
    --rz-dialog-title-line-height: 1.875rem;
    --rz-dialog-title-font-weight: 700;
    --rz-dialog-title-letter-spacing: -0.03em;
    --rz-dialog-title-color: var(--rz-text-title-color);
    --rz-dialog-close-font-size: var(--rz-icon-size);
    --rz-dialog-close-color: var(--rz-text-tertiary-color);
    --rz-dialog-close-hover-color: var(--rz-text-color);
    --rz-dialog-close-vertical-align: middle;
    --rz-dialog-content-padding: 1.25rem;
    --rz-dialog-mask-background-color: var(--rz-base-800);
    --rz-dialog-border-radius: var(--rz-border-radius);
}

.rz-dialog {
    position: fixed;
    overflow: hidden;
    background-color: var(--rz-dialog-background-color);
    box-shadow: var(--rz-dialog-shadow);
    border-radius: var(--rz-dialog-border-radius);
}

.rz-dialog-titlebar {
    background-color: var(--rz-dialog-title-background-color);
    padding: var(--rz-dialog-title-padding);
    font-size: var(--rz-dialog-title-font-size);
    line-height: var(--rz-dialog-title-line-height);
    border-bottom: var(--rz-dialog-title-border);
}

.rz-dialog-title {
    font-weight: var(--rz-dialog-title-font-weight);
    letter-spacing: var(--rz-dialog-title-letter-spacing);
    color: var(--rz-dialog-title-color);
}

.rz-dialog-titlebar-close {
    float: right;
}

    .rz-dialog-titlebar-close .rzi-times {
        font-size: var(--rz-dialog-close-font-size);
        color: var(--rz-dialog-close-color);
        vertical-align: var(--rz-dialog-close-vertical-align);
    }

        .rz-dialog-titlebar-close .rzi-times:before {
            content: 'close';
        }

    .rz-dialog-titlebar-close:hover .rzi-times {
        color: var(--rz-dialog-close-hover-color);
    }

.rz-dialog-content {
    padding: var(--rz-dialog-content-padding);
    overflow: auto;
}

.rz-confirmdialog {
    top: 50%;
    left: 50%;
}

.rz-dialog-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--rz-dialog-mask-background-color);
    opacity: 0.5;
}

.rz-dialog-footer {
    text-align: right;
    border: 0 none;
    padding: 1em;
}

    .rz-dialog-footer .rz-button, .rz-dialog-footer .rz-paginator-element {
        text-align: left !important;
        padding: 6px;
    }

        .rz-dialog-footer .rz-button:first-child, .rz-dialog-footer .rz-paginator-element:first-child {
            background-color: var(--rz-primary);
            width: 80px;
        }

        .rz-dialog-footer .rz-button:last-child, .rz-dialog-footer .rz-paginator-element:last-child {
            background-color: var(--rz-secondary);
            width: 105px;
        }

@media (max-width: 768px) {
    .rz-dialog:not(.rz-confirmdialog) {
        width: 100% !important;
        top: 0px !important;
    }

    .rz-dialog-content {
        -webkit-overflow-scrolling: touch;
    }

    .no-scroll {
        padding-right: 0;
    }
}

.no-scroll {
    overflow: hidden;
    padding-right: 15px;
}

.rz-dialog-wrapper {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 1001;
    align-items: center;
    justify-content: center;
}

    .rz-dialog-wrapper .rz-dialog {
        max-height: 100%;
        display: flex;
        flex-direction: column;
        position: static;
    }

    .rz-dialog-wrapper .rz-dialog-content {
        flex: 0 1 auto;
        overflow: auto;
    }

:root {
    --rz-notification-padding: 1rem 1.25rem;
    --rz-notification-icon-margin: 0 0.625rem 0 0;
    --rz-notification-container-background-color: transparent;
    --rz-notification-success-color: var(--rz-text-contrast-color);
    --rz-notification-success-background-color: var(--rz-success);
    --rz-notification-success-icon-color: var(--rz-text-contrast-color);
    --rz-notification-warning-color: var(--rz-text-contrast-color);
    --rz-notification-warning-background-color: var(--rz-warning);
    --rz-notification-warning-icon-color: var(--rz-text-contrast-color);
    --rz-notification-error-color: var(--rz-text-contrast-color);
    --rz-notification-error-background-color: var(--rz-danger);
    --rz-notification-error-icon-color: var(--rz-text-contrast-color);
    --rz-notification-info-color: var(--rz-text-contrast-color);
    --rz-notification-info-background-color: var(--rz-info);
    --rz-notification-info-icon-color: var(--rz-text-contrast-color);
}

.rz-growl {
    position: fixed;
    top: 100px;
    right: 20px;
    min-width: 20rem;
}

.rz-growl-item-container {
    background-color: var(--rz-notification-container-background-color);
}

.rz-growl-item {
    border-radius: var(--rz-border-radius);
    padding: var(--rz-notification-padding);
}

.rz-growl-message-success .rz-growl-item {
    color: var(--rz-notification-success-color);
    background-color: var(--rz-notification-success-background-color);
}

.rz-growl-message-warn .rz-growl-item {
    color: var(--rz-notification-warning-color);
    background-color: var(--rz-notification-warning-background-color);
}

.rz-growl-message-error .rz-growl-item {
    color: var(--rz-notification-error-color);
    background-color: var(--rz-notification-error-background-color);
}

.rz-growl-message-info .rz-growl-item {
    color: var(--rz-notification-info-color);
    background-color: var(--rz-notification-info-background-color);
}

.rz-growl-item {
    margin: 1rem 0;
}

    .rz-growl-item p {
        color: inherit;
    }

.rz-growl-icon-close {
    float: right;
}

    .rz-growl-icon-close:before {
        content: "close";
    }

.rz-growl-image {
    float: left;
    margin: var(--rz-notification-icon-margin);
}

    .rz-growl-image.rzi-check {
        color: var(--rz-notification-success-icon-color);
    }

        .rz-growl-image.rzi-check:before {
            content: "check";
        }

    .rz-growl-image.rzi-exclamation-triangle {
        color: var(--rz-notification-warning-icon-color);
    }

        .rz-growl-image.rzi-exclamation-triangle:before {
            content: "warning";
        }

    .rz-growl-image.rzi-info-circle {
        color: var(--rz-notification-info-icon-color);
    }

        .rz-growl-image.rzi-info-circle:before {
            content: "info";
        }

    .rz-growl-image.rzi-times {
        color: var(--rz-notification-error-icon-color);
    }

        .rz-growl-image.rzi-times:before {
            content: "error";
        }

.rz-growl-title {
    font-weight: bold;
}

.rz-growl-message p {
    display: inline-block;
    margin-bottom: 0;
}

:root {
    --rz-form-error-color: var(--rz-danger);
    --rz-form-error-font-size: 0.75rem;
    --rz-form-group-margin-bottom: 1.5rem;
    --rz-validator-background-color: var(--rz-danger);
    --rz-validator-color: var(--rz-text-contrast-color);
    --rz-validator-shadow: 0 6px 14px 0 rgba(249, 119, 127, 0.3);
    --rz-validator-text-padding: 0;
    --rz-validator-padding: 0.25rem 0.5rem;
    --rz-validator-pointer-size: 0.375rem;
    --rz-validator-transform: translateY(12px);
}

.rz-form .rz-textbox,
.rz-form .rz-lookup,
.rz-form .rz-dropdown,
.rz-form .rz-multiselect,
.rz-form .rz-calendar,
.rz-form .rz-spinner,
.rz-form .textarea {
    width: 100%;
}

.rz-form .rz-messages-error {
    position: absolute;
}

.rz-messages-error {
    display: inline-block;
    color: var(--rz-form-error-color);
    font-size: var(--rz-form-error-font-size);
    padding: var(--rz-validator-text-padding);
}

.rz-message-popup {
    position: absolute;
    background-color: var(--rz-validator-background-color);
    transform: var(--rz-validator-transform);
    box-shadow: var(--rz-validator-shadow);
    padding: var(--rz-validator-padding);
    border-radius: var(--rz-border-radius);
    color: var(--rz-validator-color);
    pointer-events: none;
}

    .rz-message-popup:before {
        content: '';
        border: var(--rz-validator-pointer-size) solid transparent;
        border-bottom-color: var(--rz-validator-background-color);
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(var(--rz-validator-pointer-size), -100%);
    }

.rz-template-form .row {
    margin: 0;
}

:root {
    --rz-scrollbar-background-color: transparent;
    --rz-scrollbar-color: var(--rz-secondary);
    --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
}

.rz-layout::-webkit-scrollbar {
    background-color: var(--rz-scrollbar-background-color);
}

.rz-layout::-webkit-scrollbar-thumb {
    background: var(--rz-scrollbar-color);
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: var(--rz-scrollbar-border-radius);
}

.rz-layout::-webkit-scrollbar-corner {
    background-color: var(--rz-scrollbar-background-color);
}

.rz-layout ::-webkit-scrollbar {
    background-color: var(--rz-scrollbar-background-color);
}

.rz-layout ::-webkit-scrollbar-thumb {
    background: var(--rz-scrollbar-color);
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: var(--rz-scrollbar-border-radius);
}

.rz-layout ::-webkit-scrollbar-corner {
    background-color: var(--rz-scrollbar-background-color);
}

:root {
    --rz-login-register-background-color: var(--rz-base-background-color);
    --rz-login-register-padding: 1rem;
    --rz-login-register-button-margin: 0 1rem;
}

.login {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .login .register {
        text-align: center;
        background-color: var(--rz-login-register-background-color);
        padding: var(--rz-login-register-padding);
    }

        .login .register .rz-button, .login .register .rz-paginator-element {
            margin: var(--rz-login-register-button-margin);
        }

    .login .login-buttons {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .login .login-buttons a {
            color: var(--rz-link-color);
            cursor: pointer;
        }

            .login .login-buttons a:hover {
                color: var(--rz-link-hover-color);
                text-decoration: var(--rz-link-hover-decoration);
            }

:root {
    --rz-lookup-panel-background-color: var(--rz-base-background-color);
    --rz-lookup-panel-padding: 1rem;
}

.rz-lookup-panel {
    background-color: var(--rz-lookup-panel-background-color);
    padding: var(--rz-lookup-panel-padding);
}

.rz-lookup-search {
    display: flex;
    margin-bottom: 1rem;
}

    .rz-lookup-search input {
        flex: auto;
        margin-right: 1rem;
    }

.rz-lookup-select {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

.rz-lookup {
    display: inline-block;
}

    .rz-lookup .rz-dropdown {
        width: 100%;
    }

.ssrsviewer {
    display: flex;
}

    .ssrsviewer iframe {
        flex: auto;
    }

:root {
    --rz-map-height: 10rem;
    --rz-map-padding: 1.25rem;
    --rz-map-background-color: var(--rz-base-background-color);
    --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
}

.rz-map {
    height: var(--rz-map-height);
    padding: var(--rz-map-padding);
    background-color: var(--rz-map-background-color);
    box-shadow: var(--rz-map-shadow);
    border-radius: var(--rz-border-radius);
}

.rz-map-container {
    height: 100%;
}

:root {
    --rz-gauge-scale-color: var(--rz-base-300);
    --rz-gauge-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-scale-font-size: var(--rz-body-font-size);
    --rz-gauge-pointer-color: var(--rz-text-secondary-color);
    --rz-gauge-arc-scale-color: var(--rz-base-300);
    --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-arc-value-color: var(--rz-secondary);
}

.rz-gauge,
.rz-arc-gauge {
    position: relative;
    display: inline-block;
    width: 300px;
    height: 300px;
}

    .rz-gauge .rz-line,
    .rz-gauge .rz-tick {
        stroke: var(--rz-gauge-scale-color);
    }

    .rz-gauge .rz-tick-text {
        font-size: var(--rz-gauge-scale-font-size);
        fill: var(--rz-gauge-scale-label-color);
    }

    .rz-arc-gauge .rz-line,
    .rz-arc-gauge .rz-tick {
        stroke: var(--rz-gauge-arc-scale-color);
    }

    .rz-arc-gauge .rz-tick-text {
        font-size: var(--rz-gauge-scale-font-size);
        fill: var(--rz-gauge-arc-scale-label-color);
    }

.rz-gauge-value {
    position: absolute;
    transform: translateX(-50%);
    padding: 0.5rem;
}

.rz-arc-gauge-value {
    position: absolute;
    transform: translate(-50%, -50%);
    padding: 0.5rem;
}

.rz-gauge-pointer {
    fill: var(--rz-gauge-pointer-color);
}

.rz-arc-gauge-scale-value {
    fill: var(--rz-gauge-arc-value-color);
}

.rz-arc-gauge-scale {
    fill: var(--rz-gauge-arc-scale-color);
}

:root {
    --rz-progressbar-value-background-color: var(--rz-secondary);
    --rz-progressbar-background-color: var(--rz-base-200);
    --rz-progressbar-font-size: var(--rz-body-font-size);
    --rz-progressbar-height: 1.25rem;
    --rz-progressbar-border-radius: var(--rz-border-radius);
}

.rz-progressbar {
    border-radius: var(--rz-progressbar-border-radius);
    height: var(--rz-progressbar-height);
    position: relative;
    background-color: var(--rz-progressbar-background-color);
    text-align: center;
    display: flex;
    align-items: center;
}

.rz-progressbar-value {
    border-radius: var(--rz-progressbar-border-radius);
    position: absolute;
    background-color: var(--rz-progressbar-value-background-color);
    height: 100%;
    width: 100%;
}

.rz-progressbar-label {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: var(--rz-progressbar-font-size);
    line-height: var(--rz-progressbar-font-size);
}

.rz-progressbar-indeterminate {
    overflow: hidden;
}

    .rz-progressbar-indeterminate .rz-progressbar-value {
        background-color: transparent;
    }

        .rz-progressbar-indeterminate .rz-progressbar-value:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            background-color: var(--rz-progressbar-value-background-color);
            will-change: left, right;
            animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite rz-progressbar-indeterminate-anim;
        }

        .rz-progressbar-indeterminate .rz-progressbar-value:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            background-color: var(--rz-progressbar-value-background-color);
            will-change: left, right;
            animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite rz-progressbar-indeterminate-anim-short;
            animation-delay: 1.15s;
        }

@keyframes rz-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%;
    }

    100%, 60% {
        left: 100%;
        right: -90%;
    }
}

@keyframes rz-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%, 60% {
        left: 107%;
        right: -8%;
    }
}

.rz-progressbar-determinate-primary {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-determinate-primary .rz-progressbar-value {
        background-color: var(--rz-primary);
    }

.rz-progressbar-indeterminate-primary {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-indeterminate-primary .rz-progressbar-value:before {
        background-color: var(--rz-primary);
    }

    .rz-progressbar-indeterminate-primary .rz-progressbar-value:after {
        background-color: var(--rz-primary);
    }

.rz-progressbar-determinate-light {
    color: var(--rz-text-title-color);
}

    .rz-progressbar-determinate-light .rz-progressbar-value {
        background-color: var(--rz-base-400);
    }

.rz-progressbar-indeterminate-light {
    color: var(--rz-text-title-color);
}

    .rz-progressbar-indeterminate-light .rz-progressbar-value:before {
        background-color: var(--rz-base-400);
    }

    .rz-progressbar-indeterminate-light .rz-progressbar-value:after {
        background-color: var(--rz-base-400);
    }

.rz-progressbar-determinate-dark {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-determinate-dark .rz-progressbar-value {
        background-color: var(--rz-base-900);
    }

.rz-progressbar-indeterminate-dark {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-indeterminate-dark .rz-progressbar-value:before {
        background-color: var(--rz-base-900);
    }

    .rz-progressbar-indeterminate-dark .rz-progressbar-value:after {
        background-color: var(--rz-base-900);
    }

.rz-progressbar-determinate-secondary {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-determinate-secondary .rz-progressbar-value {
        background-color: var(--rz-secondary);
    }

.rz-progressbar-indeterminate-secondary {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-indeterminate-secondary .rz-progressbar-value:before {
        background-color: var(--rz-secondary);
    }

    .rz-progressbar-indeterminate-secondary .rz-progressbar-value:after {
        background-color: var(--rz-secondary);
    }

.rz-progressbar-determinate-info {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-determinate-info .rz-progressbar-value {
        background-color: var(--rz-info);
    }

.rz-progressbar-indeterminate-info {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-indeterminate-info .rz-progressbar-value:before {
        background-color: var(--rz-info);
    }

    .rz-progressbar-indeterminate-info .rz-progressbar-value:after {
        background-color: var(--rz-info);
    }

.rz-progressbar-determinate-warning {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-determinate-warning .rz-progressbar-value {
        background-color: var(--rz-warning);
    }

.rz-progressbar-indeterminate-warning {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-indeterminate-warning .rz-progressbar-value:before {
        background-color: var(--rz-warning);
    }

    .rz-progressbar-indeterminate-warning .rz-progressbar-value:after {
        background-color: var(--rz-warning);
    }

.rz-progressbar-determinate-danger {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-determinate-danger .rz-progressbar-value {
        background-color: var(--rz-danger);
    }

.rz-progressbar-indeterminate-danger {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-indeterminate-danger .rz-progressbar-value:before {
        background-color: var(--rz-danger);
    }

    .rz-progressbar-indeterminate-danger .rz-progressbar-value:after {
        background-color: var(--rz-danger);
    }

.rz-progressbar-determinate-success {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-determinate-success .rz-progressbar-value {
        background-color: var(--rz-success);
    }

.rz-progressbar-indeterminate-success {
    color: var(--rz-text-contrast-color);
}

    .rz-progressbar-indeterminate-success .rz-progressbar-value:before {
        background-color: var(--rz-success);
    }

    .rz-progressbar-indeterminate-success .rz-progressbar-value:after {
        background-color: var(--rz-success);
    }

:root {
    --rz-chart-axis-color: var(--rz-base-300);
    --rz-chart-axis-label-color: var(--rz-text-secondary-color);
    --rz-chart-axis-font-size: var(--rz-body-font-size);
    --rz-chart-tooltip-background: var(--rz-base-background-color);
    --rz-chart-tooltip-color: var(--rz-text-color);
}

.chart,
.pie {
    height: 200px;
}

    .chart .ngx-charts,
    .pie .ngx-charts {
        overflow: visible !important;
    }

        .chart .ngx-charts .gridline-path,
        .pie .ngx-charts .gridline-path {
            stroke: var(--rz-chart-axis-color);
        }

    .chart .chart-legend .legend-labels,
    .pie .chart-legend .legend-labels {
        background-color: transparent;
    }

    .chart .legend-title,
    .pie .legend-title {
        display: none;
    }

    .chart .tick text,
    .pie .tick text {
        fill: var(--rz-chart-axis-label-color);
        font-size: var(--rz-chart-axis-font-size) !important;
    }

.rz-chart {
    position: relative;
    height: 300px;
}

.rz-area-series {
    fill-opacity: 0.8;
}

.rz-scheme-pastel .rz-series-0 {
    fill: var(--rz-series-1);
    stroke: var(--rz-series-1);
}

.rz-scheme-pastel .rz-series-0-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-1);
}

.rz-scheme-pastel .rz-series-item-0 {
    fill: var(--rz-series-1);
    stroke: var(--rz-series-1);
}

    .rz-scheme-pastel .rz-series-item-0 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-1);
    }

.rz-scheme-pastel .rz-series-1 {
    fill: var(--rz-series-2);
    stroke: var(--rz-series-2);
}

.rz-scheme-pastel .rz-series-1-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-2);
}

.rz-scheme-pastel .rz-series-item-1 {
    fill: var(--rz-series-2);
    stroke: var(--rz-series-2);
}

    .rz-scheme-pastel .rz-series-item-1 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-2);
    }

.rz-scheme-pastel .rz-series-2 {
    fill: var(--rz-series-3);
    stroke: var(--rz-series-3);
}

.rz-scheme-pastel .rz-series-2-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-3);
}

.rz-scheme-pastel .rz-series-item-2 {
    fill: var(--rz-series-3);
    stroke: var(--rz-series-3);
}

    .rz-scheme-pastel .rz-series-item-2 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-3);
    }

.rz-scheme-pastel .rz-series-3 {
    fill: var(--rz-series-4);
    stroke: var(--rz-series-4);
}

.rz-scheme-pastel .rz-series-3-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-4);
}

.rz-scheme-pastel .rz-series-item-3 {
    fill: var(--rz-series-4);
    stroke: var(--rz-series-4);
}

    .rz-scheme-pastel .rz-series-item-3 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-4);
    }

.rz-scheme-pastel .rz-series-4 {
    fill: var(--rz-series-5);
    stroke: var(--rz-series-5);
}

.rz-scheme-pastel .rz-series-4-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-5);
}

.rz-scheme-pastel .rz-series-item-4 {
    fill: var(--rz-series-5);
    stroke: var(--rz-series-5);
}

    .rz-scheme-pastel .rz-series-item-4 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-5);
    }

.rz-scheme-pastel .rz-series-5 {
    fill: var(--rz-series-6);
    stroke: var(--rz-series-6);
}

.rz-scheme-pastel .rz-series-5-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-6);
}

.rz-scheme-pastel .rz-series-item-5 {
    fill: var(--rz-series-6);
    stroke: var(--rz-series-6);
}

    .rz-scheme-pastel .rz-series-item-5 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-6);
    }

.rz-scheme-pastel .rz-series-6 {
    fill: var(--rz-series-7);
    stroke: var(--rz-series-7);
}

.rz-scheme-pastel .rz-series-6-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-7);
}

.rz-scheme-pastel .rz-series-item-6 {
    fill: var(--rz-series-7);
    stroke: var(--rz-series-7);
}

    .rz-scheme-pastel .rz-series-item-6 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-7);
    }

.rz-scheme-pastel .rz-series-7 {
    fill: var(--rz-series-8);
    stroke: var(--rz-series-8);
}

.rz-scheme-pastel .rz-series-7-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-8);
}

.rz-scheme-pastel .rz-series-item-7 {
    fill: var(--rz-series-8);
    stroke: var(--rz-series-8);
}

    .rz-scheme-pastel .rz-series-item-7 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-8);
    }

.rz-scheme-palette .rz-series-0 {
    fill: #003f5c;
    stroke: #003f5c;
}

.rz-scheme-palette .rz-series-0-tooltip .rz-chart-tooltip-content {
    border: 1px solid #003f5c;
}

.rz-scheme-palette .rz-series-item-0 {
    fill: #003f5c;
    stroke: #003f5c;
}

    .rz-scheme-palette .rz-series-item-0 .rz-chart-tooltip-content {
        border: 1px solid #003f5c;
    }

.rz-scheme-palette .rz-series-1 {
    fill: #2f4b7c;
    stroke: #2f4b7c;
}

.rz-scheme-palette .rz-series-1-tooltip .rz-chart-tooltip-content {
    border: 1px solid #2f4b7c;
}

.rz-scheme-palette .rz-series-item-1 {
    fill: #2f4b7c;
    stroke: #2f4b7c;
}

    .rz-scheme-palette .rz-series-item-1 .rz-chart-tooltip-content {
        border: 1px solid #2f4b7c;
    }

.rz-scheme-palette .rz-series-2 {
    fill: #665191;
    stroke: #665191;
}

.rz-scheme-palette .rz-series-2-tooltip .rz-chart-tooltip-content {
    border: 1px solid #665191;
}

.rz-scheme-palette .rz-series-item-2 {
    fill: #665191;
    stroke: #665191;
}

    .rz-scheme-palette .rz-series-item-2 .rz-chart-tooltip-content {
        border: 1px solid #665191;
    }

.rz-scheme-palette .rz-series-3 {
    fill: #a05195;
    stroke: #a05195;
}

.rz-scheme-palette .rz-series-3-tooltip .rz-chart-tooltip-content {
    border: 1px solid #a05195;
}

.rz-scheme-palette .rz-series-item-3 {
    fill: #a05195;
    stroke: #a05195;
}

    .rz-scheme-palette .rz-series-item-3 .rz-chart-tooltip-content {
        border: 1px solid #a05195;
    }

.rz-scheme-palette .rz-series-4 {
    fill: #d45087;
    stroke: #d45087;
}

.rz-scheme-palette .rz-series-4-tooltip .rz-chart-tooltip-content {
    border: 1px solid #d45087;
}

.rz-scheme-palette .rz-series-item-4 {
    fill: #d45087;
    stroke: #d45087;
}

    .rz-scheme-palette .rz-series-item-4 .rz-chart-tooltip-content {
        border: 1px solid #d45087;
    }

.rz-scheme-palette .rz-series-5 {
    fill: #f95d6a;
    stroke: #f95d6a;
}

.rz-scheme-palette .rz-series-5-tooltip .rz-chart-tooltip-content {
    border: 1px solid #f95d6a;
}

.rz-scheme-palette .rz-series-item-5 {
    fill: #f95d6a;
    stroke: #f95d6a;
}

    .rz-scheme-palette .rz-series-item-5 .rz-chart-tooltip-content {
        border: 1px solid #f95d6a;
    }

.rz-scheme-palette .rz-series-6 {
    fill: #ff7c43;
    stroke: #ff7c43;
}

.rz-scheme-palette .rz-series-6-tooltip .rz-chart-tooltip-content {
    border: 1px solid #ff7c43;
}

.rz-scheme-palette .rz-series-item-6 {
    fill: #ff7c43;
    stroke: #ff7c43;
}

    .rz-scheme-palette .rz-series-item-6 .rz-chart-tooltip-content {
        border: 1px solid #ff7c43;
    }

.rz-scheme-palette .rz-series-7 {
    fill: #ffa600;
    stroke: #ffa600;
}

.rz-scheme-palette .rz-series-7-tooltip .rz-chart-tooltip-content {
    border: 1px solid #ffa600;
}

.rz-scheme-palette .rz-series-item-7 {
    fill: #ffa600;
    stroke: #ffa600;
}

    .rz-scheme-palette .rz-series-item-7 .rz-chart-tooltip-content {
        border: 1px solid #ffa600;
    }

.rz-scheme-monochrome .rz-series-0 {
    fill: #004c6d;
    stroke: #004c6d;
}

.rz-scheme-monochrome .rz-series-0-tooltip .rz-chart-tooltip-content {
    border: 1px solid #004c6d;
}

.rz-scheme-monochrome .rz-series-item-0 {
    fill: #004c6d;
    stroke: #004c6d;
}

    .rz-scheme-monochrome .rz-series-item-0 .rz-chart-tooltip-content {
        border: 1px solid #004c6d;
    }

.rz-scheme-monochrome .rz-series-1 {
    fill: #296080;
    stroke: #296080;
}

.rz-scheme-monochrome .rz-series-1-tooltip .rz-chart-tooltip-content {
    border: 1px solid #296080;
}

.rz-scheme-monochrome .rz-series-item-1 {
    fill: #296080;
    stroke: #296080;
}

    .rz-scheme-monochrome .rz-series-item-1 .rz-chart-tooltip-content {
        border: 1px solid #296080;
    }

.rz-scheme-monochrome .rz-series-2 {
    fill: #437594;
    stroke: #437594;
}

.rz-scheme-monochrome .rz-series-2-tooltip .rz-chart-tooltip-content {
    border: 1px solid #437594;
}

.rz-scheme-monochrome .rz-series-item-2 {
    fill: #437594;
    stroke: #437594;
}

    .rz-scheme-monochrome .rz-series-item-2 .rz-chart-tooltip-content {
        border: 1px solid #437594;
    }

.rz-scheme-monochrome .rz-series-3 {
    fill: #5d8ba9;
    stroke: #5d8ba9;
}

.rz-scheme-monochrome .rz-series-3-tooltip .rz-chart-tooltip-content {
    border: 1px solid #5d8ba9;
}

.rz-scheme-monochrome .rz-series-item-3 {
    fill: #5d8ba9;
    stroke: #5d8ba9;
}

    .rz-scheme-monochrome .rz-series-item-3 .rz-chart-tooltip-content {
        border: 1px solid #5d8ba9;
    }

.rz-scheme-monochrome .rz-series-4 {
    fill: #75a1be;
    stroke: #75a1be;
}

.rz-scheme-monochrome .rz-series-4-tooltip .rz-chart-tooltip-content {
    border: 1px solid #75a1be;
}

.rz-scheme-monochrome .rz-series-item-4 {
    fill: #75a1be;
    stroke: #75a1be;
}

    .rz-scheme-monochrome .rz-series-item-4 .rz-chart-tooltip-content {
        border: 1px solid #75a1be;
    }

.rz-scheme-monochrome .rz-series-5 {
    fill: #8eb8d3;
    stroke: #8eb8d3;
}

.rz-scheme-monochrome .rz-series-5-tooltip .rz-chart-tooltip-content {
    border: 1px solid #8eb8d3;
}

.rz-scheme-monochrome .rz-series-item-5 {
    fill: #8eb8d3;
    stroke: #8eb8d3;
}

    .rz-scheme-monochrome .rz-series-item-5 .rz-chart-tooltip-content {
        border: 1px solid #8eb8d3;
    }

.rz-scheme-monochrome .rz-series-6 {
    fill: #a7cfe9;
    stroke: #a7cfe9;
}

.rz-scheme-monochrome .rz-series-6-tooltip .rz-chart-tooltip-content {
    border: 1px solid #a7cfe9;
}

.rz-scheme-monochrome .rz-series-item-6 {
    fill: #a7cfe9;
    stroke: #a7cfe9;
}

    .rz-scheme-monochrome .rz-series-item-6 .rz-chart-tooltip-content {
        border: 1px solid #a7cfe9;
    }

.rz-scheme-monochrome .rz-series-7 {
    fill: #c1e7ff;
    stroke: #c1e7ff;
}

.rz-scheme-monochrome .rz-series-7-tooltip .rz-chart-tooltip-content {
    border: 1px solid #c1e7ff;
}

.rz-scheme-monochrome .rz-series-item-7 {
    fill: #c1e7ff;
    stroke: #c1e7ff;
}

    .rz-scheme-monochrome .rz-series-item-7 .rz-chart-tooltip-content {
        border: 1px solid #c1e7ff;
    }

.rz-scheme-divergent .rz-series-0 {
    fill: #00876c;
    stroke: #00876c;
}

.rz-scheme-divergent .rz-series-0-tooltip .rz-chart-tooltip-content {
    border: 1px solid #00876c;
}

.rz-scheme-divergent .rz-series-item-0 {
    fill: #00876c;
    stroke: #00876c;
}

    .rz-scheme-divergent .rz-series-item-0 .rz-chart-tooltip-content {
        border: 1px solid #00876c;
    }

.rz-scheme-divergent .rz-series-1 {
    fill: #57a18b;
    stroke: #57a18b;
}

.rz-scheme-divergent .rz-series-1-tooltip .rz-chart-tooltip-content {
    border: 1px solid #57a18b;
}

.rz-scheme-divergent .rz-series-item-1 {
    fill: #57a18b;
    stroke: #57a18b;
}

    .rz-scheme-divergent .rz-series-item-1 .rz-chart-tooltip-content {
        border: 1px solid #57a18b;
    }

.rz-scheme-divergent .rz-series-2 {
    fill: #8cbcac;
    stroke: #8cbcac;
}

.rz-scheme-divergent .rz-series-2-tooltip .rz-chart-tooltip-content {
    border: 1px solid #8cbcac;
}

.rz-scheme-divergent .rz-series-item-2 {
    fill: #8cbcac;
    stroke: #8cbcac;
}

    .rz-scheme-divergent .rz-series-item-2 .rz-chart-tooltip-content {
        border: 1px solid #8cbcac;
    }

.rz-scheme-divergent .rz-series-3 {
    fill: #bed6ce;
    stroke: #bed6ce;
}

.rz-scheme-divergent .rz-series-3-tooltip .rz-chart-tooltip-content {
    border: 1px solid #bed6ce;
}

.rz-scheme-divergent .rz-series-item-3 {
    fill: #bed6ce;
    stroke: #bed6ce;
}

    .rz-scheme-divergent .rz-series-item-3 .rz-chart-tooltip-content {
        border: 1px solid #bed6ce;
    }

.rz-scheme-divergent .rz-series-4 {
    fill: #f1f1f1;
    stroke: #f1f1f1;
}

.rz-scheme-divergent .rz-series-4-tooltip .rz-chart-tooltip-content {
    border: 1px solid #f1f1f1;
}

.rz-scheme-divergent .rz-series-item-4 {
    fill: #f1f1f1;
    stroke: #f1f1f1;
}

    .rz-scheme-divergent .rz-series-item-4 .rz-chart-tooltip-content {
        border: 1px solid #f1f1f1;
    }

.rz-scheme-divergent .rz-series-5 {
    fill: #f1c6c6;
    stroke: #f1c6c6;
}

.rz-scheme-divergent .rz-series-5-tooltip .rz-chart-tooltip-content {
    border: 1px solid #f1c6c6;
}

.rz-scheme-divergent .rz-series-item-5 {
    fill: #f1c6c6;
    stroke: #f1c6c6;
}

    .rz-scheme-divergent .rz-series-item-5 .rz-chart-tooltip-content {
        border: 1px solid #f1c6c6;
    }

.rz-scheme-divergent .rz-series-6 {
    fill: #ec9c9d;
    stroke: #ec9c9d;
}

.rz-scheme-divergent .rz-series-6-tooltip .rz-chart-tooltip-content {
    border: 1px solid #ec9c9d;
}

.rz-scheme-divergent .rz-series-item-6 {
    fill: #ec9c9d;
    stroke: #ec9c9d;
}

    .rz-scheme-divergent .rz-series-item-6 .rz-chart-tooltip-content {
        border: 1px solid #ec9c9d;
    }

.rz-scheme-divergent .rz-series-7 {
    fill: #e27076;
    stroke: #e27076;
}

.rz-scheme-divergent .rz-series-7-tooltip .rz-chart-tooltip-content {
    border: 1px solid #e27076;
}

.rz-scheme-divergent .rz-series-item-7 {
    fill: #e27076;
    stroke: #e27076;
}

    .rz-scheme-divergent .rz-series-item-7 .rz-chart-tooltip-content {
        border: 1px solid #e27076;
    }

.rz-scheme-divergent .rz-series-8 {
    fill: #d43d51;
    stroke: #d43d51;
}

.rz-scheme-divergent .rz-series-8-tooltip .rz-chart-tooltip-content {
    border: 1px solid #d43d51;
}

.rz-scheme-divergent .rz-series-item-8 {
    fill: #d43d51;
    stroke: #d43d51;
}

    .rz-scheme-divergent .rz-series-item-8 .rz-chart-tooltip-content {
        border: 1px solid #d43d51;
    }

.rz-marker {
    stroke: #fff;
}

.rz-area-series .rz-marker {
    fill-opacity: 1;
}

.rz-axis {
    stroke: var(--rz-chart-axis-color);
    font-size: var(--rz-chart-axis-font-size);
}

    .rz-axis .rz-grid-line {
        stroke: var(--rz-chart-axis-color);
    }

.rz-tick-text {
    stroke: none;
    fill: var(--rz-chart-axis-label-color);
}

.rz-series-data-label {
    fill: var(--rz-chart-axis-label-color);
}

.rz-value-axis .rz-tick-text {
    text-anchor: end;
}

.rz-category-axis .rz-tick-text {
    text-anchor: middle;
}

.rz-axis .rz-axis-title {
    stroke: none;
    text-anchor: middle;
    fill: var(--rz-text-title-color);
}

.rz-donut-title {
    text-anchor: middle;
    fill: var(--rz-text-title-color);
}

.rz-donut-content {
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rz-legend {
    position: absolute;
    display: flex;
}

.rz-legend-right {
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
}

.rz-legend-left {
    left: 0;
    top: 0;
    bottom: 0;
    align-items: center;
}

.rz-legend-top {
    top: 0;
    left: 0;
    right: 0;
    justify-content: center;
}

.rz-legend-bottom {
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
}

.rz-legend-items {
    padding: 0;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
}

.rz-legend-item {
    align-items: center;
    display: flex;
}

.rz-legend-top .rz-legend-item,
.rz-legend-bottom .rz-legend-item {
    display: inline-flex;
}

.rz-legend-item-text {
    padding: 4px;
}

.rz-chart-tooltip {
    position: absolute;
    transform: translate(-50%, -100%);
    transition: top 0.2s, left 0.2s;
    top: 0;
    left: 0;
}

.rz-chart-tooltip-content {
    background: var(--rz-chart-tooltip-background);
    color: var(--rz-chart-tooltip-color);
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
    padding: 0.25rem 0.5rem;
    border-radius: var(--rz-border-radius);
    white-space: nowrap;
}

.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
    margin-bottom: 15px;
}

    .rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
        content: ' ';
        position: absolute;
        width: 8px;
        height: 8px;
        left: 50%;
        bottom: 0;
        background-color: inherit;
        transform-origin: center;
        transform: translate(-50%, -11px) rotate(45deg);
        border-bottom: inherit;
        border-right: inherit;
    }

.rz-link {
    color: var(--rz-link-color);
    text-decoration: none;
}

    .rz-link .rz-link-text {
        vertical-align: middle;
        text-decoration: var(--rz-link-text-decoration);
    }

    .rz-link .rzi, .rz-link .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-link .rz-menuitem-icon, .rz-link .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-link .rzi-close,
    .rz-link .rz-fileupload-row .rz-button .rzi-times,
    .rz-fileupload-row .rz-button .rz-link .rzi-times,
    .rz-link .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-link .rz-icon-trash, .rz-link .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-link .rzi-chevron-circle-right, .rz-link .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-link .rzi-chevron-circle-down, .rz-link .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-link .rzi-grid-sort, .rz-link .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-link .rzi-plus, .rz-link .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-link .rzi-circle-o-notch, .rz-link .rz-column-drag, .rz-link .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-link .rzi-close,
    .rz-link .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-link .rzi-times,
    .rz-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-link .rz-icon-trash {
        font-size: inherit;
        vertical-align: middle;
    }

    .rz-link:hover, .rz-link:focus {
        color: var(--rz-link-hover-color);
        text-decoration: none;
    }

        .rz-link:hover .rz-link-text, .rz-link:focus .rz-link-text {
            text-decoration: var(--rz-link-hover-text-decoration);
        }

.rz-state-highlight .link {
    color: var(--rz-text-contrast-color);
}

:root {
    --rz-editor-border: var(--rz-input-border);
    --rz-editor-border-radius: var(--rz-border-radius);
    --rz-editor-toolbar-background-color: var(--rz-base-background-color);
    --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
    --rz-editor-button-padding: 0.5rem;
    --rz-editor-button-background-color: var(--rz-base-background-color);
    --rz-editor-button-color: var(--rz-text-color);
    --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
    --rz-editor-button-selected-background-color: var(--rz-secondary);
    --rz-editor-button-selected-color: var(--rz-text-contrast-color);
    --rz-editor-separator-background-color: var(--rz-base-200);
    --rz-editor-content-background-color: var(--rz-base-background-color);
}

.rz-html-editor {
    display: flex;
    flex-direction: column;
    border-radius: var(--rz-editor-border-radius);
    border: var(--rz-editor-border);
}

.rz-html-editor-content {
    flex: 1;
    overflow: auto;
    padding: 0.5rem;
    outline: none;
    background-color: var(--rz-editor-content-background-color);
}

.rz-html-editor-toolbar {
    border-bottom: var(--rz-editor-border);
    display: flex;
    line-height: 1rem;
    flex-wrap: wrap;
    background-color: var(--rz-editor-toolbar-background-color);
}

    .rz-html-editor-toolbar .rzi, .rz-html-editor-toolbar .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-html-editor-toolbar .rz-menuitem-icon, .rz-html-editor-toolbar .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rzi-close,
    .rz-html-editor-toolbar .rz-fileupload-row .rz-button .rzi-times,
    .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rzi-times,
    .rz-html-editor-toolbar .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rz-icon-trash, .rz-html-editor-toolbar .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-html-editor-toolbar .rzi-chevron-circle-right, .rz-html-editor-toolbar .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-html-editor-toolbar .rzi-chevron-circle-down, .rz-html-editor-toolbar .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-html-editor-toolbar .rzi-grid-sort, .rz-html-editor-toolbar .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-html-editor-toolbar .rzi-plus, .rz-html-editor-toolbar .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-html-editor-toolbar .rzi-circle-o-notch, .rz-html-editor-toolbar .rz-column-drag, .rz-html-editor-toolbar .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rzi-close,
    .rz-html-editor-toolbar .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rzi-times,
    .rz-html-editor-toolbar .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rz-icon-trash {
        font-size: 1rem;
    }

    .rz-html-editor-toolbar > * {
        margin: var(--rz-editor-toolbar-item-margin);
    }

.rz-html-editor-colorpicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--rz-editor-button-background-color);
    padding: var(--rz-editor-button-padding);
}

    .rz-html-editor-colorpicker .rz-colorpicker-trigger {
        color: inherit;
        background-color: var(--rz-editor-button-background-color);
    }

        .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-menuitem-icon, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-close,
        .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-times,
        .rz-fileupload-row .rz-button .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-times,
        .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
        .rz-fileupload-row .rz-button .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-icon-trash, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-chevron-circle-right, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-chevron-circle-down, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-grid-sort, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-plus, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-circle-o-notch, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-column-drag, .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-close,
        .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
        .rz-fileupload-row .rz-paginator-element .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-times,
        .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
        .rz-fileupload-row .rz-paginator-element .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-icon-trash {
            font-size: 1.25rem;
            height: 1rem;
        }

    .rz-html-editor-colorpicker .rz-colorpicker-value {
        display: none;
    }

    .rz-html-editor-colorpicker .rz-colorpicker {
        border: none;
        box-shadow: none;
        padding: 0;
        height: auto;
        background-color: var(--rz-editor-button-background-color);
    }

        .rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
            border: none;
            box-shadow: none;
        }

.rz-html-editor-color {
    border: none;
    display: flex;
    flex-direction: column;
    background: inherit;
    color: inherit;
    appearance: none;
    padding: 0;
    position: relative;
}

    .rz-html-editor-color:disabled {
        color: var(--rz-input-disabled-color);
    }

.rz-html-editor-color-value {
    position: absolute;
    bottom: -4px;
    height: 4px;
    width: 100%;
}

.rz-html-editor-button {
    color: var(--rz-editor-button-color);
    appearance: none;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--rz-editor-button-background-color);
    padding: var(--rz-editor-button-padding);
}

    .rz-html-editor-button.rz-selected {
        background-color: var(--rz-editor-button-selected-background-color);
        color: var(--rz-editor-button-selected-color);
        border-radius: var(--rz-editor-border-radius);
    }

    .rz-html-editor-button:disabled {
        color: var(--rz-editor-button-disabled-color);
    }

.rz-html-editor-dropdown {
    display: inline-flex;
    padding: var(--rz-editor-button-padding);
    align-items: center;
    cursor: pointer;
}

    .rz-html-editor-dropdown.rz-disabled {
        color: var(--rz-input-disabled-color);
        cursor: default;
    }

.rz-html-editor-dropdown-item {
    cursor: default;
    font-size: var(--rz-dropdown-item-font-size);
    padding: var(--rz-dropdown-item-padding);
    white-space: nowrap;
}

    .rz-html-editor-dropdown-item:hover {
        background-color: var(--rz-dropdown-item-hover-background-color);
        color: var(--rz-dropdown-item-hover-color);
        border-radius: 0;
    }

    .rz-html-editor-dropdown-item.rz-selected {
        background-color: var(--rz-dropdown-item-selected-background-color);
        color: var(--rz-dropdown-item-selected-color);
    }

.rz-html-editor-dropdown-trigger {
    border: none;
    appearance: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    color: inherit;
    background-color: inherit;
}

    .rz-html-editor-dropdown-trigger .rzi:before, .rz-html-editor-dropdown-trigger .rz-menuitem .rz-menuitem-icon:before, .rz-menuitem .rz-html-editor-dropdown-trigger .rz-menuitem-icon:before, .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-button .rz-html-editor-dropdown-trigger .rzi-close:before,
    .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-button .rzi-times:before,
    .rz-fileupload-row .rz-button .rz-html-editor-dropdown-trigger .rzi-times:before,
    .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-button .rz-icon-trash:before,
    .rz-fileupload-row .rz-button .rz-html-editor-dropdown-trigger .rz-icon-trash:before, .rz-html-editor-dropdown-trigger .rz-datatable .rzi-chevron-circle-right:before, .rz-datatable .rz-html-editor-dropdown-trigger .rzi-chevron-circle-right:before, .rz-html-editor-dropdown-trigger .rz-datatable .rzi-chevron-circle-down:before, .rz-datatable .rz-html-editor-dropdown-trigger .rzi-chevron-circle-down:before, .rz-html-editor-dropdown-trigger .rz-sortable-column .rzi-grid-sort:before, .rz-sortable-column .rz-html-editor-dropdown-trigger .rzi-grid-sort:before, .rz-html-editor-dropdown-trigger .rz-datatable-header .rzi-plus:before, .rz-datatable-header .rz-html-editor-dropdown-trigger .rzi-plus:before, .rz-html-editor-dropdown-trigger .rz-datatable-loading-content .rzi-circle-o-notch:before, .rz-datatable-loading-content .rz-html-editor-dropdown-trigger .rzi-circle-o-notch:before, .rz-html-editor-dropdown-trigger .rz-column-drag:before, .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rzi-close:before, .rz-fileupload-row .rz-paginator-element .rz-html-editor-dropdown-trigger .rzi-close:before,
    .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rzi-times:before,
    .rz-fileupload-row .rz-paginator-element .rz-html-editor-dropdown-trigger .rzi-times:before,
    .rz-html-editor-dropdown-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash:before,
    .rz-fileupload-row .rz-paginator-element .rz-html-editor-dropdown-trigger .rz-icon-trash:before {
        content: 'arrow_drop_down';
    }

.rz-html-editor-dropdown-items {
    display: none;
}

.rz-html-editor-dialog-item {
    margin-bottom: 1rem;
}

    .rz-html-editor-dialog-item label:first-child {
        display: block;
    }

.rz-html-editor-dialog-buttons {
    text-align: right;
}

.rz-html-editor-separator {
    width: 1px;
    background-color: var(--rz-editor-separator-background-color);
}

.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
    border: none;
}

.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-menuitem-icon, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-close,
.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-times,
.rz-fileupload-row .rz-button .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-times,
.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
.rz-fileupload-row .rz-button .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-icon-trash, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-chevron-circle-right, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-chevron-circle-down, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-grid-sort, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-plus, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-circle-o-notch, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-column-drag, .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-close,
.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
.rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi-times,
.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
.rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rz-icon-trash {
    font-size: 1.25rem;
    height: 1rem;
}

:root {
    --rz-colorpicker-panel-border: var(--rz-border-normal);
    --rz-colorpicker-panel-background-color: var(--rz-base-background-color);
    --rz-colorpicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-colorpicker-panel-padding: 0.5rem;
    --rz-colorpicker-panel-max-width: 20rem;
    --rz-colorpicker-saturation-height: 200px;
    --rz-colorpicker-value-border-radius: var(--rz-border-radius);
    --rz-colorpicker-item-size: 1.25rem;
    --rz-colorpicker-item-border-radius: var(--rz-border-radius);
    --rz-colorpicker-item-margin: 0.25rem;
    --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
    --rz-colorpicker-handle-size: 12px;
    --rz-colorpicker-handle-border: 2px solid var(--rz-white);
    --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px;
    --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-hex-input-height: 2rem;
    --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-rgba-input-height: 2rem;
    --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color);
}

.rz-colorpicker {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

    .rz-colorpicker.rz-disabled {
        color: var(--rz-text-color);
        cursor: default;
    }

button.rz-colorpicker-trigger {
    border: none;
    appearance: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    color: var(--rz-text-color);
    background-color: inherit;
    outline: none;
}

    button.rz-colorpicker-trigger .rzi, button.rz-colorpicker-trigger .rz-menuitem .rz-menuitem-icon, .rz-menuitem button.rz-colorpicker-trigger .rz-menuitem-icon, button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rzi-close,
    button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-times,
    .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rzi-times,
    button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rz-icon-trash,
    .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rz-icon-trash, button.rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-right, .rz-datatable button.rz-colorpicker-trigger .rzi-chevron-circle-right, button.rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-down, .rz-datatable button.rz-colorpicker-trigger .rzi-chevron-circle-down, button.rz-colorpicker-trigger .rz-sortable-column .rzi-grid-sort, .rz-sortable-column button.rz-colorpicker-trigger .rzi-grid-sort, button.rz-colorpicker-trigger .rz-datatable-header .rzi-plus, .rz-datatable-header button.rz-colorpicker-trigger .rzi-plus, button.rz-colorpicker-trigger .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content button.rz-colorpicker-trigger .rzi-circle-o-notch, button.rz-colorpicker-trigger .rz-column-drag, button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rzi-close,
    button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-times,
    .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rzi-times,
    button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
    .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rz-icon-trash {
        font-size: var(--rz-icon-size);
    }

        button.rz-colorpicker-trigger .rzi:before, button.rz-colorpicker-trigger .rz-menuitem .rz-menuitem-icon:before, .rz-menuitem button.rz-colorpicker-trigger .rz-menuitem-icon:before, button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rzi-close:before,
        button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rzi-times:before,
        .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rzi-times:before,
        button.rz-colorpicker-trigger .rz-fileupload-row .rz-button .rz-icon-trash:before,
        .rz-fileupload-row .rz-button button.rz-colorpicker-trigger .rz-icon-trash:before, button.rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-right:before, .rz-datatable button.rz-colorpicker-trigger .rzi-chevron-circle-right:before, button.rz-colorpicker-trigger .rz-datatable .rzi-chevron-circle-down:before, .rz-datatable button.rz-colorpicker-trigger .rzi-chevron-circle-down:before, button.rz-colorpicker-trigger .rz-sortable-column .rzi-grid-sort:before, .rz-sortable-column button.rz-colorpicker-trigger .rzi-grid-sort:before, button.rz-colorpicker-trigger .rz-datatable-header .rzi-plus:before, .rz-datatable-header button.rz-colorpicker-trigger .rzi-plus:before, button.rz-colorpicker-trigger .rz-datatable-loading-content .rzi-circle-o-notch:before, .rz-datatable-loading-content button.rz-colorpicker-trigger .rzi-circle-o-notch:before, button.rz-colorpicker-trigger .rz-column-drag:before, button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-close:before, .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rzi-close:before,
        button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rzi-times:before,
        .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rzi-times:before,
        button.rz-colorpicker-trigger .rz-fileupload-row .rz-paginator-element .rz-icon-trash:before,
        .rz-fileupload-row .rz-paginator-element button.rz-colorpicker-trigger .rz-icon-trash:before {
            content: 'arrow_drop_down';
        }

.rz-colorpicker-popup {
    display: none;
    position: absolute;
    border: var(--rz-colorpicker-panel-border);
    background-color: var(--rz-colorpicker-panel-background-color);
    box-shadow: var(--rz-colorpicker-panel-shadow);
    min-width: 200px;
    max-width: var(--rz-colorpicker-panel-max-width);
    padding: var(--rz-colorpicker-panel-padding);
    border-radius: var(--rz-border-radius);
}

.rz-colorpicker-value {
    flex: 1;
    border-radius: var(--rz-colorpicker-value-border-radius);
    border: var(--rz-colorpicker-panel-border);
    min-width: 20px;
    min-height: 20px;
}

.rz-saturation-picker {
    height: var(--rz-colorpicker-saturation-height);
    position: relative;
    touch-action: none;
    border-radius: var(--rz-border-radius);
}

.rz-saturation-white {
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.rz-saturation-black,
.rz-saturation-white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--rz-border-radius);
    border-top-left-radius: calc(var(--rz-border-radius) - 1px);
}

.rz-saturation-black {
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.rz-saturation-handle {
    position: absolute;
    width: var(--rz-colorpicker-handle-size);
    height: var(--rz-colorpicker-handle-size);
    border: var(--rz-colorpicker-handle-border);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: var(--rz-colorpicker-handle-shadow);
}

.rz-hue-picker {
    margin-bottom: 8px;
    touch-action: none;
    position: relative;
    background-image: linear-gradient(to right, red 0%, yellow 17%, lime 33%, cyan 50%, blue 67%, magenta 83%, red 100%);
    border-radius: var(--rz-border-radius);
    height: var(--rz-colorpicker-handle-size);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

    .rz-hue-picker:active {
        cursor: none;
    }

.rz-alpha-picker {
    touch-action: none;
    position: relative;
    border-radius: var(--rz-border-radius);
    height: var(--rz-colorpicker-handle-size);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

    .rz-alpha-picker:active {
        cursor: none;
    }

.rz-hue-handle,
.rz-alpha-handle {
    position: absolute;
    height: 100%;
    width: 8px;
    border: var(--rz-colorpicker-handle-border);
    border-radius: calc(var(--rz-border-radius) / 2);
    transform: translateX(-50%);
    box-shadow: var(--rz-colorpicker-handle-shadow);
}

.rz-colorpicker-preview-area {
    display: flex;
}

.rz-hue-and-alpha {
    flex: 1;
    padding-right: 8px;
}

.rz-alpha-picker:before,
.rz-colorpicker-preview:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: var(--rz-border-radius);
    background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 75%);
    background-size: 8px 8px;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
}

.rz-colorpicker-preview {
    position: relative;
    width: 32px;
    height: 32px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
    border-radius: var(--rz-border-radius);
}

.rz-colorpicker-rgba {
    display: flex;
}

.rz-color-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    color: var(--rz-colorpicker-input-labels-color);
    font-size: 0.75rem;
    text-transform: uppercase;
}

    .rz-color-box:not(:last-child) {
        margin-right: 4px;
    }

    .rz-color-box .rz-textbox {
        width: 80px;
        margin-right: 4px;
        padding: var(--rz-colorpicker-hex-input-padding);
        height: var(--rz-colorpicker-hex-input-height);
    }

    .rz-color-box .rz-spinner {
        padding: var(--rz-colorpicker-rgba-input-padding);
        height: var(--rz-colorpicker-rgba-input-height);
    }

        .rz-color-box .rz-spinner .rz-spinner-input {
            padding: 0;
            outline: none;
        }

        .rz-color-box .rz-spinner button {
            display: none;
        }

            .rz-color-box .rz-spinner button:hover {
                display: initial;
            }

.rz-colorpicker-button {
    justify-content: flex-end;
    display: flex;
}

.rz-colorpicker-section:not(:last-child) {
    margin-bottom: 8px;
}

.rz-colorpicker-colors {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
}

.rz-colorpicker-item {
    width: var(--rz-colorpicker-item-size);
    height: var(--rz-colorpicker-item-size);
    border-radius: var(--rz-colorpicker-item-border-radius);
    margin: var(--rz-colorpicker-item-margin);
    box-shadow: var(--rz-colorpicker-item-shadow);
    cursor: pointer;
}

:root {
    --rz-splitter-bar-color: var(--rz-text-secondary-color);
    --rz-splitter-bar-color-active: var(--rz-text-contrast-color);
    --rz-splitter-bar-background-color: var(--rz-base-200);
    --rz-splitter-bar-background-color-active: var(--rz-secondary);
    --rz-splitter-bar-hover-opacity: 1;
}

.rz-splitter {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
}

    .rz-splitter > .rz-splitter-bar {
        flex: 0 0 auto;
        position: relative;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--rz-splitter-bar-color);
        background-color: var(--rz-splitter-bar-background-color);
        opacity: 0.4;
        user-select: none;
    }

        .rz-splitter > .rz-splitter-bar > .rz-collapse {
            display: table;
        }

            .rz-splitter > .rz-splitter-bar > .rz-collapse:before {
                font-family: 'Material Icons';
                line-height: normal;
                display: table-cell;
            }

            .rz-splitter > .rz-splitter-bar > .rz-collapse:hover {
                cursor: pointer;
            }

        .rz-splitter > .rz-splitter-bar > .rz-resize {
            border: 1px solid var(--rz-splitter-bar-color);
            border-radius: 1px;
        }

        .rz-splitter > .rz-splitter-bar > .rz-expand {
            display: table;
        }

            .rz-splitter > .rz-splitter-bar > .rz-expand:before {
                font-family: 'Material Icons';
                line-height: normal;
                display: table-cell;
            }

            .rz-splitter > .rz-splitter-bar > .rz-expand:hover {
                cursor: pointer;
            }

    .rz-splitter > .rz-splitter-bar-resizable:hover {
        background-color: var(--rz-splitter-bar-background-color);
        opacity: var(--rz-splitter-bar-hover-opacity);
    }

    .rz-splitter > .rz-splitter-bar-resizable:active {
        background-color: var(--rz-splitter-bar-background-color-active);
        opacity: var(--rz-splitter-bar-hover-opacity);
    }

        .rz-splitter > .rz-splitter-bar-resizable:active > .rz-expand, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-collapse {
            color: var(--rz-splitter-bar-color-active);
        }

        .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize {
            border: 1px solid var(--rz-splitter-bar-color-active);
        }

    .rz-splitter > .rz-splitter-bar-resizable:disabled {
        opacity: 0.2;
    }

.rz-splitter-horizontal {
    flex-direction: row;
}

    .rz-splitter-horizontal > .rz-splitter-bar {
        flex-direction: column;
        width: 8px;
    }

        .rz-splitter-horizontal > .rz-splitter-bar > .rz-collapse:before {
            content: 'arrow_left';
        }

        .rz-splitter-horizontal > .rz-splitter-bar > .rz-resize {
            height: 16px;
            margin: 2px 0;
        }

        .rz-splitter-horizontal > .rz-splitter-bar > .rz-expand:before {
            content: 'arrow_right';
        }

    .rz-splitter-horizontal > .rz-splitter-bar-resizable:hover {
        cursor: col-resize;
    }

.rz-splitter-vertical {
    flex-direction: column;
}

    .rz-splitter-vertical > .rz-splitter-bar {
        flex-direction: row;
        height: 8px;
    }

        .rz-splitter-vertical > .rz-splitter-bar > .rz-collapse:before {
            content: 'arrow_drop_up';
        }

        .rz-splitter-vertical > .rz-splitter-bar > .rz-resize {
            width: 16px;
            margin: 0 2px;
        }

        .rz-splitter-vertical > .rz-splitter-bar > .rz-expand:before {
            content: 'arrow_drop_down';
        }

    .rz-splitter-vertical > .rz-splitter-bar-resizable:hover {
        cursor: row-resize;
    }

.rz-splitter-pane {
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
}

.rz-splitter-pane-collapsed {
    flex: 0 1 0% !important;
    overflow: hidden !important;
    display: block !important;
}

.rz-splitter-pane-lastresizable {
    flex: 1 1 auto;
}

.rz-layout {
    height: 100vh;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer";
}

    .rz-layout .rz-body {
        grid-area: rz-body;
        overflow: auto;
    }

    .rz-layout .rz-sidebar {
        grid-area: rz-sidebar;
        position: static;
    }

    .rz-layout .rz-header {
        grid-area: rz-header;
        z-index: 2;
    }

    .rz-layout .rz-footer {
        grid-area: rz-footer;
    }

.rz-breadcrumb {
    display: flex;
    align-items: center;
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
    content: '»';
    display: inline-block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
    line-height: 1.25rem;
}

.rz-breadcrumb-item {
    display: inline-flex;
    align-items: center;
}

    .rz-breadcrumb-item .rz-link {
        display: inline-flex;
        align-items: center;
    }