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

.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-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-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-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-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 {
    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 tr {
    background-color: var(--rz-grid-header-background-color);
}

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

.rz-grid-table thead th.rz-text-align-left .rz-column-title {
    justify-content: flex-start;
    padding-inline-start: 0.5rem;
}

.rz-grid-table thead .rz-column-title.sr-no {
    padding: 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) {
    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; */
    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-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-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;
}

.content .step-link {
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--brand-colour-blue);
    gap: 8px;
    cursor: pointer;
}

    .content .step-link.next {
        margin-top: 88px;
    }

/* BACS Details Definition List */
.bacs-details {
    margin: 0;
    padding: 0;
}

.bacs-details dt {
    font-weight: normal;
    color: var(--rz-text-color);
    margin-top: 1rem;
}

.bacs-details dt:first-child {
    margin-top: 0;
}

.bacs-details dd {
    margin: 0.25rem 0 0 0;
}

.bacs-details .bacs-address {
    line-height: 1.6;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #5E5A5A;
    opacity: 72%;
    display: none; /* Hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 99999
}

.spinner {
    border: 4px solid #f3f3f3; /* Light gray */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}


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

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

.terms {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    margin-top: 2rem;
    flex-basis: 100%;
}
.terms .error-box {
    display: flex;
    color: #ED6D6D;
    background-color: rgba(237, 109, 109, 0.1);
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border: 0.087rem solid;
    border-radius: 0.438rem;
}
.terms .success-box {
    display: flex;
    color: var(--rz-success);
    background-color: var(--rz-success-lighter);
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border: 1px solid var(--rz-success);
    border-radius: var(--rz-alert-border-radius);
    width: 100%;
}

/********** Custom success alert with border and background ***********/

.rz-alert.rz-success-bordered {
    background-color: rgba(198, 255, 170, 0.5) !important;
    color: #3e9108 !important;
    border: 1px solid #3e9108 !important;
    align-items: center;
}

.rz-alert.rz-success-bordered i {
    color: #3e9108 !important;
    display: flex;
    align-items: center;
}

.terms .error-messages {
    display: flex;
    flex-direction: column;
}

.decision-us-name {
    flex-basis: 100%;
}

.decision-us-name .field {
    flex-basis: 100%;
}

.decision-us-name .rz-form-field-content {
    flex-wrap:wrap;
}

.decision-us-name .validation-message {
    margin-block-start: 3rem;
    color: var(--rz-danger);
}

/****** Yearbook Decision Form Layout *******/

.yearbook-decision-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.yearbook-decision-form .fields-row {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
}

.yearbook-decision-form .fields-row .field {
    flex: 1;
    min-width: 0;
}

.yearbook-decision-form .submit-row {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 0.5rem;
}

.yearbook-decision-form .terms {
    margin-top: 0.5rem;
}
.add-more {
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;

}
.validation-message {
    color: var(--rz-danger);
}