/*********** LAYOUT ***********/

:root:has(.rz-layout) {
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-size: var(--rz-root-font-size);
}

    :root:has(.rz-layout) body {
        margin: 0;
        color: var(--rz-text-color);
        background-color: var(--rz-body-background-color);
        font-family: var(--rz-text-font-family);
        font-size: var(--rz-body-font-size);
        line-height: var(--rz-body-line-height);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.rz-layout {
    box-sizing: border-box;
    height: 100vh;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body";
    background-color: var(--rz-layout-background-color);
}

.login.rz-layout {
    grid-template-columns: none;
    grid-template-areas: none;
    grid-template-rows: auto auto;
    overflow: scroll;
}

.rz-layout .rz-body {
    grid-area: rz-body;
    overflow: auto;
    transform: translateZ(0);
}

.rz-layout .rz-sidebar {
    grid-area: rz-sidebar;
    position: static;
}

.rz-layout .rz-header {
    grid-area: rz-header;
    z-index: 2;
    padding: .5rem 1rem;
}

.login.rz-layout .spc-image {
    background-color: var(--spc-orange);
    background-image: url('../images/Login-US.png'), linear-gradient( 61deg, var(--spc-gradient-1), var(--spc-gradient-2), var(--spc-gradient-3) );
    background-position: center;
    background-repeat: no-repeat;
    color: var(--rz-white);
}

.spc-image .text {
    display: flex;
    flex-direction: column;
}

    .spc-image .text * {
        text-shadow: 5px 4px 12px rgba(0, 0, 0, 0.25);
    }

.spc-image p {
    font-size: clamp(0.8125rem, 3vw, 2rem);
    line-height: normal;
    margin-block-start: 0;
    margin-block-end: 0;
}

.spc-image h1 {
    font-size: clamp(0.8125rem, 5vw, 3.5rem);
    font-weight: var(--font-normal);
    margin-block-start: 0 !important;
    margin-block-end: 1rem !important;
    line-height: normal;
}

.spc-image h2 {
    font-size: clamp(0.8125rem, 2.5vw, 1.5rem);
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    line-height: normal;
    font-weight: var(--font-light);
    line-height: 1.8;
}

.spc-image .tagline {
    position: relative;
}

    .spc-image .tagline::before {
        content: "";
        /*background-image: url('../images/underline.png');*/
        background-size: 136px 8px;
        display: block;
        height: 8px;
        width: 136px;
        position: absolute;
        bottom: -3px;
        left: 56px;
    }

.spc-image span {
    font-size: 1.5rem;
    line-height: normal;
    color: var(--spc-blue);
    font-weight: var(--font-normal);
}

.spc-image h2,
.spc-image span {
    font-size: clamp(0.875rem, 2.5vw, 1.5rem);
}

.login.rz-layout .spc-image {
    height: 23vh;
    padding: 3rem 1rem;
}

.login.rz-layout .content {
    height: 77vh;
}

.login .content {
    padding: 7.5rem 2rem 2rem;
}

    .login .content .rz-form-field-content {
        width: 100%;
        height: 3rem;
        padding-inline-start: 2rem;
        margin-block: 0 1.525rem;
        border: var(--border-light);
        box-shadow: none;
        position: relative;
    }

        .login .content .rz-form-field-content.icon::before {
            font-family: "Font Awesome 6 Pro";
            font-size: 1.2rem;
            font-weight: 400;
            color: rgba(var(--spc-black-rgb), 0.40);
            position: absolute;
            left: 0.75rem;
        }

        .login .content .rz-form-field-content.email::before {
            content: "\f0e0";
        }

        .login .content .rz-form-field-content.otp::before {
            content: "\f30d";
        }

        .login .content .rz-form-field-content .rz-form-field-label {
            inset-inline-start: 2.5rem;
        }

    .login .content button {
        width: 100%;
    }

    .login .content .logo {
        margin-bottom: 5rem;
    }

    .login .content h3 {
        text-align: center;
        margin-block-end: 2.5rem;
        font-size: clamp(1rem,2.361vw,1.125rem);
    }

.login .logo img {
    width: 40%;
}

.login .magic-link h3 {
    margin-block: 0;
}

.login .email-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.25rem;
    color: var(--spc-orange);
    padding: 1rem;
    border: 2px solid var(--spc-orange);
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
}

/*********** HEADER ***********/

.rz-header {
    background-color: var(--rz-white);
    min-height: var(--rz-header-min-height);
    border-bottom: var(--rz-header-border);
    color: var(--rz-header-color);
    box-shadow: var(--rz-header-shadow);
    padding: .5rem;
}

    .rz-header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: var(--rz-header-z);
    }
    .rz-header a:hover {
        opacity: 0.6;
    }
/*********** SIDEBAR ***********/

.rz-sidebar {
    background-color: var(--rz-sidebar-background-color);
    color: var(--rz-sidebar-color);
    border-inline-end: var(--rz-sidebar-border-inline-end);
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: var(--rz-sidebar-z);
    width: var(--rz-sidebar-width);
    opacity: 1;
    transition: width var(--rz-transition), opacity var(--rz-transition);
}

.rz-sidebar-expanded {
    width: var(--rz-sidebar-width);
    opacity: 1;
}

.rz-sidebar-collapsed {
    width: 0 !important;
    opacity: 0;
}

.rz-panel-menu {
    box-sizing: border-box;
    list-style: none;
    padding-block: var(--rz-panel-menu-padding-block);
    padding-inline: var(--rz-panel-menu-padding-inline);
    margin-block-start: 0;
    margin-block-end: 0;
    overflow: auto;
    font-size: var(--rz-panel-menu-font-size);
    font-weight: var(--rz-panel-menu-font-weight);
    color: var(--rz-white);
}

    .rz-panel-menu:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-panel-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
        outline: var(--rz-panel-menu-focus-outline);
        outline-offset: var(--rz-panel-menu-focus-outline-offset);
    }

    .rz-panel-menu > .rz-navigation-item {
        margin-block: var(--rz-panel-menu-item-margin-block);
        margin-inline: var(--rz-panel-menu-item-margin-inline);
    }

    .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);
        border-radius: var(--rz-panel-menu-item-border-radius);
        overflow: hidden;
    }

        .rz-panel-menu .rz-navigation-item-wrapper:hover {
            background-color: var(--rz-panel-menu-item-hover-background-color);
            color: var(--rz-panel-menu-item-hover-color);
        }

            .rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
                color: var(--rz-panel-menu-item-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: "";
            inset-block-start: 0;
            inset-block-end: 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-block: var(--rz-panel-menu-item-padding-block);
        padding-inline: var(--rz-panel-menu-item-padding-inline);
        color: var(--rz-white) !important;
        cursor: pointer;
        text-decoration: none;
    }
.rz-navigation-item-link a.nav-link {
    color: var(--rz-white) !important;
    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 {
        margin-inline-start: auto;
        font-size: var(--rz-panel-menu-toggle-icon-font-size);
        opacity: var(--rz-panel-menu-toggle-icon-opacity);
        z-index: 1;
    }

    .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-inline: var(--rz-panel-menu-icon-margin-inline);
        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-block-end: 0;
        overflow: hidden;
    }

        .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
            margin-block: var(--rz-panel-menu-item-2nd-level-margin-block);
            margin-inline: var(--rz-panel-menu-item-2nd-level-margin-inline);
            border-radius: var(--rz-panel-menu-item-2nd-level-border-radius);
            background-color: var(--rz-panel-menu-item-2nd-level-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-inline: var(--rz-panel-menu-icon-2nd-level-margin-inline);
        }

        .rz-panel-menu .rz-navigation-menu .rz-navigation-item {
            border-block-end: 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-block-start: var(--rz-panel-menu-2nd-level-vertical-offset);
            }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child {
                margin-block-end: var(--rz-panel-menu-2nd-level-vertical-offset);
            }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
                padding-block: var(--rz-panel-menu-item-2nd-level-padding-block);
                padding-inline: var(--rz-panel-menu-item-2nd-level-padding-inline);
                padding-inline-start: var(--rz-panel-menu-item-2nd-level-offset);
            }

        .rz-panel-menu .rz-navigation-menu .rz-navigation-menu {
            margin: 0;
        }

            .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper {
                color: var(--rz-panel-menu-item-3rd-level-color);
                background-color: var(--rz-panel-menu-item-3rd-level-background-color);
            }

                .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
                    color: var(--rz-panel-menu-item-3rd-level-hover-color);
                    background-color: var(--rz-panel-menu-item-3rd-level-hover-background-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-body {
    margin: var(--rz-layout-body-margin);
    padding: var(--rz-layout-body-padding);
}

    .rz-body:only-child {
        background-color: rgba(0,0,0,0);
    }

.heading-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transition: var(--transition);
}

.m-filter {
    display: flex;
    gap: 1.5rem;
    position: relative;
    padding-inline-end: 0.5rem;
}

    .m-filter span,
    .m-filter span a {
        color: var(--spc-blue);
        font-size: 1.125rem;
    }
.rz-button {
    position: relative;
    overflow: hidden;
}

    .rz-button:not(.rz-state-disabled):before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0;
        background-position: center;
        background: radial-gradient(circle,currentColor 1%,transparent 1%) center/15000%;
        transition: background-size .8s, opacity .8s;
        pointer-events: none;
    }

    .rz-button:not(.rz-state-disabled):active:before {
        transition: background-size 0s, opacity 0s;
        opacity: .32;
        background-size: 100%;
    }






.sidebar-toggle {
    position: relative;
    overflow: hidden;
}

    .sidebar-toggle:not(.rz-state-disabled):before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0;
        background-position: center;
        background: radial-gradient(circle,currentColor 1%,transparent 1%) center/15000%;
        transition: background-size .8s, opacity .8s;
        pointer-events: none;
    }

    .sidebar-toggle:not(.rz-state-disabled):active:before {
        transition: background-size 0s, opacity 0s;
        opacity: .32;
        background-size: 100%;
    }

.rz-navigation-item-link, .rz-menu-toggle {
    position: relative;
    overflow: hidden;
}

    .rz-navigation-item-link:not(.rz-state-disabled):before, .rz-menu-toggle:not(.rz-state-disabled):before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0;
        background-position: center;
        background: radial-gradient(circle,currentColor 1%,transparent 1%) center/15000%;
        transition: background-size .8s, opacity .8s;
        pointer-events: none;
    }

    .rz-navigation-item-link:not(.rz-state-disabled):active:before, .rz-menu-toggle:not(.rz-state-disabled):active:before {
        transition: background-size 0s, opacity 0s;
        opacity: .32;
        background-size: 100%;
    }

.panel-menu .navigation-item-wrapper-active:before {
    display: none;
}

.rz-panel-menu .rz-navigation-item-link {
    background-position: center;
    transition: background-size .8s;
    background: radial-gradient(circle, transparent 1%, var(--rz-base-300) 1%) center/15000%;
}

    .rz-panel-menu .rz-navigation-item-link:not(.rz-state-disabled):active {
        background-color: var(--rz-base-300);
        transition: background-size 0s;
        background-size: 100%;
    }

.rz-panel-menu .rz-navigation-item-wrapper-active:before {
    display: none;
}

.rz-steps [role=tablist] {
    display: flex;
}

.rz-steps .rz-steps-item:not(:last-child) {
    flex: auto;
    display: flex;
    align-items: center;
}

    .rz-steps .rz-steps-item:not(:last-child):after {
        display: "block";
        content: "";
        flex: auto;
        height: 1px;
        margin-inline-end: 16px;
        background-color: var(--rz-base-300);
    }

.rz-switch .rz-switch-circle {
    box-shadow: inset 0 0 0 2px var(--rz-base-700);
}

.rz-switch.rz-switch-checked .rz-switch-circle {
    box-shadow: none;
}

.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before {
    transition: background var(--rz-transition), transform var(--rz-transition), outlin-color var(--rz-transition);
    box-shadow: 0 0 0 10px rgba(0,0,0,.04);
}

.rz-switch .rz-switch-circle:active:not(.rz-disabled):before {
    width: 1.5rem;
    height: 1.5rem;
    inset-inline-start: .25rem;
    margin-block-start: -0.75rem;
}

.rz-switch.rz-switch-checked .rz-switch-circle:before {
    width: 1.5rem;
    height: 1.5rem;
    inset-inline-start: .25rem;
    margin-block-start: -0.75rem;
}

.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before {
    box-shadow: 0 0 0 10px var(--rz-primary-lighter);
}

.rz-radiobutton-box:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    opacity: 0;
    transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition);
}

.rz-radiobutton-box:hover:not(.rz-state-disabled):after {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--rz-base-400);
    opacity: .3;
}

.rz-radiobutton-box:active:not(.rz-state-disabled):after {
    background-color: var(--rz-base-500);
}

.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after {
    background-color: var(--rz-primary);
    opacity: .08;
}

.rz-radiobutton-box.rz-state-active:active:hover:not(.rz-state-disabled):after {
    opacity: .16;
}

.rz-slider .rz-slider-range {
    top: 0;
    bottom: 0;
}

.rz-slider .rz-slider-handle:before {
    display: none;
}

.rz-slider.rz-state-disabled .rz-slider-handle {
    box-shadow: none;
}

.rz-selectbutton .rz-button {
    box-shadow: none;
}

    .rz-selectbutton .rz-button:hover, .rz-selectbutton .rz-button:focus {
        box-shadow: none !important;
        background: var(--rz-base-200);
    }

.rz-datepicker-inline table {
    width: 100%;
}

.rz-calendar-view td, .rz-calendar-view th {
    text-align: center;
}

    .rz-calendar-view td a.rz-state-default, .rz-calendar-view td span.rz-state-default, .rz-calendar-view th a.rz-state-default, .rz-calendar-view th span.rz-state-default {
        display: inline-block;
        width: 2.25rem;
        height: 2.25rem;
        line-height: 1rem;
    }

        .rz-calendar-view td a.rz-state-default:not(.rz-state-active):hover, .rz-calendar-view td span.rz-state-default:not(.rz-state-active):hover, .rz-calendar-view th a.rz-state-default:not(.rz-state-active):hover, .rz-calendar-view th span.rz-state-default:not(.rz-state-active):hover {
            border-radius: 50%;
        }

    .rz-calendar-view td .rz-state-active, .rz-calendar-view th .rz-state-active {
        border-radius: 50%;
    }

.rz-timepicker {
    flex-wrap: wrap;
}

    .rz-timepicker .rz-numeric {
        flex: 1;
    }

    .rz-timepicker > .rz-button {
        flex-basis: 100%;
    }

.rz-datepicker-trigger {
    border-radius: 0 !important;
    background-color: rgba(0,0,0,0) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.rz-numeric .rz-numeric-button {
    box-shadow: none;
}

    .rz-numeric .rz-numeric-button:hover {
        box-shadow: none !important;
    }

.rz-fileupload-choose.rz-button {
    background-position: center;
    transition: background-size .8s;
    background: radial-gradient(circle, transparent 1%, rgba(0,0,0,0.12) 1%) center/15000%;
}

    .rz-fileupload-choose.rz-button:not(.rz-state-disabled):active {
        background-color: rgba(0,0,0,.12);
        transition: background-size 0s;
        background-size: 100%;
    }

    .rz-fileupload-choose.rz-button input {
        z-index: 1;
    }

.rz-datatable .rz-col-icon {
    border-inline-end: var(--rz-border-base-300);
}

.rz-grid-table-composite {
    --rz-grid-right-cell-border: var(--rz-border-base-300);
    --rz-grid-header-cell-border: var(--rz-border-base-300);
}

.rz-pager-pages {
    max-height: 3rem;
}

.rz-pager-element {
    box-shadow: var(--rz-shadow-0) !important;
}

    .rz-pager-element:hover {
        box-shadow: var(--rz-shadow-0) !important;
    }

    .rz-pager-element:active {
        box-shadow: var(--rz-shadow-0) !important;
    }

.rz-tree-toggler {
    position: relative;
}

    .rz-tree-toggler.rzi-caret-right:before {
        margin-left: 0 !important;
    }

    .rz-tree-toggler.rzi-caret-down:before {
        margin-left: 0 !important;
    }

    .rz-tree-toggler:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        opacity: 0;
        transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition), left var(--rz-transition), top var(--rz-transition);
    }

    .rz-tree-toggler:active:after {
        left: 0;
        top: -0.25rem;
        width: 2rem;
        height: 2rem;
        background-color: var(--rz-base-400);
        opacity: .3;
    }

.rz-scheduler-nav .rz-button {
    box-shadow: var(--rz-shadow-0) !important;
}

    .rz-scheduler-nav .rz-button:hover {
        box-shadow: var(--rz-shadow-0) !important;
        background: var(--rz-base-200);
    }

    .rz-scheduler-nav .rz-button:active {
        box-shadow: var(--rz-shadow-0) !important;
    }

.rz-view-header {
    border-top: none !important;
}

.rz-year-view .rz-view-header {
    border-bottom: none !important;
}

.rz-tabview-nav > li > a {
    position: relative;
    overflow: hidden;
}

    .rz-tabview-nav > li > a:not(.rz-state-disabled):before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0;
        background-position: center;
        background: radial-gradient(circle,currentColor 1%,transparent 1%) center/15000%;
        transition: background-size .8s, opacity .8s;
        pointer-events: none;
    }

    .rz-tabview-nav > li > a:not(.rz-state-disabled):active:before {
        transition: background-size 0s, opacity 0s;
        opacity: .32;
        background-size: 100%;
    }

.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-width: 0;
}

.rz-tabview.rz-tabview-bottom > .rz-tabview-nav li {
    border-top-width: 0;
}

.rz-tabview.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected {
    border-bottom-width: 0;
}

.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {
    border-left-width: 0;
}

.rz-tabview.rz-tabview-right > .rz-tabview-nav li {
    border-left-width: 0;
}

.rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected {
    border-right-width: 0;
}

.rz-tabview.rz-tabview-top > .rz-tabview-panels {
    border-top: var(--rz-border-base-300);
}

.rz-tabview.rz-tabview-bottom > .rz-tabview-panels {
    border-bottom: var(--rz-border-base-300);
}

.rz-tabview.rz-tabview-left > .rz-tabview-panels {
    border-left: var(--rz-border-base-300);
}

.rz-tabview.rz-tabview-right > .rz-tabview-panels {
    border-right: var(--rz-border-base-300);
}

.rz-tabview-nav {
    z-index: 0;
}

    .rz-tabview-nav li {
        position: relative;
    }

        .rz-tabview-nav li:after {
            z-index: -1;
            content: "";
            position: absolute;
            bottom: 0;
            left: 1rem;
            right: 1rem;
            height: .1875rem;
            border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0;
            background-color: rgba(0,0,0,0);
        }

        .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled):after {
            background-color: var(--rz-primary);
        }

        .rz-tabview-nav li.rz-tabview-selected:after {
            background-color: var(--rz-primary);
        }

.rz-tabview-top > .rz-tabview-nav li.rz-tabview-selected {
    margin-bottom: 0;
}

.rz-tabview-bottom > .rz-tabview-nav li:after {
    top: 0;
    border-radius: 0 0 var(--rz-border-radius) var(--rz-border-radius);
}

.rz-tabview-bottom > .rz-tabview-nav li.rz-tabview-selected {
    margin-top: 0;
    padding-top: 0;
}

.rz-tabview-left > .rz-tabview-nav li:after {
    left: auto;
    right: 0;
    top: 1rem;
    bottom: 1rem;
    width: .1875rem;
    height: auto;
    border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius);
}

.rz-tabview-left > .rz-tabview-nav li.rz-tabview-selected {
    margin-right: 0;
}

.rz-tabview-right > .rz-tabview-nav li:after {
    left: 0;
    right: auto;
    top: .625rem;
    bottom: .625rem;
    width: .1875rem;
    height: auto;
    border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0;
}

.rz-tabview-right > .rz-tabview-nav li.rz-tabview-selected {
    margin-left: 0;
    padding-left: 0;
}

.rz-login .rz-textbox.invalid {
    --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-danger);
}

.rz-progressbar:has(.rz-progressbar-label) {
    --rz-progressbar-height: 1.25rem;
}

.rz-html-editor-toolbar {
    font-size: .825rem;
}

    .rz-html-editor-toolbar .rz-html-editor-button {
        position: relative;
        overflow: hidden;
    }

        .rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0;
            background-position: center;
            background: radial-gradient(circle,currentColor 1%,transparent 1%) center/15000%;
            transition: background-size .8s, opacity .8s;
            pointer-events: none;
        }

        .rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):active:before {
            transition: background-size 0s, opacity 0s;
            opacity: .32;
            background-size: 100%;
        }

.rz-search-input {
    border: var(--rz-border-base-200) !important;
    border-radius: calc(var(--rz-border-radius)*5) !important;
    background-color: var(--rz-base-200) !important;
}

div:has(.rz-search-input) {
    padding-top: .125rem !important;
}

.rz-search-input:hover {
    border: var(--rz-border-base-400) !important;
    background-color: var(--rz-base-400) !important;
}

    .rz-search-input:hover:focus, .rz-search-input:focus {
        border: var(--rz-border-base-50) !important;
        background-color: var(--rz-white) !important;
        box-shadow: var(--rz-shadow-1) !important;
    }

.rz-card.rz-material-3-demo-card {
    box-shadow: none;
    border: var(--rz-border-base-300);
}




[class^=rz-], [class^=rz-]::before, [class^=rz-]::after, [class^=rz-] *, [class^=rz-] *::before, [class^=rz-] *::after, [class*=" rz-"], [class*=" rz-"]::before, [class*=" rz-"]::after, [class*=" rz-"] *, [class*=" rz-"] *::before, [class*=" rz-"] *::after {
    box-sizing: border-box;
}

.rz-text-title-color {
    color: var(--rz-base-900) !important;
}

.rz-text-color {
    color: var(--rz-base-900) !important;
}

.rz-text-secondary-color {
    color: var(--rz-base-800) !important;
}

.rz-text-tertiary-color {
    color: var(--rz-base-700) !important;
}

.rz-text-disabled-color {
    color: var(--rz-base-600) !important;
}

.rz-text-contrast-color {
    color: var(--rz-white) !important;
}

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

.rz-display-none {
    display: none !important;
}

.rz-display-block {
    display: block !important;
}

.rz-display-inline {
    display: inline !important;
}

.rz-display-inline-block {
    display: inline-block !important;
}

.rz-display-flex {
    display: flex !important;
}

.rz-display-inline-flex {
    display: inline-flex !important;
}

.rz-display-grid {
    display: grid !important;
}

.rz-display-inline-grid {
    display: inline-grid !important;
}

.rz-justify-content-normal {
    justify-content: normal !important;
}

.rz-justify-content-stretch {
    justify-content: stretch !important;
}

.rz-justify-content-center {
    justify-content: center !important;
}

.rz-justify-content-start {
    justify-content: start !important;
}

.rz-justify-content-end {
    justify-content: end !important;
}

.rz-justify-content-flex-start {
    justify-content: flex-start !important;
}

.rz-justify-content-flex-end {
    justify-content: flex-end !important;
}

.rz-justify-content-left {
    justify-content: left !important;
}

.rz-justify-content-right {
    justify-content: right !important;
}

.rz-justify-content-space-between {
    justify-content: space-between !important;
}

.rz-justify-content-space-around {
    justify-content: space-around !important;
}

.rz-justify-content-space-evenly {
    justify-content: space-evenly !important;
}

.rz-align-items-normal {
    align-items: normal !important;
}

.rz-align-items-stretch {
    align-items: stretch !important;
}

.rz-align-items-center {
    align-items: center !important;
}

.rz-align-items-start {
    align-items: start !important;
}

.rz-align-items-end {
    align-items: end !important;
}

.rz-align-items-flex-start {
    align-items: flex-start !important;
}

.rz-align-items-flex-end {
    align-items: flex-end !important;
}

.rz-overflow-auto {
    overflow: auto !important;
}

.rz-overflow-scroll {
    overflow: scroll !important;
}

.rz-overflow-visible {
    overflow: visible !important;
}

.rz-overflow-hidden {
    overflow: hidden !important;
}

.rz-w-25 {
    width: 25% !important;
}

.rz-w-50 {
    width: 50% !important;
}

.rz-w-75 {
    width: 75% !important;
}

.rz-w-100 {
    width: 100% !important;
}

.rz-vw-25 {
    width: 25vw !important;
}

.rz-vw-50 {
    width: 50vw !important;
}

.rz-vw-75 {
    width: 75vw !important;
}

.rz-vw-100 {
    width: 100vw !important;
}

.rz-w-auto {
    width: auto !important;
}

.rz-w-fit-content {
    width: fit-content !important;
}

.rz-w-min-content {
    width: min-content !important;
}

.rz-w-max-content {
    width: max-content !important;
}

.rz-w-stretch {
    width: stretch !important;
}

.rz-min-w-25 {
    min-width: 25% !important;
}

.rz-min-w-50 {
    min-width: 50% !important;
}

.rz-min-w-75 {
    min-width: 75% !important;
}

.rz-min-w-100 {
    min-width: 100% !important;
}

.rz-max-w-25 {
    max-width: 25% !important;
}

.rz-max-w-50 {
    max-width: 50% !important;
}

.rz-max-w-75 {
    max-width: 75% !important;
}

.rz-max-w-100 {
    max-width: 100% !important;
}

.rz-h-25 {
    height: 25% !important;
}

.rz-h-50 {
    height: 50% !important;
}

.rz-h-75 {
    height: 75% !important;
}

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

.rz-vh-25 {
    height: 25vh !important;
}

.rz-vh-50 {
    height: 50vh !important;
}

.rz-vh-75 {
    height: 75vh !important;
}

.rz-vh-100 {
    height: 100vh !important;
}

.rz-h-auto {
    height: auto !important;
}

.rz-min-h-25 {
    min-height: 25% !important;
}

.rz-min-h-50 {
    min-height: 50% !important;
}

.rz-min-h-75 {
    min-height: 75% !important;
}

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

.rz-max-h-25 {
    max-height: 25% !important;
}

.rz-max-h-50 {
    max-height: 50% !important;
}

.rz-max-h-75 {
    max-height: 75% !important;
}

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

.rz-color-white {
    color: var(--rz-white) !important;
}

.rz-color-black {
    color: var(--rz-black) !important;
}

.rz-color-base {
    color: var(--rz-base) !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-base-light {
    color: var(--rz-base-light) !important;
}

.rz-color-base-lighter {
    color: var(--rz-base-lighter) !important;
}

.rz-color-base-dark {
    color: var(--rz-base-dark) !important;
}

.rz-color-base-darker {
    color: var(--rz-base-darker) !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-on-base {
    color: var(--rz-on-base) !important;
}

.rz-color-on-base-light {
    color: var(--rz-on-base-light) !important;
}

.rz-color-on-base-lighter {
    color: var(--rz-on-base-lighter) !important;
}

.rz-color-on-base-dark {
    color: var(--rz-on-base-dark) !important;
}

.rz-color-on-base-darker {
    color: var(--rz-on-base-darker) !important;
}

.rz-color-on-primary {
    color: var(--rz-on-primary) !important;
}

.rz-color-on-primary-light {
    color: var(--rz-on-primary-light) !important;
}

.rz-color-on-primary-lighter {
    color: var(--rz-on-primary-lighter) !important;
}

.rz-color-on-primary-dark {
    color: var(--rz-on-primary-dark) !important;
}

.rz-color-on-primary-darker {
    color: var(--rz-on-primary-darker) !important;
}

.rz-color-on-secondary {
    color: var(--rz-on-secondary) !important;
}

.rz-color-on-secondary-light {
    color: var(--rz-on-secondary-light) !important;
}

.rz-color-on-secondary-lighter {
    color: var(--rz-on-secondary-lighter) !important;
}

.rz-color-on-secondary-dark {
    color: var(--rz-on-secondary-dark) !important;
}

.rz-color-on-secondary-darker {
    color: var(--rz-on-secondary-darker) !important;
}

.rz-color-on-info {
    color: var(--rz-on-info) !important;
}

.rz-color-on-info-light {
    color: var(--rz-on-info-light) !important;
}

.rz-color-on-info-lighter {
    color: var(--rz-on-info-lighter) !important;
}

.rz-color-on-info-dark {
    color: var(--rz-on-info-dark) !important;
}

.rz-color-on-info-darker {
    color: var(--rz-on-info-darker) !important;
}

.rz-color-on-success {
    color: var(--rz-on-success) !important;
}

.rz-color-on-success-light {
    color: var(--rz-on-success-light) !important;
}

.rz-color-on-success-lighter {
    color: var(--rz-on-success-lighter) !important;
}

.rz-color-on-success-dark {
    color: var(--rz-on-success-dark) !important;
}

.rz-color-on-success-darker {
    color: var(--rz-on-success-darker) !important;
}

.rz-color-on-warning {
    color: var(--rz-on-warning) !important;
}

.rz-color-on-warning-light {
    color: var(--rz-on-warning-light) !important;
}

.rz-color-on-warning-lighter {
    color: var(--rz-on-warning-lighter) !important;
}

.rz-color-on-warning-dark {
    color: var(--rz-on-warning-dark) !important;
}

.rz-color-on-warning-darker {
    color: var(--rz-on-warning-darker) !important;
}

.rz-color-on-danger {
    color: var(--rz-on-danger) !important;
}

.rz-color-on-danger-light {
    color: var(--rz-on-danger-light) !important;
}

.rz-color-on-danger-lighter {
    color: var(--rz-on-danger-lighter) !important;
}

.rz-color-on-danger-dark {
    color: var(--rz-on-danger-dark) !important;
}

.rz-color-on-danger-darker {
    color: var(--rz-on-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-color-series-9 {
    color: var(--rz-series-9) !important;
}

.rz-color-series-10 {
    color: var(--rz-series-10) !important;
}

.rz-color-series-11 {
    color: var(--rz-series-11) !important;
}

.rz-color-series-12 {
    color: var(--rz-series-12) !important;
}

.rz-color-series-13 {
    color: var(--rz-series-13) !important;
}

.rz-color-series-14 {
    color: var(--rz-series-14) !important;
}

.rz-color-series-15 {
    color: var(--rz-series-15) !important;
}

.rz-color-series-16 {
    color: var(--rz-series-16) !important;
}

.rz-color-series-17 {
    color: var(--rz-series-17) !important;
}

.rz-color-series-18 {
    color: var(--rz-series-18) !important;
}

.rz-color-series-19 {
    color: var(--rz-series-19) !important;
}

.rz-color-series-20 {
    color: var(--rz-series-20) !important;
}

.rz-color-series-21 {
    color: var(--rz-series-21) !important;
}

.rz-color-series-22 {
    color: var(--rz-series-22) !important;
}

.rz-color-series-23 {
    color: var(--rz-series-23) !important;
}

.rz-color-series-24 {
    color: var(--rz-series-24) !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 {
    background-color: var(--rz-base) !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-base-light {
    background-color: var(--rz-base-light) !important;
}

.rz-background-color-base-lighter {
    background-color: var(--rz-base-lighter) !important;
}

.rz-background-color-base-dark {
    background-color: var(--rz-base-dark) !important;
}

.rz-background-color-base-darker {
    background-color: var(--rz-base-darker) !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-on-base {
    background-color: var(--rz-on-base) !important;
}

.rz-background-color-on-base-light {
    background-color: var(--rz-on-base-light) !important;
}

.rz-background-color-on-base-lighter {
    background-color: var(--rz-on-base-lighter) !important;
}

.rz-background-color-on-base-dark {
    background-color: var(--rz-on-base-dark) !important;
}

.rz-background-color-on-base-darker {
    background-color: var(--rz-on-base-darker) !important;
}

.rz-background-color-on-primary {
    background-color: var(--rz-on-primary) !important;
}

.rz-background-color-on-primary-light {
    background-color: var(--rz-on-primary-light) !important;
}

.rz-background-color-on-primary-lighter {
    background-color: var(--rz-on-primary-lighter) !important;
}

.rz-background-color-on-primary-dark {
    background-color: var(--rz-on-primary-dark) !important;
}

.rz-background-color-on-primary-darker {
    background-color: var(--rz-on-primary-darker) !important;
}

.rz-background-color-on-secondary {
    background-color: var(--rz-on-secondary) !important;
}

.rz-background-color-on-secondary-light {
    background-color: var(--rz-on-secondary-light) !important;
}

.rz-background-color-on-secondary-lighter {
    background-color: var(--rz-on-secondary-lighter) !important;
}

.rz-background-color-on-secondary-dark {
    background-color: var(--rz-on-secondary-dark) !important;
}

.rz-background-color-on-secondary-darker {
    background-color: var(--rz-on-secondary-darker) !important;
}

.rz-background-color-on-info {
    background-color: var(--rz-on-info) !important;
}

.rz-background-color-on-info-light {
    background-color: var(--rz-on-info-light) !important;
}

.rz-background-color-on-info-lighter {
    background-color: var(--rz-on-info-lighter) !important;
}

.rz-background-color-on-info-dark {
    background-color: var(--rz-on-info-dark) !important;
}

.rz-background-color-on-info-darker {
    background-color: var(--rz-on-info-darker) !important;
}

.rz-background-color-on-success {
    background-color: var(--rz-on-success) !important;
}

.rz-background-color-on-success-light {
    background-color: var(--rz-on-success-light) !important;
}

.rz-background-color-on-success-lighter {
    background-color: var(--rz-on-success-lighter) !important;
}

.rz-background-color-on-success-dark {
    background-color: var(--rz-on-success-dark) !important;
}

.rz-background-color-on-success-darker {
    background-color: var(--rz-on-success-darker) !important;
}

.rz-background-color-on-warning {
    background-color: var(--rz-on-warning) !important;
}

.rz-background-color-on-warning-light {
    background-color: var(--rz-on-warning-light) !important;
}

.rz-background-color-on-warning-lighter {
    background-color: var(--rz-on-warning-lighter) !important;
}

.rz-background-color-on-warning-dark {
    background-color: var(--rz-on-warning-dark) !important;
}

.rz-background-color-on-warning-darker {
    background-color: var(--rz-on-warning-darker) !important;
}

.rz-background-color-on-danger {
    background-color: var(--rz-on-danger) !important;
}

.rz-background-color-on-danger-light {
    background-color: var(--rz-on-danger-light) !important;
}

.rz-background-color-on-danger-lighter {
    background-color: var(--rz-on-danger-lighter) !important;
}

.rz-background-color-on-danger-dark {
    background-color: var(--rz-on-danger-dark) !important;
}

.rz-background-color-on-danger-darker {
    background-color: var(--rz-on-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-background-color-series-9 {
    background-color: var(--rz-series-9) !important;
}

.rz-background-color-series-10 {
    background-color: var(--rz-series-10) !important;
}

.rz-background-color-series-11 {
    background-color: var(--rz-series-11) !important;
}

.rz-background-color-series-12 {
    background-color: var(--rz-series-12) !important;
}

.rz-background-color-series-13 {
    background-color: var(--rz-series-13) !important;
}

.rz-background-color-series-14 {
    background-color: var(--rz-series-14) !important;
}

.rz-background-color-series-15 {
    background-color: var(--rz-series-15) !important;
}

.rz-background-color-series-16 {
    background-color: var(--rz-series-16) !important;
}

.rz-background-color-series-17 {
    background-color: var(--rz-series-17) !important;
}

.rz-background-color-series-18 {
    background-color: var(--rz-series-18) !important;
}

.rz-background-color-series-19 {
    background-color: var(--rz-series-19) !important;
}

.rz-background-color-series-20 {
    background-color: var(--rz-series-20) !important;
}

.rz-background-color-series-21 {
    background-color: var(--rz-series-21) !important;
}

.rz-background-color-series-22 {
    background-color: var(--rz-series-22) !important;
}

.rz-background-color-series-23 {
    background-color: var(--rz-series-23) !important;
}

.rz-background-color-series-24 {
    background-color: var(--rz-series-24) !important;
}

.rz-border {
    border-width: 0;
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base);
}

.rz-border-0 {
    border-width: 0 !important;
}

.rz-border-start {
    border-width: 0;
    border-inline-start-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base);
}

.rz-border-start-0 {
    border-inline-start-width: 0 !important;
}

.rz-border-end {
    border-width: 0;
    border-inline-end-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base);
}

.rz-border-end-0 {
    border-inline-end-width: 0 !important;
}

.rz-border-left {
    border-width: 0;
    border-left-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base);
}

.rz-border-left-0 {
    border-left-width: 0 !important;
}

.rz-border-right {
    border-width: 0;
    border-right-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base);
}

.rz-border-right-0 {
    border-right-width: 0 !important;
}

.rz-border-top {
    border-width: 0;
    border-top-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base);
}

.rz-border-top-0 {
    border-top-width: 0 !important;
}

.rz-border-bottom {
    border-width: 0;
    border-bottom-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base);
}

.rz-border-bottom-0 {
    border-bottom-width: 0 !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 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base) !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-base-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-light) !important;
}

.rz-border-base-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-lighter) !important;
}

.rz-border-base-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-dark) !important;
}

.rz-border-base-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-base-darker) !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-on-base {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-base) !important;
}

.rz-border-on-base-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-base-light) !important;
}

.rz-border-on-base-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-base-lighter) !important;
}

.rz-border-on-base-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-base-dark) !important;
}

.rz-border-on-base-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-base-darker) !important;
}

.rz-border-on-primary {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-primary) !important;
}

.rz-border-on-primary-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-primary-light) !important;
}

.rz-border-on-primary-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-primary-lighter) !important;
}

.rz-border-on-primary-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-primary-dark) !important;
}

.rz-border-on-primary-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-primary-darker) !important;
}

.rz-border-on-secondary {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-secondary) !important;
}

.rz-border-on-secondary-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-secondary-light) !important;
}

.rz-border-on-secondary-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-secondary-lighter) !important;
}

.rz-border-on-secondary-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-secondary-dark) !important;
}

.rz-border-on-secondary-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-secondary-darker) !important;
}

.rz-border-on-info {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-info) !important;
}

.rz-border-on-info-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-info-light) !important;
}

.rz-border-on-info-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-info-lighter) !important;
}

.rz-border-on-info-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-info-dark) !important;
}

.rz-border-on-info-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-info-darker) !important;
}

.rz-border-on-success {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-success) !important;
}

.rz-border-on-success-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-success-light) !important;
}

.rz-border-on-success-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-success-lighter) !important;
}

.rz-border-on-success-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-success-dark) !important;
}

.rz-border-on-success-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-success-darker) !important;
}

.rz-border-on-warning {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-warning) !important;
}

.rz-border-on-warning-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-warning-light) !important;
}

.rz-border-on-warning-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-warning-lighter) !important;
}

.rz-border-on-warning-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-warning-dark) !important;
}

.rz-border-on-warning-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-warning-darker) !important;
}

.rz-border-on-danger {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-danger) !important;
}

.rz-border-on-danger-light {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-danger-light) !important;
}

.rz-border-on-danger-lighter {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-danger-lighter) !important;
}

.rz-border-on-danger-dark {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-danger-dark) !important;
}

.rz-border-on-danger-darker {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-on-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-border-series-9 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-9) !important;
}

.rz-border-series-10 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-10) !important;
}

.rz-border-series-11 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-11) !important;
}

.rz-border-series-12 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-12) !important;
}

.rz-border-series-13 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-13) !important;
}

.rz-border-series-14 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-14) !important;
}

.rz-border-series-15 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-15) !important;
}

.rz-border-series-16 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-16) !important;
}

.rz-border-series-17 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-17) !important;
}

.rz-border-series-18 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-18) !important;
}

.rz-border-series-19 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-19) !important;
}

.rz-border-series-20 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-20) !important;
}

.rz-border-series-21 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-21) !important;
}

.rz-border-series-22 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-22) !important;
}

.rz-border-series-23 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-23) !important;
}

.rz-border-series-24 {
    border-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--rz-series-24) !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 {
    border-color: var(--rz-base) !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-base-light {
    border-color: var(--rz-base-light) !important;
}

.rz-border-color-base-lighter {
    border-color: var(--rz-base-lighter) !important;
}

.rz-border-color-base-dark {
    border-color: var(--rz-base-dark) !important;
}

.rz-border-color-base-darker {
    border-color: var(--rz-base-darker) !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-on-base {
    border-color: var(--rz-on-base) !important;
}

.rz-border-color-on-base-light {
    border-color: var(--rz-on-base-light) !important;
}

.rz-border-color-on-base-lighter {
    border-color: var(--rz-on-base-lighter) !important;
}

.rz-border-color-on-base-dark {
    border-color: var(--rz-on-base-dark) !important;
}

.rz-border-color-on-base-darker {
    border-color: var(--rz-on-base-darker) !important;
}

.rz-border-color-on-primary {
    border-color: var(--rz-on-primary) !important;
}

.rz-border-color-on-primary-light {
    border-color: var(--rz-on-primary-light) !important;
}

.rz-border-color-on-primary-lighter {
    border-color: var(--rz-on-primary-lighter) !important;
}

.rz-border-color-on-primary-dark {
    border-color: var(--rz-on-primary-dark) !important;
}

.rz-border-color-on-primary-darker {
    border-color: var(--rz-on-primary-darker) !important;
}

.rz-border-color-on-secondary {
    border-color: var(--rz-on-secondary) !important;
}

.rz-border-color-on-secondary-light {
    border-color: var(--rz-on-secondary-light) !important;
}

.rz-border-color-on-secondary-lighter {
    border-color: var(--rz-on-secondary-lighter) !important;
}

.rz-border-color-on-secondary-dark {
    border-color: var(--rz-on-secondary-dark) !important;
}

.rz-border-color-on-secondary-darker {
    border-color: var(--rz-on-secondary-darker) !important;
}

.rz-border-color-on-info {
    border-color: var(--rz-on-info) !important;
}

.rz-border-color-on-info-light {
    border-color: var(--rz-on-info-light) !important;
}

.rz-border-color-on-info-lighter {
    border-color: var(--rz-on-info-lighter) !important;
}

.rz-border-color-on-info-dark {
    border-color: var(--rz-on-info-dark) !important;
}

.rz-border-color-on-info-darker {
    border-color: var(--rz-on-info-darker) !important;
}

.rz-border-color-on-success {
    border-color: var(--rz-on-success) !important;
}

.rz-border-color-on-success-light {
    border-color: var(--rz-on-success-light) !important;
}

.rz-border-color-on-success-lighter {
    border-color: var(--rz-on-success-lighter) !important;
}

.rz-border-color-on-success-dark {
    border-color: var(--rz-on-success-dark) !important;
}

.rz-border-color-on-success-darker {
    border-color: var(--rz-on-success-darker) !important;
}

.rz-border-color-on-warning {
    border-color: var(--rz-on-warning) !important;
}

.rz-border-color-on-warning-light {
    border-color: var(--rz-on-warning-light) !important;
}

.rz-border-color-on-warning-lighter {
    border-color: var(--rz-on-warning-lighter) !important;
}

.rz-border-color-on-warning-dark {
    border-color: var(--rz-on-warning-dark) !important;
}

.rz-border-color-on-warning-darker {
    border-color: var(--rz-on-warning-darker) !important;
}

.rz-border-color-on-danger {
    border-color: var(--rz-on-danger) !important;
}

.rz-border-color-on-danger-light {
    border-color: var(--rz-on-danger-light) !important;
}

.rz-border-color-on-danger-lighter {
    border-color: var(--rz-on-danger-lighter) !important;
}

.rz-border-color-on-danger-dark {
    border-color: var(--rz-on-danger-dark) !important;
}

.rz-border-color-on-danger-darker {
    border-color: var(--rz-on-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-color-series-9 {
    border-color: var(--rz-series-9) !important;
}

.rz-border-color-series-10 {
    border-color: var(--rz-series-10) !important;
}

.rz-border-color-series-11 {
    border-color: var(--rz-series-11) !important;
}

.rz-border-color-series-12 {
    border-color: var(--rz-series-12) !important;
}

.rz-border-color-series-13 {
    border-color: var(--rz-series-13) !important;
}

.rz-border-color-series-14 {
    border-color: var(--rz-series-14) !important;
}

.rz-border-color-series-15 {
    border-color: var(--rz-series-15) !important;
}

.rz-border-color-series-16 {
    border-color: var(--rz-series-16) !important;
}

.rz-border-color-series-17 {
    border-color: var(--rz-series-17) !important;
}

.rz-border-color-series-18 {
    border-color: var(--rz-series-18) !important;
}

.rz-border-color-series-19 {
    border-color: var(--rz-series-19) !important;
}

.rz-border-color-series-20 {
    border-color: var(--rz-series-20) !important;
}

.rz-border-color-series-21 {
    border-color: var(--rz-series-21) !important;
}

.rz-border-color-series-22 {
    border-color: var(--rz-series-22) !important;
}

.rz-border-color-series-23 {
    border-color: var(--rz-series-23) !important;
}

.rz-border-color-series-24 {
    border-color: var(--rz-series-24) !important;
}

.rz-ripple {
    position: relative;
    overflow: hidden;
}

    .rz-ripple:not(.rz-state-disabled):before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0;
        background-position: center;
        background: radial-gradient(circle,currentColor 1%,transparent 1%) center/15000%;
        transition: background-size .8s, opacity .8s;
        pointer-events: none;
    }

    .rz-ripple:not(.rz-state-disabled):active:before {
        transition: background-size 0s, opacity 0s;
        opacity: .32;
        background-size: 100%;
    }



.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-button .rzi-times, .rz-fileupload-row .rz-button .rz-icon-trash, .rz-menuitem .rz-menuitem-icon, .rzi {
    box-sizing: border-box;
    font-family: var(--rz-icon-font-family);
    font-weight: var(--rz-icon-weight,inherit);
    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;
    font-variation-settings: "FILL" var(--rz-icon-fill), "GRAD" var(--rz-icon-grade), "opsz" var(--rz-icon-optical-size);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}

i.rzi {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.rzi-primary {
    color: var(--rz-primary);
}

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

.rzi-base {
    color: var(--rz-base-200);
}

.rzi-light {
    color: var(--rz-base-200);
}

.rzi-dark {
    color: var(--rz-base-900);
}

.rz-icons-loading .rzi {
    color: rgba(0,0,0,0) !important;
    user-select: none;
}

[class^=rz-] img, [class^=rz-] svg {
    vertical-align: middle;
}

.rz-helper-hidden-accessible {
    opacity: 0;
    height: 0;
}

    .rz-helper-hidden-accessible input {
        width: 100%;
        height: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }

.rz-helper-hidden {
    display: none;
}

.rz-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

.rz-pager-element, .rz-button {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    color: var(--rz-button-base-color);
    background-color: var(--rz-button-base-background-color);
    background-size: var(--rz-button-background-size);
    background-repeat: no-repeat;
    border: none;
    border-radius: var(--rz-button-border-radius);
    outline: none;
    font-size: 1.0625rem;
    font-family: inherit;
    line-height: var(--rz-button-line-height);
    text-decoration: none;
    transition: var(--rz-button-transition);
    -webkit-appearance: none;
}

    .rz-pager-element:focus, .rz-button:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-pager-element:focus-visible, .rz-button:focus-visible {
        outline: var(--rz-button-focus-outline);
        outline-offset: var(--rz-button-focus-outline-offset);
    }

    .rz-pager-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) {
        cursor: pointer;
    }

        .rz-pager-element:not(.rz-state-disabled):not(:active):focus-visible, .rz-button:not(.rz-state-disabled):not(:active):focus-visible {
            text-decoration: none;
            background-image: var(--rz-button-focus-gradient);
            background-size: var(--rz-button-focus-background-size);
            box-shadow: var(--rz-button-focus-shadow);
        }

        .rz-pager-element:not(.rz-state-disabled):active, .rz-button: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-state-disabled.rz-pager-element, .rz-button.rz-state-disabled {
        opacity: var(--rz-button-disabled-opacity);
        cursor: initial;
    }

    .rz-state-empty.rz-pager-element, .rz-button.rz-state-empty {
        opacity: var(--rz-button-empty-opacity);
        cursor: initial;
    }

.rz-pager.rz-density-compact .rz-pager-element, .rz-fileupload .rz-button, .rz-button-sm {
    padding: .375rem 1rem;
    height: auto;
    line-height: 1rem;
    min-height: 1.75rem;
    min-width: 1.75rem;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: normal;
}

    .rz-pager.rz-density-compact .rz-pager-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box {
        line-height: 1rem;
        gap: .25rem;
    }

    .rz-pager.rz-density-compact .rz-button-icon-left.rz-pager-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left {
        padding: 0 1.375rem;
    }

    .rz-pager.rz-density-compact .rz-pager-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-pager-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-pager-element {
        padding: .375rem;
    }

        .rz-pager.rz-density-compact .rz-pager-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi {
            font-size: 1rem;
            height: 1rem;
            line-height: 1rem;
            width: 1rem;
        }

.rz-badge {
    box-sizing: border-box;
    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 {
    vertical-align: top;
}

.rz-badge-primary {
    background-color: var(--rz-primary);
    color: var(--rz-on-primary);
}

    .rz-badge-primary.rz-shade-lighter {
        background-color: var(--rz-primary-lighter);
        color: var(--rz-on-primary-lighter);
    }

    .rz-badge-primary.rz-shade-light {
        background-color: var(--rz-primary-light);
        color: var(--rz-on-primary-light);
    }

    .rz-badge-primary.rz-shade-default {
        background-color: var(--rz-primary);
        color: var(--rz-on-primary);
    }

    .rz-badge-primary.rz-shade-dark {
        background-color: var(--rz-primary-dark);
        color: var(--rz-on-primary-dark);
    }

    .rz-badge-primary.rz-shade-darker {
        background-color: var(--rz-primary-darker);
        color: var(--rz-on-primary-darker);
    }

.rz-badge-secondary {
    background-color: var(--rz-secondary);
    color: var(--rz-on-secondary);
}

    .rz-badge-secondary.rz-shade-lighter {
        background-color: var(--rz-secondary-lighter);
        color: var(--rz-on-secondary-lighter);
    }

    .rz-badge-secondary.rz-shade-light {
        background-color: var(--rz-secondary-light);
        color: var(--rz-on-secondary-light);
    }

    .rz-badge-secondary.rz-shade-default {
        background-color: var(--rz-secondary);
        color: var(--rz-on-secondary);
    }

    .rz-badge-secondary.rz-shade-dark {
        background-color: var(--rz-secondary-dark);
        color: var(--rz-on-secondary-dark);
    }

    .rz-badge-secondary.rz-shade-darker {
        background-color: var(--rz-secondary-darker);
        color: var(--rz-on-secondary-darker);
    }

.rz-badge-info {
    background-color: var(--rz-info);
    color: var(--rz-on-info);
}

    .rz-badge-info.rz-shade-lighter {
        background-color: var(--rz-info-lighter);
        color: var(--rz-on-info-lighter);
    }

    .rz-badge-info.rz-shade-light {
        background-color: var(--rz-info-light);
        color: var(--rz-on-info-light);
    }

    .rz-badge-info.rz-shade-default {
        background-color: var(--rz-info);
        color: var(--rz-on-info);
    }

    .rz-badge-info.rz-shade-dark {
        background-color: var(--rz-info-dark);
        color: var(--rz-on-info-dark);
    }

    .rz-badge-info.rz-shade-darker {
        background-color: var(--rz-info-darker);
        color: var(--rz-on-info-darker);
    }

.rz-badge-warning {
    background-color: var(--rz-warning);
    color: var(--rz-on-warning);
}

    .rz-badge-warning.rz-shade-lighter {
        background-color: var(--rz-warning-lighter);
        color: var(--rz-on-warning-lighter);
    }

    .rz-badge-warning.rz-shade-light {
        background-color: var(--rz-warning-light);
        color: var(--rz-on-warning-light);
    }

    .rz-badge-warning.rz-shade-default {
        background-color: var(--rz-warning);
        color: var(--rz-on-warning);
    }

    .rz-badge-warning.rz-shade-dark {
        background-color: var(--rz-warning-dark);
        color: var(--rz-on-warning-dark);
    }

    .rz-badge-warning.rz-shade-darker {
        background-color: var(--rz-warning-darker);
        color: var(--rz-on-warning-darker);
    }

.rz-badge-error {
    background-color: var(--rz-danger);
    color: var(--rz-on-danger);
}

    .rz-badge-error.rz-shade-lighter {
        background-color: var(--rz-error-lighter);
        color: var(--rz-on-error-lighter);
    }

    .rz-badge-error.rz-shade-light {
        background-color: var(--rz-error-light);
        color: var(--rz-on-error-light);
    }

    .rz-badge-error.rz-shade-default {
        background-color: var(--rz-error);
        color: var(--rz-on-error);
    }

    .rz-badge-error.rz-shade-dark {
        background-color: var(--rz-error-dark);
        color: var(--rz-on-error-dark);
    }

    .rz-badge-error.rz-shade-darker {
        background-color: var(--rz-error-darker);
        color: var(--rz-on-error-darker);
    }

.rz-badge-danger {
    background-color: var(--rz-danger);
    color: var(--rz-on-danger);
}

    .rz-badge-danger.rz-shade-lighter {
        background-color: var(--rz-danger-lighter);
        color: var(--rz-on-danger-lighter);
    }

    .rz-badge-danger.rz-shade-light {
        background-color: var(--rz-danger-light);
        color: var(--rz-on-danger-light);
    }

    .rz-badge-danger.rz-shade-default {
        background-color: var(--rz-danger);
        color: var(--rz-on-danger);
    }

    .rz-badge-danger.rz-shade-dark {
        background-color: var(--rz-danger-dark);
        color: var(--rz-on-danger-dark);
    }

    .rz-badge-danger.rz-shade-darker {
        background-color: var(--rz-danger-darker);
        color: var(--rz-on-danger-darker);
    }

.rz-badge-success {
    background-color: var(--rz-success);
    color: var(--rz-on-success);
}

    .rz-badge-success.rz-shade-lighter {
        background-color: var(--rz-success-lighter);
        color: var(--rz-on-success-lighter);
    }

    .rz-badge-success.rz-shade-light {
        background-color: var(--rz-success-light);
        color: var(--rz-on-success-light);
    }

    .rz-badge-success.rz-shade-default {
        background-color: var(--rz-success);
        color: var(--rz-on-success);
    }

    .rz-badge-success.rz-shade-dark {
        background-color: var(--rz-success-dark);
        color: var(--rz-on-success-dark);
    }

    .rz-badge-success.rz-shade-darker {
        background-color: var(--rz-success-darker);
        color: var(--rz-on-success-darker);
    }

.rz-badge-base {
    background-color: var(--rz-base-200);
    color: var(--rz-text-color);
}

    .rz-badge-base.rz-shade-lighter {
        background-color: var(--rz-base-lighter);
        color: var(--rz-on-base-lighter);
    }

    .rz-badge-base.rz-shade-light {
        background-color: var(--rz-base-light);
        color: var(--rz-on-base-light);
    }

    .rz-badge-base.rz-shade-default {
        background-color: var(--rz-base);
        color: var(--rz-on-base);
    }

    .rz-badge-base.rz-shade-dark {
        background-color: var(--rz-base-dark);
        color: var(--rz-on-base-dark);
    }

    .rz-badge-base.rz-shade-darker {
        background-color: var(--rz-base-darker);
        color: var(--rz-on-base-darker);
    }

.rz-badge-light {
    background-color: var(--rz-base-200);
    color: var(--rz-text-color);
}

.rz-badge-dark {
    background-color: var(--rz-base-900);
    color: var(--rz-text-contrast-color);
}

.rz-variant-outlined.rz-badge-primary {
    background-color: rgba(0,0,0,0);
}

    .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-secondary {
    background-color: rgba(0,0,0,0);
}

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

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

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

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

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

    .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-outlined.rz-badge-base {
    background-color: rgba(0,0,0,0);
}

    .rz-variant-outlined.rz-badge-base.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-lighter);
        color: var(--rz-base-lighter);
    }

    .rz-variant-outlined.rz-badge-base.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-light);
        color: var(--rz-base-light);
    }

    .rz-variant-outlined.rz-badge-base.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base);
        color: var(--rz-base);
    }

    .rz-variant-outlined.rz-badge-base.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-dark);
        color: var(--rz-base-dark);
    }

    .rz-variant-outlined.rz-badge-base.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-darker);
        color: var(--rz-base-darker);
    }

.rz-variant-outlined.rz-badge-light {
    background-color: rgba(0,0,0,0);
}

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

    .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-text.rz-badge-primary {
    background-color: rgba(0,0,0,0);
}

    .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-secondary {
    background-color: rgba(0,0,0,0);
}

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

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

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

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

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

    .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-variant-text.rz-badge-base {
    background-color: rgba(0,0,0,0);
}

    .rz-variant-text.rz-badge-base.rz-shade-lighter {
        color: var(--rz-base-lighter);
    }

    .rz-variant-text.rz-badge-base.rz-shade-light {
        color: var(--rz-base-light);
    }

    .rz-variant-text.rz-badge-base.rz-shade-default {
        color: var(--rz-base);
    }

    .rz-variant-text.rz-badge-base.rz-shade-dark {
        color: var(--rz-base-dark);
    }

    .rz-variant-text.rz-badge-base.rz-shade-darker {
        color: var(--rz-base-darker);
    }

.rz-variant-text.rz-badge-light {
    color: var(--rz-base-200);
    background-color: rgba(0,0,0,0);
}

.rz-variant-text.rz-badge-dark {
    color: var(--rz-base-900);
    background-color: rgba(0,0,0,0);
}

.rz-badge-pill {
    border-radius: var(--rz-badge-pill-border-radius);
    padding: var(--rz-badge-pill-padding);
}

.rz-dropzone {
    user-select: none;
}

.rz-dropzone-item {
    user-select: none;
    cursor: grab;
}

.rz-dragging {
    cursor: grabbing;
}

.rz-footer {
    padding: var(--rz-footer-padding);
    border-top: var(--rz-footer-border);
    background-color: var(--rz-footer-background-color);
    color: var(--rz-footer-color);
}

    .rz-footer.fixed {
        position: fixed;
        z-index: var(--rz-footer-z);
        bottom: 0;
        left: 0;
        right: 0;
    }

.rz-card {
    box-sizing: border-box;
    padding: var(--rz-card-padding);
    border-radius: var(--rz-card-border-radius);
    background-color: var(--rz-card-background-color);
}

    .rz-card.rz-variant-filled {
        box-shadow: var(--rz-card-shadow);
    }

    .rz-card.rz-variant-flat {
        background-color: var(--rz-card-flat-background-color);
    }

    .rz-card.rz-variant-outlined {
        background: rgba(0,0,0,0);
        border: var(--rz-card-border);
    }

    .rz-card.rz-variant-text {
        background: rgba(0,0,0,0);
    }

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

.rz-card-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
}

    .rz-card-group > .rz-card {
        flex: 1;
        border-radius: 0;
    }

        .rz-card-group > .rz-card:first-of-type {
            border-start-start-radius: var(--rz-card-border-radius);
            border-end-start-radius: var(--rz-card-border-radius);
        }

        .rz-card-group > .rz-card:last-of-type {
            border-start-end-radius: var(--rz-card-border-radius);
            border-end-end-radius: var(--rz-card-border-radius);
        }

    .rz-card-group > .rz-variant-outlined + .rz-variant-outlined {
        border-inline-start: 0;
    }

    .rz-card-group > .rz-variant-flat + .rz-variant-flat {
        margin-inline-start: var(--rz-border-width);
    }

    .rz-card-group > .rz-variant-text + .rz-variant-text {
        border-inline-start: var(--rz-card-border);
    }

    .rz-card-group > .rz-card:first-of-type, .rz-card-group > .rz-card + .rz-card:not(:last-of-type) {
        clip-path: inset(-32px 0 -32px -32px);
    }

*[dir=rtl] .rz-card-group > .rz-card:first-of-type, *[dir=rtl] .rz-card-group > .rz-card + .rz-card:not(:last-of-type) {
    clip-path: inset(-32px -32px -32px 0);
}

.rz-accordion {
    box-sizing: border-box;
    border-radius: var(--rz-accordion-border-radius);
    box-shadow: var(--rz-accordion-shadow);
}

    .rz-accordion > div:first-child {
        border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0;
    }

    .rz-accordion > div:last-child, .rz-accordion > div:last-child > div {
        border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius);
    }

    .rz-accordion > div:only-child {
        border-radius: var(--rz-accordion-border-radius);
    }

    .rz-accordion:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-accordion:focus-visible {
        outline: var(--rz-accordion-item-focus-outline);
    }

    .rz-accordion .rz-accordion-header {
        background-color: var(--rz-accordion-item-background-color);
        margin: var(--rz-accordion-item-margin);
    }

        .rz-accordion .rz-accordion-header:not(:first-child) {
            border-top: var(--rz-accordion-item-border);
        }

        .rz-accordion .rz-accordion-header > a {
            padding-block: var(--rz-accordion-item-padding-block);
            padding-inline: var(--rz-accordion-item-padding-inline);
            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);
            cursor: pointer;
        }

            .rz-accordion .rz-accordion-header > a:hover {
                color: var(--rz-accordion-hover-color);
            }

            .rz-accordion .rz-accordion-header > a span:not(.rz-accordion-toggle-icon) {
                flex-grow: 1;
            }

:focus-visible .rz-accordion .rz-accordion-header.rz-state-focused {
    outline: var(--rz-accordion-item-focus-outline);
    outline-offset: var(--rz-accordion-item-focus-outline-offset);
}

.rz-accordion .rz-accordion-header .rzi {
    font-size: var(--rz-accordion-icon-font-size);
    margin-inline: var(--rz-accordion-icon-margin-inline);
}

.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 {
        margin-inline: var(--rz-accordion-toggle-icon-margin-inline);
    }

    .rz-accordion-toggle-icon.rzi-chevron-right:before {
        content: "keyboard_arrow_down";
    }

    .rz-accordion-toggle-icon.rzi-chevron-down:before {
        content: "keyboard_arrow_up";
    }

.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-block: var(--rz-accordion-content-padding-block);
    padding-inline: var(--rz-accordion-content-padding-inline);
}

*[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-right:before {
    content: "keyboard_arrow_down";
}

*[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-down:before {
    content: "keyboard_arrow_up";
}

.rz-panel {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: var(--rz-panel-padding);
    background: var(--rz-panel-background-color);
    border-radius: var(--rz-panel-border-radius);
    box-shadow: var(--rz-panel-shadow);
}

.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;
    text-decoration: none;
}

    .rz-panel-titlebar-toggler:hover {
        text-decoration: none;
        color: var(--rz-panel-hover-color);
    }

    .rz-panel-titlebar-toggler:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-panel-titlebar-toggler:focus-visible {
        outline: var(--rz-panel-toggle-icon-focus-outline);
        outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset);
    }

    .rz-panel-titlebar-toggler .rzi-minus:before {
        content: "remove";
    }

    .rz-panel-titlebar-toggler .rzi-plus:before {
        content: "add";
    }

.rz-sidebar-toggle {
    appearance: none;
    cursor: pointer;
    border: none;
    padding: var(--rz-sidebar-toggle-padding);
    margin-inline-end: var(--rz-sidebar-toggle-margin-inline-end);
    border-inline-end: var(--rz-sidebar-toggle-border);
    background-color: var(--rz-sidebar-toggle-background-color);
    color: var(--rz-sidebar-toggle-color);
}

.rz-justify-content-flex-end .rz-sidebar-toggle {
    border-inline-start: var(--rz-sidebar-toggle-border);
    border-inline-end: none;
}

.rz-sidebar-toggle:focus {
    outline: none;
}

.rz-sidebar-toggle:focus-visible {
    outline: var(--rz-sidebar-toggle-focus-outline);
    outline-offset: var(--rz-sidebar-toggle-focus-outline-offset);
}

.rz-sidebar-toggle:focus-visible, .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 {
    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;
}

.rz-context-menu {
    box-sizing: border-box;
}

    .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-context-menu .rz-menu:not(.rz-profile-menu) {
            align-items: stretch;
            background-color: var(--rz-menu-background-color);
        }

            .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
                color: var(--rz-menu-item-color);
            }

                .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
                    color: var(--rz-menu-item-icon-color);
                }

            .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
                border-radius: var(--rz-menu-item-border-radius);
            }

                .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
                    padding-block: var(--rz-menu-item-padding-block);
                    padding-inline: var(--rz-menu-item-padding-inline);
                }

                .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover {
                    background-color: var(--rz-menu-item-hover-background-color);
                }

                    .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
                        color: var(--rz-menu-item-hover-color);
                    }

                        .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
                            color: var(--rz-menu-item-icon-hover-color);
                        }

            .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
                color: var(--rz-menu-item-selected-color);
            }

                .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
                    color: var(--rz-menu-item-selected-color);
                }

            .rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before {
                display: none;
            }

.rz-menu:not(.rz-profile-menu) {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: var(--rz-menu-top-item-background-color);
}

.rz-context-menu .rz-menu:not(.rz-profile-menu) {
    padding-block: var(--rz-context-menu-padding-block);
    padding-inline: var(--rz-context-menu-padding-inline);
}

.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) {
        color: var(--rz-menu-top-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-block: var(--rz-menu-top-item-padding-block);
        padding-inline: var(--rz-menu-top-item-padding-inline);
    }

    .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) {
                color: var(--rz-menu-top-item-icon-hover-color);
            }

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
    color: var(--rz-menu-top-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) {
        color: var(--rz-menu-top-item-selected-color);
    }

.rz-menu:not(.rz-profile-menu):focus {
    outline: var(--rz-outline-normal);
}

.rz-menu:not(.rz-profile-menu):focus-visible {
    outline: var(--rz-menu-item-focus-outline);
}

    .rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
        outline: var(--rz-menu-item-focus-outline);
        outline-offset: var(--rz-menu-item-focus-outline-offset);
    }

.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before {
    position: absolute;
    content: "";
    inset-block-end: -2px;
    height: 1px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    background-color: var(--rz-menu-top-item-selected-color);
    margin-inline-start: .5rem;
    margin-inline-end: .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-block: var(--rz-context-menu-padding-block);
    padding-inline: var(--rz-context-menu-padding-inline);
    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-block: var(--rz-menu-item-padding-block);
            padding-inline: var(--rz-menu-item-padding-inline);
        }

        .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) {
                    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) {
            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-inline-start: 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-inline-start: 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-inline-start: calc(var(--rz-menu-item-offset)*3);
        }

.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) {
    margin-inline: var(--rz-menu-item-icon-margin-inline);
}

.rz-navigation-item-wrapper, .rz-navigation-item-link, .rz-navigation-item-text {
    transition: var(--rz-menu-item-transition);
}

li.rz-navigation-item.rz-state-disabled {
    opacity: var(--rz-menu-item-disabled-opacity);
    cursor: initial;
    pointer-events: none;
}

.rz-menu-toggle-item {
    display: none;
    padding-block: var(--rz-menu-top-item-padding-block);
    padding-inline: var(--rz-menu-top-item-padding-inline);
    justify-content: end;
    align-items: center;
    width: 100%;
    height: 100%;
}

.rz-menu-toggle {
    appearance: none;
    background-color: rgba(0,0,0,0);
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--rz-menu-top-item-color);
}

    .rz-menu-toggle:hover {
        background-color: rgba(0,0,0,0);
        color: var(--rz-menu-top-item-hover-color);
    }

    .rz-menu-toggle:active {
        background-color: rgba(0,0,0,0);
        color: var(--rz-menu-top-item-color);
    }

.rz-context-menu .rz-menu-toggle {
    color: var(--rz-menu-item-color);
}

    .rz-context-menu .rz-menu-toggle:hover {
        color: var(--rz-menu-item-hover-color);
    }

    .rz-context-menu .rz-menu-toggle:active {
        color: var(--rz-menu-item-color);
    }

.rz-steps {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

    .rz-steps .rz-widget-content {
        flex: 1;
        overflow-x: hidden;
        overflow-y: 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;
        text-decoration: none;
    }

        .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-item:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-steps-item:focus-visible {
        outline: var(--rz-outline-normal);
    }

        .rz-steps-item:focus-visible .rz-steps-number {
            outline: var(--rz-steps-number-focus-outline);
            outline-offset: var(--rz-steps-number-focus-outline-offset);
        }

.rz-steps-title {
    margin-block: var(--rz-steps-title-margin-block);
    margin-inline: var(--rz-steps-title-margin-inline);
}

.rz-steps-number {
    text-align: center;
    line-height: var(--rz-steps-number-line-height);
    color: var(--rz-steps-number-color);
    padding-block: var(--rz-steps-number-padding-block);
    padding-inline: var(--rz-steps-number-padding-inline);
    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-block: var(--rz-steps-buttons-padding-block);
    padding-inline: var(--rz-steps-buttons-padding-inline);
}

.rz-steps-next, .rz-steps-prev {
    display: inline-flex;
    align-items: center;
    color: var(--rz-steps-button-color) !important;
    text-decoration: none;
}

    .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: .5 !important;
    }

    .rz-steps-prev .rzi:before {
        content: "navigate_before";
    }

    .rz-steps-next .rzi:before {
        content: "navigate_next";
    }

*[dir=rtl] .rz-steps-prev .rzi:before {
    content: "navigate_next";
}

*[dir=rtl] .rz-steps-next .rzi:before {
    content: "navigate_before";
}

.rz-textarea {
    padding-block: var(--rz-text-area-padding-block);
    padding-inline: var(--rz-text-area-padding-inline);
    height: auto;
}

.rz-switch {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 3.25rem;
    min-width: 3.25rem;
    height: 2rem;
    border-radius: calc(5*var(--rz-border-radius));
}

    .rz-switch:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-switch:focus-visible {
        outline: var(--rz-switch-focus-outline);
        outline-offset: var(--rz-switch-focus-outline-offset);
    }

.rz-switch-circle {
    position: absolute;
    cursor: pointer;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
}

    .rz-switch-circle.rz-disabled {
        opacity: .5;
        cursor: initial;
    }

    .rz-switch-circle.rz-readonly {
        cursor: initial;
    }

.rz-switch .rz-switch-circle {
    background: var(--rz-switch-background-color);
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .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: 1rem;
    height: 1rem;
    inset-inline-start: .5rem;
    margin-block-start: -0.5rem;
    border-radius: calc(5*var(--rz-border-radius) - 3px);
    transition: transform .2s linear;
    box-shadow: var(--rz-switch-box-shadow);
}

.rz-switch-circle:before {
    position: absolute;
    content: "";
    inset-block-start: 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.25rem);
}

*[dir=rtl] .rz-switch.rz-switch-checked .rz-switch-circle:before {
    transform: translateX(-1.25rem);
}

.rz-radio-button-list-vertical {
    box-sizing: border-box;
    border-radius: var(--rz-border-radius);
}

    .rz-radio-button-list-vertical .rz-radio-btn {
        display: flex;
        margin-block: var(--rz-radio-margin-block);
        margin-inline: var(--rz-radio-margin-inline);
        align-items: center;
    }

.rz-radio-button-list-horizontal {
    box-sizing: border-box;
    border-radius: var(--rz-border-radius);
}

    .rz-radio-button-list-horizontal .rz-radio-btn {
        display: inline-flex;
        align-items: center;
    }

.rz-state-disabled .rz-radiobutton {
    cursor: initial;
}

.rz-radiobutton-label, .rz-radiobutton-template {
    margin-block: var(--rz-radio-label-margin-block);
    margin-inline: var(--rz-radio-label-margin-inline);
}

.rz-radiobutton {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    width: var(--rz-radio-width);
    height: var(--rz-radio-height);
    border-radius: var(--rz-radio-border-radius);
}

    .rz-radiobutton:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-radiobutton:focus-visible {
        outline: var(--rz-radio-focus-outline);
        outline-offset: var(--rz-radio-focus-outline-offset);
    }

.rz-radiobutton-box {
    position: absolute;
    inset: 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 {
        cursor: initial;
        box-shadow: var(--rz-input-disabled-shadow);
        background-color: var(--rz-input-disabled-background-color);
        border: var(--rz-input-disabled-border);
        border-width: var(--rz-radio-border-width);
        opacity: var(--rz-input-disabled-opacity);
    }

    .rz-radiobutton-box .rzi {
        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:not(.rz-state-disabled) {
            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:not(.rz-state-disabled) {
            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-active.rz-state-disabled {
            background-color: var(--rz-radio-checked-background-color);
            border: var(--rz-radio-checked-border);
            border-width: var(--rz-radio-border-width);
            opacity: .5;
        }

.rz-fieldset {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    min-width: 0;
    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 {
        text-align: center;
        font-size: var(--rz-fieldset-toggle-font-size);
        line-height: var(--rz-fieldset-toggle-height);
        margin-block: var(--rz-fieldset-toggle-margin-block);
        margin-inline: var(--rz-fieldset-toggle-margin-inline);
    }

    .rz-fieldset-toggler.rzi-minus:before {
        content: "remove";
    }

    .rz-fieldset-toggler.rzi-plus:before {
        content: "add";
    }

a:focus .rz-fieldset-toggler {
    outline: var(--rz-outline-normal);
}

a:focus-visible .rz-fieldset-toggler {
    outline: var(--rz-fieldset-toggle-focus-outline);
    outline-offset: var(--rz-fieldset-toggle-focus-outline-offset);
}

.rz-fieldset-legend {
    float: none;
    margin-block: var(--rz-fieldset-legend-margin-block);
    margin-inline: var(--rz-fieldset-legend-margin-inline);
    padding-block: var(--rz-fieldset-legend-padding-block);
    padding-inline: var(--rz-fieldset-legend-padding-inline);
    width: auto;
    color: var(--rz-fieldset-legend-color);
    font-size: var(--rz-fieldset-legend-font-size);
}

    .rz-fieldset-legend a {
        display: inline-flex;
        align-items: center;
        color: inherit;
        text-decoration: none;
    }

        .rz-fieldset-legend a:focus {
            outline: var(--rz-outline-normal);
        }

.rz-dropdown-chips {
    height: inherit;
    padding-block: var(--rz-dropdown-chips-padding-block);
    padding-inline: var(--rz-dropdown-chips-padding-inline);
}

    .rz-dropdown-chips .rz-dropdown-chips-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: .25rem;
        margin-inline-end: 3rem;
    }

    .rz-dropdown-chips .rz-chip {
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        gap: var(--rz-chip-gap);
        padding-block: var(--rz-chip-padding-block);
        padding-inline: var(--rz-chip-padding-inline);
        color: var(--rz-chip-color);
        background-color: var(--rz-chip-background-color);
        border-radius: var(--rz-chip-border-radius);
    }

        .rz-dropdown-chips .rz-chip .rz-chip-text {
            font-size: var(--rz-chip-font-size);
        }

        .rz-dropdown-chips .rz-chip .rz-button {
            border-radius: var(--rz-chip-border-radius);
            box-shadow: none;
            align-self: stretch;
        }

        .rz-dropdown-chips .rz-chip .rzi {
            vertical-align: middle;
            font-size: 1rem;
        }

.rz-clear .rz-multiselect-label-container, .rz-clear .rz-dropdown-label {
    padding-inline-end: calc(2*var(--rz-dropdown-trigger-icon-width));
}



.rz-listbox {
    box-sizing: border-box;
    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);
    text-align: start;
}

    .rz-listbox .rz-chkbox {
        margin-block: var(--rz-listbox-checkbox-margin-block);
        margin-inline: var(--rz-listbox-checkbox-margin-inline);
    }

    .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:focus, .rz-listbox:focus-within {
        outline: var(--rz-outline-normal);
        border: var(--rz-listbox-focus-border);
        box-shadow: var(--rz-listbox-focus-shadow);
    }

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

    .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-block: var(--rz-listbox-header-padding-block);
    padding-inline: var(--rz-listbox-header-padding-inline);
    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: rgba(0,0,0,0);
    }

.rz-splitbutton {
    box-sizing: border-box;
    display: inline-flex;
}

    .rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-pager-element .rz-button-text {
        display: none;
    }

    .rz-splitbutton .rz-button.rz-splitbutton-menubutton {
        border-start-start-radius: 0;
        border-end-start-radius: 0;
    }

    .rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) {
        flex: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        border-start-end-radius: 0;
        border-end-end-radius: 0;
    }

.rz-splitbutton-menu {
    display: none;
    position: absolute;
    min-width: var(--rz-splitbutton-menu-min-width);
    box-shadow: var(--rz-splitbutton-menu-shadow);
}

.rz-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rz-menuitem .rz-menuitem-link {
    color: inherit;
    display: block;
    text-decoration: none;
}

    .rz-menuitem .rz-menuitem-link:hover {
        text-decoration: none;
    }

.rz-menuitem .rz-menuitem-icon {
    vertical-align: top;
    margin-inline: var(--rz-menu-item-icon-margin-inline);
}

.rz-splitbutton-menubutton {
    margin-inline-start: 1px;
}

    .rz-splitbutton-menubutton.rz-variant-outlined {
        border-inline-start: 0;
        margin-inline-start: 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";
    }

.rz-slider {
    box-sizing: border-box;
    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-range {
    position: absolute;
    background-color: var(--rz-slider-range-background-color);
    border: var(--rz-slider-range-border);
}

.rz-slider-handle {
    position: absolute;
    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);
    transition: var(--rz-slider-handle-transition);
}

.rz-slider-horizontal {
    height: var(--rz-slider-horizontal-height);
    width: var(--rz-slider-horizontal-width);
}

    .rz-slider-horizontal .rz-slider-range {
        inset-block-start: -1px;
        inset-block-end: -1px;
        inset-inline-start: -1px;
        border-start-start-radius: var(--rz-slider-border-radius);
        border-end-start-radius: var(--rz-slider-border-radius);
    }

    .rz-slider-horizontal .rz-slider-handle {
        top: 50%;
        transform: translateY(-50%);
        margin-inline-start: calc(var(--rz-slider-handle-width)/-2);
        width: var(--rz-slider-handle-width);
        height: var(--rz-slider-handle-height);
    }

.rz-slider-vertical {
    width: var(--rz-slider-horizontal-height);
    height: var(--rz-slider-horizontal-width);
}

    .rz-slider-vertical .rz-slider-range {
        inset-inline-start: -1px;
        inset-inline-end: -1px;
        inset-block-end: -1px;
        border-end-start-radius: var(--rz-slider-border-radius);
        border-end-end-radius: var(--rz-slider-border-radius);
    }

    .rz-slider-vertical .rz-slider-handle {
        left: 50%;
        transform: translateX(-50%);
        margin-block-start: calc(var(--rz-slider-handle-width)/-2);
        width: var(--rz-slider-handle-height);
        height: var(--rz-slider-handle-width);
    }

.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;
    outline: none;
}

.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus {
    outline: var(--rz-outline-normal);
}

.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible {
    outline: var(--rz-slider-handle-focus-outline);
    outline-offset: var(--rz-slider-handle-focus-outline-offset);
}

.rz-rating {
    box-sizing: border-box;
    display: inline-flex;
    font-size: var(--rz-rating-font-size);
    height: 1em;
    border-radius: var(--rz-border-radius);
}

    .rz-rating.rz-state-disabled .rzi {
        opacity: var(--rz-rating-disabled-opacity);
        color: var(--rz-rating-disabled-color);
    }

    .rz-rating a {
        display: inline-flex;
        width: 1em;
        height: 1em;
        text-decoration: none;
        cursor: default;
        outline: none;
    }

    .rz-rating .rzi {
        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";
            font-variation-settings: "FILL" 0;
        }

    .rz-rating .rzi-star {
        color: var(--rz-rating-selected-color);
    }

        .rz-rating .rzi-star:before {
            content: "star";
            font-variation-settings: "FILL" 1;
        }

    .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible {
        cursor: pointer;
    }

        .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban {
            color: var(--rz-rating-focus-color);
        }

        .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible > span {
            outline: var(--rz-outline-focus);
            border-radius: var(--rz-border-radius);
        }

.rz-security-code {
    box-sizing: border-box;
    display: inline-flex;
    border-radius: var(--rz-input-border-radius);
}

.rz-security-code-wrapper {
    flex: 1;
    --rz-gap: 0.5rem;
}

.rz-security-code-input {
    text-align: center;
    min-width: var(--rz-security-code-input-min-width);
    min-height: var(--rz-security-code-input-min-height);
    width: 100%;
    height: 100%;
    padding: var(--rz-security-code-input-padding);
    font-size: var(--rz-security-code-input-font-size);
    font-weight: var(--rz-security-code-input-font-weight);
    line-height: var(--rz-security-code-input-line-height);
}

.rz-selectbutton {
    box-sizing: border-box;
    display: inline-flex;
    border-radius: var(--rz-selectbar-border-radius);
}

    .rz-selectbutton.rz-selectbutton-horizontal {
        flex-direction: row;
    }

    .rz-selectbutton.rz-selectbutton-vertical {
        flex-direction: column;
    }

    .rz-selectbutton .rz-button:focus-visible {
        z-index: 1;
    }

    .rz-selectbutton .rz-button.rz-button-xs {
        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-xs.rz-state-active {
            background-color: var(--rz-selectbar-selected-background-color);
            color: var(--rz-selectbar-selected-color);
            border: var(--rz-selectbar-selected-border);
        }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-xs:first-child {
        border-start-start-radius: var(--rz-selectbar-border-radius);
        border-end-start-radius: var(--rz-selectbar-border-radius);
    }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-xs:not(:first-child) {
        border-inline-start: none;
    }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-xs:last-child {
        border-start-end-radius: var(--rz-selectbar-border-radius);
        border-end-end-radius: var(--rz-selectbar-border-radius);
    }

    .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-xs {
        text-align: center;
    }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-xs:first-child {
            border-top-left-radius: var(--rz-selectbar-border-radius);
            border-top-right-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-xs:not(:first-child) {
            border-top: none;
        }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-xs:last-child {
            border-bottom-left-radius: var(--rz-selectbar-border-radius);
            border-bottom-right-radius: var(--rz-selectbar-border-radius);
        }

    .rz-selectbutton .rz-button.rz-button-sm {
        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.rz-state-active {
            background-color: var(--rz-selectbar-selected-background-color);
            color: var(--rz-selectbar-selected-color);
            border: var(--rz-selectbar-selected-border);
        }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-sm:first-child {
        border-start-start-radius: var(--rz-selectbar-border-radius);
        border-end-start-radius: var(--rz-selectbar-border-radius);
    }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-sm:not(:first-child) {
        border-inline-start: none;
    }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-sm:last-child {
        border-start-end-radius: var(--rz-selectbar-border-radius);
        border-end-end-radius: var(--rz-selectbar-border-radius);
    }

    .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-sm {
        text-align: center;
    }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-sm:first-child {
            border-top-left-radius: var(--rz-selectbar-border-radius);
            border-top-right-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-sm:not(:first-child) {
            border-top: none;
        }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-sm:last-child {
            border-bottom-left-radius: var(--rz-selectbar-border-radius);
            border-bottom-right-radius: var(--rz-selectbar-border-radius);
        }

    .rz-selectbutton .rz-button.rz-button-md {
        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.rz-state-active {
            background-color: var(--rz-selectbar-selected-background-color);
            color: var(--rz-selectbar-selected-color);
            border: var(--rz-selectbar-selected-border);
        }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-md:first-child {
        border-start-start-radius: var(--rz-selectbar-border-radius);
        border-end-start-radius: var(--rz-selectbar-border-radius);
    }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-md:not(:first-child) {
        border-inline-start: none;
    }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-md:last-child {
        border-start-end-radius: var(--rz-selectbar-border-radius);
        border-end-end-radius: var(--rz-selectbar-border-radius);
    }

    .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-md {
        text-align: center;
    }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-md:first-child {
            border-top-left-radius: var(--rz-selectbar-border-radius);
            border-top-right-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-md:not(:first-child) {
            border-top: none;
        }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-md:last-child {
            border-bottom-left-radius: var(--rz-selectbar-border-radius);
            border-bottom-right-radius: var(--rz-selectbar-border-radius);
        }

    .rz-selectbutton .rz-button.rz-button-lg {
        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.rz-state-active {
            background-color: var(--rz-selectbar-selected-background-color);
            color: var(--rz-selectbar-selected-color);
            border: var(--rz-selectbar-selected-border);
        }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-lg:first-child {
        border-start-start-radius: var(--rz-selectbar-border-radius);
        border-end-start-radius: var(--rz-selectbar-border-radius);
    }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-lg:not(:first-child) {
        border-inline-start: none;
    }

    .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-lg:last-child {
        border-start-end-radius: var(--rz-selectbar-border-radius);
        border-end-end-radius: var(--rz-selectbar-border-radius);
    }

    .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-lg {
        text-align: center;
    }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-lg:first-child {
            border-top-left-radius: var(--rz-selectbar-border-radius);
            border-top-right-radius: var(--rz-selectbar-border-radius);
        }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-lg:not(:first-child) {
            border-top: none;
        }

        .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-lg:last-child {
            border-bottom-left-radius: var(--rz-selectbar-border-radius);
            border-bottom-right-radius: var(--rz-selectbar-border-radius);
        }

.rz-datepicker {
    display: inline-block;
    position: relative;
    border-radius: var(--rz-input-border-radius);
}

    .rz-datepicker:has(>.rz-inputtext:not(:disabled):not(.rz-state-disabled):focus) {
        outline: none;
    }

    .rz-datepicker .rz-readonly {
        cursor: pointer;
    }

    .rz-datepicker > .rz-inputtext {
        width: 100%;
        line-height: var(--rz-datepicker-line-height);
    }

    .rz-datepicker:has(.rz-datepicker-trigger) > .rz-inputtext {
        padding-inline-end: calc(1rem + var(--rz-datepicker-trigger-icon-width));
    }

    .rz-datepicker:not(.rz-state-disabled):hover .rz-datepicker-trigger {
        box-shadow: none;
        color: var(--rz-datepicker-trigger-icon-hover-color);
    }

    .rz-datepicker.rz-state-disabled > .rz-inputtext {
        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-datepicker.rz-state-disabled > .rz-inputtext::placeholder {
            color: var(--rz-input-disabled-placeholder-color);
        }

.rz-datepicker-inline {
    background-color: var(--rz-datepicker-panel-background-color);
    border: var(--rz-input-border);
}

.rz-datepicker-trigger {
    box-shadow: none;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: .625rem;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0);
    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;
        opacity: 1;
        color: var(--rz-input-disabled-color);
    }

    .rz-datepicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-datepicker-trigger:not(.rz-state-disabled):hover:active {
        background-color: rgba(0,0,0,0);
    }

    .rz-datepicker-trigger:not(.rz-state-disabled):active {
        box-shadow: none !important;
        background-image: none !important;
    }

    .rz-datepicker-trigger .rzi-calendar, .rz-datepicker-trigger .rzi-time {
        font-size: inherit;
        vertical-align: top;
    }

        .rz-datepicker-trigger .rzi-calendar:before {
            content: "calendar_today";
        }

        .rz-datepicker-trigger .rzi-time:before {
            content: "schedule";
        }

    .rz-datepicker-trigger .rz-button-text {
        display: none;
    }

.rz-datepicker-popup-container {
    box-sizing: content-box;
    position: absolute;
    width: var(--rz-datepicker-popup-width);
    margin: var(--rz-datepicker-panel-margin);
    box-shadow: var(--rz-datepicker-panel-shadow);
    border: var(--rz-datepicker-panel-border);
    border-radius: var(--rz-border-radius);
    background-color: var(--rz-datepicker-panel-background-color);
}

.rz-datepicker-inline-container {
    position: static;
    white-space: nowrap;
}

    .rz-datepicker-inline-container .rz-calendar {
        display: inline-block;
    }

.rz-datepicker-footer {
    position: relative;
    line-height: var(--rz-datepicker-footer-line-height);
    padding: var(--rz-datepicker-footer-padding);
}

.rz-calendar {
    box-sizing: border-box;
}

.rz-calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--rz-datepicker-header-background-color);
    border-bottom: var(--rz-datepicker-header-border);
    color: var(--rz-datepicker-header-color);
    padding-block: var(--rz-datepicker-header-padding-block);
    padding-inline: var(--rz-datepicker-header-padding-inline);
}

.rz-calendar-prev, .rz-calendar-next {
    border-radius: var(--rz-datepicker-prev-next-button-border-radius);
}

    .rz-calendar-prev .rzi, .rz-calendar-next .rzi {
        color: var(--rz-datepicker-header-color);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--rz-datepicker-prev-next-icon-size);
    }

*[dir=rtl] .rz-calendar-prev .rzi, *[dir=rtl] .rz-calendar-next .rzi {
    transform: rotate(180deg);
}

.rz-calendar-prev {
    order: 1;
}

    .rz-calendar-prev .rz-calendar-prev-icon:before {
        content: "chevron_left";
    }

.rz-calendar-next {
    order: 3;
}

    .rz-calendar-next .rz-calendar-next-icon:before {
        content: "chevron_right";
    }

.rz-calendar-title {
    order: 2;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: .25rem;
}

.rz-calendar-month-dropdown {
    width: var(--rz-datepicker-month-dropdown-width);
}

.rz-calendar-year-dropdown {
    width: var(--rz-datepicker-year-dropdown-width);
}

.rz-calendar-view-container {
    padding-block: var(--rz-datepicker-calendar-padding-block);
    padding-inline: var(--rz-datepicker-calendar-padding-inline);
}

    .rz-calendar-view-container:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-calendar-view-container:focus-visible {
        outline: var(--rz-datepicker-focus-outline);
        outline-offset: var(--rz-datepicker-focus-outline-offset);
    }

.rz-calendar-view {
    table-layout: fixed;
    border-collapse: collapse;
}

    .rz-calendar-view 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-item-padding);
        text-align: center;
    }

    .rz-calendar-view td {
        text-align: center;
        border-top: var(--rz-datepicker-calendar-border);
        padding: 0;
    }

        .rz-calendar-view td .rz-state-default {
            display: block;
            padding: var(--rz-datepicker-calendar-item-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-calendar-view td .rz-state-default.rz-calendar-today {
                color: var(--rz-datepicker-calendar-today-color);
                background-color: var(--rz-datepicker-calendar-today-background-color);
                box-shadow: var(--rz-datepicker-calendar-today-box-shadow);
                border-radius: var(--rz-datepicker-calendar-today-border-radius);
            }

            .rz-calendar-view td .rz-state-default.rz-state-focused, .rz-calendar-view 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-calendar-view td .rz-state-active, .rz-calendar-view td .rz-state-active.rz-calendar-today {
            color: var(--rz-datepicker-calendar-selected-color);
            background-color: var(--rz-datepicker-calendar-selected-background-color);
            padding: var(--rz-datepicker-calendar-item-padding);
            box-shadow: none;
        }

            .rz-calendar-view td .rz-state-active.rz-state-focused, .rz-calendar-view td .rz-state-active:hover, .rz-calendar-view td .rz-state-active.rz-calendar-today.rz-state-focused, .rz-calendar-view td .rz-state-active.rz-calendar-today:hover {
                color: var(--rz-datepicker-calendar-selected-hover-color);
                background-color: var(--rz-datepicker-calendar-selected-hover-background-color);
            }

    .rz-calendar-view .rz-state-disabled {
        opacity: .5;
    }

    .rz-calendar-view .rz-calendar-other-month {
        opacity: .5;
    }

    .rz-calendar-view .rz-calendar-week-number {
        opacity: .5;
    }

.rz-timepicker {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--rz-timepicker-gap);
    border-top: var(--rz-datepicker-calendar-border);
    padding-block: var(--rz-timepicker-padding-block);
    padding-inline: var(--rz-timepicker-padding-inline);
    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 {
        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;
}

.rz-ampm-picker a {
    text-decoration: none;
}

.rz-numeric {
    display: inline-block;
    position: relative;
    padding: 0px;
}

    .rz-numeric input[type=number], .rz-numeric input[type=text] {
        -moz-appearance: textfield;
        width: 100%;
        height: 100%;
        border: none;
        background-color: rgba(0,0,0,0);
        line-height: var(--rz-numeric-line-height);
        padding-block: var(--rz-numeric-input-padding-block);
        padding-inline: var(--rz-numeric-input-padding-inline);
        outline: none;
    }

        .rz-numeric input[type=number]::-webkit-inner-spin-button, .rz-numeric input[type=number]::-webkit-outer-spin-button, .rz-numeric input[type=text]::-webkit-inner-spin-button, .rz-numeric input[type=text]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .rz-numeric.rz-state-disabled .rz-numeric-button {
        background-color: var(--rz-numeric-button-disabled-background-color);
        color: var(--rz-numeric-button-disabled-color);
    }

        .rz-numeric.rz-state-disabled .rz-numeric-button:active, .rz-numeric.rz-state-disabled .rz-numeric-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-numeric-button {
    position: absolute;
    inset-inline-end: 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-numeric-button:hover {
        background-color: var(--rz-numeric-button-background-color);
    }

    .rz-numeric-button .rzi {
        font-size: var(--rz-numeric-button-height);
        vertical-align: top;
    }

    .rz-numeric-button .rzi-caret-up:before {
        content: "expand_less";
    }

    .rz-numeric-button .rzi-caret-down:before {
        content: "expand_more";
    }

.rz-numeric-up {
    inset-block-start: var(--rz-numeric-button-offset);
}

.rz-numeric-down {
    inset-block-end: var(--rz-numeric-button-offset);
}

.rz-fileupload {
    box-sizing: border-box;
    display: inline-block;
    border-radius: var(--rz-upload-button-bar-border-radius);
}

    .rz-fileupload .rz-button {
        vertical-align: middle;
        -webkit-appearance: none !important;
    }

.rz-fileupload-choose {
    position: relative;
    display: inline-block;
    overflow: hidden;
    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.rz-state-disabled input[type=file] {
        cursor: default;
    }

    .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 {
        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-button .rzi-times, .rz-fileupload-row .rz-button .rz-icon-trash {
            display: block;
        }

            .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-button .rzi-times:before, .rz-fileupload-row .rz-button .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-upload-button-bar-border-radius);
}

    .rz-fileupload-buttonbar .rz-button:nth-child(3) {
        float: right;
        background-color: var(--rz-upload-cancel-background-color);
        color: var(--rz-upload-cancel-color);
    }

.rz-form-field .rz-fileupload-buttonbar {
    background-color: inherit;
}

.rz-form-field.rz-variant-flat .rz-fileupload-buttonbar, .rz-form-field.rz-variant-filled .rz-fileupload-buttonbar {
    --rz-upload-button-bar-padding: calc(var(--rz-form-field-label-floating-top) + 1.5rem) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem);
}

.rz-fileupload-files {
    background-color: var(--rz-upload-files-background-color);
    padding: var(--rz-upload-files-padding);
}

.rz-form-field .rz-fileupload-files {
    background-color: inherit;
}

.rz-datatable {
    position: relative;
    box-shadow: var(--rz-grid-shadow);
    border: var(--rz-grid-cell-border);
    border-radius: var(--rz-grid-border-radius);
    background-color: var(--rz-grid-background-color);
    overflow: hidden;
}

    .rz-datatable:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-datatable:focus-visible {
        outline: var(--rz-grid-focus-outline);
        outline-offset: var(--rz-grid-focus-outline-offset);
    }

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

*[dir=rtl] .rz-datatable .rzi-chevron-circle-right {
    transform: rotate(180deg);
}

.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;
    inset-block-start: 0;
    inset-inline-end: 0;
    height: 100%;
    cursor: col-resize;
    width: var(--rz-grid-column-resizer-width);
}

    .rz-column-resizer:after {
        content: "";
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        height: 100%;
        width: var(--rz-grid-column-resizer-helper-width);
        background-color: rgba(0,0,0,0);
    }

    .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-grid-table thead th {
    background-color: var(--rz-grid-header-background-color);
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: inherit;
    border-bottom: var(--rz-grid-header-cell-border-bottom);
}

    .rz-grid-table thead th:not(:last-child) {
        border-inline-end: var(--rz-grid-header-cell-border);
    }

    .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-grid-table thead th.rz-state-focused {
        outline: var(--rz-grid-cell-focus-outline);
        outline-offset: var(--rz-grid-cell-focus-outline-offset);
    }

    .rz-grid-table thead th .rz-column-title {
        display: inline-flex;
        flex: auto;
        align-items: center;
        gap: .25rem;
        width: 100%;
        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-inline: var(--rz-grid-header-title-padding-inline);
        font-weight: var(--rz-grid-header-font-weight);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .rz-grid-table thead th .rz-column-title:has(.rz-column-title-content>.rz-chkbox) {
            overflow: visible;
        }

    .rz-grid-table thead th .rz-column-title-content {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) {
            overflow: visible;
        }

    .rz-grid-table thead th.rz-text-align-center .rz-column-title {
        justify-content: center;
        padding-inline-start: 0;
    }

    .rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title {
        padding-inline-start: var(--rz-grid-sort-icon-width);
    }

    .rz-grid-table thead th.rz-text-align-right .rz-column-title {
        justify-content: right;
    }

    .rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title {
        padding-inline-start: var(--rz-grid-sort-icon-width);
    }

    .rz-grid-table thead th .rz-column-drag + .rz-column-title {
        padding-inline-start: 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);
    line-height: var(--rz-grid-cell-line-height);
    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-inline-end: var(--rz-grid-right-cell-border);
    }

    .rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell {
        border-inline-end: var(--rz-grid-right-cell-border);
    }

.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-pager .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: rgba(0,0,0,0);
    }

        .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 tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    background-color: var(--rz-grid-stripe-background-color);
}

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
    background-color: var(--rz-grid-stripe-odd-background-color);
}

.rz-grid-table-composite .rz-datatable-thead th, .rz-grid-table-composite.rz-grid-table thead th {
    border-bottom: var(--rz-grid-header-cell-border);
}

    .rz-grid-table-composite .rz-datatable-thead th.rz-composite-cell, .rz-grid-table-composite.rz-grid-table thead th.rz-composite-cell {
        border-inline-end: var(--rz-grid-header-cell-border);
    }

.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-inline-end: var(--rz-grid-right-cell-border);
    }

    .rz-datatable-data td.rz-composite-cell, .rz-grid-table td.rz-composite-cell {
        border-inline-end: 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);
        line-height: var(--rz-grid-cell-line-height);
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .rz-datatable-data td .rz-cell-data.rz-text-wrap, .rz-grid-table td .rz-cell-data.rz-text-wrap {
            text-overflow: unset;
            overflow: visible;
        }

        .rz-datatable-data td .rz-cell-data.rz-text-nowrap, .rz-grid-table td .rz-cell-data.rz-text-nowrap {
            text-overflow: unset;
            overflow: visible;
        }

        .rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), .rz-grid-table td .rz-cell-data:has(.rz-chkbox), .rz-grid-table td .rz-cell-data:has(.rz-button) {
            overflow: visible;
        }

    .rz-datatable-data td .rz-cell-toggle, .rz-grid-table td .rz-cell-toggle {
        display: flex;
        align-items: center;
        gap: .25rem;
    }

    .rz-datatable-data td .rz-column-footer, .rz-grid-table td .rz-column-footer {
        color: var(--rz-grid-foot-cell-color);
    }

.rz-datatable-data tr td:first-child, .rz-grid-table tr td:first-child {
    border-inline-start: none;
}

.rz-datatable-data tr td:last-child:not(.rz-composite-cell), .rz-grid-table tr td:last-child:not(.rz-composite-cell) {
    border-inline-end: 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-grid-table.rz-grid-gridlines-both > thead > tr > th, .rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell, .rz-grid-table.rz-grid-gridlines-both > tbody > tr > td, .rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td {
    border-bottom: var(--rz-grid-cell-border);
}

    .rz-grid-table.rz-grid-gridlines-both > thead > tr > th:not(:last-child), .rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell:not(:last-child), .rz-grid-table.rz-grid-gridlines-both > tbody > tr > td:not(:last-child), .rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td:not(:last-child) {
        border-inline-end: var(--rz-grid-cell-border);
    }

.rz-grid-table.rz-grid-gridlines-none > thead > tr > th, .rz-grid-table.rz-grid-gridlines-none > thead > tr > th.rz-composite-cell, .rz-grid-table.rz-grid-gridlines-none > tbody > tr > td, .rz-grid-table.rz-grid-gridlines-none > tfoot > tr > td {
    border-bottom: none;
    border-inline-end: none;
}

.rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th, .rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th.rz-composite-cell, .rz-grid-table.rz-grid-gridlines-horizontal > tbody > tr > td, .rz-grid-table.rz-grid-gridlines-horizontal > tfoot > tr > td {
    border-bottom: var(--rz-grid-cell-border);
    border-inline-end: none;
}

.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th, .rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell, .rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td, .rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td {
    border-bottom: none;
}

    .rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th:not(:last-child), .rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell:not(:last-child), .rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td:not(:last-child), .rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td:not(:last-child) {
        border-inline-end: var(--rz-grid-cell-border);
    }

.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);
    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 {
            width: var(--rz-grid-filter-icon-width);
            height: var(--rz-grid-filter-icon-height);
            font-size: var(--rz-grid-filter-icon-font-size);
            margin-inline: var(--rz-grid-filter-icon-margin-inline);
            color: var(--rz-grid-filter-color);
        }

            .rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear {
                margin-inline-start: auto;
            }

        .rz-cell-filter .rz-cell-filter-label .rz-current-filter {
            margin-inline-start: .5rem;
        }

.rz-selectable tbody tr.rz-data-row td, .rz-selectable tbody tr.rz-data-row .rz-cell-data {
    transition: background-color var(--rz-transition), color var(--rz-transition);
}

    .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after {
        content: "";
        position: absolute;
        inset: 0;
        transition: background-color var(--rz-transition), color var(--rz-transition);
    }

    .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before {
        z-index: -1;
    }

    .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after {
        z-index: -2;
        background-color: var(--rz-grid-frozen-cell-background-color);
    }

    .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:before {
        z-index: -2;
        background-color: var(--rz-grid-frozen-cell-background-color);
    }

    .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:after {
        z-index: -1;
    }

.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
    background-color: var(--rz-grid-selected-background-color);
}

    .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before {
        background-color: var(--rz-grid-selected-background-color);
    }

    .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right-inner:after {
        background-color: var(--rz-grid-selected-background-color);
    }

.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
    color: var(--rz-grid-selected-color);
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi {
    color: var(--rz-grid-selected-color);
}

.rz-selectable tbody tr.rz-data-row.rz-state-focused > td {
    background-color: var(--rz-grid-cell-focus-background-color);
    color: var(--rz-grid-cell-focus-color);
}

    .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before {
        background-color: var(--rz-grid-cell-focus-background-color);
        color: var(--rz-grid-cell-focus-color);
    }

    .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right-inner:after {
        background-color: var(--rz-grid-cell-focus-background-color);
        color: var(--rz-grid-cell-focus-color);
    }

.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused {
    color: var(--rz-grid-cell-focus-color) !important;
}

.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data {
    color: var(--rz-grid-cell-focus-color);
}

.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi {
    color: var(--rz-grid-cell-focus-color);
}

.rz-selectable tbody tr.rz-data-row.rz-state-disabled {
    opacity: .5;
    pointer-events: none;
}

.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td {
    background-color: var(--rz-grid-hover-background-color);
}

    .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before {
        background-color: var(--rz-grid-hover-background-color);
    }

    .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right-inner:after {
        background-color: var(--rz-grid-hover-background-color);
    }

.rz-selectable tbody tr.rz-data-row: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;
    color: var(--rz-grid-filter-color);
    min-height: 1.375rem;
    container-type: inline-size;
    container-name: rz-cell-filter-content;
}

.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-datatable-loading {
    position: absolute;
    inset: 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";
        }

.rz-grid-filter {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1rem;
}

    .rz-grid-filter .rz-dropdown, .rz-grid-filter .rz-numeric, .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-date-filter {
    width: 576px;
}

.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: 11em;
    }

        .rz-date-filter .rz-listbox .rz-listbox-item {
            font-size: .875rem;
        }

    .rz-date-filter .rz-datepicker-inline {
        border-radius: var(--rz-border-radius);
    }

        .rz-date-filter .rz-datepicker-inline table {
            width: 100%;
        }

.rz-grid-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-grid-filter-buttons .rz-button.rz-shade-default.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);
        padding-inline: var(--rz-grid-filter-button-padding-inline);
    }

    .rz-grid-filter-buttons .rz-button.rz-shade-default.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);
        padding-inline: var(--rz-grid-filter-button-padding-inline);
    }

.rz-grid-filter-icon {
    justify-self: flex-end;
    color: var(--rz-grid-filter-color);
    margin-inline: var(--rz-grid-header-filter-icon-margin-inline);
    font-size: var(--rz-grid-header-filter-icon-font-size);
    transition: var(--rz-grid-state-transition);
    font-weight: 400;
}

    .rz-grid-filter-icon:hover {
        cursor: pointer;
        color: var(--rz-grid-header-filter-icon-hover-color);
    }

.rz-grid-filter-active {
    color: var(--rz-grid-header-filter-icon-active-color) !important;
    --rz-icon-fill: 1;
}

.rz-data-grid {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.rz-data-grid-data {
    overflow: auto;
    flex: 1;
    outline: var(--rz-outline-normal);
    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-fixed {
    table-layout: fixed;
}

    .rz-grid-table-fixed .rz-frozen-cell {
        position: -webkit-sticky;
        position: sticky;
    }

    .rz-grid-table-fixed .rz-frozen-cell-left, .rz-grid-table-fixed .rz-frozen-cell-right, .rz-grid-table-fixed .rz-frozen-cell-left-inner, .rz-grid-table-fixed .rz-frozen-cell-right-inner {
        background: var(--rz-grid-frozen-cell-background-color);
        z-index: 1;
    }

        .rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
            box-shadow: 5px 0 5px -5px rgba(0,0,0,.12);
            border-inline-end: var(--rz-grid-frozen-cell-border) !important;
        }

*[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
    box-shadow: -5px 0 5px -5px rgba(0,0,0,.12);
}

.rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end {
    box-shadow: -5px 0 5px -5px rgba(0,0,0,.12);
    border-inline-start: var(--rz-grid-frozen-cell-border) !important;
}

*[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end {
    box-shadow: 5px 0 5px -5px rgba(0,0,0,.12);
}

.rz-grid-table-fixed .rz-frozen-cell-left-inner, .rz-grid-table-fixed .rz-frozen-cell-right-inner {
    border-inline-end: var(--rz-grid-frozen-cell-border) !important;
    border-inline-start: var(--rz-grid-frozen-cell-border) !important;
}

.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-inline: var(--rz-column-drag-handle-margin-inline);
}

    .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;
    display: flex;
    align-items: center;
}

    .rz-column-draggable > div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 100%;
        outline: none;
        padding: 0;
    }

    .rz-column-draggable .rz-column-drag {
        max-width: 1rem;
    }

    .rz-column-draggable .rz-column-title {
        display: inline-flex;
        flex: auto;
        font-size: var(--rz-grid-header-font-size);
        font-weight: var(--rz-grid-header-font-weight);
        line-height: var(--rz-grid-header-line-height);
        text-transform: var(--rz-grid-header-text-transform);
        color: var(--rz-grid-header-color);
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rz-column-draggable .rz-grid-filter-icon {
        display: none;
    }

.rz-group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--rz-grid-group-header-gap);
    padding: var(--rz-grid-group-header-padding);
    background-color: var(--rz-grid-header-background-color);
    border-bottom: var(--rz-grid-bottom-cell-border);
}

.rz-group-header-items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--rz-grid-group-header-gap);
}

.rz-group-header-item {
    display: flex;
    align-items: center;
    color: var(--rz-grid-group-header-item-color);
    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-block: var(--rz-grid-group-header-item-padding-block);
    padding-inline: var(--rz-grid-group-header-item-padding-inline);
    width: fit-content;
    float: left;
}

    .rz-group-header-item .rz-dialog-titlebar-close {
        display: flex;
        align-items: center;
        text-decoration: none;
    }

.rz-group-header-item-title {
    font-size: var(--rz-grid-header-font-size);
    font-weight: var(--rz-grid-header-font-weight);
    margin-inline: var(--rz-grid-group-header-item-title-margin-inline);
}

.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-inline-end: .5rem;
}

.rz-data-grid.rz-density-compact {
    --rz-grid-cell-line-height: 1rem;
    --rz-grid-cell-padding: 0.25rem 0.5rem;
    --rz-grid-header-cell-padding: 0.25rem 0;
    --rz-grid-header-padding: 0.25rem 1rem;
    --rz-grid-header-title-padding-inline: 0.5rem 0;
    --rz-grid-filter-padding: 0.25rem 0.5rem;
    --rz-grid-group-header-padding: 0.25rem;
    --rz-grid-group-header-gap: 0.25rem;
    --rz-grid-group-header-item-padding-block: 0.125rem;
    --rz-grid-group-header-item-padding-inline: 0.5rem 0.25rem;
    --rz-grid-group-header-item-title-margin-inline: 0 0.25rem;
    --rz-dialog-close-font-size: 1rem;
}

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

.rz-tree {
    box-sizing: border-box;
    display: inline-block;
    overflow: auto;
}

    .rz-tree:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-tree:focus-visible {
        outline: var(--rz-outline-focus);
        outline-offset: var(--rz-tree-node-focus-outline-offset);
    }

    .rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler {
        visibility: hidden;
    }

.rz-treenode {
    padding-inline-start: var(--rz-tree-node-toggle-width);
}

.rz-tree-toggler {
    cursor: pointer;
    margin-inline-start: 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: "chevron_right";
        margin-inline-start: -0.125rem;
    }

*[dir=rtl] .rz-tree-toggler.rzi-caret-right {
    transform: rotate(180deg);
}

.rz-tree-toggler.rzi-caret-down:before {
    content: "expand_more";
    margin-inline-start: -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-block: var(--rz-tree-node-margin-block);
    margin-inline: var(--rz-tree-node-margin-inline);
}

    .rz-treenode-content .rz-treenode-label {
        display: flex;
        align-items: center;
        cursor: inherit;
        padding-block: var(--rz-tree-node-padding-block);
        padding-inline: var(--rz-tree-node-padding-inline);
    }

        .rz-treenode-content .rz-treenode-label > .rzi:first-child {
            margin-inline-end: .25rem;
        }

.rz-tree:focus-visible .rz-treenode-content.rz-state-focused .rz-treenode-label {
    outline: var(--rz-tree-node-focus-outline);
    outline-offset: var(--rz-tree-node-focus-outline-offset);
}

.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-inline-end: .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);
}

.rz-datalist, .rz-datagrid {
    background-color: var(--rz-datalist-background-color);
    border-end-start-radius: var(--rz-datalist-border-radius);
    border-end-end-radius: var(--rz-datalist-border-radius);
    box-shadow: var(--rz-datalist-shadow);
    border: var(--rz-datalist-border);
}

.rz-datalist-data {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
/*.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-block: var(--rz-datalist-item-margin-block);
        margin-inline: var(--rz-datalist-item-margin-inline);
    }

        .rz-datalist-data > li:first-child {
            margin-block-start: 0;
        }

        .rz-datalist-data > li:last-child {
            margin-block-end: 0;
        }*/

.rz-g {
    display: flex;
    flex-wrap: wrap;
}

    .rz-g > div {
        flex: auto;
        margin-block: var(--rz-datalist-item-margin-block);
        margin-inline: var(--rz-datalist-item-margin-inline);
    }

.rz-datalist-content {
    box-sizing: border-box;
    position: relative;
}

.rz-datafilter {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    column-gap: .25rem;
    align-items: center;
}

    .rz-datafilter .rz-selectbutton {
        display: inline-flex;
    }

    .rz-datafilter .rz-datafilter-group {
        position: relative;
        margin: .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-block: var(--rz-datafilter-item-padding-block);
        padding-inline: calc(var(--rz-datafilter-item-padding-inline-start) + var(--rz-datafilter-item-indentation)) 0;
        display: flex;
        flex-wrap: wrap;
        gap: .25rem;
        align-items: center;
    }

        .rz-datafilter .rz-datafilter-item:before {
            content: "";
            position: absolute;
            background-color: rgba(0,0,0,0);
            width: var(--rz-datafilter-item-path-width);
            inset-block-start: 0;
            inset-block-end: 0;
            inset-inline-start: calc(var(--rz-datafilter-item-padding-inline-start)/2);
            border: 0;
            border-inline-start: var(--rz-datafilter-item-path-border);
        }

        .rz-datafilter .rz-datafilter-item:after {
            content: "";
            position: absolute;
            background-color: rgba(0,0,0,0);
            width: var(--rz-datafilter-item-path-width);
            height: calc(var(--rz-datafilter-item-padding-block) + var(--rz-input-height)/2);
            inset-block-start: 0;
            inset-inline-start: calc(var(--rz-datafilter-item-padding-inline-start)/2);
            border: 0;
            border-block-end: var(--rz-datafilter-item-path-border);
            border-inline-start: var(--rz-datafilter-item-path-border);
        }

        .rz-datafilter .rz-datafilter-item .rz-multiselect, .rz-datafilter .rz-datafilter-item .rz-dropdown {
            flex: 10rem 1;
        }

    .rz-datafilter .rz-datafilter-group-item:after {
        height: calc(var(--rz-input-height)/2);
    }

    .rz-datafilter .rz-datafilter-bar {
        padding-block: 0;
        padding-inline: calc(var(--rz-datafilter-item-padding-inline-start) + var(--rz-datafilter-item-indentation)) 0;
    }

        .rz-datafilter .rz-datafilter-bar:before {
            display: none;
        }

        .rz-datafilter .rz-datafilter-bar:after {
            height: calc(var(--rz-input-height)/2);
            border-end-start-radius: var(--rz-datafilter-item-path-border-radius);
        }

        .rz-datafilter .rz-datafilter-bar .rz-splitbutton {
            margin-block-start: .3125rem;
        }

    .rz-datafilter .rz-datafilter-editor {
        flex: 10rem 4;
    }

    .rz-datafilter .rz-button.rz-datafilter-item-clear {
        color: var(--rz-text-secondary-color);
        opacity: .5;
    }

        .rz-datafilter .rz-button.rz-datafilter-item-clear:hover {
            opacity: 1;
        }

.rz-scheduler {
    box-sizing: border-box;
    container-name: scheduler;
    container-type: inline-size;
    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-inline-start: .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-block-start: 1px solid var(--rz-scheduler-border-color);
    border-inline-start: 1px solid var(--rz-scheduler-border-color);
}

.rz-slot-title {
    text-align: end;
    font-size: var(--rz-scheduler-slot-title-font-size);
    padding: var(--rz-scheduler-slot-title-padding);
}

.rz-slot-hours {
    flex: 0 0 5rem;
}

    .rz-slot-hours .rz-slot-header {
        height: 1.5rem;
        text-align: end;
        font-size: var(--rz-scheduler-header-font-size);
        padding: 0 .25rem;
        border-inline-end: 1px solid var(--rz-scheduler-border-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.rz-slot-minor {
    border-block-start: 1px solid var(--rz-scheduler-minor-border-color);
}

.rz-day-view .rz-slot, .rz-slots:first-child .rz-slot {
    border-inline-start: none;
}

.rz-event {
    position: absolute;
    padding-block: var(--rz-scheduler-event-padding-block);
    padding-inline: var(--rz-scheduler-event-padding-inline);
    cursor: pointer;
}

.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-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-block-start: var(--rz-scheduler-header-border);
    border-block-end: 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);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rz-view-header .rz-slot-hour-header {
        flex: 0 0 5rem;
    }

.rz-view {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.rz-view-content {
    flex: auto;
    display: flex;
    overflow: auto;
    height: 0;
}

    .rz-view-content:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-view-content:focus-visible {
        outline: var(--rz-scheduler-focus-outline);
        outline-offset: var(--rz-scheduler-focus-outline-offset);
    }

        .rz-view-content:focus-visible .rz-slot:has(.rz-state-focused) {
            outline: var(--rz-scheduler-focus-outline);
            outline-offset: var(--rz-scheduler-focus-outline-offset);
        }

        .rz-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content {
            outline: var(--rz-scheduler-focus-outline);
            outline-offset: var(--rz-outline-offset);
        }

.rz-slots {
    flex: 1;
    font-size: 1rem;
}

.rz-scheduler-nav-views {
    display: flex;
}

    .rz-scheduler-nav-views .rz-button.rz-primary {
        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;
        border-inline-end: none;
    }

        .rz-scheduler-nav-views .rz-button.rz-primary:first-child {
            border-start-start-radius: var(--rz-scheduler-border-radius);
            border-end-start-radius: var(--rz-scheduler-border-radius);
        }

        .rz-scheduler-nav-views .rz-button.rz-primary:last-child {
            border-start-end-radius: var(--rz-scheduler-border-radius);
            border-end-end-radius: var(--rz-scheduler-border-radius);
            border-inline-end: var(--rz-scheduler-view-button-border);
        }

        .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
            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-views .rz-button.rz-primary:focus-visible {
            z-index: 1;
        }

.rz-scheduler-nav-prev-next {
    display: flex;
}

    .rz-scheduler-nav-prev-next .rz-button {
        background-color: var(--rz-scheduler-prev-next-button-background-color);
        color: var(--rz-scheduler-prev-next-button-color);
        padding-block: var(--rz-scheduler-prev-next-button-padding-block);
        padding-inline: var(--rz-scheduler-prev-next-button-padding-inline);
        font-size: var(--rz-scheduler-prev-next-button-font-size);
    }

        .rz-scheduler-nav-prev-next .rz-button.rz-today {
            margin-inline-start: var(--rz-scheduler-today-button-margin-inline-start);
            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 {
            border-start-start-radius: var(--rz-scheduler-prev-button-border-start-start-radius);
            border-start-end-radius: var(--rz-scheduler-prev-button-border-start-end-radius);
            border-end-start-radius: var(--rz-scheduler-prev-button-border-end-start-radius);
            border-end-end-radius: var(--rz-scheduler-prev-button-border-end-end-radius);
        }

        .rz-scheduler-nav-prev-next .rz-button.rz-next {
            border-start-start-radius: var(--rz-scheduler-next-button-border-start-start-radius);
            border-start-end-radius: var(--rz-scheduler-next-button-border-start-end-radius);
            border-end-start-radius: var(--rz-scheduler-next-button-border-end-start-radius);
            border-end-end-radius: var(--rz-scheduler-next-button-border-end-end-radius);
        }

        .rz-scheduler-nav-prev-next .rz-button:focus-visible {
            z-index: 1;
        }

*[dir=rtl] .rz-scheduler-nav-prev-next .rz-button.rz-prev .rzi, *[dir=rtl] .rz-scheduler-nav-prev-next .rz-button.rz-next .rzi {
    transform: rotate(180deg);
}

.rz-event-list .rz-event {
    position: static;
}

.rz-week {
    flex: 1;
    font-size: 1rem;
}

    .rz-week .rz-slots {
        display: flex;
        height: 100%;
    }

    .rz-week:first-child .rz-slot {
        border-block-start: none;
    }

.rz-month {
    flex: 1;
    font-size: 1rem;
}

    .rz-month .rz-slots {
        display: flex;
        height: 100%;
    }

    .rz-month:nth-child(2) .rz-slot {
        border-block-start: none;
    }

    .rz-month .rz-slot {
        flex: 1;
        height: 100%;
        display: flex;
        border-block-start: 1px solid var(--rz-scheduler-border-color);
        border-inline-start: 1px solid var(--rz-scheduler-border-color);
    }

        .rz-month .rz-slot:first-child {
            position: sticky;
            z-index: 1;
            inset-inline-start: 0;
            justify-content: center;
            align-items: center;
            background-color: var(--rz-scheduler-header-background-color);
            border-inline-start: none;
            border-inline-end: 1px solid var(--rz-scheduler-border-color);
        }

            .rz-month .rz-slot:first-child .rz-slot-header {
                text-align: center;
                font-size: var(--rz-scheduler-header-font-size);
                padding: var(--rz-scheduler-header-padding);
                text-transform: var(--rz-scheduler-header-text-transform);
                color: var(--rz-scheduler-header-color);
            }

        .rz-month .rz-slot:nth-child(2) {
            border-inline-start: none;
        }

.rz-day-view .rz-slot:nth-of-type(2) {
    border-block-start: none;
}

.rz-day-view .rz-view-header {
    overflow-y: scroll;
    scrollbar-width: auto;
}

.rz-week-view-content {
    flex: 1;
    display: flex;
}

    .rz-week-view-content:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-week-view-content:focus-visible {
        outline: var(--rz-scheduler-focus-outline);
        outline-offset: var(--rz-scheduler-focus-outline-offset);
    }

        .rz-week-view-content:focus-visible .rz-slots.rz-state-focused {
            outline: var(--rz-scheduler-focus-outline);
            outline-offset: var(--rz-scheduler-focus-outline-offset);
        }

        .rz-week-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content {
            outline: var(--rz-scheduler-focus-outline);
            outline-offset: var(--rz-outline-offset);
        }

.rz-week-view .rz-slot:nth-of-type(2) {
    border-block-start: none;
}

.rz-week-view .rz-view-header {
    overflow-y: scroll;
    scrollbar-width: auto;
}

.rz-month-view .rz-view-content {
    flex: 1;
    flex-direction: column;
}

.rz-month-view .rz-slot {
    flex: 1;
    height: 100%;
}

    .rz-month-view .rz-slot:first-child {
        border-inline-start: none;
    }

.rz-planner-view {
    overflow: auto;
}

    .rz-planner-view .rz-view-header {
        position: sticky;
        inset-block-start: 0px;
        min-height: 2.25rem;
        z-index: 2;
    }

    .rz-planner-view:focus-visible {
        outline: var(--rz-scheduler-focus-outline);
        outline-offset: var(--rz-scheduler-focus-outline-offset);
    }

        .rz-planner-view:focus-visible .rz-slot.rz-state-focused {
            outline: var(--rz-scheduler-focus-outline);
            outline-offset: var(--rz-scheduler-focus-outline-offset);
        }

        .rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content {
            outline: var(--rz-scheduler-focus-outline);
            outline-offset: var(--rz-outline-offset);
        }

    .rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header {
        writing-mode: vertical-lr;
        transform: rotate(-180deg);
    }

    .rz-planner-view .rz-month .rz-slot:last-child {
        justify-content: center;
        align-items: center;
        background-color: var(--rz-scheduler-header-background-color);
    }

        .rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header {
            writing-mode: vertical-rl;
            text-align: center;
            font-size: var(--rz-scheduler-header-font-size);
            padding: var(--rz-scheduler-header-padding);
            text-transform: var(--rz-scheduler-header-text-transform);
            color: var(--rz-scheduler-header-color);
        }

    .rz-planner-view .rz-month .rz-slot.rz-other-month {
        background-color: var(--rz-scheduler-other-month-background-color);
    }

    .rz-planner-view .rz-month .rz-slot.rz-weekend {
        color: var(--rz-scheduler-weekend-color);
        background-color: var(--rz-scheduler-weekend-background-color);
    }

.rz-timeline-view {
    flex: auto;
    overflow: auto;
    flex-wrap: wrap;
    flex-direction: unset;
}

    .rz-timeline-view .rz-view-header {
        position: sticky;
        inset-block-start: 0px;
        min-height: 36px;
        z-index: 2;
    }

        .rz-timeline-view .rz-view-header .rz-slot-header {
            min-width: var(--rz-scheduler-timeline-slot-width);
            flex: 0 0 auto;
        }

    .rz-timeline-view:focus-visible {
        outline: var(--rz-scheduler-focus-outline);
        outline-offset: var(--rz-scheduler-focus-outline-offset);
    }

        .rz-timeline-view:focus-visible .rz-slot.rz-state-focused {
            outline: var(--rz-scheduler-focus-outline);
            outline-offset: var(--rz-scheduler-focus-outline-offset);
        }

        .rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content {
            outline: var(--rz-scheduler-focus-outline);
            outline-offset: var(--rz-outline-offset);
        }

    .rz-timeline-view .rz-month {
        flex: 0 0 auto;
    }

        .rz-timeline-view .rz-month .rz-slots {
            flex: 0 0 auto;
        }

        .rz-timeline-view .rz-month .rz-slot {
            width: var(--rz-scheduler-timeline-slot-width);
            height: var(--rz-scheduler-timeline-slot-height);
        }

            .rz-timeline-view .rz-month .rz-slot.rz-other-month {
                background-color: var(--rz-scheduler-other-month-background-color);
            }

            .rz-timeline-view .rz-month .rz-slot.rz-weekend {
                color: var(--rz-scheduler-weekend-color);
                background-color: var(--rz-scheduler-weekend-background-color);
            }

.rz-year-view {
    overflow: auto;
    padding: var(--rz-scheduler-year-padding);
    --rz-gap: var(--rz-scheduler-year-padding);
}

    .rz-year-view .rz-flex-column, .rz-year-view .rz-week {
        min-width: fit-content;
    }

    .rz-year-view .rz-slot {
        flex: 1;
        border-block-start: none;
        justify-content: center;
        height: initial;
        padding: var(--rz-scheduler-year-slot-padding);
        cursor: pointer;
    }

        .rz-year-view .rz-slot .rz-slot-title {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            text-align: center;
            width: var(--rz-scheduler-year-slot-title-width);
            min-width: 2rem;
            min-height: 2rem;
            border-radius: var(--rz-scheduler-year-slot-title-border-radius);
            transition: var(--rz-datepicker-calendar-transition);
        }

            .rz-year-view .rz-slot .rz-slot-title.rz-other-month {
                opacity: .5;
            }

            .rz-year-view .rz-slot .rz-slot-title.rz-has-appointments {
                color: var(--rz-scheduler-event-color);
                background-color: var(--rz-scheduler-event-background-color);
            }

            .rz-year-view .rz-slot .rz-slot-title.rz-state-focused {
                color: var(--rz-datepicker-calendar-hover-color);
                background: var(--rz-datepicker-calendar-hover-background-color);
            }

        .rz-year-view .rz-slot:hover .rz-slot-title:not(.rz-has-appointments) {
            color: var(--rz-datepicker-calendar-hover-color);
            background: var(--rz-datepicker-calendar-hover-background-color);
        }

.rz-year-month:focus {
    outline: var(--rz-outline-normal);
}

.rz-year-month:focus-visible {
    outline: var(--rz-scheduler-focus-outline);
    outline-offset: var(--rz-outline-offset);
    border-radius: var(--rz-border-radius);
}

.rz-tabview {
    box-sizing: border-box;
    display: flex;
}

    .rz-tabview:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-tabview:focus-visible {
        outline: var(--rz-outline-focus);
        outline-offset: var(--rz-outline-offset);
    }

        .rz-tabview:focus-visible .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
            outline: var(--rz-tabs-tab-focus-outline);
            outline-offset: var(--rz-tabs-tab-focus-outline-offset);
        }

    .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);
        color: var(--rz-tabs-tab-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);
            color: var(--rz-tabs-tab-hover-color);
        }

        .rz-tabview-nav li a, .rz-tabview-nav li a:not([href]):not([class]) {
            display: flex;
            align-items: center;
            color: inherit;
            padding-block: var(--rz-tabs-tab-padding-block);
            padding-inline: var(--rz-tabs-tab-padding-inline);
            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;
            cursor: pointer;
        }

            .rz-tabview-nav li a:hover, .rz-tabview-nav li a:not([href]):not([class]):hover {
                text-decoration: none;
            }

        .rz-tabview-nav li.rz-state-disabled {
            opacity: .5;
        }

    .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
        background-color: var(--rz-tabs-tab-focus-background-color);
        border-color: var(--rz-tabs-tab-focus-background-color);
        color: var(--rz-tabs-tab-focus-color);
    }

    .rz-tabview-nav .rz-tabview-selected {
        background-color: var(--rz-tabs-tab-selected-background-color);
        color: var(--rz-tabs-tab-selected-color);
        position: relative;
    }

.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: right;
}

.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: right;
}

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

*[dir=rtl] .rz-tabview-left > .rz-tabview-nav, *[dir=rtl] .rz-tabview-right > .rz-tabview-nav {
    order: 1;
}

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

.rz-tabview-panel {
    padding: var(--rz-tabs-padding);
}

.rz-tabview-icon {
    font-size: var(--rz-tabs-icon-font-size);
    margin-inline: var(--rz-tabs-icon-margin-inline);
}

.rz-tooltip {
    box-sizing: border-box;
    position: absolute;
    transition: top .2s, left .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;
        inset-block-end: 0;
        inset-inline-start: 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;
        inset-block-start: 0;
        inset-inline-start: 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;
    }


.rz-notification {
    box-sizing: border-box;
    position: fixed;
    z-index: 1002;
    inset-block-start: 100px;
    inset-inline-end: 1rem;
}

.rz-notification-item-wrapper {
    position: static;
    width: 250px;
    min-width: 20rem;
    background-color: var(--rz-notification-container-background-color);
    margin: 1rem 0;
}

    .rz-notification-item-wrapper > .rz-progressbar {
        position: absolute;
        inset-block-end: calc(1rem + var(--rz-notification-border-radius));
        inset-inline: var(--rz-notification-border-radius);
        --rz-progressbar-height: 0.25rem;
        --rz-progressbar-border-radius: var(--rz-notification-border-radius);
    }

    .rz-notification-item-wrapper:has(>.rz-progressbar) .rz-notification-content {
        margin-block-end: var(--rz-notification-border-radius);
    }

.rz-notification-item {
    display: flex;
    align-items: flex-start;
    gap: var(--rz-notification-gap);
    border-radius: var(--rz-notification-border-radius);
    box-shadow: var(--rz-notification-shadow);
    padding: var(--rz-notification-padding);
}

.rz-notification-success .rz-notification-item {
    color: var(--rz-notification-success-color);
    background-color: var(--rz-notification-success-background-color);
}

.rz-notification-warn .rz-notification-item {
    color: var(--rz-notification-warning-color);
    background-color: var(--rz-notification-warning-background-color);
}

.rz-notification-error .rz-notification-item {
    color: var(--rz-notification-error-color);
    background-color: var(--rz-notification-error-background-color);
}

.rz-notification-info .rz-notification-item {
    color: var(--rz-notification-info-color);
    background-color: var(--rz-notification-info-background-color);
}

.rz-notification-message-wrapper {
    flex: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--rz-notification-gap);
}

.rz-notification-message {
    flex: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.rz-notification-title {
    font-weight: bold;
}

.rz-notification-icon {
    margin: var(--rz-notification-icon-margin);
}

    .rz-notification-icon.rzi-check {
        color: var(--rz-notification-success-icon-color);
    }

        .rz-notification-icon.rzi-check:before {
            content: "check";
        }

    .rz-notification-icon.rzi-exclamation-triangle {
        color: var(--rz-notification-warning-icon-color);
    }

        .rz-notification-icon.rzi-exclamation-triangle:before {
            content: "warning";
        }

    .rz-notification-icon.rzi-info-circle {
        color: var(--rz-notification-info-icon-color);
    }

        .rz-notification-icon.rzi-info-circle:before {
            content: "info";
        }

    .rz-notification-icon.rzi-times {
        color: var(--rz-notification-error-icon-color);
    }

        .rz-notification-icon.rzi-times:before {
            content: "error";
        }

.rz-notification-close {
    cursor: pointer;
    opacity: .75;
}

    .rz-notification-close:before {
        content: "close";
    }

.rz-form {
    box-sizing: border-box;
}

.rz-message {
    box-sizing: border-box;
}

.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 rgba(0,0,0,0);
        border-bottom-color: var(--rz-validator-background-color);
        position: absolute;
        inset-block-start: calc(-2*var(--rz-validator-pointer-size));
        inset-inline-start: calc(var(--rz-border-radius) + var(--rz-validator-pointer-size)/2);
    }

.rz-layout::-webkit-scrollbar, .rz-layout ::-webkit-scrollbar, .rz-scrollbars::-webkit-scrollbar, .rz-scrollbars ::-webkit-scrollbar {
    background-color: var(--rz-scrollbar-background-color);
    width: var(--rz-scrollbar-size);
    height: var(--rz-scrollbar-size);
}

.rz-layout::-webkit-scrollbar-thumb, .rz-layout ::-webkit-scrollbar-thumb, .rz-scrollbars::-webkit-scrollbar-thumb, .rz-scrollbars ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.2);
    border: 4px solid rgba(0,0,0,0);
    background-clip: padding-box;
    border-radius: var(--rz-scrollbar-border-radius);
    min-width: var(--rz-scrollbar-size);
    min-height: var(--rz-scrollbar-size);
}

.rz-layout::-webkit-scrollbar-corner, .rz-layout ::-webkit-scrollbar-corner, .rz-scrollbars::-webkit-scrollbar-corner, .rz-scrollbars ::-webkit-scrollbar-corner {
    background-color: var(--rz-scrollbar-background-color);
}

.rz-login {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .rz-login .rz-form {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

        .rz-login .rz-form .rz-form-row {
            display: flex;
            flex-flow: row wrap;
            align-items: center;
            gap: .5rem;
        }

            .rz-login .rz-form .rz-form-row .rz-label {
                flex: 1 8rem;
            }

            .rz-login .rz-form .rz-form-row .rz-form-input-wrapper {
                flex: 3 14rem;
            }

            .rz-login .rz-form .rz-form-row .rz-textbox {
                display: block;
                width: 100%;
            }

                .rz-login .rz-form .rz-form-row .rz-textbox.invalid {
                    border: var(--rz-border-danger);
                }

            .rz-login .rz-form .rz-form-row .rz-switch {
                margin-inline-end: .5rem;
            }

        .rz-login .rz-form .rz-messages-error {
            position: absolute;
        }

    .rz-login .rz-register {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        background-color: var(--rz-login-register-background-color);
        margin-block: var(--rz-login-register-margin-block);
        margin-inline: var(--rz-login-register-margin-inline);
        padding-block: var(--rz-login-register-padding-block);
        padding-inline: var(--rz-login-register-padding-inline);
        border-radius: var(--rz-border-radius);
    }

        .rz-login .rz-register .rz-button {
            margin-block: var(--rz-login-register-button-margin-block);
            margin-inline: var(--rz-login-register-button-margin-inline);
        }

    .rz-login .rz-login-buttons {
        display: inline-flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        gap: .5rem;
    }

.rz-lookup-panel {
    background-color: var(--rz-lookup-panel-background-color);
    padding: var(--rz-lookup-panel-padding);
    container-type: inline-size;
    container-name: rz-lookup-panel;
}

.rz-lookup-search {
    display: flex;
    gap: var(--rz-lookup-search-gap);
    margin-bottom: var(--rz-lookup-search-margin-bottom);
}

    .rz-lookup-search input {
        flex: auto;
    }

.ssrsviewer {
    display: flex;
}

    .ssrsviewer iframe {
        flex: auto;
    }

.rz-map {
    box-sizing: border-box;
    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%;
}

.rz-gauge, .rz-arc-gauge {
    box-sizing: border-box;
    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: .5rem;
}

.rz-arc-gauge-value {
    position: absolute;
    transform: translate(-50%,-50%);
    padding: .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);
}

.rz-progressbar {
    box-sizing: border-box;
    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: var(--rz-progressbar-value);
    transition: var(--rz-progressbar-value-transition);
}

.rz-progressbar-label, .rz-progressbar-label-value {
    position: absolute;
    inset-inline: 0;
    inset-block-start: 50%;
    margin-top: calc(-1*var(--rz-progressbar-height)/2);
    text-align: center;
    font-size: var(--rz-progressbar-font-size);
    line-height: var(--rz-progressbar-height);
}

.rz-progressbar-label-value {
    color: var(--rz-progressbar-color);
    clip-path: inset(0 0 0 var(--rz-progressbar-value));
}

.rz-progressbar-circular {
    box-sizing: border-box;
    position: relative;
}

.rz-progressbar-circular-viewbox {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.rz-progressbar-circular-label {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.rz-progressbar-circular-background {
    stroke: var(--rz-progressbar-background-color);
    stroke-width: var(--rz-progressbar-circular-stroke-width);
}

.rz-progressbar-circular-value {
    stroke-linecap: var(--rz-progressbar-circular-value-endpoint);
    stroke-width: var(--rz-progressbar-circular-value-stroke-width);
    stroke: var(--rz-progressbar-value-background-color);
    transition: var(--rz-progressbar-value-transition);
}

.rz-progressbar-determinate .rz-progressbar-circular-value {
    stroke-dasharray: 100;
    transform: rotate(-0.25turn);
}

.rz-progressbar-indeterminate {
    overflow: hidden;
}

    .rz-progressbar-indeterminate .rz-progressbar-value {
        background-color: rgba(0,0,0,0);
    }

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

*[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:before {
    animation-name: rz-progressbar-indeterminate-anim-rtl;
}

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

*[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:after {
    animation-name: rz-progressbar-indeterminate-anim-short-rtl;
}

.rz-progressbar-indeterminate .rz-progressbar-circular-value {
    animation: rz-progressbar-circular-indeterminate-anim-rotate 2.1s linear infinite, rz-progressbar-circular-indeterminate-anim-dash 1.4s cubic-bezier(0.4,0,0.2,1) infinite;
    transform-origin: 0 0;
}

.rz-progressbar.rz-progressbar-primary {
    color: var(--rz-on-primary);
}

.rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-value {
    background-color: var(--rz-primary);
}

.rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-circular-value {
    stroke: var(--rz-primary);
}

.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:before {
    background-color: var(--rz-primary);
}

.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:after {
    background-color: var(--rz-primary);
}

.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-circular-value {
    stroke: var(--rz-primary);
}

.rz-progressbar.rz-progressbar-secondary {
    color: var(--rz-on-secondary);
}

.rz-progressbar-determinate.rz-progressbar-secondary .rz-progressbar-value {
    background-color: var(--rz-secondary);
}

.rz-progressbar-determinate.rz-progressbar-secondary .rz-progressbar-circular-value {
    stroke: var(--rz-secondary);
}

.rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-value:before {
    background-color: var(--rz-secondary);
}

.rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-value:after {
    background-color: var(--rz-secondary);
}

.rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-circular-value {
    stroke: var(--rz-secondary);
}

.rz-progressbar.rz-progressbar-info {
    color: var(--rz-on-info);
}

.rz-progressbar-determinate.rz-progressbar-info .rz-progressbar-value {
    background-color: var(--rz-info);
}

.rz-progressbar-determinate.rz-progressbar-info .rz-progressbar-circular-value {
    stroke: var(--rz-info);
}

.rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-value:before {
    background-color: var(--rz-info);
}

.rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-value:after {
    background-color: var(--rz-info);
}

.rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-circular-value {
    stroke: var(--rz-info);
}

.rz-progressbar.rz-progressbar-warning {
    color: var(--rz-on-warning);
}

.rz-progressbar-determinate.rz-progressbar-warning .rz-progressbar-value {
    background-color: var(--rz-warning);
}

.rz-progressbar-determinate.rz-progressbar-warning .rz-progressbar-circular-value {
    stroke: var(--rz-warning);
}

.rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-value:before {
    background-color: var(--rz-warning);
}

.rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-value:after {
    background-color: var(--rz-warning);
}

.rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-circular-value {
    stroke: var(--rz-warning);
}

.rz-progressbar.rz-progressbar-error {
    color: var(--rz-on-danger);
}

.rz-progressbar-determinate.rz-progressbar-error .rz-progressbar-value {
    background-color: var(--rz-danger);
}

.rz-progressbar-determinate.rz-progressbar-error .rz-progressbar-circular-value {
    stroke: var(--rz-danger);
}

.rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-value:before {
    background-color: var(--rz-danger);
}

.rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-value:after {
    background-color: var(--rz-danger);
}

.rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-circular-value {
    stroke: var(--rz-danger);
}

.rz-progressbar.rz-progressbar-danger {
    color: var(--rz-on-danger);
}

.rz-progressbar-determinate.rz-progressbar-danger .rz-progressbar-value {
    background-color: var(--rz-danger);
}

.rz-progressbar-determinate.rz-progressbar-danger .rz-progressbar-circular-value {
    stroke: var(--rz-danger);
}

.rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-value:before {
    background-color: var(--rz-danger);
}

.rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-value:after {
    background-color: var(--rz-danger);
}

.rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-circular-value {
    stroke: var(--rz-danger);
}

.rz-progressbar.rz-progressbar-success {
    color: var(--rz-on-success);
}

.rz-progressbar-determinate.rz-progressbar-success .rz-progressbar-value {
    background-color: var(--rz-success);
}

.rz-progressbar-determinate.rz-progressbar-success .rz-progressbar-circular-value {
    stroke: var(--rz-success);
}

.rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-value:before {
    background-color: var(--rz-success);
}

.rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-value:after {
    background-color: var(--rz-success);
}

.rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-circular-value {
    stroke: var(--rz-success);
}

.rz-progressbar.rz-progressbar-base {
    color: var(--rz-text-contrast-color);
}

.rz-progressbar-determinate.rz-progressbar-base .rz-progressbar-value {
    background-color: var(--rz-base-600);
}

.rz-progressbar-determinate.rz-progressbar-base .rz-progressbar-circular-value {
    stroke: var(--rz-base-600);
}

.rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-value:before {
    background-color: var(--rz-base-600);
}

.rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-value:after {
    background-color: var(--rz-base-600);
}

.rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-circular-value {
    stroke: var(--rz-base-600);
}

.rz-progressbar.rz-progressbar-light {
    color: var(--rz-text-title-color);
}

.rz-progressbar-determinate.rz-progressbar-light .rz-progressbar-value {
    background-color: var(--rz-base-400);
}

.rz-progressbar-determinate.rz-progressbar-light .rz-progressbar-circular-value {
    stroke: var(--rz-base-400);
}

.rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-value:before {
    background-color: var(--rz-base-400);
}

.rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-value:after {
    background-color: var(--rz-base-400);
}

.rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-circular-value {
    stroke: var(--rz-base-400);
}

.rz-progressbar.rz-progressbar-dark {
    color: var(--rz-text-contrast-color);
}

.rz-progressbar-determinate.rz-progressbar-dark .rz-progressbar-value {
    background-color: var(--rz-base-900);
}

.rz-progressbar-determinate.rz-progressbar-dark .rz-progressbar-circular-value {
    stroke: var(--rz-base-900);
}

.rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-value:before {
    background-color: var(--rz-base-900);
}

.rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-value:after {
    background-color: var(--rz-base-900);
}

.rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-circular-value {
    stroke: var(--rz-base-900);
}

.rz-progressbar-circular-lg {
    width: 6rem;
    height: 6rem;
    font-size: calc(var(--rz-progressbar-font-size)*1.25);
}

.rz-progressbar-circular-md {
    width: 3rem;
    height: 3rem;
    font-size: calc(var(--rz-progressbar-font-size)*.75);
}

.rz-progressbar-circular-sm {
    width: 2rem;
    height: 2rem;
    font-size: calc(var(--rz-progressbar-font-size)*.5);
}

.rz-progressbar-circular-xs {
    width: 1.25rem;
    height: 1.25rem;
    font-size: calc(var(--rz-progressbar-font-size)*.375);
}

.rz-chart {
    box-sizing: border-box;
    position: relative;
    height: 300px;
}

.rz-area-series {
    fill-opacity: .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-pastel .rz-series-8 {
    fill: var(--rz-series-9);
    stroke: var(--rz-series-9);
}

.rz-scheme-pastel .rz-series-8-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-9);
}

.rz-scheme-pastel .rz-series-item-8 {
    fill: var(--rz-series-9);
    stroke: var(--rz-series-9);
}

    .rz-scheme-pastel .rz-series-item-8 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-9);
    }

.rz-scheme-pastel .rz-series-9 {
    fill: var(--rz-series-10);
    stroke: var(--rz-series-10);
}

.rz-scheme-pastel .rz-series-9-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-10);
}

.rz-scheme-pastel .rz-series-item-9 {
    fill: var(--rz-series-10);
    stroke: var(--rz-series-10);
}

    .rz-scheme-pastel .rz-series-item-9 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-10);
    }

.rz-scheme-pastel .rz-series-10 {
    fill: var(--rz-series-11);
    stroke: var(--rz-series-11);
}

.rz-scheme-pastel .rz-series-10-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-11);
}

.rz-scheme-pastel .rz-series-item-10 {
    fill: var(--rz-series-11);
    stroke: var(--rz-series-11);
}

    .rz-scheme-pastel .rz-series-item-10 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-11);
    }

.rz-scheme-pastel .rz-series-11 {
    fill: var(--rz-series-12);
    stroke: var(--rz-series-12);
}

.rz-scheme-pastel .rz-series-11-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-12);
}

.rz-scheme-pastel .rz-series-item-11 {
    fill: var(--rz-series-12);
    stroke: var(--rz-series-12);
}

    .rz-scheme-pastel .rz-series-item-11 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-12);
    }

.rz-scheme-pastel .rz-series-12 {
    fill: var(--rz-series-13);
    stroke: var(--rz-series-13);
}

.rz-scheme-pastel .rz-series-12-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-13);
}

.rz-scheme-pastel .rz-series-item-12 {
    fill: var(--rz-series-13);
    stroke: var(--rz-series-13);
}

    .rz-scheme-pastel .rz-series-item-12 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-13);
    }

.rz-scheme-pastel .rz-series-13 {
    fill: var(--rz-series-14);
    stroke: var(--rz-series-14);
}

.rz-scheme-pastel .rz-series-13-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-14);
}

.rz-scheme-pastel .rz-series-item-13 {
    fill: var(--rz-series-14);
    stroke: var(--rz-series-14);
}

    .rz-scheme-pastel .rz-series-item-13 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-14);
    }

.rz-scheme-pastel .rz-series-14 {
    fill: var(--rz-series-15);
    stroke: var(--rz-series-15);
}

.rz-scheme-pastel .rz-series-14-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-15);
}

.rz-scheme-pastel .rz-series-item-14 {
    fill: var(--rz-series-15);
    stroke: var(--rz-series-15);
}

    .rz-scheme-pastel .rz-series-item-14 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-15);
    }

.rz-scheme-pastel .rz-series-15 {
    fill: var(--rz-series-16);
    stroke: var(--rz-series-16);
}

.rz-scheme-pastel .rz-series-15-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-16);
}

.rz-scheme-pastel .rz-series-item-15 {
    fill: var(--rz-series-16);
    stroke: var(--rz-series-16);
}

    .rz-scheme-pastel .rz-series-item-15 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-16);
    }

.rz-scheme-pastel .rz-series-16 {
    fill: var(--rz-series-17);
    stroke: var(--rz-series-17);
}

.rz-scheme-pastel .rz-series-16-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-17);
}

.rz-scheme-pastel .rz-series-item-16 {
    fill: var(--rz-series-17);
    stroke: var(--rz-series-17);
}

    .rz-scheme-pastel .rz-series-item-16 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-17);
    }

.rz-scheme-pastel .rz-series-17 {
    fill: var(--rz-series-18);
    stroke: var(--rz-series-18);
}

.rz-scheme-pastel .rz-series-17-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-18);
}

.rz-scheme-pastel .rz-series-item-17 {
    fill: var(--rz-series-18);
    stroke: var(--rz-series-18);
}

    .rz-scheme-pastel .rz-series-item-17 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-18);
    }

.rz-scheme-pastel .rz-series-18 {
    fill: var(--rz-series-19);
    stroke: var(--rz-series-19);
}

.rz-scheme-pastel .rz-series-18-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-19);
}

.rz-scheme-pastel .rz-series-item-18 {
    fill: var(--rz-series-19);
    stroke: var(--rz-series-19);
}

    .rz-scheme-pastel .rz-series-item-18 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-19);
    }

.rz-scheme-pastel .rz-series-19 {
    fill: var(--rz-series-20);
    stroke: var(--rz-series-20);
}

.rz-scheme-pastel .rz-series-19-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-20);
}

.rz-scheme-pastel .rz-series-item-19 {
    fill: var(--rz-series-20);
    stroke: var(--rz-series-20);
}

    .rz-scheme-pastel .rz-series-item-19 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-20);
    }

.rz-scheme-pastel .rz-series-20 {
    fill: var(--rz-series-21);
    stroke: var(--rz-series-21);
}

.rz-scheme-pastel .rz-series-20-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-21);
}

.rz-scheme-pastel .rz-series-item-20 {
    fill: var(--rz-series-21);
    stroke: var(--rz-series-21);
}

    .rz-scheme-pastel .rz-series-item-20 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-21);
    }

.rz-scheme-pastel .rz-series-21 {
    fill: var(--rz-series-22);
    stroke: var(--rz-series-22);
}

.rz-scheme-pastel .rz-series-21-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-22);
}

.rz-scheme-pastel .rz-series-item-21 {
    fill: var(--rz-series-22);
    stroke: var(--rz-series-22);
}

    .rz-scheme-pastel .rz-series-item-21 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-22);
    }

.rz-scheme-pastel .rz-series-22 {
    fill: var(--rz-series-23);
    stroke: var(--rz-series-23);
}

.rz-scheme-pastel .rz-series-22-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-23);
}

.rz-scheme-pastel .rz-series-item-22 {
    fill: var(--rz-series-23);
    stroke: var(--rz-series-23);
}

    .rz-scheme-pastel .rz-series-item-22 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-23);
    }

.rz-scheme-pastel .rz-series-23 {
    fill: var(--rz-series-24);
    stroke: var(--rz-series-24);
}

.rz-scheme-pastel .rz-series-23-tooltip .rz-chart-tooltip-content {
    border: 1px solid var(--rz-series-24);
}

.rz-scheme-pastel .rz-series-item-23 {
    fill: var(--rz-series-24);
    stroke: var(--rz-series-24);
}

    .rz-scheme-pastel .rz-series-item-23 .rz-chart-tooltip-content {
        border: 1px solid var(--rz-series-24);
    }

.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: var(--rz-chart-marker-stroke);
}

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

*[dir=rtl] .rz-value-axis .rz-tick-text {
    text-anchor: start;
}

.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;
    font-size: var(--rz-chart-legend-font-size);
}

.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 {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin: .25rem;
    cursor: pointer;
}

    .rz-legend-item:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-legend-item:focus-visible {
        outline: var(--rz-chart-legend-focus-outline);
        outline-offset: var(--rz-chart-legend-focus-outline-offset);
        border-radius: var(--rz-border-radius);
    }

.rz-legend-top .rz-legend-item, .rz-legend-bottom .rz-legend-item {
    display: inline-flex;
}

.rz-chart-tooltip {
    position: absolute;
    top: 0;
    left: 0;
}

.rz-top-chart-tooltip {
    transform: translate(-50%,-100%);
}

.rz-bottom-chart-tooltip {
    transform: translate(-50%,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,.15);
    padding: .5rem;
    border-radius: var(--rz-chart-tooltip-border-radius);
    white-space: nowrap;
    font-size: var(--rz-chart-tooltip-font-size);
}

.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
    content: " ";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: inherit;
    transform-origin: center;
}

.rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
    margin-bottom: 15px;
}

    .rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
        left: 50%;
        bottom: 0;
        transform: translate(-50%,-11px) rotate(45deg);
        border-bottom: inherit;
        border-right: inherit;
    }

.rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
    margin-top: 15px;
}

    .rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
        left: 50%;
        top: 0;
        transform: translate(-50%,11px) rotate(45deg);
        border-top: inherit;
        border-left: inherit;
    }

.rz-chart-tooltip-title {
    font-weight: 700;
}

.rz-chart-tooltip-item-value {
    font-weight: 600;
    text-align: end;
    font-variant-numeric: tabular-nums;
}

.rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-title {
    padding: 0 .5rem;
}

.rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-content {
    border: none;
}

.rz-chart-tooltip-item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .125rem .5rem;
    border-radius: var(--rz-chart-tooltip-item-border-radius);
}

    .rz-chart-tooltip-item-content:hover {
        background-color: var(--rz-chart-tooltip-item-hover-background-color);
    }

    .rz-chart-tooltip-item-content .rz-legend-item {
        margin: 0;
        cursor: inherit;
    }

.rz-link {
    box-sizing: border-box;
    color: var(--rz-link-color);
    text-decoration: none;
    cursor: pointer;
}

    .rz-link .rz-link-disabled {
        pointer-events: none;
        opacity: .5;
    }

    .rz-link .rz-link-text {
        text-decoration: var(--rz-link-text-decoration);
    }

    .rz-link .rzi {
        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-link:focus-visible {
        outline: var(--rz-link-focus-outline);
    }

.rz-state-highlight .link {
    color: var(--rz-text-contrast-color);
}

.rz-html-editor {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border-radius: var(--rz-editor-border-radius);
    border: var(--rz-editor-border);
    overflow: hidden;
}

    .rz-html-editor:focus-within {
        outline: var(--rz-editor-focus-outline);
        outline-offset: var(--rz-editor-focus-outline-offset);
    }

.rz-html-editor-content {
    flex: 1;
    overflow: auto;
    padding: .5rem;
    outline: none;
    background-color: var(--rz-editor-content-background-color);
}

.rz-html-editor-source.rz-textarea {
    --rz-input-hover-shadow: none;
    --rz-input-border: none;
    --rz-input-hover-border: none;
    --rz-input-focus-shadow: none;
    --rz-input-focus-border: none;
    flex: 1;
    padding: .5rem;
    overflow: auto;
    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 {
        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 {
            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 {
        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 {
    font-size: 1.25rem;
    height: 1rem;
}

.rz-colorpicker {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

    .rz-colorpicker.rz-state-disabled {
        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 {
        font-size: var(--rz-icon-size);
    }

        button.rz-colorpicker-trigger .rzi:before {
            content: "arrow_drop_down";
        }

.rz-state-disabled button.rz-colorpicker-trigger {
    color: var(--rz-input-disabled-color);
}

.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-picker:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-saturation-picker:focus-visible {
        outline: var(--rz-colorpicker-focus-outline);
        outline-offset: var(--rz-colorpicker-focus-outline-offset);
    }

.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,.06);
}

.rz-saturation-black, .rz-saturation-white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--rz-border-radius);
    border-start-start-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, rgb(255,0,0) 0%, rgb(255,255,0) 17%, rgb(0,255,0) 33%, rgb(0,255,255) 50%, rgb(0,0,255) 67%, rgb(255,0,255) 83%, rgb(255,0,0) 100%);
    border-radius: var(--rz-border-radius);
    height: var(--rz-colorpicker-handle-size);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}

    .rz-hue-picker:active {
        cursor: none;
    }

    .rz-hue-picker:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-hue-picker:focus-visible {
        outline: var(--rz-colorpicker-focus-outline);
        outline-offset: var(--rz-colorpicker-focus-outline-offset);
    }

.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,.06);
}

    .rz-alpha-picker:active {
        cursor: none;
    }

    .rz-alpha-picker:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-alpha-picker:focus-visible {
        outline: var(--rz-colorpicker-focus-outline);
        outline-offset: var(--rz-colorpicker-focus-outline-offset);
    }

.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-inline-end: 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, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(-45deg, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--rz-text-disabled-color) 75%), linear-gradient(-45deg, transparent 75%, var(--rz-text-disabled-color) 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,.15) 0px 0px 0px 1px inset, rgba(0,0,0,.25) 0px 0px 4px inset;
    border-radius: var(--rz-border-radius);
}

.rz-colorpicker-rgba {
    display: flex;
    gap: 4px;
}

.rz-color-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    color: var(--rz-colorpicker-input-labels-color);
    font-size: .75rem;
    text-transform: uppercase;
}

    .rz-color-box .rz-textbox {
        width: 80px;
        margin-inline-end: 4px;
        padding: var(--rz-colorpicker-hex-input-padding);
        height: var(--rz-colorpicker-hex-input-height);
    }

    .rz-color-box .rz-numeric {
        padding: var(--rz-colorpicker-rgba-input-padding);
        height: var(--rz-colorpicker-rgba-input-height);
    }

        .rz-color-box .rz-numeric .rz-numeric-input {
            padding: 0;
            outline: none;
        }

        .rz-color-box .rz-numeric button {
            display: none;
        }

            .rz-color-box .rz-numeric 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;
    gap: var(--rz-colorpicker-items-gap);
}

.rz-colorpicker-item {
    width: var(--rz-colorpicker-item-size);
    height: var(--rz-colorpicker-item-size);
    border-radius: var(--rz-colorpicker-item-border-radius);
    box-shadow: var(--rz-colorpicker-item-shadow);
    cursor: pointer;
}

    .rz-colorpicker-item:focus {
        outline: var(--rz-outline-normal);
    }

    .rz-colorpicker-item:focus-visible {
        outline: var(--rz-colorpicker-focus-outline);
        outline-offset: var(--rz-colorpicker-focus-outline-offset);
    }

.rz-splitter {
    box-sizing: border-box;
    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: .4;
        user-select: none;
    }

        .rz-splitter > .rz-splitter-bar > .rz-collapse {
            display: table;
        }

            .rz-splitter > .rz-splitter-bar > .rz-collapse:before {
                font-family: var(--rz-icon-font-family);
                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: var(--rz-icon-font-family);
                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: .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-splitter-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}



.rz-breadcrumb {
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
    content: "»";
    display: inline-block;
    padding-inline-start: .5rem;
    padding-inline-end: .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;
    }

    .rz-breadcrumb-item .rz-link-disabled {
        pointer-events: none;
        opacity: .5;
    }

.rz-alert {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: var(--rz-alert-gap);
    margin: var(--rz-alert-margin);
    padding: var(--rz-alert-padding);
    width: 100%;
    border-radius: var(--rz-alert-border-radius);
    background-color: var(--rz-alert-background-color);
    color: var(--rz-alert-color);
}

.rz-alert-lg {
    --rz-alert-gap: 1.5rem;
    --rz-alert-margin: 1.5rem 0;
    --rz-alert-padding: 1.5rem;
    --rz-alert-message-margin: 0.125rem 0;
    --rz-alert-icon-margin: 0.125rem 0;
}

.rz-alert-md {
    --rz-alert-gap: 1rem;
    --rz-alert-margin: 1rem 0;
    --rz-alert-padding: 1rem;
    --rz-alert-message-margin: 0.125rem 0;
    --rz-alert-icon-margin: 0.125rem 0;
}

.rz-alert-sm {
    --rz-alert-gap: 0.5rem;
    --rz-alert-margin: 0.5rem 0;
    --rz-alert-padding: 0.5rem;
    --rz-alert-message-margin: 0.125rem 0;
    --rz-alert-icon-margin: 0.125rem 0;
}

.rz-alert-xs {
    --rz-alert-gap: 0.25rem;
    --rz-alert-margin: 0.25rem 0;
    --rz-alert-padding: 0.25rem;
    --rz-alert-message-margin: 0;
    --rz-alert-icon-margin: 0;
}

.rz-alert .rz-alert-item {
    flex: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--rz-alert-gap);
}

.rz-alert .rz-alert-icon {
    color: var(--rz-alert-icon-color);
    margin: var(--rz-alert-icon-margin);
    font-size: var(--rz-alert-icon-size);
}

.rz-alert .rz-alert-message {
    flex: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: var(--rz-alert-message-margin);
}

.rz-alert .rz-alert-title {
    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-alert-title-color);
    margin-bottom: var(--rz-text-h6-margin-bottom);
}

.rz-alert.rz-variant-filled {
    box-shadow: var(--rz-alert-box-shadow);
}

.rz-alert.rz-variant-text {
    --rz-alert-padding: 0;
    --rz-alert-background-color: transparent;
    --rz-alert-gap: 0.5rem;
    --rz-alert-margin: 0;
}

    .rz-alert.rz-variant-text .rz-alert-item {
        flex: unset;
    }

    .rz-alert.rz-variant-text .rz-alert-message {
        flex-direction: row;
    }

    .rz-alert.rz-variant-text .rz-alert-title {
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        margin-bottom: 0;
        margin-right: .5rem;
    }

.rz-alert.rz-primary {
    --rz-alert-background-color: var(--rz-primary);
    --rz-alert-color: var(--rz-on-primary);
    --rz-alert-title-color: var(--rz-on-primary);
    --rz-alert-icon-color: var(--rz-on-primary);
}

    .rz-alert.rz-primary.rz-shade-lighter {
        --rz-alert-background-color: var(--rz-primary-lighter);
        --rz-alert-color: var(--rz-on-primary-lighter);
        --rz-alert-title-color: var(--rz-on-primary-lighter);
        --rz-alert-icon-color: var(--rz-on-primary-lighter);
    }

    .rz-alert.rz-primary.rz-shade-light {
        --rz-alert-background-color: var(--rz-primary-light);
        --rz-alert-color: var(--rz-on-primary-light);
        --rz-alert-title-color: var(--rz-on-primary-light);
        --rz-alert-icon-color: var(--rz-on-primary-light);
    }

    .rz-alert.rz-primary.rz-shade-default {
        --rz-alert-background-color: var(--rz-primary);
        --rz-alert-color: var(--rz-on-primary);
        --rz-alert-title-color: var(--rz-on-primary);
        --rz-alert-icon-color: var(--rz-on-primary);
    }

    .rz-alert.rz-primary.rz-shade-dark {
        --rz-alert-background-color: var(--rz-primary-dark);
        --rz-alert-color: var(--rz-on-primary-dark);
        --rz-alert-title-color: var(--rz-on-primary-dark);
        --rz-alert-icon-color: var(--rz-on-primary-dark);
    }

    .rz-alert.rz-primary.rz-shade-darker {
        --rz-alert-background-color: var(--rz-primary-darker);
        --rz-alert-color: var(--rz-on-primary-darker);
        --rz-alert-title-color: var(--rz-on-primary-darker);
        --rz-alert-icon-color: var(--rz-on-primary-darker);
    }

.rz-alert.rz-variant-outlined.rz-primary {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-outlined.rz-primary.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
        --rz-alert-color: var(--rz-primary);
        --rz-alert-title-color: var(--rz-primary);
        --rz-alert-icon-color: var(--rz-primary);
    }

    .rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
        --rz-alert-color: var(--rz-primary-lighter);
        --rz-alert-title-color: var(--rz-primary-lighter);
        --rz-alert-icon-color: var(--rz-primary-lighter);
    }

    .rz-alert.rz-variant-outlined.rz-primary.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
        --rz-alert-color: var(--rz-primary-light);
        --rz-alert-title-color: var(--rz-primary-light);
        --rz-alert-icon-color: var(--rz-primary-light);
    }

    .rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
        --rz-alert-color: var(--rz-primary-dark);
        --rz-alert-title-color: var(--rz-primary-dark);
        --rz-alert-icon-color: var(--rz-primary-dark);
    }

    .rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
        --rz-alert-color: var(--rz-primary-darker);
        --rz-alert-title-color: var(--rz-primary-darker);
        --rz-alert-icon-color: var(--rz-primary-darker);
    }

.rz-alert.rz-variant-text.rz-primary {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-text.rz-primary.rz-shade-default {
        --rz-alert-color: var(--rz-primary);
        --rz-alert-icon-color: var(--rz-primary);
        --rz-alert-title-color: var(--rz-primary);
    }

    .rz-alert.rz-variant-text.rz-primary.rz-shade-lighter {
        --rz-alert-color: var(--rz-primary-lighter);
        --rz-alert-title-color: var(--rz-primary-lighter);
        --rz-alert-icon-color: var(--rz-primary-lighter);
    }

    .rz-alert.rz-variant-text.rz-primary.rz-shade-light {
        --rz-alert-color: var(--rz-primary-light);
        --rz-alert-title-color: var(--rz-primary-light);
        --rz-alert-icon-color: var(--rz-primary-light);
    }

    .rz-alert.rz-variant-text.rz-primary.rz-shade-dark {
        --rz-alert-color: var(--rz-primary-dark);
        --rz-alert-title-color: var(--rz-primary-dark);
        --rz-alert-icon-color: var(--rz-primary-dark);
    }

    .rz-alert.rz-variant-text.rz-primary.rz-shade-darker {
        --rz-alert-color: var(--rz-primary-darker);
        --rz-alert-title-color: var(--rz-primary-darker);
        --rz-alert-icon-color: var(--rz-primary-darker);
    }

.rz-alert.rz-secondary {
    --rz-alert-background-color: var(--rz-secondary);
    --rz-alert-color: var(--rz-on-secondary);
    --rz-alert-title-color: var(--rz-on-secondary);
    --rz-alert-icon-color: var(--rz-on-secondary);
}

    .rz-alert.rz-secondary.rz-shade-lighter {
        --rz-alert-background-color: var(--rz-secondary-lighter);
        --rz-alert-color: var(--rz-on-secondary-lighter);
        --rz-alert-title-color: var(--rz-on-secondary-lighter);
        --rz-alert-icon-color: var(--rz-on-secondary-lighter);
    }

    .rz-alert.rz-secondary.rz-shade-light {
        --rz-alert-background-color: var(--rz-secondary-light);
        --rz-alert-color: var(--rz-on-secondary-light);
        --rz-alert-title-color: var(--rz-on-secondary-light);
        --rz-alert-icon-color: var(--rz-on-secondary-light);
    }

    .rz-alert.rz-secondary.rz-shade-default {
        --rz-alert-background-color: var(--rz-secondary);
        --rz-alert-color: var(--rz-on-secondary);
        --rz-alert-title-color: var(--rz-on-secondary);
        --rz-alert-icon-color: var(--rz-on-secondary);
    }

    .rz-alert.rz-secondary.rz-shade-dark {
        --rz-alert-background-color: var(--rz-secondary-dark);
        --rz-alert-color: var(--rz-on-secondary-dark);
        --rz-alert-title-color: var(--rz-on-secondary-dark);
        --rz-alert-icon-color: var(--rz-on-secondary-dark);
    }

    .rz-alert.rz-secondary.rz-shade-darker {
        --rz-alert-background-color: var(--rz-secondary-darker);
        --rz-alert-color: var(--rz-on-secondary-darker);
        --rz-alert-title-color: var(--rz-on-secondary-darker);
        --rz-alert-icon-color: var(--rz-on-secondary-darker);
    }

.rz-alert.rz-variant-outlined.rz-secondary {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
        --rz-alert-color: var(--rz-secondary);
        --rz-alert-title-color: var(--rz-secondary);
        --rz-alert-icon-color: var(--rz-secondary);
    }

    .rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
        --rz-alert-color: var(--rz-secondary-lighter);
        --rz-alert-title-color: var(--rz-secondary-lighter);
        --rz-alert-icon-color: var(--rz-secondary-lighter);
    }

    .rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
        --rz-alert-color: var(--rz-secondary-light);
        --rz-alert-title-color: var(--rz-secondary-light);
        --rz-alert-icon-color: var(--rz-secondary-light);
    }

    .rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
        --rz-alert-color: var(--rz-secondary-dark);
        --rz-alert-title-color: var(--rz-secondary-dark);
        --rz-alert-icon-color: var(--rz-secondary-dark);
    }

    .rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
        --rz-alert-color: var(--rz-secondary-darker);
        --rz-alert-title-color: var(--rz-secondary-darker);
        --rz-alert-icon-color: var(--rz-secondary-darker);
    }

.rz-alert.rz-variant-text.rz-secondary {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-text.rz-secondary.rz-shade-default {
        --rz-alert-color: var(--rz-secondary);
        --rz-alert-icon-color: var(--rz-secondary);
        --rz-alert-title-color: var(--rz-secondary);
    }

    .rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter {
        --rz-alert-color: var(--rz-secondary-lighter);
        --rz-alert-title-color: var(--rz-secondary-lighter);
        --rz-alert-icon-color: var(--rz-secondary-lighter);
    }

    .rz-alert.rz-variant-text.rz-secondary.rz-shade-light {
        --rz-alert-color: var(--rz-secondary-light);
        --rz-alert-title-color: var(--rz-secondary-light);
        --rz-alert-icon-color: var(--rz-secondary-light);
    }

    .rz-alert.rz-variant-text.rz-secondary.rz-shade-dark {
        --rz-alert-color: var(--rz-secondary-dark);
        --rz-alert-title-color: var(--rz-secondary-dark);
        --rz-alert-icon-color: var(--rz-secondary-dark);
    }

    .rz-alert.rz-variant-text.rz-secondary.rz-shade-darker {
        --rz-alert-color: var(--rz-secondary-darker);
        --rz-alert-title-color: var(--rz-secondary-darker);
        --rz-alert-icon-color: var(--rz-secondary-darker);
    }

.rz-alert.rz-info {
    --rz-alert-background-color: var(--rz-info);
    --rz-alert-color: var(--rz-on-info);
    --rz-alert-title-color: var(--rz-on-info);
    --rz-alert-icon-color: var(--rz-on-info);
}

    .rz-alert.rz-info.rz-shade-lighter {
        --rz-alert-background-color: var(--rz-info-lighter);
        --rz-alert-color: var(--rz-on-info-lighter);
        --rz-alert-title-color: var(--rz-on-info-lighter);
        --rz-alert-icon-color: var(--rz-on-info-lighter);
    }

    .rz-alert.rz-info.rz-shade-light {
        --rz-alert-background-color: var(--rz-info-light);
        --rz-alert-color: var(--rz-on-info-light);
        --rz-alert-title-color: var(--rz-on-info-light);
        --rz-alert-icon-color: var(--rz-on-info-light);
    }

    .rz-alert.rz-info.rz-shade-default {
        --rz-alert-background-color: var(--rz-info);
        --rz-alert-color: var(--rz-on-info);
        --rz-alert-title-color: var(--rz-on-info);
        --rz-alert-icon-color: var(--rz-on-info);
    }

    .rz-alert.rz-info.rz-shade-dark {
        --rz-alert-background-color: var(--rz-info-dark);
        --rz-alert-color: var(--rz-on-info-dark);
        --rz-alert-title-color: var(--rz-on-info-dark);
        --rz-alert-icon-color: var(--rz-on-info-dark);
    }

    .rz-alert.rz-info.rz-shade-darker {
        --rz-alert-background-color: var(--rz-info-darker);
        --rz-alert-color: var(--rz-on-info-darker);
        --rz-alert-title-color: var(--rz-on-info-darker);
        --rz-alert-icon-color: var(--rz-on-info-darker);
    }

.rz-alert.rz-variant-outlined.rz-info {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-outlined.rz-info.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
        --rz-alert-color: var(--rz-info);
        --rz-alert-title-color: var(--rz-info);
        --rz-alert-icon-color: var(--rz-info);
    }

    .rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
        --rz-alert-color: var(--rz-info-lighter);
        --rz-alert-title-color: var(--rz-info-lighter);
        --rz-alert-icon-color: var(--rz-info-lighter);
    }

    .rz-alert.rz-variant-outlined.rz-info.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
        --rz-alert-color: var(--rz-info-light);
        --rz-alert-title-color: var(--rz-info-light);
        --rz-alert-icon-color: var(--rz-info-light);
    }

    .rz-alert.rz-variant-outlined.rz-info.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
        --rz-alert-color: var(--rz-info-dark);
        --rz-alert-title-color: var(--rz-info-dark);
        --rz-alert-icon-color: var(--rz-info-dark);
    }

    .rz-alert.rz-variant-outlined.rz-info.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
        --rz-alert-color: var(--rz-info-darker);
        --rz-alert-title-color: var(--rz-info-darker);
        --rz-alert-icon-color: var(--rz-info-darker);
    }

.rz-alert.rz-variant-text.rz-info {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-text.rz-info.rz-shade-default {
        --rz-alert-color: var(--rz-info);
        --rz-alert-icon-color: var(--rz-info);
        --rz-alert-title-color: var(--rz-info);
    }

    .rz-alert.rz-variant-text.rz-info.rz-shade-lighter {
        --rz-alert-color: var(--rz-info-lighter);
        --rz-alert-title-color: var(--rz-info-lighter);
        --rz-alert-icon-color: var(--rz-info-lighter);
    }

    .rz-alert.rz-variant-text.rz-info.rz-shade-light {
        --rz-alert-color: var(--rz-info-light);
        --rz-alert-title-color: var(--rz-info-light);
        --rz-alert-icon-color: var(--rz-info-light);
    }

    .rz-alert.rz-variant-text.rz-info.rz-shade-dark {
        --rz-alert-color: var(--rz-info-dark);
        --rz-alert-title-color: var(--rz-info-dark);
        --rz-alert-icon-color: var(--rz-info-dark);
    }

    .rz-alert.rz-variant-text.rz-info.rz-shade-darker {
        --rz-alert-color: var(--rz-info-darker);
        --rz-alert-title-color: var(--rz-info-darker);
        --rz-alert-icon-color: var(--rz-info-darker);
    }

.rz-alert.rz-warning {
    --rz-alert-background-color: var(--rz-warning);
    --rz-alert-color: var(--rz-on-warning);
    --rz-alert-title-color: var(--rz-on-warning);
    --rz-alert-icon-color: var(--rz-on-warning);
}

    .rz-alert.rz-warning.rz-shade-lighter {
        --rz-alert-background-color: var(--rz-warning-lighter);
        --rz-alert-color: var(--rz-on-warning-lighter);
        --rz-alert-title-color: var(--rz-on-warning-lighter);
        --rz-alert-icon-color: var(--rz-on-warning-lighter);
    }

    .rz-alert.rz-warning.rz-shade-light {
        --rz-alert-background-color: var(--rz-warning-light);
        --rz-alert-color: var(--rz-on-warning-light);
        --rz-alert-title-color: var(--rz-on-warning-light);
        --rz-alert-icon-color: var(--rz-on-warning-light);
    }

    .rz-alert.rz-warning.rz-shade-default {
        --rz-alert-background-color: var(--rz-warning);
        --rz-alert-color: var(--rz-on-warning);
        --rz-alert-title-color: var(--rz-on-warning);
        --rz-alert-icon-color: var(--rz-on-warning);
    }

    .rz-alert.rz-warning.rz-shade-dark {
        --rz-alert-background-color: var(--rz-warning-dark);
        --rz-alert-color: var(--rz-on-warning-dark);
        --rz-alert-title-color: var(--rz-on-warning-dark);
        --rz-alert-icon-color: var(--rz-on-warning-dark);
    }

    .rz-alert.rz-warning.rz-shade-darker {
        --rz-alert-background-color: var(--rz-warning-darker);
        --rz-alert-color: var(--rz-on-warning-darker);
        --rz-alert-title-color: var(--rz-on-warning-darker);
        --rz-alert-icon-color: var(--rz-on-warning-darker);
    }

.rz-alert.rz-variant-outlined.rz-warning {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-outlined.rz-warning.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
        --rz-alert-color: var(--rz-warning);
        --rz-alert-title-color: var(--rz-warning);
        --rz-alert-icon-color: var(--rz-warning);
    }

    .rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
        --rz-alert-color: var(--rz-warning-lighter);
        --rz-alert-title-color: var(--rz-warning-lighter);
        --rz-alert-icon-color: var(--rz-warning-lighter);
    }

    .rz-alert.rz-variant-outlined.rz-warning.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
        --rz-alert-color: var(--rz-warning-light);
        --rz-alert-title-color: var(--rz-warning-light);
        --rz-alert-icon-color: var(--rz-warning-light);
    }

    .rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
        --rz-alert-color: var(--rz-warning-dark);
        --rz-alert-title-color: var(--rz-warning-dark);
        --rz-alert-icon-color: var(--rz-warning-dark);
    }

    .rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
        --rz-alert-color: var(--rz-warning-darker);
        --rz-alert-title-color: var(--rz-warning-darker);
        --rz-alert-icon-color: var(--rz-warning-darker);
    }

.rz-alert.rz-variant-text.rz-warning {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-text.rz-warning.rz-shade-default {
        --rz-alert-color: var(--rz-warning);
        --rz-alert-icon-color: var(--rz-warning);
        --rz-alert-title-color: var(--rz-warning);
    }

    .rz-alert.rz-variant-text.rz-warning.rz-shade-lighter {
        --rz-alert-color: var(--rz-warning-lighter);
        --rz-alert-title-color: var(--rz-warning-lighter);
        --rz-alert-icon-color: var(--rz-warning-lighter);
    }

    .rz-alert.rz-variant-text.rz-warning.rz-shade-light {
        --rz-alert-color: var(--rz-warning-light);
        --rz-alert-title-color: var(--rz-warning-light);
        --rz-alert-icon-color: var(--rz-warning-light);
    }

    .rz-alert.rz-variant-text.rz-warning.rz-shade-dark {
        --rz-alert-color: var(--rz-warning-dark);
        --rz-alert-title-color: var(--rz-warning-dark);
        --rz-alert-icon-color: var(--rz-warning-dark);
    }

    .rz-alert.rz-variant-text.rz-warning.rz-shade-darker {
        --rz-alert-color: var(--rz-warning-darker);
        --rz-alert-title-color: var(--rz-warning-darker);
        --rz-alert-icon-color: var(--rz-warning-darker);
    }

.rz-alert.rz-error {
    --rz-alert-background-color: var(--rz-danger);
    --rz-alert-color: var(--rz-on-danger);
    --rz-alert-title-color: var(--rz-on-danger);
    --rz-alert-icon-color: var(--rz-on-danger);
}

    .rz-alert.rz-error.rz-shade-lighter {
        --rz-alert-background-color: var(--rz-error-lighter);
        --rz-alert-color: var(--rz-on-error-lighter);
        --rz-alert-title-color: var(--rz-on-error-lighter);
        --rz-alert-icon-color: var(--rz-on-error-lighter);
    }

    .rz-alert.rz-error.rz-shade-light {
        --rz-alert-background-color: var(--rz-error-light);
        --rz-alert-color: var(--rz-on-error-light);
        --rz-alert-title-color: var(--rz-on-error-light);
        --rz-alert-icon-color: var(--rz-on-error-light);
    }

    .rz-alert.rz-error.rz-shade-default {
        --rz-alert-background-color: var(--rz-error);
        --rz-alert-color: var(--rz-on-error);
        --rz-alert-title-color: var(--rz-on-error);
        --rz-alert-icon-color: var(--rz-on-error);
    }

    .rz-alert.rz-error.rz-shade-dark {
        --rz-alert-background-color: var(--rz-error-dark);
        --rz-alert-color: var(--rz-on-error-dark);
        --rz-alert-title-color: var(--rz-on-error-dark);
        --rz-alert-icon-color: var(--rz-on-error-dark);
    }

    .rz-alert.rz-error.rz-shade-darker {
        --rz-alert-background-color: var(--rz-error-darker);
        --rz-alert-color: var(--rz-on-error-darker);
        --rz-alert-title-color: var(--rz-on-error-darker);
        --rz-alert-icon-color: var(--rz-on-error-darker);
    }

.rz-alert.rz-variant-outlined.rz-error {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-outlined.rz-error.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
        --rz-alert-color: var(--rz-danger);
        --rz-alert-title-color: var(--rz-danger);
        --rz-alert-icon-color: var(--rz-danger);
    }

    .rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
        --rz-alert-color: var(--rz-error-lighter);
        --rz-alert-title-color: var(--rz-error-lighter);
        --rz-alert-icon-color: var(--rz-error-lighter);
    }

    .rz-alert.rz-variant-outlined.rz-error.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
        --rz-alert-color: var(--rz-error-light);
        --rz-alert-title-color: var(--rz-error-light);
        --rz-alert-icon-color: var(--rz-error-light);
    }

    .rz-alert.rz-variant-outlined.rz-error.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
        --rz-alert-color: var(--rz-error-dark);
        --rz-alert-title-color: var(--rz-error-dark);
        --rz-alert-icon-color: var(--rz-error-dark);
    }

    .rz-alert.rz-variant-outlined.rz-error.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
        --rz-alert-color: var(--rz-error-darker);
        --rz-alert-title-color: var(--rz-error-darker);
        --rz-alert-icon-color: var(--rz-error-darker);
    }

.rz-alert.rz-variant-text.rz-error {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-text.rz-error.rz-shade-default {
        --rz-alert-color: var(--rz-danger);
        --rz-alert-icon-color: var(--rz-danger);
        --rz-alert-title-color: var(--rz-danger);
    }

    .rz-alert.rz-variant-text.rz-error.rz-shade-lighter {
        --rz-alert-color: var(--rz-error-lighter);
        --rz-alert-title-color: var(--rz-error-lighter);
        --rz-alert-icon-color: var(--rz-error-lighter);
    }

    .rz-alert.rz-variant-text.rz-error.rz-shade-light {
        --rz-alert-color: var(--rz-error-light);
        --rz-alert-title-color: var(--rz-error-light);
        --rz-alert-icon-color: var(--rz-error-light);
    }

    .rz-alert.rz-variant-text.rz-error.rz-shade-dark {
        --rz-alert-color: var(--rz-error-dark);
        --rz-alert-title-color: var(--rz-error-dark);
        --rz-alert-icon-color: var(--rz-error-dark);
    }

    .rz-alert.rz-variant-text.rz-error.rz-shade-darker {
        --rz-alert-color: var(--rz-error-darker);
        --rz-alert-title-color: var(--rz-error-darker);
        --rz-alert-icon-color: var(--rz-error-darker);
    }

.rz-alert.rz-danger {
    --rz-alert-background-color: var(--rz-danger);
    --rz-alert-color: var(--rz-on-danger);
    --rz-alert-title-color: var(--rz-on-danger);
    --rz-alert-icon-color: var(--rz-on-danger);
}

    .rz-alert.rz-danger.rz-shade-lighter {
        --rz-alert-background-color: var(--rz-danger-lighter);
        --rz-alert-color: var(--rz-on-danger-lighter);
        --rz-alert-title-color: var(--rz-on-danger-lighter);
        --rz-alert-icon-color: var(--rz-on-danger-lighter);
    }

    .rz-alert.rz-danger.rz-shade-light {
        --rz-alert-background-color: var(--rz-danger-light);
        --rz-alert-color: var(--rz-on-danger-light);
        --rz-alert-title-color: var(--rz-on-danger-light);
        --rz-alert-icon-color: var(--rz-on-danger-light);
    }

    .rz-alert.rz-danger.rz-shade-default {
        --rz-alert-background-color: var(--rz-danger);
        --rz-alert-color: var(--rz-on-danger);
        --rz-alert-title-color: var(--rz-on-danger);
        --rz-alert-icon-color: var(--rz-on-danger);
    }

    .rz-alert.rz-danger.rz-shade-dark {
        --rz-alert-background-color: var(--rz-danger-dark);
        --rz-alert-color: var(--rz-on-danger-dark);
        --rz-alert-title-color: var(--rz-on-danger-dark);
        --rz-alert-icon-color: var(--rz-on-danger-dark);
    }

    .rz-alert.rz-danger.rz-shade-darker {
        --rz-alert-background-color: var(--rz-danger-darker);
        --rz-alert-color: var(--rz-on-danger-darker);
        --rz-alert-title-color: var(--rz-on-danger-darker);
        --rz-alert-icon-color: var(--rz-on-danger-darker);
    }

.rz-alert.rz-variant-outlined.rz-danger {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-outlined.rz-danger.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
        --rz-alert-color: var(--rz-danger);
        --rz-alert-title-color: var(--rz-danger);
        --rz-alert-icon-color: var(--rz-danger);
    }

    .rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
        --rz-alert-color: var(--rz-danger-lighter);
        --rz-alert-title-color: var(--rz-danger-lighter);
        --rz-alert-icon-color: var(--rz-danger-lighter);
    }

    .rz-alert.rz-variant-outlined.rz-danger.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
        --rz-alert-color: var(--rz-danger-light);
        --rz-alert-title-color: var(--rz-danger-light);
        --rz-alert-icon-color: var(--rz-danger-light);
    }

    .rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
        --rz-alert-color: var(--rz-danger-dark);
        --rz-alert-title-color: var(--rz-danger-dark);
        --rz-alert-icon-color: var(--rz-danger-dark);
    }

    .rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
        --rz-alert-color: var(--rz-danger-darker);
        --rz-alert-title-color: var(--rz-danger-darker);
        --rz-alert-icon-color: var(--rz-danger-darker);
    }

.rz-alert.rz-variant-text.rz-danger {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-text.rz-danger.rz-shade-default {
        --rz-alert-color: var(--rz-danger);
        --rz-alert-icon-color: var(--rz-danger);
        --rz-alert-title-color: var(--rz-danger);
    }

    .rz-alert.rz-variant-text.rz-danger.rz-shade-lighter {
        --rz-alert-color: var(--rz-danger-lighter);
        --rz-alert-title-color: var(--rz-danger-lighter);
        --rz-alert-icon-color: var(--rz-danger-lighter);
    }

    .rz-alert.rz-variant-text.rz-danger.rz-shade-light {
        --rz-alert-color: var(--rz-danger-light);
        --rz-alert-title-color: var(--rz-danger-light);
        --rz-alert-icon-color: var(--rz-danger-light);
    }

    .rz-alert.rz-variant-text.rz-danger.rz-shade-dark {
        --rz-alert-color: var(--rz-danger-dark);
        --rz-alert-title-color: var(--rz-danger-dark);
        --rz-alert-icon-color: var(--rz-danger-dark);
    }

    .rz-alert.rz-variant-text.rz-danger.rz-shade-darker {
        --rz-alert-color: var(--rz-danger-darker);
        --rz-alert-title-color: var(--rz-danger-darker);
        --rz-alert-icon-color: var(--rz-danger-darker);
    }

.rz-alert.rz-success {
    --rz-alert-background-color: var(--rz-success);
    --rz-alert-color: var(--rz-on-success);
    --rz-alert-title-color: var(--rz-on-success);
    --rz-alert-icon-color: var(--rz-on-success);
}

    .rz-alert.rz-success.rz-shade-lighter {
        --rz-alert-background-color: var(--rz-success-lighter);
        --rz-alert-color: var(--rz-on-success-lighter);
        --rz-alert-title-color: var(--rz-on-success-lighter);
        --rz-alert-icon-color: var(--rz-on-success-lighter);
    }

    .rz-alert.rz-success.rz-shade-light {
        --rz-alert-background-color: var(--rz-success-light);
        --rz-alert-color: var(--rz-on-success-light);
        --rz-alert-title-color: var(--rz-on-success-light);
        --rz-alert-icon-color: var(--rz-on-success-light);
    }

    .rz-alert.rz-success.rz-shade-default {
        --rz-alert-background-color: var(--rz-success);
        --rz-alert-color: var(--rz-on-success);
        --rz-alert-title-color: var(--rz-on-success);
        --rz-alert-icon-color: var(--rz-on-success);
    }

    .rz-alert.rz-success.rz-shade-dark {
        --rz-alert-background-color: var(--rz-success-dark);
        --rz-alert-color: var(--rz-on-success-dark);
        --rz-alert-title-color: var(--rz-on-success-dark);
        --rz-alert-icon-color: var(--rz-on-success-dark);
    }

    .rz-alert.rz-success.rz-shade-darker {
        --rz-alert-background-color: var(--rz-success-darker);
        --rz-alert-color: var(--rz-on-success-darker);
        --rz-alert-title-color: var(--rz-on-success-darker);
        --rz-alert-icon-color: var(--rz-on-success-darker);
    }

.rz-alert.rz-variant-outlined.rz-success {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-outlined.rz-success.rz-shade-default {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
        --rz-alert-color: var(--rz-success);
        --rz-alert-title-color: var(--rz-success);
        --rz-alert-icon-color: var(--rz-success);
    }

    .rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
        --rz-alert-color: var(--rz-success-lighter);
        --rz-alert-title-color: var(--rz-success-lighter);
        --rz-alert-icon-color: var(--rz-success-lighter);
    }

    .rz-alert.rz-variant-outlined.rz-success.rz-shade-light {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
        --rz-alert-color: var(--rz-success-light);
        --rz-alert-title-color: var(--rz-success-light);
        --rz-alert-icon-color: var(--rz-success-light);
    }

    .rz-alert.rz-variant-outlined.rz-success.rz-shade-dark {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
        --rz-alert-color: var(--rz-success-dark);
        --rz-alert-title-color: var(--rz-success-dark);
        --rz-alert-icon-color: var(--rz-success-dark);
    }

    .rz-alert.rz-variant-outlined.rz-success.rz-shade-darker {
        box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
        --rz-alert-color: var(--rz-success-darker);
        --rz-alert-title-color: var(--rz-success-darker);
        --rz-alert-icon-color: var(--rz-success-darker);
    }

.rz-alert.rz-variant-text.rz-success {
    --rz-alert-background-color: transparent;
}

    .rz-alert.rz-variant-text.rz-success.rz-shade-default {
        --rz-alert-color: var(--rz-success);
        --rz-alert-icon-color: var(--rz-success);
        --rz-alert-title-color: var(--rz-success);
    }

    .rz-alert.rz-variant-text.rz-success.rz-shade-lighter {
        --rz-alert-color: var(--rz-success-lighter);
        --rz-alert-title-color: var(--rz-success-lighter);
        --rz-alert-icon-color: var(--rz-success-lighter);
    }

    .rz-alert.rz-variant-text.rz-success.rz-shade-light {
        --rz-alert-color: var(--rz-success-light);
        --rz-alert-title-color: var(--rz-success-light);
        --rz-alert-icon-color: var(--rz-success-light);
    }

    .rz-alert.rz-variant-text.rz-success.rz-shade-dark {
        --rz-alert-color: var(--rz-success-dark);
        --rz-alert-title-color: var(--rz-success-dark);
        --rz-alert-icon-color: var(--rz-success-dark);
    }

    .rz-alert.rz-variant-text.rz-success.rz-shade-darker {
        --rz-alert-color: var(--rz-success-darker);
        --rz-alert-title-color: var(--rz-success-darker);
        --rz-alert-icon-color: var(--rz-success-darker);
    }

.rz-alert.rz-base {
    --rz-alert-background-color: var(--rz-base-200);
    --rz-alert-color: var(--rz-text-color);
    --rz-alert-title-color: var(--rz-text-color);
    --rz-alert-icon-color: var(--rz-text-color);
}

.rz-alert.rz-variant-outlined.rz-base {
    box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color);
    --rz-alert-color: var(--rz-text-color);
    --rz-alert-title-color: var(--rz-text-color);
    --rz-alert-icon-color: var(--rz-text-color);
    --rz-alert-background-color: transparent;
}

.rz-alert.rz-variant-text.rz-base {
    --rz-alert-color: var(--rz-text-color);
    --rz-alert-title-color: var(--rz-text-color);
    --rz-alert-icon-color: var(--rz-text-color);
    --rz-alert-background-color: transparent;
}

.rz-alert.rz-light {
    --rz-alert-background-color: var(--rz-base-200);
    --rz-alert-color: var(--rz-text-color);
    --rz-alert-title-color: var(--rz-text-color);
    --rz-alert-icon-color: var(--rz-text-color);
}

.rz-alert.rz-variant-outlined.rz-light {
    box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200);
    --rz-alert-color: var(--rz-base-200);
    --rz-alert-title-color: var(--rz-base-200);
    --rz-alert-icon-color: var(--rz-base-200);
    --rz-alert-background-color: transparent;
}

.rz-alert.rz-variant-text.rz-light {
    --rz-alert-color: var(--rz-base-200);
    --rz-alert-title-color: var(--rz-base-200);
    --rz-alert-icon-color: var(--rz-base-200);
    --rz-alert-background-color: transparent;
}

.rz-alert.rz-dark {
    --rz-alert-background-color: var(--rz-base-900);
    --rz-alert-color: var(--rz-text-contrast-color);
    --rz-alert-title-color: var(--rz-text-contrast-color);
    --rz-alert-icon-color: var(--rz-text-contrast-color);
}

.rz-alert.rz-variant-outlined.rz-dark {
    box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
    --rz-alert-color: var(--rz-base-900);
    --rz-alert-title-color: var(--rz-base-900);
    --rz-alert-icon-color: var(--rz-base-900);
    --rz-alert-background-color: transparent;
}

.rz-alert.rz-variant-text.rz-dark {
    --rz-alert-color: var(--rz-base-900);
    --rz-alert-title-color: var(--rz-base-900);
    --rz-alert-icon-color: var(--rz-base-900);
    --rz-alert-background-color: transparent;
}

.rz-button.rz-speech-to-text-button-recording {
    -webkit-animation: mic-blink 2s linear infinite;
    -moz-animation: mic-blink 2s linear infinite;
    animation: mic-blink 2s linear infinite;
}

.rz-flex-row {
    flex-direction: row !important;
}

.rz-flex-row-reverse {
    flex-direction: row-reverse !important;
}

.rz-flex-column {
    flex-direction: column !important;
}

.rz-flex-column-reverse {
    flex-direction: column-reverse !important;
}

.rz-offset-0 {
    margin-inline-start: 0;
}

.rz-offset-1 {
    margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
}

.rz-offset-2 {
    margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
}

.rz-offset-3 {
    margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
}

.rz-offset-4 {
    margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
}

.rz-offset-5 {
    margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
}

.rz-offset-6 {
    margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
}

.rz-offset-7 {
    margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
}

.rz-offset-8 {
    margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
}

.rz-offset-9 {
    margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
}

.rz-offset-10 {
    margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
}

.rz-offset-11 {
    margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
}

.rz-order-first {
    order: -1 !important;
}

.rz-order-last {
    order: 13 !important;
}

.rz-order-0 {
    order: 0 !important;
}

.rz-order-1 {
    order: 1 !important;
}

.rz-order-2 {
    order: 2 !important;
}

.rz-order-3 {
    order: 3 !important;
}

.rz-order-4 {
    order: 4 !important;
}

.rz-order-5 {
    order: 5 !important;
}

.rz-order-6 {
    order: 6 !important;
}

.rz-order-7 {
    order: 7 !important;
}

.rz-order-8 {
    order: 8 !important;
}

.rz-order-9 {
    order: 9 !important;
}

.rz-order-10 {
    order: 10 !important;
}

.rz-order-11 {
    order: 11 !important;
}

.rz-order-12 {
    order: 12 !important;
}

.rz-picklist-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    --rz-gap: 1rem;
}

.rz-picklist-source-wrapper, .rz-picklist-target-wrapper {
    flex: 1;
    --rz-gap: 0.5rem;
    overflow: hidden;
}

    .rz-picklist-source-wrapper .rz-listbox, .rz-picklist-target-wrapper .rz-listbox {
        width: 100%;
        height: 100%;
    }

.rz-picklist-buttons.rz-flex-row .rzi {
    transform: rotate(90deg);
}

.rz-carousel {
    position: relative;
    overflow: hidden;
    scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0);
    border-radius: var(--rz-carousel-border-radius);
}

    .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-items, .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-items:has(+.rz-carousel-pager-bottom) {
        height: calc(100% - var(--rz-carousel-pager-height));
    }

        .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-items:has(+.rz-carousel-pager-bottom) {
            height: calc(100% - 2*var(--rz-carousel-pager-height));
        }

    .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-prev, .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-next {
        inset-block-start: calc(50% + var(--rz-carousel-pager-height)/2);
    }

    .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-prev:has(~.rz-carousel-pager-bottom), .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-next:has(~.rz-carousel-pager-bottom) {
        inset-block-start: calc(50% - var(--rz-carousel-pager-height)/2);
    }

    .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-prev:has(~.rz-carousel-pager-bottom), .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-next:has(~.rz-carousel-pager-bottom) {
        inset-block-start: 50%;
    }

.rz-carousel-items {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    overflow-x: scroll;
    counter-reset: item;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    border-radius: var(--rz-carousel-border-radius);
    scrollbar-width: none;
    touch-action: none;
    -ms-overflow-style: none;
}

    .rz-carousel-items::-webkit-scrollbar {
        display: none;
    }

.rz-carousel-item {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    counter-increment: item;
    scrollbar-color: initial;
    scrollbar-width: initial;
    -ms-overflow-style: initial;
}

.rz-carousel-snapper {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    scroll-snap-align: center;
}

.rz-carousel-pager {
    gap: var(--rz-carousel-pager-gap);
    height: var(--rz-carousel-pager-height);
}

.rz-carousel-pager-button {
    cursor: pointer;
    width: var(--rz-carousel-pager-button-width);
    height: var(--rz-carousel-pager-button-height);
    border: var(--rz-carousel-pager-button-border);
    border-radius: var(--rz-carousel-pager-button-border-radius);
    background-color: var(--rz-carousel-pager-button-background-color);
    color: var(--rz-carousel-pager-button-color);
    transition: var(--rz-button-transition);
    -webkit-appearance: none;
}

    .rz-carousel-pager-button:hover {
        border: var(--rz-carousel-pager-button-hover-border);
        background-color: var(--rz-carousel-pager-button-hover-background-color);
        color: var(--rz-carousel-pager-button-hover-color);
    }

    .rz-carousel-pager-button.rz-state-active {
        width: var(--rz-carousel-pager-button-active-width);
        height: var(--rz-carousel-pager-button-active-height);
        border: var(--rz-carousel-pager-button-active-border);
        background-color: var(--rz-carousel-pager-button-active-background-color);
        color: var(--rz-carousel-pager-button-active-color);
    }

.rz-carousel-pager-overlay .rz-carousel-pager {
    position: absolute;
    z-index: 998;
    inset-inline: 0;
    opacity: var(--rz-carousel-pager-overlay-opacity);
}

.rz-carousel-pager-overlay .rz-carousel-pager-top {
    inset-block-start: 0;
}

.rz-carousel-pager-overlay .rz-carousel-pager-bottom {
    inset-block-end: 0;
}

.rz-carousel-prev, .rz-carousel-next {
    position: absolute;
    z-index: 999;
    inset-block-start: 50%;
    transform: translateY(-50%);
    border-radius: var(--rz-carousel-prev-next-button-border-radius);
}

.rz-carousel-prev {
    inset-inline-start: var(--rz-carousel-prev-next-button-inset);
}

.rz-carousel-next {
    inset-inline-end: var(--rz-carousel-prev-next-button-inset);
}

    .rz-carousel-next .rzi {
        order: 2;
    }

*[dir=rtl] .rz-carousel-prev .rzi, *[dir=rtl] .rz-carousel-next .rzi {
    transform: rotate(180deg);
}
.auth-status {
    text-align: center;
    padding: 20px;
}
.error-message {
    margin-top: 20px;
    padding: 10px;
    background-color: #ffebee;
    color: #c62828;
    border-radius: 4px;
}
.rz-header .logout::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f2f5";
    color: var(--spc-blue);
    font-size: 1rem;
    margin-inline-end: 0.5rem;
}