/*!
The contents of this file are copyrighted and cannot be used outside of blazor.radzen.com
To use it in your application you need an active Radzen/Radzen Blazor Studio Professional or Enterprise subscription - https://www.radzen.com/pricing
Any questions concerning the use or status of this file should be directed to info@radzen.com
*/.rz-button {
      overflow: hidden;
      position: relative;
  }

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

  .rz-button.rz-state-disabled:before { background: rgba(0, 0, 0, 0) }

  .rz-button:active:before {
      background-size: 0%;
      opacity: .32;
      transition: background-size 0s, opacity 0s;
  }

  .rz-header { padding: .5rem }

  .rz-header a, .rz-header a:hover, .rz-header a:focus { color: var(--rz-text-color) }

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

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

  .sidebar-toggle.rz-state-disabled:before { background: rgba(0, 0, 0, 0) }

  .sidebar-toggle:active:before {
      background-size: 0%;
      opacity: .32;
      transition: background-size 0s, opacity 0s;
  }

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

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

  .rz-navigation-item-link.rz-state-disabled:before, .rz-menu-toggle.rz-state-disabled:before { background: rgba(0, 0, 0, 0) }

  .rz-navigation-item-link:active:before, .rz-menu-toggle:active:before {
      background-size: 0%;
      opacity: .32;
      transition: background-size 0s, opacity 0s;
  }

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

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

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

  .rz-panel-menu .rz-navigation-item-link.rz-state-disabled:active { background-color: rgba(0, 0, 0, 0) }

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

  .rz-steps > ul { display: flex }

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

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

  .rz-chkbox-box .rzi { font-weight: bold }

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

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

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

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

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

  .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 {
      box-shadow: 0 0 0 10px rgba(0, 0, 0, .04);
      transition: background var(--rz-transition), transform var(--rz-transition), outlin-color var(--rz-transition);
  }

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

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

  .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 {
      border-radius: 50%;
      content: "";
      height: 1rem;
      opacity: 0;
      position: absolute;
      transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition);
      width: 1rem;
  }

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

  .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 {
      bottom: 0;
      top: 0;
  }

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

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

  .rz-selectbar .rz-button { box-shadow: none }

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

  .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;
      height: 2.25rem;
      line-height: 1rem;
      width: 2.25rem;
  }

  .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 {
      background-color: rgba(0, 0, 0, 0) !important;
      background-image: none !important;
      border-radius: 0 !important;
      box-shadow: none !important
  }

  .rz-timespanpicker-panel { flex-direction: column }

  .rz-timespanpicker-panel > .rz-button { align-self: stretch }

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

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

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

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

  .rz-fileupload-choose.rz-button.rz-state-disabled:active { background-color: rgba(0, 0, 0, 0) }

  .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 {
      border-radius: 50%;
      content: "";
      height: 1rem;
      left: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition), left var(--rz-transition), top var(--rz-transition);
      width: 1rem;
  }

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

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

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

  .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 {
      overflow: hidden;
      position: relative;
  }

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

  .rz-tabview-nav > li > a.rz-state-disabled:before { background: rgba(0, 0, 0, 0) }

  .rz-tabview-nav > li > a:active:before {
      background-size: 0%;
      opacity: .32;
      transition: background-size 0s, opacity 0s;
  }

  .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 {
      background-color: rgba(0, 0, 0, 0);
      border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0;
      bottom: 0;
      content: "";
      height: .1875rem;
      left: 1rem;
      position: absolute;
      right: 1rem;
      z-index: -1;
  }

  .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 {
      border-radius: 0 0 var(--rz-border-radius) var(--rz-border-radius);
      top: 0;
  }

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

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

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

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

  .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 {
      overflow: hidden;
      position: relative;
  }

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

  .rz-html-editor-toolbar .rz-html-editor-button.rz-state-disabled:before { background: rgba(0, 0, 0, 0) }

  .rz-html-editor-toolbar .rz-html-editor-button:active:before {
      background-size: 0%;
      opacity: .32;
      transition: background-size 0s, opacity 0s;
  }

  @media (max-width: 768px) {
      .rz-layout .rz-body {
          border-radius: 0;
          margin: 0;
      }
  }

  .rz-toc-link {
      overflow: hidden;
      position: relative;
  }

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

  .rz-toc-link.rz-state-disabled:before { background: rgba(0, 0, 0, 0) }

  .rz-toc-link:active:before {
      background-size: 0%;
      opacity: .32;
      transition: background-size 0s, opacity 0s;
  }

  .rz-toc-item-selected > .rz-toc-item-wrapper .rz-toc-link { font-variation-settings: "GRAD" 125 }

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

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

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

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

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

  @font-face {
      font-family: "Material Symbols";
      font-style: normal;
      font-weight: 100 700;
      src: url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2 supports variations"), url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2-variations");
  }

  @font-face {
      font-display: swap;
      font-family: "Roboto";
      font-weight: 100 1000;
      src: url("../fonts/RobotoFlex.woff2") format("woff2 supports variations"), url("../fonts/RobotoFlex.woff2") format("woff2-variations");
  }

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

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

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

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

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

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

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

  .rz-border-radius { border-radius: var(--rz-border-radius) !important }

  .rz-border-radius-0 { border-radius: var(--rz-border-radius-0) !important }

  .rz-border-radius-1 { border-radius: var(--rz-border-radius-1) !important }

  .rz-border-radius-2 { border-radius: var(--rz-border-radius-2) !important }

  .rz-border-radius-3 { border-radius: var(--rz-border-radius-3) !important }

  .rz-border-radius-4 { border-radius: var(--rz-border-radius-4) !important }

  .rz-border-radius-5 { border-radius: var(--rz-border-radius-5) !important }

  .rz-border-radius-6 { border-radius: var(--rz-border-radius-6) !important }

  .rz-border-radius-7 { border-radius: var(--rz-border-radius-7) !important }

  .rz-border-radius-8 { border-radius: var(--rz-border-radius-8) !important }

  .rz-border-radius-9 { border-radius: var(--rz-border-radius-9) !important }

  .rz-border-radius-10 { border-radius: var(--rz-border-radius-10) !important }

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

  .rz-shadow-1 { box-shadow: var(--rz-shadow-1) !important }

  .rz-shadow-2 { box-shadow: var(--rz-shadow-2) !important }

  .rz-shadow-3 { box-shadow: var(--rz-shadow-3) !important }

  .rz-shadow-4 { box-shadow: var(--rz-shadow-4) !important }

  .rz-shadow-5 { box-shadow: var(--rz-shadow-5) !important }

  .rz-shadow-6 { box-shadow: var(--rz-shadow-6) !important }

  .rz-shadow-7 { box-shadow: var(--rz-shadow-7) !important }

  .rz-shadow-8 { box-shadow: var(--rz-shadow-8) !important }

  .rz-shadow-9 { box-shadow: var(--rz-shadow-9) !important }

  .rz-shadow-10 { box-shadow: var(--rz-shadow-10) !important }

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

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-display-xs-none { display: none !important }

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

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

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

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

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

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

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

  @media (min-width: 768px) {
      .rz-display-sm-none { display: none !important }

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

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

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

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

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

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

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

  @media (min-width: 1024px) {
      .rz-display-md-none { display: none !important }

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

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

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

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

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

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

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

  @media (min-width: 1280px) {
      .rz-display-lg-none { display: none !important }

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

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

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

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

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

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

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

  @media (min-width: 1920px) {
      .rz-display-xl-none { display: none !important }

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

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

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

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

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

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

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

  @media (min-width: 2560px) {
      .rz-display-xx-none { display: none !important }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-justify-content-xs-normal { justify-content: normal !important }

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 768px) {
      .rz-justify-content-sm-normal { justify-content: normal !important }

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 1024px) {
      .rz-justify-content-md-normal { justify-content: normal !important }

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 1280px) {
      .rz-justify-content-lg-normal { justify-content: normal !important }

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 1920px) {
      .rz-justify-content-xl-normal { justify-content: normal !important }

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 2560px) {
      .rz-justify-content-xx-normal { justify-content: normal !important }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-align-items-xs-normal { align-items: normal !important }

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

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

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

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

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

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

  @media (min-width: 768px) {
      .rz-align-items-sm-normal { align-items: normal !important }

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

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

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

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

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

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

  @media (min-width: 1024px) {
      .rz-align-items-md-normal { align-items: normal !important }

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

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

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

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

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

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

  @media (min-width: 1280px) {
      .rz-align-items-lg-normal { align-items: normal !important }

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

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

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

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

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

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

  @media (min-width: 1920px) {
      .rz-align-items-xl-normal { align-items: normal !important }

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

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

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

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

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

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

  @media (min-width: 2560px) {
      .rz-align-items-xx-normal { align-items: normal !important }

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-overflow-xs-auto { overflow: auto !important }

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

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

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

  @media (min-width: 768px) {
      .rz-overflow-sm-auto { overflow: auto !important }

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

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

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

  @media (min-width: 1024px) {
      .rz-overflow-md-auto { overflow: auto !important }

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

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

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

  @media (min-width: 1280px) {
      .rz-overflow-lg-auto { overflow: auto !important }

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

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

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

  @media (min-width: 1920px) {
      .rz-overflow-xl-auto { overflow: auto !important }

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

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

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

  @media (min-width: 2560px) {
      .rz-overflow-xx-auto { overflow: auto !important }

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-w-xs-25 { width: 25% !important }

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

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

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

  @media (min-width: 768px) {
      .rz-w-sm-25 { width: 25% !important }

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

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

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

  @media (min-width: 1024px) {
      .rz-w-md-25 { width: 25% !important }

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

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

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

  @media (min-width: 1280px) {
      .rz-w-lg-25 { width: 25% !important }

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

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

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

  @media (min-width: 1920px) {
      .rz-w-xl-25 { width: 25% !important }

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

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

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

  @media (min-width: 2560px) {
      .rz-w-xx-25 { width: 25% !important }

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-vw-xs-25 { width: 25vw !important }

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

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

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

  @media (min-width: 768px) {
      .rz-vw-sm-25 { width: 25vw !important }

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

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

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

  @media (min-width: 1024px) {
      .rz-vw-md-25 { width: 25vw !important }

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

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

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

  @media (min-width: 1280px) {
      .rz-vw-lg-25 { width: 25vw !important }

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

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

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

  @media (min-width: 1920px) {
      .rz-vw-xl-25 { width: 25vw !important }

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

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

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

  @media (min-width: 2560px) {
      .rz-vw-xx-25 { width: 25vw !important }

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

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-w-xs-auto { width: auto !important }

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

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

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

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

  @media (min-width: 768px) {
      .rz-w-sm-auto { width: auto !important }

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

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

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

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

  @media (min-width: 1024px) {
      .rz-w-md-auto { width: auto !important }

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

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

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

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

  @media (min-width: 1280px) {
      .rz-w-lg-auto { width: auto !important }

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

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

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

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

  @media (min-width: 1920px) {
      .rz-w-xl-auto { width: auto !important }

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

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

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

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

  @media (min-width: 2560px) {
      .rz-w-xx-auto { width: auto !important }

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

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-min-w-xs-25 { min-width: 25% !important }

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

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

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

  @media (min-width: 768px) {
      .rz-min-w-sm-25 { min-width: 25% !important }

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

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

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

  @media (min-width: 1024px) {
      .rz-min-w-md-25 { min-width: 25% !important }

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

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

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

  @media (min-width: 1280px) {
      .rz-min-w-lg-25 { min-width: 25% !important }

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

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

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

  @media (min-width: 1920px) {
      .rz-min-w-xl-25 { min-width: 25% !important }

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

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

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

  @media (min-width: 2560px) {
      .rz-min-w-xx-25 { min-width: 25% !important }

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-max-w-xs-25 { max-width: 25% !important }

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

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

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

  @media (min-width: 768px) {
      .rz-max-w-sm-25 { max-width: 25% !important }

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

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

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

  @media (min-width: 1024px) {
      .rz-max-w-md-25 { max-width: 25% !important }

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

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

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

  @media (min-width: 1280px) {
      .rz-max-w-lg-25 { max-width: 25% !important }

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

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

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

  @media (min-width: 1920px) {
      .rz-max-w-xl-25 { max-width: 25% !important }

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

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

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

  @media (min-width: 2560px) {
      .rz-max-w-xx-25 { max-width: 25% !important }

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-h-xs-25 { height: 25% !important }

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

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

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

  @media (min-width: 768px) {
      .rz-h-sm-25 { height: 25% !important }

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

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

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

  @media (min-width: 1024px) {
      .rz-h-md-25 { height: 25% !important }

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

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

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

  @media (min-width: 1280px) {
      .rz-h-lg-25 { height: 25% !important }

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

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

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

  @media (min-width: 1920px) {
      .rz-h-xl-25 { height: 25% !important }

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

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

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

  @media (min-width: 2560px) {
      .rz-h-xx-25 { height: 25% !important }

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-vh-xs-25 { height: 25vh !important }

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

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

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

  @media (min-width: 768px) {
      .rz-vh-sm-25 { height: 25vh !important }

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

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

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

  @media (min-width: 1024px) {
      .rz-vh-md-25 { height: 25vh !important }

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

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

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

  @media (min-width: 1280px) {
      .rz-vh-lg-25 { height: 25vh !important }

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

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

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

  @media (min-width: 1920px) {
      .rz-vh-xl-25 { height: 25vh !important }

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

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

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

  @media (min-width: 2560px) {
      .rz-vh-xx-25 { height: 25vh !important }

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

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

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

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

  @media (min-width: 576px) {
      .rz-h-xs-auto { height: auto !important }
  }

  @media (min-width: 768px) {
      .rz-h-sm-auto { height: auto !important }
  }

  @media (min-width: 1024px) {
      .rz-h-md-auto { height: auto !important }
  }

  @media (min-width: 1280px) {
      .rz-h-lg-auto { height: auto !important }
  }

  @media (min-width: 1920px) {
      .rz-h-xl-auto { height: auto !important }
  }

  @media (min-width: 2560px) {
      .rz-h-xx-auto { height: auto !important }
  }

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

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

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

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

  @media (min-width: 576px) {
      .rz-min-h-xs-25 { min-height: 25% !important }

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

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

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

  @media (min-width: 768px) {
      .rz-min-h-sm-25 { min-height: 25% !important }

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

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

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

  @media (min-width: 1024px) {
      .rz-min-h-md-25 { min-height: 25% !important }

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

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

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

  @media (min-width: 1280px) {
      .rz-min-h-lg-25 { min-height: 25% !important }

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

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

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

  @media (min-width: 1920px) {
      .rz-min-h-xl-25 { min-height: 25% !important }

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

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

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

  @media (min-width: 2560px) {
      .rz-min-h-xx-25 { min-height: 25% !important }

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

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

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

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

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

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

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

  @media (min-width: 576px) {
      .rz-max-h-xs-25 { max-height: 25% !important }

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

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

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

  @media (min-width: 768px) {
      .rz-max-h-sm-25 { max-height: 25% !important }

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

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

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

  @media (min-width: 1024px) {
      .rz-max-h-md-25 { max-height: 25% !important }

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

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

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

  @media (min-width: 1280px) {
      .rz-max-h-lg-25 { max-height: 25% !important }

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

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

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

  @media (min-width: 1920px) {
      .rz-max-h-xl-25 { max-height: 25% !important }

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

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

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

  @media (min-width: 2560px) {
      .rz-max-h-xx-25 { max-height: 25% !important }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rz-border-color-primary-dark { border-color: var(--rz-primary-dark) !important }

  .rz-border-color-primary-darker { border-color: var(--rz-primary-darker) !important }

  .rz-border-color-secondary { border-color: var(--rz-secondary) !important }

  .rz-border-color-secondary-light { border-color: var(--rz-secondary-light) !important }

  .rz-border-color-secondary-lighter { border-color: var(--rz-secondary-lighter) !important }

  .rz-border-color-secondary-dark { border-color: var(--rz-secondary-dark) !important }

  .rz-border-color-secondary-darker { border-color: var(--rz-secondary-darker) !important }

  .rz-border-color-info { border-color: var(--rz-info) !important }

  .rz-border-color-info-light { border-color: var(--rz-info-light) !important }

  .rz-border-color-info-lighter { border-color: var(--rz-info-lighter) !important }

  .rz-border-color-info-dark { border-color: var(--rz-info-dark) !important }

  .rz-border-color-info-darker { border-color: var(--rz-info-darker) !important }

  .rz-border-color-success { border-color: var(--rz-success) !important }

  .rz-border-color-success-light { border-color: var(--rz-success-light) !important }

  .rz-border-color-success-lighter { border-color: var(--rz-success-lighter) !important }

  .rz-border-color-success-dark { border-color: var(--rz-success-dark) !important }

  .rz-border-color-success-darker { border-color: var(--rz-success-darker) !important }

  .rz-border-color-warning { border-color: var(--rz-warning) !important }

  .rz-border-color-warning-light { border-color: var(--rz-warning-light) !important }

  .rz-border-color-warning-lighter { border-color: var(--rz-warning-lighter) !important }

  .rz-border-color-warning-dark { border-color: var(--rz-warning-dark) !important }

  .rz-border-color-warning-darker { border-color: var(--rz-warning-darker) !important }

  .rz-border-color-danger { border-color: var(--rz-danger) !important }

  .rz-border-color-danger-light { border-color: var(--rz-danger-light) !important }

  .rz-border-color-danger-lighter { border-color: var(--rz-danger-lighter) !important }

  .rz-border-color-danger-dark { border-color: var(--rz-danger-dark) !important }

  .rz-border-color-danger-darker { border-color: var(--rz-danger-darker) !important }

  .rz-border-color-on-base { border-color: var(--rz-on-base) !important }

  .rz-border-color-on-base-light { border-color: var(--rz-on-base-light) !important }

  .rz-border-color-on-base-lighter { border-color: var(--rz-on-base-lighter) !important }

  .rz-border-color-on-base-dark { border-color: var(--rz-on-base-dark) !important }

  .rz-border-color-on-base-darker { border-color: var(--rz-on-base-darker) !important }

  .rz-border-color-on-primary { border-color: var(--rz-on-primary) !important }

  .rz-border-color-on-primary-light { border-color: var(--rz-on-primary-light) !important }

  .rz-border-color-on-primary-lighter { border-color: var(--rz-on-primary-lighter) !important }

  .rz-border-color-on-primary-dark { border-color: var(--rz-on-primary-dark) !important }

  .rz-border-color-on-primary-darker { border-color: var(--rz-on-primary-darker) !important }

  .rz-border-color-on-secondary { border-color: var(--rz-on-secondary) !important }

  .rz-border-color-on-secondary-light { border-color: var(--rz-on-secondary-light) !important }

  .rz-border-color-on-secondary-lighter { border-color: var(--rz-on-secondary-lighter) !important }

  .rz-border-color-on-secondary-dark { border-color: var(--rz-on-secondary-dark) !important }

  .rz-border-color-on-secondary-darker { border-color: var(--rz-on-secondary-darker) !important }

  .rz-border-color-on-info { border-color: var(--rz-on-info) !important }

  .rz-border-color-on-info-light { border-color: var(--rz-on-info-light) !important }

  .rz-border-color-on-info-lighter { border-color: var(--rz-on-info-lighter) !important }

  .rz-border-color-on-info-dark { border-color: var(--rz-on-info-dark) !important }

  .rz-border-color-on-info-darker { border-color: var(--rz-on-info-darker) !important }

  .rz-border-color-on-success { border-color: var(--rz-on-success) !important }

  .rz-border-color-on-success-light { border-color: var(--rz-on-success-light) !important }

  .rz-border-color-on-success-lighter { border-color: var(--rz-on-success-lighter) !important }

  .rz-border-color-on-success-dark { border-color: var(--rz-on-success-dark) !important }

  .rz-border-color-on-success-darker { border-color: var(--rz-on-success-darker) !important }

  .rz-border-color-on-warning { border-color: var(--rz-on-warning) !important }

  .rz-border-color-on-warning-light { border-color: var(--rz-on-warning-light) !important }

  .rz-border-color-on-warning-lighter { border-color: var(--rz-on-warning-lighter) !important }

  .rz-border-color-on-warning-dark { border-color: var(--rz-on-warning-dark) !important }

  .rz-border-color-on-warning-darker { border-color: var(--rz-on-warning-darker) !important }

  .rz-border-color-on-danger { border-color: var(--rz-on-danger) !important }

  .rz-border-color-on-danger-light { border-color: var(--rz-on-danger-light) !important }

  .rz-border-color-on-danger-lighter { border-color: var(--rz-on-danger-lighter) !important }

  .rz-border-color-on-danger-dark { border-color: var(--rz-on-danger-dark) !important }

  .rz-border-color-on-danger-darker { border-color: var(--rz-on-danger-darker) !important }

  .rz-border-color-series-1 { border-color: var(--rz-series-1) !important }

  .rz-border-color-series-2 { border-color: var(--rz-series-2) !important }

  .rz-border-color-series-3 { border-color: var(--rz-series-3) !important }

  .rz-border-color-series-4 { border-color: var(--rz-series-4) !important }

  .rz-border-color-series-5 { border-color: var(--rz-series-5) !important }

  .rz-border-color-series-6 { border-color: var(--rz-series-6) !important }

  .rz-border-color-series-7 { border-color: var(--rz-series-7) !important }

  .rz-border-color-series-8 { border-color: var(--rz-series-8) !important }

  .rz-border-color-series-9 { border-color: var(--rz-series-9) !important }

  .rz-border-color-series-10 { border-color: var(--rz-series-10) !important }

  .rz-border-color-series-11 { border-color: var(--rz-series-11) !important }

  .rz-border-color-series-12 { border-color: var(--rz-series-12) !important }

  .rz-border-color-series-13 { border-color: var(--rz-series-13) !important }

  .rz-border-color-series-14 { border-color: var(--rz-series-14) !important }

  .rz-border-color-series-15 { border-color: var(--rz-series-15) !important }

  .rz-border-color-series-16 { border-color: var(--rz-series-16) !important }

  .rz-border-color-series-17 { border-color: var(--rz-series-17) !important }

  .rz-border-color-series-18 { border-color: var(--rz-series-18) !important }

  .rz-border-color-series-19 { border-color: var(--rz-series-19) !important }

  .rz-border-color-series-20 { border-color: var(--rz-series-20) !important }

  .rz-border-color-series-21 { border-color: var(--rz-series-21) !important }

  .rz-border-color-series-22 { border-color: var(--rz-series-22) !important }

  .rz-border-color-series-23 { border-color: var(--rz-series-23) !important }

  .rz-border-color-series-24 { border-color: var(--rz-series-24) !important }

  .rz-ripple {
      overflow: hidden;
      position: relative;
  }

  .rz-ripple:before {
      background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
      background-position: center;
      content: "";
      inset: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      transition: background-size .8s, opacity .8s;
  }

  .rz-ripple.rz-state-disabled:before { background: rgba(0, 0, 0, 0) }

  .rz-ripple:active:before {
      background-size: 0%;
      opacity: .32;
      transition: background-size 0s, opacity 0s;
  }

  body { margin: 0 }

  .rz-m-0 { margin: 0 !important }

  .rz-my-0, .rz-mt-0 { margin-top: 0 !important }

  .rz-mx-0, .rz-mr-0 { margin-right: 0 !important }

  .rz-my-0, .rz-mb-0 { margin-bottom: 0 !important }

  .rz-mx-0, .rz-ml-0 { margin-left: 0 !important }

  .rz-ms-0 { margin-inline-start: 0 !important }

  .rz-me-0 { margin-inline-end: 0 !important }

  .rz-m-05 { margin: 0.125rem !important }

  .rz-my-05, .rz-mt-05 { margin-top: 0.125rem !important }

  .rz-mx-05, .rz-mr-05 { margin-right: 0.125rem !important }

  .rz-my-05, .rz-mb-05 { margin-bottom: 0.125rem !important }

  .rz-mx-05, .rz-ml-05 { margin-left: 0.125rem !important }

  .rz-ms-05 { margin-inline-start: 0.125rem !important }

  .rz-me-05 { margin-inline-end: 0.125rem !important }

  .rz-m-1 { margin: 0.25rem !important }

  .rz-my-1, .rz-mt-1 { margin-top: 0.25rem !important }

  .rz-mx-1, .rz-mr-1 { margin-right: 0.25rem !important }

  .rz-my-1, .rz-mb-1 { margin-bottom: 0.25rem !important }

  .rz-mx-1, .rz-ml-1 { margin-left: 0.25rem !important }

  .rz-ms-1 { margin-inline-start: 0.25rem !important }

  .rz-me-1 { margin-inline-end: 0.25rem !important }

  .rz-m-2 { margin: 0.5rem !important }

  .rz-my-2, .rz-mt-2 { margin-top: 0.5rem !important }

  .rz-mx-2, .rz-mr-2 { margin-right: 0.5rem !important }

  .rz-my-2, .rz-mb-2 { margin-bottom: 0.5rem !important }

  .rz-mx-2, .rz-ml-2 { margin-left: 0.5rem !important }

  .rz-ms-2 { margin-inline-start: 0.5rem !important }

  .rz-me-2 { margin-inline-end: 0.5rem !important }

  .rz-m-3 { margin: 0.75rem !important }

  .rz-my-3, .rz-mt-3 { margin-top: 0.75rem !important }

  .rz-mx-3, .rz-mr-3 { margin-right: 0.75rem !important }

  .rz-my-3, .rz-mb-3 { margin-bottom: 0.75rem !important }

  .rz-mx-3, .rz-ml-3 { margin-left: 0.75rem !important }

  .rz-ms-3 { margin-inline-start: 0.75rem !important }

  .rz-me-3 { margin-inline-end: 0.75rem !important }

  .rz-m-4 { margin: 1rem !important }

  .rz-my-4, .rz-mt-4 { margin-top: 1rem !important }

  .rz-mx-4, .rz-mr-4 { margin-right: 1rem !important }

  .rz-my-4, .rz-mb-4 { margin-bottom: 1rem !important }

  .rz-mx-4, .rz-ml-4 { margin-left: 1rem !important }

  .rz-ms-4 { margin-inline-start: 1rem !important }

  .rz-me-4 { margin-inline-end: 1rem !important }

  .rz-m-5 { margin: 1.25rem !important }

  .rz-my-5, .rz-mt-5 { margin-top: 1.25rem !important }

  .rz-mx-5, .rz-mr-5 { margin-right: 1.25rem !important }

  .rz-my-5, .rz-mb-5 { margin-bottom: 1.25rem !important }

  .rz-mx-5, .rz-ml-5 { margin-left: 1.25rem !important }

  .rz-ms-5 { margin-inline-start: 1.25rem !important }

  .rz-me-5 { margin-inline-end: 1.25rem !important }

  .rz-m-6 { margin: 1.5rem !important }

  .rz-my-6, .rz-mt-6 { margin-top: 1.5rem !important }

  .rz-mx-6, .rz-mr-6 { margin-right: 1.5rem !important }

  .rz-my-6, .rz-mb-6 { margin-bottom: 1.5rem !important }

  .rz-mx-6, .rz-ml-6 { margin-left: 1.5rem !important }

  .rz-ms-6 { margin-inline-start: 1.5rem !important }

  .rz-me-6 { margin-inline-end: 1.5rem !important }

  .rz-m-7 { margin: 1.75rem !important }

  .rz-my-7, .rz-mt-7 { margin-top: 1.75rem !important }

  .rz-mx-7, .rz-mr-7 { margin-right: 1.75rem !important }

  .rz-my-7, .rz-mb-7 { margin-bottom: 1.75rem !important }

  .rz-mx-7, .rz-ml-7 { margin-left: 1.75rem !important }

  .rz-ms-7 { margin-inline-start: 1.75rem !important }

  .rz-me-7 { margin-inline-end: 1.75rem !important }

  .rz-m-8 { margin: 2rem !important }

  .rz-my-8, .rz-mt-8 { margin-top: 2rem !important }

  .rz-mx-8, .rz-mr-8 { margin-right: 2rem !important }

  .rz-my-8, .rz-mb-8 { margin-bottom: 2rem !important }

  .rz-mx-8, .rz-ml-8 { margin-left: 2rem !important }

  .rz-ms-8 { margin-inline-start: 2rem !important }

  .rz-me-8 { margin-inline-end: 2rem !important }

  .rz-m-9 { margin: 2.25rem !important }

  .rz-my-9, .rz-mt-9 { margin-top: 2.25rem !important }

  .rz-mx-9, .rz-mr-9 { margin-right: 2.25rem !important }

  .rz-my-9, .rz-mb-9 { margin-bottom: 2.25rem !important }

  .rz-mx-9, .rz-ml-9 { margin-left: 2.25rem !important }

  .rz-ms-9 { margin-inline-start: 2.25rem !important }

  .rz-me-9 { margin-inline-end: 2.25rem !important }

  .rz-m-10 { margin: 2.5rem !important }

  .rz-my-10, .rz-mt-10 { margin-top: 2.5rem !important }

  .rz-mx-10, .rz-mr-10 { margin-right: 2.5rem !important }

  .rz-my-10, .rz-mb-10 { margin-bottom: 2.5rem !important }

  .rz-mx-10, .rz-ml-10 { margin-left: 2.5rem !important }

  .rz-ms-10 { margin-inline-start: 2.5rem !important }

  .rz-me-10 { margin-inline-end: 2.5rem !important }

  .rz-m-11 { margin: 2.75rem !important }

  .rz-my-11, .rz-mt-11 { margin-top: 2.75rem !important }

  .rz-mx-11, .rz-mr-11 { margin-right: 2.75rem !important }

  .rz-my-11, .rz-mb-11 { margin-bottom: 2.75rem !important }

  .rz-mx-11, .rz-ml-11 { margin-left: 2.75rem !important }

  .rz-ms-11 { margin-inline-start: 2.75rem !important }

  .rz-me-11 { margin-inline-end: 2.75rem !important }

  .rz-m-12 { margin: 3rem !important }

  .rz-my-12, .rz-mt-12 { margin-top: 3rem !important }

  .rz-mx-12, .rz-mr-12 { margin-right: 3rem !important }

  .rz-my-12, .rz-mb-12 { margin-bottom: 3rem !important }

  .rz-mx-12, .rz-ml-12 { margin-left: 3rem !important }

  .rz-ms-12 { margin-inline-start: 3rem !important }

  .rz-me-12 { margin-inline-end: 3rem !important }

  .rz-p-0 { padding: 0 !important }

  .rz-py-0, .rz-pt-0 { padding-top: 0 !important }

  .rz-px-0, .rz-pr-0 { padding-right: 0 !important }

  .rz-py-0, .rz-pb-0 { padding-bottom: 0 !important }

  .rz-px-0, .rz-pl-0 { padding-left: 0 !important }

  .rz-ps-0 { padding-inline-start: 0 !important }

  .rz-pe-0 { padding-inline-end: 0 !important }

  .rz-p-05 { padding: 0.125rem !important }

  .rz-py-05, .rz-pt-05 { padding-top: 0.125rem !important }

  .rz-px-05, .rz-pr-05 { padding-right: 0.125rem !important }

  .rz-py-05, .rz-pb-05 { padding-bottom: 0.125rem !important }

  .rz-px-05, .rz-pl-05 { padding-left: 0.125rem !important }

  .rz-ps-05 { padding-inline-start: 0.125rem !important }

  .rz-pe-05 { padding-inline-end: 0.125rem !important }

  .rz-p-1 { padding: 0.25rem !important }

  .rz-py-1, .rz-pt-1 { padding-top: 0.25rem !important }

  .rz-px-1, .rz-pr-1 { padding-right: 0.25rem !important }

  .rz-py-1, .rz-pb-1 { padding-bottom: 0.25rem !important }

  .rz-px-1, .rz-pl-1 { padding-left: 0.25rem !important }

  .rz-ps-1 { padding-inline-start: 0.25rem !important }

  .rz-pe-1 { padding-inline-end: 0.25rem !important }

  .rz-p-2 { padding: 0.5rem !important }

  .rz-py-2, .rz-pt-2 { padding-top: 0.5rem !important }

  .rz-px-2, .rz-pr-2 { padding-right: 0.5rem !important }

  .rz-py-2, .rz-pb-2 { padding-bottom: 0.5rem !important }

  .rz-px-2, .rz-pl-2 { padding-left: 0.5rem !important }

  .rz-ps-2 { padding-inline-start: 0.5rem !important }

  .rz-pe-2 { padding-inline-end: 0.5rem !important }

  .rz-p-3 { padding: 0.75rem !important }

  .rz-py-3, .rz-pt-3 { padding-top: 0.75rem !important }

  .rz-px-3, .rz-pr-3 { padding-right: 0.75rem !important }

  .rz-py-3, .rz-pb-3 { padding-bottom: 0.75rem !important }

  .rz-px-3, .rz-pl-3 { padding-left: 0.75rem !important }

  .rz-ps-3 { padding-inline-start: 0.75rem !important }

  .rz-pe-3 { padding-inline-end: 0.75rem !important }

  .rz-p-4 { padding: 1rem !important }

  .rz-py-4, .rz-pt-4 { padding-top: 1rem !important }

  .rz-px-4, .rz-pr-4 { padding-right: 1rem !important }

  .rz-py-4, .rz-pb-4 { padding-bottom: 1rem !important }

  .rz-px-4, .rz-pl-4 { padding-left: 1rem !important }

  .rz-ps-4 { padding-inline-start: 1rem !important }

  .rz-pe-4 { padding-inline-end: 1rem !important }

  .rz-p-5 { padding: 1.25rem !important }

  .rz-py-5, .rz-pt-5 { padding-top: 1.25rem !important }

  .rz-px-5, .rz-pr-5 { padding-right: 1.25rem !important }

  .rz-py-5, .rz-pb-5 { padding-bottom: 1.25rem !important }

  .rz-px-5, .rz-pl-5 { padding-left: 1.25rem !important }

  .rz-ps-5 { padding-inline-start: 1.25rem !important }

  .rz-pe-5 { padding-inline-end: 1.25rem !important }

  .rz-p-6 { padding: 1.5rem !important }

  .rz-py-6, .rz-pt-6 { padding-top: 1.5rem !important }

  .rz-px-6, .rz-pr-6 { padding-right: 1.5rem !important }

  .rz-py-6, .rz-pb-6 { padding-bottom: 1.5rem !important }

  .rz-px-6, .rz-pl-6 { padding-left: 1.5rem !important }

  .rz-ps-6 { padding-inline-start: 1.5rem !important }

  .rz-pe-6 { padding-inline-end: 1.5rem !important }

  .rz-p-7 { padding: 1.75rem !important }

  .rz-py-7, .rz-pt-7 { padding-top: 1.75rem !important }

  .rz-px-7, .rz-pr-7 { padding-right: 1.75rem !important }

  .rz-py-7, .rz-pb-7 { padding-bottom: 1.75rem !important }

  .rz-px-7, .rz-pl-7 { padding-left: 1.75rem !important }

  .rz-ps-7 { padding-inline-start: 1.75rem !important }

  .rz-pe-7 { padding-inline-end: 1.75rem !important }

  .rz-p-8 { padding: 2rem !important }

  .rz-py-8, .rz-pt-8 { padding-top: 2rem !important }

  .rz-px-8, .rz-pr-8 { padding-right: 2rem !important }

  .rz-py-8, .rz-pb-8 { padding-bottom: 2rem !important }

  .rz-px-8, .rz-pl-8 { padding-left: 2rem !important }

  .rz-ps-8 { padding-inline-start: 2rem !important }

  .rz-pe-8 { padding-inline-end: 2rem !important }

  .rz-p-9 { padding: 2.25rem !important }

  .rz-py-9, .rz-pt-9 { padding-top: 2.25rem !important }

  .rz-px-9, .rz-pr-9 { padding-right: 2.25rem !important }

  .rz-py-9, .rz-pb-9 { padding-bottom: 2.25rem !important }

  .rz-px-9, .rz-pl-9 { padding-left: 2.25rem !important }

  .rz-ps-9 { padding-inline-start: 2.25rem !important }

  .rz-pe-9 { padding-inline-end: 2.25rem !important }

  .rz-p-10 { padding: 2.5rem !important }

  .rz-py-10, .rz-pt-10 { padding-top: 2.5rem !important }

  .rz-px-10, .rz-pr-10 { padding-right: 2.5rem !important }

  .rz-py-10, .rz-pb-10 { padding-bottom: 2.5rem !important }

  .rz-px-10, .rz-pl-10 { padding-left: 2.5rem !important }

  .rz-ps-10 { padding-inline-start: 2.5rem !important }

  .rz-pe-10 { padding-inline-end: 2.5rem !important }

  .rz-p-11 { padding: 2.75rem !important }

  .rz-py-11, .rz-pt-11 { padding-top: 2.75rem !important }

  .rz-px-11, .rz-pr-11 { padding-right: 2.75rem !important }

  .rz-py-11, .rz-pb-11 { padding-bottom: 2.75rem !important }

  .rz-px-11, .rz-pl-11 { padding-left: 2.75rem !important }

  .rz-ps-11 { padding-inline-start: 2.75rem !important }

  .rz-pe-11 { padding-inline-end: 2.75rem !important }

  .rz-p-12 { padding: 3rem !important }

  .rz-py-12, .rz-pt-12 { padding-top: 3rem !important }

  .rz-px-12, .rz-pr-12 { padding-right: 3rem !important }

  .rz-py-12, .rz-pb-12 { padding-bottom: 3rem !important }

  .rz-px-12, .rz-pl-12 { padding-left: 3rem !important }

  .rz-ps-12 { padding-inline-start: 3rem !important }

  .rz-pe-12 { padding-inline-end: 3rem !important }

  .rz-m-auto { margin: auto !important }

  .rz-my-auto, .rz-mt-auto { margin-top: auto !important }

  .rz-mx-auto, .rz-mr-auto { margin-right: auto !important }

  .rz-my-auto, .rz-mb-auto { margin-bottom: auto !important }

  .rz-mx-auto, .rz-ml-auto { margin-left: auto !important }

  .rz-ms-auto { margin-inline-start: auto !important }

  .rz-me-auto { margin-inline-end: auto !important }

  @media (min-width: 576px) {
      .rz-m-xs-0 { margin: 0 !important }

      .rz-my-xs-0, .rz-mt-xs-0 { margin-top: 0 !important }

      .rz-mx-xs-0, .rz-mr-xs-0 { margin-right: 0 !important }

      .rz-my-xs-0, .rz-mb-xs-0 { margin-bottom: 0 !important }

      .rz-mx-xs-0, .rz-ml-xs-0 { margin-left: 0 !important }

      .rz-ms-xs-0 { margin-inline-start: 0 !important }

      .rz-me-xs-0 { margin-inline-end: 0 !important }

      .rz-m-xs-05 { margin: 0.125rem !important }

      .rz-my-xs-05, .rz-mt-xs-05 { margin-top: 0.125rem !important }

      .rz-mx-xs-05, .rz-mr-xs-05 { margin-right: 0.125rem !important }

      .rz-my-xs-05, .rz-mb-xs-05 { margin-bottom: 0.125rem !important }

      .rz-mx-xs-05, .rz-ml-xs-05 { margin-left: 0.125rem !important }

      .rz-ms-xs-05 { margin-inline-start: 0.125rem !important }

      .rz-me-xs-05 { margin-inline-end: 0.125rem !important }

      .rz-m-xs-1 { margin: 0.25rem !important }

      .rz-my-xs-1, .rz-mt-xs-1 { margin-top: 0.25rem !important }

      .rz-mx-xs-1, .rz-mr-xs-1 { margin-right: 0.25rem !important }

      .rz-my-xs-1, .rz-mb-xs-1 { margin-bottom: 0.25rem !important }

      .rz-mx-xs-1, .rz-ml-xs-1 { margin-left: 0.25rem !important }

      .rz-ms-xs-1 { margin-inline-start: 0.25rem !important }

      .rz-me-xs-1 { margin-inline-end: 0.25rem !important }

      .rz-m-xs-2 { margin: 0.5rem !important }

      .rz-my-xs-2, .rz-mt-xs-2 { margin-top: 0.5rem !important }

      .rz-mx-xs-2, .rz-mr-xs-2 { margin-right: 0.5rem !important }

      .rz-my-xs-2, .rz-mb-xs-2 { margin-bottom: 0.5rem !important }

      .rz-mx-xs-2, .rz-ml-xs-2 { margin-left: 0.5rem !important }

      .rz-ms-xs-2 { margin-inline-start: 0.5rem !important }

      .rz-me-xs-2 { margin-inline-end: 0.5rem !important }

      .rz-m-xs-3 { margin: 0.75rem !important }

      .rz-my-xs-3, .rz-mt-xs-3 { margin-top: 0.75rem !important }

      .rz-mx-xs-3, .rz-mr-xs-3 { margin-right: 0.75rem !important }

      .rz-my-xs-3, .rz-mb-xs-3 { margin-bottom: 0.75rem !important }

      .rz-mx-xs-3, .rz-ml-xs-3 { margin-left: 0.75rem !important }

      .rz-ms-xs-3 { margin-inline-start: 0.75rem !important }

      .rz-me-xs-3 { margin-inline-end: 0.75rem !important }

      .rz-m-xs-4 { margin: 1rem !important }

      .rz-my-xs-4, .rz-mt-xs-4 { margin-top: 1rem !important }

      .rz-mx-xs-4, .rz-mr-xs-4 { margin-right: 1rem !important }

      .rz-my-xs-4, .rz-mb-xs-4 { margin-bottom: 1rem !important }

      .rz-mx-xs-4, .rz-ml-xs-4 { margin-left: 1rem !important }

      .rz-ms-xs-4 { margin-inline-start: 1rem !important }

      .rz-me-xs-4 { margin-inline-end: 1rem !important }

      .rz-m-xs-5 { margin: 1.25rem !important }

      .rz-my-xs-5, .rz-mt-xs-5 { margin-top: 1.25rem !important }

      .rz-mx-xs-5, .rz-mr-xs-5 { margin-right: 1.25rem !important }

      .rz-my-xs-5, .rz-mb-xs-5 { margin-bottom: 1.25rem !important }

      .rz-mx-xs-5, .rz-ml-xs-5 { margin-left: 1.25rem !important }

      .rz-ms-xs-5 { margin-inline-start: 1.25rem !important }

      .rz-me-xs-5 { margin-inline-end: 1.25rem !important }

      .rz-m-xs-6 { margin: 1.5rem !important }

      .rz-my-xs-6, .rz-mt-xs-6 { margin-top: 1.5rem !important }

      .rz-mx-xs-6, .rz-mr-xs-6 { margin-right: 1.5rem !important }

      .rz-my-xs-6, .rz-mb-xs-6 { margin-bottom: 1.5rem !important }

      .rz-mx-xs-6, .rz-ml-xs-6 { margin-left: 1.5rem !important }

      .rz-ms-xs-6 { margin-inline-start: 1.5rem !important }

      .rz-me-xs-6 { margin-inline-end: 1.5rem !important }

      .rz-m-xs-7 { margin: 1.75rem !important }

      .rz-my-xs-7, .rz-mt-xs-7 { margin-top: 1.75rem !important }

      .rz-mx-xs-7, .rz-mr-xs-7 { margin-right: 1.75rem !important }

      .rz-my-xs-7, .rz-mb-xs-7 { margin-bottom: 1.75rem !important }

      .rz-mx-xs-7, .rz-ml-xs-7 { margin-left: 1.75rem !important }

      .rz-ms-xs-7 { margin-inline-start: 1.75rem !important }

      .rz-me-xs-7 { margin-inline-end: 1.75rem !important }

      .rz-m-xs-8 { margin: 2rem !important }

      .rz-my-xs-8, .rz-mt-xs-8 { margin-top: 2rem !important }

      .rz-mx-xs-8, .rz-mr-xs-8 { margin-right: 2rem !important }

      .rz-my-xs-8, .rz-mb-xs-8 { margin-bottom: 2rem !important }

      .rz-mx-xs-8, .rz-ml-xs-8 { margin-left: 2rem !important }

      .rz-ms-xs-8 { margin-inline-start: 2rem !important }

      .rz-me-xs-8 { margin-inline-end: 2rem !important }

      .rz-m-xs-9 { margin: 2.25rem !important }

      .rz-my-xs-9, .rz-mt-xs-9 { margin-top: 2.25rem !important }

      .rz-mx-xs-9, .rz-mr-xs-9 { margin-right: 2.25rem !important }

      .rz-my-xs-9, .rz-mb-xs-9 { margin-bottom: 2.25rem !important }

      .rz-mx-xs-9, .rz-ml-xs-9 { margin-left: 2.25rem !important }

      .rz-ms-xs-9 { margin-inline-start: 2.25rem !important }

      .rz-me-xs-9 { margin-inline-end: 2.25rem !important }

      .rz-m-xs-10 { margin: 2.5rem !important }

      .rz-my-xs-10, .rz-mt-xs-10 { margin-top: 2.5rem !important }

      .rz-mx-xs-10, .rz-mr-xs-10 { margin-right: 2.5rem !important }

      .rz-my-xs-10, .rz-mb-xs-10 { margin-bottom: 2.5rem !important }

      .rz-mx-xs-10, .rz-ml-xs-10 { margin-left: 2.5rem !important }

      .rz-ms-xs-10 { margin-inline-start: 2.5rem !important }

      .rz-me-xs-10 { margin-inline-end: 2.5rem !important }

      .rz-m-xs-11 { margin: 2.75rem !important }

      .rz-my-xs-11, .rz-mt-xs-11 { margin-top: 2.75rem !important }

      .rz-mx-xs-11, .rz-mr-xs-11 { margin-right: 2.75rem !important }

      .rz-my-xs-11, .rz-mb-xs-11 { margin-bottom: 2.75rem !important }

      .rz-mx-xs-11, .rz-ml-xs-11 { margin-left: 2.75rem !important }

      .rz-ms-xs-11 { margin-inline-start: 2.75rem !important }

      .rz-me-xs-11 { margin-inline-end: 2.75rem !important }

      .rz-m-xs-12 { margin: 3rem !important }

      .rz-my-xs-12, .rz-mt-xs-12 { margin-top: 3rem !important }

      .rz-mx-xs-12, .rz-mr-xs-12 { margin-right: 3rem !important }

      .rz-my-xs-12, .rz-mb-xs-12 { margin-bottom: 3rem !important }

      .rz-mx-xs-12, .rz-ml-xs-12 { margin-left: 3rem !important }

      .rz-ms-xs-12 { margin-inline-start: 3rem !important }

      .rz-me-xs-12 { margin-inline-end: 3rem !important }

      .rz-p-xs-0 { padding: 0 !important }

      .rz-py-xs-0, .rz-pt-xs-0 { padding-top: 0 !important }

      .rz-px-xs-0, .rz-pr-xs-0 { padding-right: 0 !important }

      .rz-py-xs-0, .rz-pb-xs-0 { padding-bottom: 0 !important }

      .rz-px-xs-0, .rz-pl-xs-0 { padding-left: 0 !important }

      .rz-ps-xs-0 { padding-inline-start: 0 !important }

      .rz-pe-xs-0 { padding-inline-end: 0 !important }

      .rz-p-xs-05 { padding: 0.125rem !important }

      .rz-py-xs-05, .rz-pt-xs-05 { padding-top: 0.125rem !important }

      .rz-px-xs-05, .rz-pr-xs-05 { padding-right: 0.125rem !important }

      .rz-py-xs-05, .rz-pb-xs-05 { padding-bottom: 0.125rem !important }

      .rz-px-xs-05, .rz-pl-xs-05 { padding-left: 0.125rem !important }

      .rz-ps-xs-05 { padding-inline-start: 0.125rem !important }

      .rz-pe-xs-05 { padding-inline-end: 0.125rem !important }

      .rz-p-xs-1 { padding: 0.25rem !important }

      .rz-py-xs-1, .rz-pt-xs-1 { padding-top: 0.25rem !important }

      .rz-px-xs-1, .rz-pr-xs-1 { padding-right: 0.25rem !important }

      .rz-py-xs-1, .rz-pb-xs-1 { padding-bottom: 0.25rem !important }

      .rz-px-xs-1, .rz-pl-xs-1 { padding-left: 0.25rem !important }

      .rz-ps-xs-1 { padding-inline-start: 0.25rem !important }

      .rz-pe-xs-1 { padding-inline-end: 0.25rem !important }

      .rz-p-xs-2 { padding: 0.5rem !important }

      .rz-py-xs-2, .rz-pt-xs-2 { padding-top: 0.5rem !important }

      .rz-px-xs-2, .rz-pr-xs-2 { padding-right: 0.5rem !important }

      .rz-py-xs-2, .rz-pb-xs-2 { padding-bottom: 0.5rem !important }

      .rz-px-xs-2, .rz-pl-xs-2 { padding-left: 0.5rem !important }

      .rz-ps-xs-2 { padding-inline-start: 0.5rem !important }

      .rz-pe-xs-2 { padding-inline-end: 0.5rem !important }

      .rz-p-xs-3 { padding: 0.75rem !important }

      .rz-py-xs-3, .rz-pt-xs-3 { padding-top: 0.75rem !important }

      .rz-px-xs-3, .rz-pr-xs-3 { padding-right: 0.75rem !important }

      .rz-py-xs-3, .rz-pb-xs-3 { padding-bottom: 0.75rem !important }

      .rz-px-xs-3, .rz-pl-xs-3 { padding-left: 0.75rem !important }

      .rz-ps-xs-3 { padding-inline-start: 0.75rem !important }

      .rz-pe-xs-3 { padding-inline-end: 0.75rem !important }

      .rz-p-xs-4 { padding: 1rem !important }

      .rz-py-xs-4, .rz-pt-xs-4 { padding-top: 1rem !important }

      .rz-px-xs-4, .rz-pr-xs-4 { padding-right: 1rem !important }

      .rz-py-xs-4, .rz-pb-xs-4 { padding-bottom: 1rem !important }

      .rz-px-xs-4, .rz-pl-xs-4 { padding-left: 1rem !important }

      .rz-ps-xs-4 { padding-inline-start: 1rem !important }

      .rz-pe-xs-4 { padding-inline-end: 1rem !important }

      .rz-p-xs-5 { padding: 1.25rem !important }

      .rz-py-xs-5, .rz-pt-xs-5 { padding-top: 1.25rem !important }

      .rz-px-xs-5, .rz-pr-xs-5 { padding-right: 1.25rem !important }

      .rz-py-xs-5, .rz-pb-xs-5 { padding-bottom: 1.25rem !important }

      .rz-px-xs-5, .rz-pl-xs-5 { padding-left: 1.25rem !important }

      .rz-ps-xs-5 { padding-inline-start: 1.25rem !important }

      .rz-pe-xs-5 { padding-inline-end: 1.25rem !important }

      .rz-p-xs-6 { padding: 1.5rem !important }

      .rz-py-xs-6, .rz-pt-xs-6 { padding-top: 1.5rem !important }

      .rz-px-xs-6, .rz-pr-xs-6 { padding-right: 1.5rem !important }

      .rz-py-xs-6, .rz-pb-xs-6 { padding-bottom: 1.5rem !important }

      .rz-px-xs-6, .rz-pl-xs-6 { padding-left: 1.5rem !important }

      .rz-ps-xs-6 { padding-inline-start: 1.5rem !important }

      .rz-pe-xs-6 { padding-inline-end: 1.5rem !important }

      .rz-p-xs-7 { padding: 1.75rem !important }

      .rz-py-xs-7, .rz-pt-xs-7 { padding-top: 1.75rem !important }

      .rz-px-xs-7, .rz-pr-xs-7 { padding-right: 1.75rem !important }

      .rz-py-xs-7, .rz-pb-xs-7 { padding-bottom: 1.75rem !important }

      .rz-px-xs-7, .rz-pl-xs-7 { padding-left: 1.75rem !important }

      .rz-ps-xs-7 { padding-inline-start: 1.75rem !important }

      .rz-pe-xs-7 { padding-inline-end: 1.75rem !important }

      .rz-p-xs-8 { padding: 2rem !important }

      .rz-py-xs-8, .rz-pt-xs-8 { padding-top: 2rem !important }

      .rz-px-xs-8, .rz-pr-xs-8 { padding-right: 2rem !important }

      .rz-py-xs-8, .rz-pb-xs-8 { padding-bottom: 2rem !important }

      .rz-px-xs-8, .rz-pl-xs-8 { padding-left: 2rem !important }

      .rz-ps-xs-8 { padding-inline-start: 2rem !important }

      .rz-pe-xs-8 { padding-inline-end: 2rem !important }

      .rz-p-xs-9 { padding: 2.25rem !important }

      .rz-py-xs-9, .rz-pt-xs-9 { padding-top: 2.25rem !important }

      .rz-px-xs-9, .rz-pr-xs-9 { padding-right: 2.25rem !important }

      .rz-py-xs-9, .rz-pb-xs-9 { padding-bottom: 2.25rem !important }

      .rz-px-xs-9, .rz-pl-xs-9 { padding-left: 2.25rem !important }

      .rz-ps-xs-9 { padding-inline-start: 2.25rem !important }

      .rz-pe-xs-9 { padding-inline-end: 2.25rem !important }

      .rz-p-xs-10 { padding: 2.5rem !important }

      .rz-py-xs-10, .rz-pt-xs-10 { padding-top: 2.5rem !important }

      .rz-px-xs-10, .rz-pr-xs-10 { padding-right: 2.5rem !important }

      .rz-py-xs-10, .rz-pb-xs-10 { padding-bottom: 2.5rem !important }

      .rz-px-xs-10, .rz-pl-xs-10 { padding-left: 2.5rem !important }

      .rz-ps-xs-10 { padding-inline-start: 2.5rem !important }

      .rz-pe-xs-10 { padding-inline-end: 2.5rem !important }

      .rz-p-xs-11 { padding: 2.75rem !important }

      .rz-py-xs-11, .rz-pt-xs-11 { padding-top: 2.75rem !important }

      .rz-px-xs-11, .rz-pr-xs-11 { padding-right: 2.75rem !important }

      .rz-py-xs-11, .rz-pb-xs-11 { padding-bottom: 2.75rem !important }

      .rz-px-xs-11, .rz-pl-xs-11 { padding-left: 2.75rem !important }

      .rz-ps-xs-11 { padding-inline-start: 2.75rem !important }

      .rz-pe-xs-11 { padding-inline-end: 2.75rem !important }

      .rz-p-xs-12 { padding: 3rem !important }

      .rz-py-xs-12, .rz-pt-xs-12 { padding-top: 3rem !important }

      .rz-px-xs-12, .rz-pr-xs-12 { padding-right: 3rem !important }

      .rz-py-xs-12, .rz-pb-xs-12 { padding-bottom: 3rem !important }

      .rz-px-xs-12, .rz-pl-xs-12 { padding-left: 3rem !important }

      .rz-ps-xs-12 { padding-inline-start: 3rem !important }

      .rz-pe-xs-12 { padding-inline-end: 3rem !important }

      .rz-m-xs-auto { margin: auto !important }

      .rz-my-xs-auto, .rz-mt-xs-auto { margin-top: auto !important }

      .rz-mx-xs-auto, .rz-mr-xs-auto { margin-right: auto !important }

      .rz-my-xs-auto, .rz-mb-xs-auto { margin-bottom: auto !important }

      .rz-mx-xs-auto, .rz-ml-xs-auto { margin-left: auto !important }

      .rz-ms-xs-auto { margin-inline-start: auto !important }

      .rz-me-xs-auto { margin-inline-end: auto !important }
  }

  @media (min-width: 768px) {
      .rz-m-sm-0 { margin: 0 !important }

      .rz-my-sm-0, .rz-mt-sm-0 { margin-top: 0 !important }

      .rz-mx-sm-0, .rz-mr-sm-0 { margin-right: 0 !important }

      .rz-my-sm-0, .rz-mb-sm-0 { margin-bottom: 0 !important }

      .rz-mx-sm-0, .rz-ml-sm-0 { margin-left: 0 !important }

      .rz-ms-sm-0 { margin-inline-start: 0 !important }

      .rz-me-sm-0 { margin-inline-end: 0 !important }

      .rz-m-sm-05 { margin: 0.125rem !important }

      .rz-my-sm-05, .rz-mt-sm-05 { margin-top: 0.125rem !important }

      .rz-mx-sm-05, .rz-mr-sm-05 { margin-right: 0.125rem !important }

      .rz-my-sm-05, .rz-mb-sm-05 { margin-bottom: 0.125rem !important }

      .rz-mx-sm-05, .rz-ml-sm-05 { margin-left: 0.125rem !important }

      .rz-ms-sm-05 { margin-inline-start: 0.125rem !important }

      .rz-me-sm-05 { margin-inline-end: 0.125rem !important }

      .rz-m-sm-1 { margin: 0.25rem !important }

      .rz-my-sm-1, .rz-mt-sm-1 { margin-top: 0.25rem !important }

      .rz-mx-sm-1, .rz-mr-sm-1 { margin-right: 0.25rem !important }

      .rz-my-sm-1, .rz-mb-sm-1 { margin-bottom: 0.25rem !important }

      .rz-mx-sm-1, .rz-ml-sm-1 { margin-left: 0.25rem !important }

      .rz-ms-sm-1 { margin-inline-start: 0.25rem !important }

      .rz-me-sm-1 { margin-inline-end: 0.25rem !important }

      .rz-m-sm-2 { margin: 0.5rem !important }

      .rz-my-sm-2, .rz-mt-sm-2 { margin-top: 0.5rem !important }

      .rz-mx-sm-2, .rz-mr-sm-2 { margin-right: 0.5rem !important }

      .rz-my-sm-2, .rz-mb-sm-2 { margin-bottom: 0.5rem !important }

      .rz-mx-sm-2, .rz-ml-sm-2 { margin-left: 0.5rem !important }

      .rz-ms-sm-2 { margin-inline-start: 0.5rem !important }

      .rz-me-sm-2 { margin-inline-end: 0.5rem !important }

      .rz-m-sm-3 { margin: 0.75rem !important }

      .rz-my-sm-3, .rz-mt-sm-3 { margin-top: 0.75rem !important }

      .rz-mx-sm-3, .rz-mr-sm-3 { margin-right: 0.75rem !important }

      .rz-my-sm-3, .rz-mb-sm-3 { margin-bottom: 0.75rem !important }

      .rz-mx-sm-3, .rz-ml-sm-3 { margin-left: 0.75rem !important }

      .rz-ms-sm-3 { margin-inline-start: 0.75rem !important }

      .rz-me-sm-3 { margin-inline-end: 0.75rem !important }

      .rz-m-sm-4 { margin: 1rem !important }

      .rz-my-sm-4, .rz-mt-sm-4 { margin-top: 1rem !important }

      .rz-mx-sm-4, .rz-mr-sm-4 { margin-right: 1rem !important }

      .rz-my-sm-4, .rz-mb-sm-4 { margin-bottom: 1rem !important }

      .rz-mx-sm-4, .rz-ml-sm-4 { margin-left: 1rem !important }

      .rz-ms-sm-4 { margin-inline-start: 1rem !important }

      .rz-me-sm-4 { margin-inline-end: 1rem !important }

      .rz-m-sm-5 { margin: 1.25rem !important }

      .rz-my-sm-5, .rz-mt-sm-5 { margin-top: 1.25rem !important }

      .rz-mx-sm-5, .rz-mr-sm-5 { margin-right: 1.25rem !important }

      .rz-my-sm-5, .rz-mb-sm-5 { margin-bottom: 1.25rem !important }

      .rz-mx-sm-5, .rz-ml-sm-5 { margin-left: 1.25rem !important }

      .rz-ms-sm-5 { margin-inline-start: 1.25rem !important }

      .rz-me-sm-5 { margin-inline-end: 1.25rem !important }

      .rz-m-sm-6 { margin: 1.5rem !important }

      .rz-my-sm-6, .rz-mt-sm-6 { margin-top: 1.5rem !important }

      .rz-mx-sm-6, .rz-mr-sm-6 { margin-right: 1.5rem !important }

      .rz-my-sm-6, .rz-mb-sm-6 { margin-bottom: 1.5rem !important }

      .rz-mx-sm-6, .rz-ml-sm-6 { margin-left: 1.5rem !important }

      .rz-ms-sm-6 { margin-inline-start: 1.5rem !important }

      .rz-me-sm-6 { margin-inline-end: 1.5rem !important }

      .rz-m-sm-7 { margin: 1.75rem !important }

      .rz-my-sm-7, .rz-mt-sm-7 { margin-top: 1.75rem !important }

      .rz-mx-sm-7, .rz-mr-sm-7 { margin-right: 1.75rem !important }

      .rz-my-sm-7, .rz-mb-sm-7 { margin-bottom: 1.75rem !important }

      .rz-mx-sm-7, .rz-ml-sm-7 { margin-left: 1.75rem !important }

      .rz-ms-sm-7 { margin-inline-start: 1.75rem !important }

      .rz-me-sm-7 { margin-inline-end: 1.75rem !important }

      .rz-m-sm-8 { margin: 2rem !important }

      .rz-my-sm-8, .rz-mt-sm-8 { margin-top: 2rem !important }

      .rz-mx-sm-8, .rz-mr-sm-8 { margin-right: 2rem !important }

      .rz-my-sm-8, .rz-mb-sm-8 { margin-bottom: 2rem !important }

      .rz-mx-sm-8, .rz-ml-sm-8 { margin-left: 2rem !important }

      .rz-ms-sm-8 { margin-inline-start: 2rem !important }

      .rz-me-sm-8 { margin-inline-end: 2rem !important }

      .rz-m-sm-9 { margin: 2.25rem !important }

      .rz-my-sm-9, .rz-mt-sm-9 { margin-top: 2.25rem !important }

      .rz-mx-sm-9, .rz-mr-sm-9 { margin-right: 2.25rem !important }

      .rz-my-sm-9, .rz-mb-sm-9 { margin-bottom: 2.25rem !important }

      .rz-mx-sm-9, .rz-ml-sm-9 { margin-left: 2.25rem !important }

      .rz-ms-sm-9 { margin-inline-start: 2.25rem !important }

      .rz-me-sm-9 { margin-inline-end: 2.25rem !important }

      .rz-m-sm-10 { margin: 2.5rem !important }

      .rz-my-sm-10, .rz-mt-sm-10 { margin-top: 2.5rem !important }

      .rz-mx-sm-10, .rz-mr-sm-10 { margin-right: 2.5rem !important }

      .rz-my-sm-10, .rz-mb-sm-10 { margin-bottom: 2.5rem !important }

      .rz-mx-sm-10, .rz-ml-sm-10 { margin-left: 2.5rem !important }

      .rz-ms-sm-10 { margin-inline-start: 2.5rem !important }

      .rz-me-sm-10 { margin-inline-end: 2.5rem !important }

      .rz-m-sm-11 { margin: 2.75rem !important }

      .rz-my-sm-11, .rz-mt-sm-11 { margin-top: 2.75rem !important }

      .rz-mx-sm-11, .rz-mr-sm-11 { margin-right: 2.75rem !important }

      .rz-my-sm-11, .rz-mb-sm-11 { margin-bottom: 2.75rem !important }

      .rz-mx-sm-11, .rz-ml-sm-11 { margin-left: 2.75rem !important }

      .rz-ms-sm-11 { margin-inline-start: 2.75rem !important }

      .rz-me-sm-11 { margin-inline-end: 2.75rem !important }

      .rz-m-sm-12 { margin: 3rem !important }

      .rz-my-sm-12, .rz-mt-sm-12 { margin-top: 3rem !important }

      .rz-mx-sm-12, .rz-mr-sm-12 { margin-right: 3rem !important }

      .rz-my-sm-12, .rz-mb-sm-12 { margin-bottom: 3rem !important }

      .rz-mx-sm-12, .rz-ml-sm-12 { margin-left: 3rem !important }

      .rz-ms-sm-12 { margin-inline-start: 3rem !important }

      .rz-me-sm-12 { margin-inline-end: 3rem !important }

      .rz-p-sm-0 { padding: 0 !important }

      .rz-py-sm-0, .rz-pt-sm-0 { padding-top: 0 !important }

      .rz-px-sm-0, .rz-pr-sm-0 { padding-right: 0 !important }

      .rz-py-sm-0, .rz-pb-sm-0 { padding-bottom: 0 !important }

      .rz-px-sm-0, .rz-pl-sm-0 { padding-left: 0 !important }

      .rz-ps-sm-0 { padding-inline-start: 0 !important }

      .rz-pe-sm-0 { padding-inline-end: 0 !important }

      .rz-p-sm-05 { padding: 0.125rem !important }

      .rz-py-sm-05, .rz-pt-sm-05 { padding-top: 0.125rem !important }

      .rz-px-sm-05, .rz-pr-sm-05 { padding-right: 0.125rem !important }

      .rz-py-sm-05, .rz-pb-sm-05 { padding-bottom: 0.125rem !important }

      .rz-px-sm-05, .rz-pl-sm-05 { padding-left: 0.125rem !important }

      .rz-ps-sm-05 { padding-inline-start: 0.125rem !important }

      .rz-pe-sm-05 { padding-inline-end: 0.125rem !important }

      .rz-p-sm-1 { padding: 0.25rem !important }

      .rz-py-sm-1, .rz-pt-sm-1 { padding-top: 0.25rem !important }

      .rz-px-sm-1, .rz-pr-sm-1 { padding-right: 0.25rem !important }

      .rz-py-sm-1, .rz-pb-sm-1 { padding-bottom: 0.25rem !important }

      .rz-px-sm-1, .rz-pl-sm-1 { padding-left: 0.25rem !important }

      .rz-ps-sm-1 { padding-inline-start: 0.25rem !important }

      .rz-pe-sm-1 { padding-inline-end: 0.25rem !important }

      .rz-p-sm-2 { padding: 0.5rem !important }

      .rz-py-sm-2, .rz-pt-sm-2 { padding-top: 0.5rem !important }

      .rz-px-sm-2, .rz-pr-sm-2 { padding-right: 0.5rem !important }

      .rz-py-sm-2, .rz-pb-sm-2 { padding-bottom: 0.5rem !important }

      .rz-px-sm-2, .rz-pl-sm-2 { padding-left: 0.5rem !important }

      .rz-ps-sm-2 { padding-inline-start: 0.5rem !important }

      .rz-pe-sm-2 { padding-inline-end: 0.5rem !important }

      .rz-p-sm-3 { padding: 0.75rem !important }

      .rz-py-sm-3, .rz-pt-sm-3 { padding-top: 0.75rem !important }

      .rz-px-sm-3, .rz-pr-sm-3 { padding-right: 0.75rem !important }

      .rz-py-sm-3, .rz-pb-sm-3 { padding-bottom: 0.75rem !important }

      .rz-px-sm-3, .rz-pl-sm-3 { padding-left: 0.75rem !important }

      .rz-ps-sm-3 { padding-inline-start: 0.75rem !important }

      .rz-pe-sm-3 { padding-inline-end: 0.75rem !important }

      .rz-p-sm-4 { padding: 1rem !important }

      .rz-py-sm-4, .rz-pt-sm-4 { padding-top: 1rem !important }

      .rz-px-sm-4, .rz-pr-sm-4 { padding-right: 1rem !important }

      .rz-py-sm-4, .rz-pb-sm-4 { padding-bottom: 1rem !important }

      .rz-px-sm-4, .rz-pl-sm-4 { padding-left: 1rem !important }

      .rz-ps-sm-4 { padding-inline-start: 1rem !important }

      .rz-pe-sm-4 { padding-inline-end: 1rem !important }

      .rz-p-sm-5 { padding: 1.25rem !important }

      .rz-py-sm-5, .rz-pt-sm-5 { padding-top: 1.25rem !important }

      .rz-px-sm-5, .rz-pr-sm-5 { padding-right: 1.25rem !important }

      .rz-py-sm-5, .rz-pb-sm-5 { padding-bottom: 1.25rem !important }

      .rz-px-sm-5, .rz-pl-sm-5 { padding-left: 1.25rem !important }

      .rz-ps-sm-5 { padding-inline-start: 1.25rem !important }

      .rz-pe-sm-5 { padding-inline-end: 1.25rem !important }

      .rz-p-sm-6 { padding: 1.5rem !important }

      .rz-py-sm-6, .rz-pt-sm-6 { padding-top: 1.5rem !important }

      .rz-px-sm-6, .rz-pr-sm-6 { padding-right: 1.5rem !important }

      .rz-py-sm-6, .rz-pb-sm-6 { padding-bottom: 1.5rem !important }

      .rz-px-sm-6, .rz-pl-sm-6 { padding-left: 1.5rem !important }

      .rz-ps-sm-6 { padding-inline-start: 1.5rem !important }

      .rz-pe-sm-6 { padding-inline-end: 1.5rem !important }

      .rz-p-sm-7 { padding: 1.75rem !important }

      .rz-py-sm-7, .rz-pt-sm-7 { padding-top: 1.75rem !important }

      .rz-px-sm-7, .rz-pr-sm-7 { padding-right: 1.75rem !important }

      .rz-py-sm-7, .rz-pb-sm-7 { padding-bottom: 1.75rem !important }

      .rz-px-sm-7, .rz-pl-sm-7 { padding-left: 1.75rem !important }

      .rz-ps-sm-7 { padding-inline-start: 1.75rem !important }

      .rz-pe-sm-7 { padding-inline-end: 1.75rem !important }

      .rz-p-sm-8 { padding: 2rem !important }

      .rz-py-sm-8, .rz-pt-sm-8 { padding-top: 2rem !important }

      .rz-px-sm-8, .rz-pr-sm-8 { padding-right: 2rem !important }

      .rz-py-sm-8, .rz-pb-sm-8 { padding-bottom: 2rem !important }

      .rz-px-sm-8, .rz-pl-sm-8 { padding-left: 2rem !important }

      .rz-ps-sm-8 { padding-inline-start: 2rem !important }

      .rz-pe-sm-8 { padding-inline-end: 2rem !important }

      .rz-p-sm-9 { padding: 2.25rem !important }

      .rz-py-sm-9, .rz-pt-sm-9 { padding-top: 2.25rem !important }

      .rz-px-sm-9, .rz-pr-sm-9 { padding-right: 2.25rem !important }

      .rz-py-sm-9, .rz-pb-sm-9 { padding-bottom: 2.25rem !important }

      .rz-px-sm-9, .rz-pl-sm-9 { padding-left: 2.25rem !important }

      .rz-ps-sm-9 { padding-inline-start: 2.25rem !important }

      .rz-pe-sm-9 { padding-inline-end: 2.25rem !important }

      .rz-p-sm-10 { padding: 2.5rem !important }

      .rz-py-sm-10, .rz-pt-sm-10 { padding-top: 2.5rem !important }

      .rz-px-sm-10, .rz-pr-sm-10 { padding-right: 2.5rem !important }

      .rz-py-sm-10, .rz-pb-sm-10 { padding-bottom: 2.5rem !important }

      .rz-px-sm-10, .rz-pl-sm-10 { padding-left: 2.5rem !important }

      .rz-ps-sm-10 { padding-inline-start: 2.5rem !important }

      .rz-pe-sm-10 { padding-inline-end: 2.5rem !important }

      .rz-p-sm-11 { padding: 2.75rem !important }

      .rz-py-sm-11, .rz-pt-sm-11 { padding-top: 2.75rem !important }

      .rz-px-sm-11, .rz-pr-sm-11 { padding-right: 2.75rem !important }

      .rz-py-sm-11, .rz-pb-sm-11 { padding-bottom: 2.75rem !important }

      .rz-px-sm-11, .rz-pl-sm-11 { padding-left: 2.75rem !important }

      .rz-ps-sm-11 { padding-inline-start: 2.75rem !important }

      .rz-pe-sm-11 { padding-inline-end: 2.75rem !important }

      .rz-p-sm-12 { padding: 3rem !important }

      .rz-py-sm-12, .rz-pt-sm-12 { padding-top: 3rem !important }

      .rz-px-sm-12, .rz-pr-sm-12 { padding-right: 3rem !important }

      .rz-py-sm-12, .rz-pb-sm-12 { padding-bottom: 3rem !important }

      .rz-px-sm-12, .rz-pl-sm-12 { padding-left: 3rem !important }

      .rz-ps-sm-12 { padding-inline-start: 3rem !important }

      .rz-pe-sm-12 { padding-inline-end: 3rem !important }

      .rz-m-sm-auto { margin: auto !important }

      .rz-my-sm-auto, .rz-mt-sm-auto { margin-top: auto !important }

      .rz-mx-sm-auto, .rz-mr-sm-auto { margin-right: auto !important }

      .rz-my-sm-auto, .rz-mb-sm-auto { margin-bottom: auto !important }

      .rz-mx-sm-auto, .rz-ml-sm-auto { margin-left: auto !important }

      .rz-ms-sm-auto { margin-inline-start: auto !important }

      .rz-me-sm-auto { margin-inline-end: auto !important }
  }

  @media (min-width: 1024px) {
      .rz-m-md-0 { margin: 0 !important }

      .rz-my-md-0, .rz-mt-md-0 { margin-top: 0 !important }

      .rz-mx-md-0, .rz-mr-md-0 { margin-right: 0 !important }

      .rz-my-md-0, .rz-mb-md-0 { margin-bottom: 0 !important }

      .rz-mx-md-0, .rz-ml-md-0 { margin-left: 0 !important }

      .rz-ms-md-0 { margin-inline-start: 0 !important }

      .rz-me-md-0 { margin-inline-end: 0 !important }

      .rz-m-md-05 { margin: 0.125rem !important }

      .rz-my-md-05, .rz-mt-md-05 { margin-top: 0.125rem !important }

      .rz-mx-md-05, .rz-mr-md-05 { margin-right: 0.125rem !important }

      .rz-my-md-05, .rz-mb-md-05 { margin-bottom: 0.125rem !important }

      .rz-mx-md-05, .rz-ml-md-05 { margin-left: 0.125rem !important }

      .rz-ms-md-05 { margin-inline-start: 0.125rem !important }

      .rz-me-md-05 { margin-inline-end: 0.125rem !important }

      .rz-m-md-1 { margin: 0.25rem !important }

      .rz-my-md-1, .rz-mt-md-1 { margin-top: 0.25rem !important }

      .rz-mx-md-1, .rz-mr-md-1 { margin-right: 0.25rem !important }

      .rz-my-md-1, .rz-mb-md-1 { margin-bottom: 0.25rem !important }

      .rz-mx-md-1, .rz-ml-md-1 { margin-left: 0.25rem !important }

      .rz-ms-md-1 { margin-inline-start: 0.25rem !important }

      .rz-me-md-1 { margin-inline-end: 0.25rem !important }

      .rz-m-md-2 { margin: 0.5rem !important }

      .rz-my-md-2, .rz-mt-md-2 { margin-top: 0.5rem !important }

      .rz-mx-md-2, .rz-mr-md-2 { margin-right: 0.5rem !important }

      .rz-my-md-2, .rz-mb-md-2 { margin-bottom: 0.5rem !important }

      .rz-mx-md-2, .rz-ml-md-2 { margin-left: 0.5rem !important }

      .rz-ms-md-2 { margin-inline-start: 0.5rem !important }

      .rz-me-md-2 { margin-inline-end: 0.5rem !important }

      .rz-m-md-3 { margin: 0.75rem !important }

      .rz-my-md-3, .rz-mt-md-3 { margin-top: 0.75rem !important }

      .rz-mx-md-3, .rz-mr-md-3 { margin-right: 0.75rem !important }

      .rz-my-md-3, .rz-mb-md-3 { margin-bottom: 0.75rem !important }

      .rz-mx-md-3, .rz-ml-md-3 { margin-left: 0.75rem !important }

      .rz-ms-md-3 { margin-inline-start: 0.75rem !important }

      .rz-me-md-3 { margin-inline-end: 0.75rem !important }

      .rz-m-md-4 { margin: 1rem !important }

      .rz-my-md-4, .rz-mt-md-4 { margin-top: 1rem !important }

      .rz-mx-md-4, .rz-mr-md-4 { margin-right: 1rem !important }

      .rz-my-md-4, .rz-mb-md-4 { margin-bottom: 1rem !important }

      .rz-mx-md-4, .rz-ml-md-4 { margin-left: 1rem !important }

      .rz-ms-md-4 { margin-inline-start: 1rem !important }

      .rz-me-md-4 { margin-inline-end: 1rem !important }

      .rz-m-md-5 { margin: 1.25rem !important }

      .rz-my-md-5, .rz-mt-md-5 { margin-top: 1.25rem !important }

      .rz-mx-md-5, .rz-mr-md-5 { margin-right: 1.25rem !important }

      .rz-my-md-5, .rz-mb-md-5 { margin-bottom: 1.25rem !important }

      .rz-mx-md-5, .rz-ml-md-5 { margin-left: 1.25rem !important }

      .rz-ms-md-5 { margin-inline-start: 1.25rem !important }

      .rz-me-md-5 { margin-inline-end: 1.25rem !important }

      .rz-m-md-6 { margin: 1.5rem !important }

      .rz-my-md-6, .rz-mt-md-6 { margin-top: 1.5rem !important }

      .rz-mx-md-6, .rz-mr-md-6 { margin-right: 1.5rem !important }

      .rz-my-md-6, .rz-mb-md-6 { margin-bottom: 1.5rem !important }

      .rz-mx-md-6, .rz-ml-md-6 { margin-left: 1.5rem !important }

      .rz-ms-md-6 { margin-inline-start: 1.5rem !important }

      .rz-me-md-6 { margin-inline-end: 1.5rem !important }

      .rz-m-md-7 { margin: 1.75rem !important }

      .rz-my-md-7, .rz-mt-md-7 { margin-top: 1.75rem !important }

      .rz-mx-md-7, .rz-mr-md-7 { margin-right: 1.75rem !important }

      .rz-my-md-7, .rz-mb-md-7 { margin-bottom: 1.75rem !important }

      .rz-mx-md-7, .rz-ml-md-7 { margin-left: 1.75rem !important }

      .rz-ms-md-7 { margin-inline-start: 1.75rem !important }

      .rz-me-md-7 { margin-inline-end: 1.75rem !important }

      .rz-m-md-8 { margin: 2rem !important }

      .rz-my-md-8, .rz-mt-md-8 { margin-top: 2rem !important }

      .rz-mx-md-8, .rz-mr-md-8 { margin-right: 2rem !important }

      .rz-my-md-8, .rz-mb-md-8 { margin-bottom: 2rem !important }

      .rz-mx-md-8, .rz-ml-md-8 { margin-left: 2rem !important }

      .rz-ms-md-8 { margin-inline-start: 2rem !important }

      .rz-me-md-8 { margin-inline-end: 2rem !important }

      .rz-m-md-9 { margin: 2.25rem !important }

      .rz-my-md-9, .rz-mt-md-9 { margin-top: 2.25rem !important }

      .rz-mx-md-9, .rz-mr-md-9 { margin-right: 2.25rem !important }

      .rz-my-md-9, .rz-mb-md-9 { margin-bottom: 2.25rem !important }

      .rz-mx-md-9, .rz-ml-md-9 { margin-left: 2.25rem !important }

      .rz-ms-md-9 { margin-inline-start: 2.25rem !important }

      .rz-me-md-9 { margin-inline-end: 2.25rem !important }

      .rz-m-md-10 { margin: 2.5rem !important }

      .rz-my-md-10, .rz-mt-md-10 { margin-top: 2.5rem !important }

      .rz-mx-md-10, .rz-mr-md-10 { margin-right: 2.5rem !important }

      .rz-my-md-10, .rz-mb-md-10 { margin-bottom: 2.5rem !important }

      .rz-mx-md-10, .rz-ml-md-10 { margin-left: 2.5rem !important }

      .rz-ms-md-10 { margin-inline-start: 2.5rem !important }

      .rz-me-md-10 { margin-inline-end: 2.5rem !important }

      .rz-m-md-11 { margin: 2.75rem !important }

      .rz-my-md-11, .rz-mt-md-11 { margin-top: 2.75rem !important }

      .rz-mx-md-11, .rz-mr-md-11 { margin-right: 2.75rem !important }

      .rz-my-md-11, .rz-mb-md-11 { margin-bottom: 2.75rem !important }

      .rz-mx-md-11, .rz-ml-md-11 { margin-left: 2.75rem !important }

      .rz-ms-md-11 { margin-inline-start: 2.75rem !important }

      .rz-me-md-11 { margin-inline-end: 2.75rem !important }

      .rz-m-md-12 { margin: 3rem !important }

      .rz-my-md-12, .rz-mt-md-12 { margin-top: 3rem !important }

      .rz-mx-md-12, .rz-mr-md-12 { margin-right: 3rem !important }

      .rz-my-md-12, .rz-mb-md-12 { margin-bottom: 3rem !important }

      .rz-mx-md-12, .rz-ml-md-12 { margin-left: 3rem !important }

      .rz-ms-md-12 { margin-inline-start: 3rem !important }

      .rz-me-md-12 { margin-inline-end: 3rem !important }

      .rz-p-md-0 { padding: 0 !important }

      .rz-py-md-0, .rz-pt-md-0 { padding-top: 0 !important }

      .rz-px-md-0, .rz-pr-md-0 { padding-right: 0 !important }

      .rz-py-md-0, .rz-pb-md-0 { padding-bottom: 0 !important }

      .rz-px-md-0, .rz-pl-md-0 { padding-left: 0 !important }

      .rz-ps-md-0 { padding-inline-start: 0 !important }

      .rz-pe-md-0 { padding-inline-end: 0 !important }

      .rz-p-md-05 { padding: 0.125rem !important }

      .rz-py-md-05, .rz-pt-md-05 { padding-top: 0.125rem !important }

      .rz-px-md-05, .rz-pr-md-05 { padding-right: 0.125rem !important }

      .rz-py-md-05, .rz-pb-md-05 { padding-bottom: 0.125rem !important }

      .rz-px-md-05, .rz-pl-md-05 { padding-left: 0.125rem !important }

      .rz-ps-md-05 { padding-inline-start: 0.125rem !important }

      .rz-pe-md-05 { padding-inline-end: 0.125rem !important }

      .rz-p-md-1 { padding: 0.25rem !important }

      .rz-py-md-1, .rz-pt-md-1 { padding-top: 0.25rem !important }

      .rz-px-md-1, .rz-pr-md-1 { padding-right: 0.25rem !important }

      .rz-py-md-1, .rz-pb-md-1 { padding-bottom: 0.25rem !important }

      .rz-px-md-1, .rz-pl-md-1 { padding-left: 0.25rem !important }

      .rz-ps-md-1 { padding-inline-start: 0.25rem !important }

      .rz-pe-md-1 { padding-inline-end: 0.25rem !important }

      .rz-p-md-2 { padding: 0.5rem !important }

      .rz-py-md-2, .rz-pt-md-2 { padding-top: 0.5rem !important }

      .rz-px-md-2, .rz-pr-md-2 { padding-right: 0.5rem !important }

      .rz-py-md-2, .rz-pb-md-2 { padding-bottom: 0.5rem !important }

      .rz-px-md-2, .rz-pl-md-2 { padding-left: 0.5rem !important }

      .rz-ps-md-2 { padding-inline-start: 0.5rem !important }

      .rz-pe-md-2 { padding-inline-end: 0.5rem !important }

      .rz-p-md-3 { padding: 0.75rem !important }

      .rz-py-md-3, .rz-pt-md-3 { padding-top: 0.75rem !important }

      .rz-px-md-3, .rz-pr-md-3 { padding-right: 0.75rem !important }

      .rz-py-md-3, .rz-pb-md-3 { padding-bottom: 0.75rem !important }

      .rz-px-md-3, .rz-pl-md-3 { padding-left: 0.75rem !important }

      .rz-ps-md-3 { padding-inline-start: 0.75rem !important }

      .rz-pe-md-3 { padding-inline-end: 0.75rem !important }

      .rz-p-md-4 { padding: 1rem !important }

      .rz-py-md-4, .rz-pt-md-4 { padding-top: 1rem !important }

      .rz-px-md-4, .rz-pr-md-4 { padding-right: 1rem !important }

      .rz-py-md-4, .rz-pb-md-4 { padding-bottom: 1rem !important }

      .rz-px-md-4, .rz-pl-md-4 { padding-left: 1rem !important }

      .rz-ps-md-4 { padding-inline-start: 1rem !important }

      .rz-pe-md-4 { padding-inline-end: 1rem !important }

      .rz-p-md-5 { padding: 1.25rem !important }

      .rz-py-md-5, .rz-pt-md-5 { padding-top: 1.25rem !important }

      .rz-px-md-5, .rz-pr-md-5 { padding-right: 1.25rem !important }

      .rz-py-md-5, .rz-pb-md-5 { padding-bottom: 1.25rem !important }

      .rz-px-md-5, .rz-pl-md-5 { padding-left: 1.25rem !important }

      .rz-ps-md-5 { padding-inline-start: 1.25rem !important }

      .rz-pe-md-5 { padding-inline-end: 1.25rem !important }

      .rz-p-md-6 { padding: 1.5rem !important }

      .rz-py-md-6, .rz-pt-md-6 { padding-top: 1.5rem !important }

      .rz-px-md-6, .rz-pr-md-6 { padding-right: 1.5rem !important }

      .rz-py-md-6, .rz-pb-md-6 { padding-bottom: 1.5rem !important }

      .rz-px-md-6, .rz-pl-md-6 { padding-left: 1.5rem !important }

      .rz-ps-md-6 { padding-inline-start: 1.5rem !important }

      .rz-pe-md-6 { padding-inline-end: 1.5rem !important }

      .rz-p-md-7 { padding: 1.75rem !important }

      .rz-py-md-7, .rz-pt-md-7 { padding-top: 1.75rem !important }

      .rz-px-md-7, .rz-pr-md-7 { padding-right: 1.75rem !important }

      .rz-py-md-7, .rz-pb-md-7 { padding-bottom: 1.75rem !important }

      .rz-px-md-7, .rz-pl-md-7 { padding-left: 1.75rem !important }

      .rz-ps-md-7 { padding-inline-start: 1.75rem !important }

      .rz-pe-md-7 { padding-inline-end: 1.75rem !important }

      .rz-p-md-8 { padding: 2rem !important }

      .rz-py-md-8, .rz-pt-md-8 { padding-top: 2rem !important }

      .rz-px-md-8, .rz-pr-md-8 { padding-right: 2rem !important }

      .rz-py-md-8, .rz-pb-md-8 { padding-bottom: 2rem !important }

      .rz-px-md-8, .rz-pl-md-8 { padding-left: 2rem !important }

      .rz-ps-md-8 { padding-inline-start: 2rem !important }

      .rz-pe-md-8 { padding-inline-end: 2rem !important }

      .rz-p-md-9 { padding: 2.25rem !important }

      .rz-py-md-9, .rz-pt-md-9 { padding-top: 2.25rem !important }

      .rz-px-md-9, .rz-pr-md-9 { padding-right: 2.25rem !important }

      .rz-py-md-9, .rz-pb-md-9 { padding-bottom: 2.25rem !important }

      .rz-px-md-9, .rz-pl-md-9 { padding-left: 2.25rem !important }

      .rz-ps-md-9 { padding-inline-start: 2.25rem !important }

      .rz-pe-md-9 { padding-inline-end: 2.25rem !important }

      .rz-p-md-10 { padding: 2.5rem !important }

      .rz-py-md-10, .rz-pt-md-10 { padding-top: 2.5rem !important }

      .rz-px-md-10, .rz-pr-md-10 { padding-right: 2.5rem !important }

      .rz-py-md-10, .rz-pb-md-10 { padding-bottom: 2.5rem !important }

      .rz-px-md-10, .rz-pl-md-10 { padding-left: 2.5rem !important }

      .rz-ps-md-10 { padding-inline-start: 2.5rem !important }

      .rz-pe-md-10 { padding-inline-end: 2.5rem !important }

      .rz-p-md-11 { padding: 2.75rem !important }

      .rz-py-md-11, .rz-pt-md-11 { padding-top: 2.75rem !important }

      .rz-px-md-11, .rz-pr-md-11 { padding-right: 2.75rem !important }

      .rz-py-md-11, .rz-pb-md-11 { padding-bottom: 2.75rem !important }

      .rz-px-md-11, .rz-pl-md-11 { padding-left: 2.75rem !important }

      .rz-ps-md-11 { padding-inline-start: 2.75rem !important }

      .rz-pe-md-11 { padding-inline-end: 2.75rem !important }

      .rz-p-md-12 { padding: 3rem !important }

      .rz-py-md-12, .rz-pt-md-12 { padding-top: 3rem !important }

      .rz-px-md-12, .rz-pr-md-12 { padding-right: 3rem !important }

      .rz-py-md-12, .rz-pb-md-12 { padding-bottom: 3rem !important }

      .rz-px-md-12, .rz-pl-md-12 { padding-left: 3rem !important }

      .rz-ps-md-12 { padding-inline-start: 3rem !important }

      .rz-pe-md-12 { padding-inline-end: 3rem !important }

      .rz-m-md-auto { margin: auto !important }

      .rz-my-md-auto, .rz-mt-md-auto { margin-top: auto !important }

      .rz-mx-md-auto, .rz-mr-md-auto { margin-right: auto !important }

      .rz-my-md-auto, .rz-mb-md-auto { margin-bottom: auto !important }

      .rz-mx-md-auto, .rz-ml-md-auto { margin-left: auto !important }

      .rz-ms-md-auto { margin-inline-start: auto !important }

      .rz-me-md-auto { margin-inline-end: auto !important }
  }

  @media (min-width: 1280px) {
      .rz-m-lg-0 { margin: 0 !important }

      .rz-my-lg-0, .rz-mt-lg-0 { margin-top: 0 !important }

      .rz-mx-lg-0, .rz-mr-lg-0 { margin-right: 0 !important }

      .rz-my-lg-0, .rz-mb-lg-0 { margin-bottom: 0 !important }

      .rz-mx-lg-0, .rz-ml-lg-0 { margin-left: 0 !important }

      .rz-ms-lg-0 { margin-inline-start: 0 !important }

      .rz-me-lg-0 { margin-inline-end: 0 !important }

      .rz-m-lg-05 { margin: 0.125rem !important }

      .rz-my-lg-05, .rz-mt-lg-05 { margin-top: 0.125rem !important }

      .rz-mx-lg-05, .rz-mr-lg-05 { margin-right: 0.125rem !important }

      .rz-my-lg-05, .rz-mb-lg-05 { margin-bottom: 0.125rem !important }

      .rz-mx-lg-05, .rz-ml-lg-05 { margin-left: 0.125rem !important }

      .rz-ms-lg-05 { margin-inline-start: 0.125rem !important }

      .rz-me-lg-05 { margin-inline-end: 0.125rem !important }

      .rz-m-lg-1 { margin: 0.25rem !important }

      .rz-my-lg-1, .rz-mt-lg-1 { margin-top: 0.25rem !important }

      .rz-mx-lg-1, .rz-mr-lg-1 { margin-right: 0.25rem !important }

      .rz-my-lg-1, .rz-mb-lg-1 { margin-bottom: 0.25rem !important }

      .rz-mx-lg-1, .rz-ml-lg-1 { margin-left: 0.25rem !important }

      .rz-ms-lg-1 { margin-inline-start: 0.25rem !important }

      .rz-me-lg-1 { margin-inline-end: 0.25rem !important }

      .rz-m-lg-2 { margin: 0.5rem !important }

      .rz-my-lg-2, .rz-mt-lg-2 { margin-top: 0.5rem !important }

      .rz-mx-lg-2, .rz-mr-lg-2 { margin-right: 0.5rem !important }

      .rz-my-lg-2, .rz-mb-lg-2 { margin-bottom: 0.5rem !important }

      .rz-mx-lg-2, .rz-ml-lg-2 { margin-left: 0.5rem !important }

      .rz-ms-lg-2 { margin-inline-start: 0.5rem !important }

      .rz-me-lg-2 { margin-inline-end: 0.5rem !important }

      .rz-m-lg-3 { margin: 0.75rem !important }

      .rz-my-lg-3, .rz-mt-lg-3 { margin-top: 0.75rem !important }

      .rz-mx-lg-3, .rz-mr-lg-3 { margin-right: 0.75rem !important }

      .rz-my-lg-3, .rz-mb-lg-3 { margin-bottom: 0.75rem !important }

      .rz-mx-lg-3, .rz-ml-lg-3 { margin-left: 0.75rem !important }

      .rz-ms-lg-3 { margin-inline-start: 0.75rem !important }

      .rz-me-lg-3 { margin-inline-end: 0.75rem !important }

      .rz-m-lg-4 { margin: 1rem !important }

      .rz-my-lg-4, .rz-mt-lg-4 { margin-top: 1rem !important }

      .rz-mx-lg-4, .rz-mr-lg-4 { margin-right: 1rem !important }

      .rz-my-lg-4, .rz-mb-lg-4 { margin-bottom: 1rem !important }

      .rz-mx-lg-4, .rz-ml-lg-4 { margin-left: 1rem !important }

      .rz-ms-lg-4 { margin-inline-start: 1rem !important }

      .rz-me-lg-4 { margin-inline-end: 1rem !important }

      .rz-m-lg-5 { margin: 1.25rem !important }

      .rz-my-lg-5, .rz-mt-lg-5 { margin-top: 1.25rem !important }

      .rz-mx-lg-5, .rz-mr-lg-5 { margin-right: 1.25rem !important }

      .rz-my-lg-5, .rz-mb-lg-5 { margin-bottom: 1.25rem !important }

      .rz-mx-lg-5, .rz-ml-lg-5 { margin-left: 1.25rem !important }

      .rz-ms-lg-5 { margin-inline-start: 1.25rem !important }

      .rz-me-lg-5 { margin-inline-end: 1.25rem !important }

      .rz-m-lg-6 { margin: 1.5rem !important }

      .rz-my-lg-6, .rz-mt-lg-6 { margin-top: 1.5rem !important }

      .rz-mx-lg-6, .rz-mr-lg-6 { margin-right: 1.5rem !important }

      .rz-my-lg-6, .rz-mb-lg-6 { margin-bottom: 1.5rem !important }

      .rz-mx-lg-6, .rz-ml-lg-6 { margin-left: 1.5rem !important }

      .rz-ms-lg-6 { margin-inline-start: 1.5rem !important }

      .rz-me-lg-6 { margin-inline-end: 1.5rem !important }

      .rz-m-lg-7 { margin: 1.75rem !important }

      .rz-my-lg-7, .rz-mt-lg-7 { margin-top: 1.75rem !important }

      .rz-mx-lg-7, .rz-mr-lg-7 { margin-right: 1.75rem !important }

      .rz-my-lg-7, .rz-mb-lg-7 { margin-bottom: 1.75rem !important }

      .rz-mx-lg-7, .rz-ml-lg-7 { margin-left: 1.75rem !important }

      .rz-ms-lg-7 { margin-inline-start: 1.75rem !important }

      .rz-me-lg-7 { margin-inline-end: 1.75rem !important }

      .rz-m-lg-8 { margin: 2rem !important }

      .rz-my-lg-8, .rz-mt-lg-8 { margin-top: 2rem !important }

      .rz-mx-lg-8, .rz-mr-lg-8 { margin-right: 2rem !important }

      .rz-my-lg-8, .rz-mb-lg-8 { margin-bottom: 2rem !important }

      .rz-mx-lg-8, .rz-ml-lg-8 { margin-left: 2rem !important }

      .rz-ms-lg-8 { margin-inline-start: 2rem !important }

      .rz-me-lg-8 { margin-inline-end: 2rem !important }

      .rz-m-lg-9 { margin: 2.25rem !important }

      .rz-my-lg-9, .rz-mt-lg-9 { margin-top: 2.25rem !important }

      .rz-mx-lg-9, .rz-mr-lg-9 { margin-right: 2.25rem !important }

      .rz-my-lg-9, .rz-mb-lg-9 { margin-bottom: 2.25rem !important }

      .rz-mx-lg-9, .rz-ml-lg-9 { margin-left: 2.25rem !important }

      .rz-ms-lg-9 { margin-inline-start: 2.25rem !important }

      .rz-me-lg-9 { margin-inline-end: 2.25rem !important }

      .rz-m-lg-10 { margin: 2.5rem !important }

      .rz-my-lg-10, .rz-mt-lg-10 { margin-top: 2.5rem !important }

      .rz-mx-lg-10, .rz-mr-lg-10 { margin-right: 2.5rem !important }

      .rz-my-lg-10, .rz-mb-lg-10 { margin-bottom: 2.5rem !important }

      .rz-mx-lg-10, .rz-ml-lg-10 { margin-left: 2.5rem !important }

      .rz-ms-lg-10 { margin-inline-start: 2.5rem !important }

      .rz-me-lg-10 { margin-inline-end: 2.5rem !important }

      .rz-m-lg-11 { margin: 2.75rem !important }

      .rz-my-lg-11, .rz-mt-lg-11 { margin-top: 2.75rem !important }

      .rz-mx-lg-11, .rz-mr-lg-11 { margin-right: 2.75rem !important }

      .rz-my-lg-11, .rz-mb-lg-11 { margin-bottom: 2.75rem !important }

      .rz-mx-lg-11, .rz-ml-lg-11 { margin-left: 2.75rem !important }

      .rz-ms-lg-11 { margin-inline-start: 2.75rem !important }

      .rz-me-lg-11 { margin-inline-end: 2.75rem !important }

      .rz-m-lg-12 { margin: 3rem !important }

      .rz-my-lg-12, .rz-mt-lg-12 { margin-top: 3rem !important }

      .rz-mx-lg-12, .rz-mr-lg-12 { margin-right: 3rem !important }

      .rz-my-lg-12, .rz-mb-lg-12 { margin-bottom: 3rem !important }

      .rz-mx-lg-12, .rz-ml-lg-12 { margin-left: 3rem !important }

      .rz-ms-lg-12 { margin-inline-start: 3rem !important }

      .rz-me-lg-12 { margin-inline-end: 3rem !important }

      .rz-p-lg-0 { padding: 0 !important }

      .rz-py-lg-0, .rz-pt-lg-0 { padding-top: 0 !important }

      .rz-px-lg-0, .rz-pr-lg-0 { padding-right: 0 !important }

      .rz-py-lg-0, .rz-pb-lg-0 { padding-bottom: 0 !important }

      .rz-px-lg-0, .rz-pl-lg-0 { padding-left: 0 !important }

      .rz-ps-lg-0 { padding-inline-start: 0 !important }

      .rz-pe-lg-0 { padding-inline-end: 0 !important }

      .rz-p-lg-05 { padding: 0.125rem !important }

      .rz-py-lg-05, .rz-pt-lg-05 { padding-top: 0.125rem !important }

      .rz-px-lg-05, .rz-pr-lg-05 { padding-right: 0.125rem !important }

      .rz-py-lg-05, .rz-pb-lg-05 { padding-bottom: 0.125rem !important }

      .rz-px-lg-05, .rz-pl-lg-05 { padding-left: 0.125rem !important }

      .rz-ps-lg-05 { padding-inline-start: 0.125rem !important }

      .rz-pe-lg-05 { padding-inline-end: 0.125rem !important }

      .rz-p-lg-1 { padding: 0.25rem !important }

      .rz-py-lg-1, .rz-pt-lg-1 { padding-top: 0.25rem !important }

      .rz-px-lg-1, .rz-pr-lg-1 { padding-right: 0.25rem !important }

      .rz-py-lg-1, .rz-pb-lg-1 { padding-bottom: 0.25rem !important }

      .rz-px-lg-1, .rz-pl-lg-1 { padding-left: 0.25rem !important }

      .rz-ps-lg-1 { padding-inline-start: 0.25rem !important }

      .rz-pe-lg-1 { padding-inline-end: 0.25rem !important }

      .rz-p-lg-2 { padding: 0.5rem !important }

      .rz-py-lg-2, .rz-pt-lg-2 { padding-top: 0.5rem !important }

      .rz-px-lg-2, .rz-pr-lg-2 { padding-right: 0.5rem !important }

      .rz-py-lg-2, .rz-pb-lg-2 { padding-bottom: 0.5rem !important }

      .rz-px-lg-2, .rz-pl-lg-2 { padding-left: 0.5rem !important }

      .rz-ps-lg-2 { padding-inline-start: 0.5rem !important }

      .rz-pe-lg-2 { padding-inline-end: 0.5rem !important }

      .rz-p-lg-3 { padding: 0.75rem !important }

      .rz-py-lg-3, .rz-pt-lg-3 { padding-top: 0.75rem !important }

      .rz-px-lg-3, .rz-pr-lg-3 { padding-right: 0.75rem !important }

      .rz-py-lg-3, .rz-pb-lg-3 { padding-bottom: 0.75rem !important }

      .rz-px-lg-3, .rz-pl-lg-3 { padding-left: 0.75rem !important }

      .rz-ps-lg-3 { padding-inline-start: 0.75rem !important }

      .rz-pe-lg-3 { padding-inline-end: 0.75rem !important }

      .rz-p-lg-4 { padding: 1rem !important }

      .rz-py-lg-4, .rz-pt-lg-4 { padding-top: 1rem !important }

      .rz-px-lg-4, .rz-pr-lg-4 { padding-right: 1rem !important }

      .rz-py-lg-4, .rz-pb-lg-4 { padding-bottom: 1rem !important }

      .rz-px-lg-4, .rz-pl-lg-4 { padding-left: 1rem !important }

      .rz-ps-lg-4 { padding-inline-start: 1rem !important }

      .rz-pe-lg-4 { padding-inline-end: 1rem !important }

      .rz-p-lg-5 { padding: 1.25rem !important }

      .rz-py-lg-5, .rz-pt-lg-5 { padding-top: 1.25rem !important }

      .rz-px-lg-5, .rz-pr-lg-5 { padding-right: 1.25rem !important }

      .rz-py-lg-5, .rz-pb-lg-5 { padding-bottom: 1.25rem !important }

      .rz-px-lg-5, .rz-pl-lg-5 { padding-left: 1.25rem !important }

      .rz-ps-lg-5 { padding-inline-start: 1.25rem !important }

      .rz-pe-lg-5 { padding-inline-end: 1.25rem !important }

      .rz-p-lg-6 { padding: 1.5rem !important }

      .rz-py-lg-6, .rz-pt-lg-6 { padding-top: 1.5rem !important }

      .rz-px-lg-6, .rz-pr-lg-6 { padding-right: 1.5rem !important }

      .rz-py-lg-6, .rz-pb-lg-6 { padding-bottom: 1.5rem !important }

      .rz-px-lg-6, .rz-pl-lg-6 { padding-left: 1.5rem !important }

      .rz-ps-lg-6 { padding-inline-start: 1.5rem !important }

      .rz-pe-lg-6 { padding-inline-end: 1.5rem !important }

      .rz-p-lg-7 { padding: 1.75rem !important }

      .rz-py-lg-7, .rz-pt-lg-7 { padding-top: 1.75rem !important }

      .rz-px-lg-7, .rz-pr-lg-7 { padding-right: 1.75rem !important }

      .rz-py-lg-7, .rz-pb-lg-7 { padding-bottom: 1.75rem !important }

      .rz-px-lg-7, .rz-pl-lg-7 { padding-left: 1.75rem !important }

      .rz-ps-lg-7 { padding-inline-start: 1.75rem !important }

      .rz-pe-lg-7 { padding-inline-end: 1.75rem !important }

      .rz-p-lg-8 { padding: 2rem !important }

      .rz-py-lg-8, .rz-pt-lg-8 { padding-top: 2rem !important }

      .rz-px-lg-8, .rz-pr-lg-8 { padding-right: 2rem !important }

      .rz-py-lg-8, .rz-pb-lg-8 { padding-bottom: 2rem !important }

      .rz-px-lg-8, .rz-pl-lg-8 { padding-left: 2rem !important }

      .rz-ps-lg-8 { padding-inline-start: 2rem !important }

      .rz-pe-lg-8 { padding-inline-end: 2rem !important }

      .rz-p-lg-9 { padding: 2.25rem !important }

      .rz-py-lg-9, .rz-pt-lg-9 { padding-top: 2.25rem !important }

      .rz-px-lg-9, .rz-pr-lg-9 { padding-right: 2.25rem !important }

      .rz-py-lg-9, .rz-pb-lg-9 { padding-bottom: 2.25rem !important }

      .rz-px-lg-9, .rz-pl-lg-9 { padding-left: 2.25rem !important }

      .rz-ps-lg-9 { padding-inline-start: 2.25rem !important }

      .rz-pe-lg-9 { padding-inline-end: 2.25rem !important }

      .rz-p-lg-10 { padding: 2.5rem !important }

      .rz-py-lg-10, .rz-pt-lg-10 { padding-top: 2.5rem !important }

      .rz-px-lg-10, .rz-pr-lg-10 { padding-right: 2.5rem !important }

      .rz-py-lg-10, .rz-pb-lg-10 { padding-bottom: 2.5rem !important }

      .rz-px-lg-10, .rz-pl-lg-10 { padding-left: 2.5rem !important }

      .rz-ps-lg-10 { padding-inline-start: 2.5rem !important }

      .rz-pe-lg-10 { padding-inline-end: 2.5rem !important }

      .rz-p-lg-11 { padding: 2.75rem !important }

      .rz-py-lg-11, .rz-pt-lg-11 { padding-top: 2.75rem !important }

      .rz-px-lg-11, .rz-pr-lg-11 { padding-right: 2.75rem !important }

      .rz-py-lg-11, .rz-pb-lg-11 { padding-bottom: 2.75rem !important }

      .rz-px-lg-11, .rz-pl-lg-11 { padding-left: 2.75rem !important }

      .rz-ps-lg-11 { padding-inline-start: 2.75rem !important }

      .rz-pe-lg-11 { padding-inline-end: 2.75rem !important }

      .rz-p-lg-12 { padding: 3rem !important }

      .rz-py-lg-12, .rz-pt-lg-12 { padding-top: 3rem !important }

      .rz-px-lg-12, .rz-pr-lg-12 { padding-right: 3rem !important }

      .rz-py-lg-12, .rz-pb-lg-12 { padding-bottom: 3rem !important }

      .rz-px-lg-12, .rz-pl-lg-12 { padding-left: 3rem !important }

      .rz-ps-lg-12 { padding-inline-start: 3rem !important }

      .rz-pe-lg-12 { padding-inline-end: 3rem !important }

      .rz-m-lg-auto { margin: auto !important }

      .rz-my-lg-auto, .rz-mt-lg-auto { margin-top: auto !important }

      .rz-mx-lg-auto, .rz-mr-lg-auto { margin-right: auto !important }

      .rz-my-lg-auto, .rz-mb-lg-auto { margin-bottom: auto !important }

      .rz-mx-lg-auto, .rz-ml-lg-auto { margin-left: auto !important }

      .rz-ms-lg-auto { margin-inline-start: auto !important }

      .rz-me-lg-auto { margin-inline-end: auto !important }
  }

  @media (min-width: 1920px) {
      .rz-m-xl-0 { margin: 0 !important }

      .rz-my-xl-0, .rz-mt-xl-0 { margin-top: 0 !important }

      .rz-mx-xl-0, .rz-mr-xl-0 { margin-right: 0 !important }

      .rz-my-xl-0, .rz-mb-xl-0 { margin-bottom: 0 !important }

      .rz-mx-xl-0, .rz-ml-xl-0 { margin-left: 0 !important }

      .rz-ms-xl-0 { margin-inline-start: 0 !important }

      .rz-me-xl-0 { margin-inline-end: 0 !important }

      .rz-m-xl-05 { margin: 0.125rem !important }

      .rz-my-xl-05, .rz-mt-xl-05 { margin-top: 0.125rem !important }

      .rz-mx-xl-05, .rz-mr-xl-05 { margin-right: 0.125rem !important }

      .rz-my-xl-05, .rz-mb-xl-05 { margin-bottom: 0.125rem !important }

      .rz-mx-xl-05, .rz-ml-xl-05 { margin-left: 0.125rem !important }

      .rz-ms-xl-05 { margin-inline-start: 0.125rem !important }

      .rz-me-xl-05 { margin-inline-end: 0.125rem !important }

      .rz-m-xl-1 { margin: 0.25rem !important }

      .rz-my-xl-1, .rz-mt-xl-1 { margin-top: 0.25rem !important }

      .rz-mx-xl-1, .rz-mr-xl-1 { margin-right: 0.25rem !important }

      .rz-my-xl-1, .rz-mb-xl-1 { margin-bottom: 0.25rem !important }

      .rz-mx-xl-1, .rz-ml-xl-1 { margin-left: 0.25rem !important }

      .rz-ms-xl-1 { margin-inline-start: 0.25rem !important }

      .rz-me-xl-1 { margin-inline-end: 0.25rem !important }

      .rz-m-xl-2 { margin: 0.5rem !important }

      .rz-my-xl-2, .rz-mt-xl-2 { margin-top: 0.5rem !important }

      .rz-mx-xl-2, .rz-mr-xl-2 { margin-right: 0.5rem !important }

      .rz-my-xl-2, .rz-mb-xl-2 { margin-bottom: 0.5rem !important }

      .rz-mx-xl-2, .rz-ml-xl-2 { margin-left: 0.5rem !important }

      .rz-ms-xl-2 { margin-inline-start: 0.5rem !important }

      .rz-me-xl-2 { margin-inline-end: 0.5rem !important }

      .rz-m-xl-3 { margin: 0.75rem !important }

      .rz-my-xl-3, .rz-mt-xl-3 { margin-top: 0.75rem !important }

      .rz-mx-xl-3, .rz-mr-xl-3 { margin-right: 0.75rem !important }

      .rz-my-xl-3, .rz-mb-xl-3 { margin-bottom: 0.75rem !important }

      .rz-mx-xl-3, .rz-ml-xl-3 { margin-left: 0.75rem !important }

      .rz-ms-xl-3 { margin-inline-start: 0.75rem !important }

      .rz-me-xl-3 { margin-inline-end: 0.75rem !important }

      .rz-m-xl-4 { margin: 1rem !important }

      .rz-my-xl-4, .rz-mt-xl-4 { margin-top: 1rem !important }

      .rz-mx-xl-4, .rz-mr-xl-4 { margin-right: 1rem !important }

      .rz-my-xl-4, .rz-mb-xl-4 { margin-bottom: 1rem !important }

      .rz-mx-xl-4, .rz-ml-xl-4 { margin-left: 1rem !important }

      .rz-ms-xl-4 { margin-inline-start: 1rem !important }

      .rz-me-xl-4 { margin-inline-end: 1rem !important }

      .rz-m-xl-5 { margin: 1.25rem !important }

      .rz-my-xl-5, .rz-mt-xl-5 { margin-top: 1.25rem !important }

      .rz-mx-xl-5, .rz-mr-xl-5 { margin-right: 1.25rem !important }

      .rz-my-xl-5, .rz-mb-xl-5 { margin-bottom: 1.25rem !important }

      .rz-mx-xl-5, .rz-ml-xl-5 { margin-left: 1.25rem !important }

      .rz-ms-xl-5 { margin-inline-start: 1.25rem !important }

      .rz-me-xl-5 { margin-inline-end: 1.25rem !important }

      .rz-m-xl-6 { margin: 1.5rem !important }

      .rz-my-xl-6, .rz-mt-xl-6 { margin-top: 1.5rem !important }

      .rz-mx-xl-6, .rz-mr-xl-6 { margin-right: 1.5rem !important }

      .rz-my-xl-6, .rz-mb-xl-6 { margin-bottom: 1.5rem !important }

      .rz-mx-xl-6, .rz-ml-xl-6 { margin-left: 1.5rem !important }

      .rz-ms-xl-6 { margin-inline-start: 1.5rem !important }

      .rz-me-xl-6 { margin-inline-end: 1.5rem !important }

      .rz-m-xl-7 { margin: 1.75rem !important }

      .rz-my-xl-7, .rz-mt-xl-7 { margin-top: 1.75rem !important }

      .rz-mx-xl-7, .rz-mr-xl-7 { margin-right: 1.75rem !important }

      .rz-my-xl-7, .rz-mb-xl-7 { margin-bottom: 1.75rem !important }

      .rz-mx-xl-7, .rz-ml-xl-7 { margin-left: 1.75rem !important }

      .rz-ms-xl-7 { margin-inline-start: 1.75rem !important }

      .rz-me-xl-7 { margin-inline-end: 1.75rem !important }

      .rz-m-xl-8 { margin: 2rem !important }

      .rz-my-xl-8, .rz-mt-xl-8 { margin-top: 2rem !important }

      .rz-mx-xl-8, .rz-mr-xl-8 { margin-right: 2rem !important }

      .rz-my-xl-8, .rz-mb-xl-8 { margin-bottom: 2rem !important }

      .rz-mx-xl-8, .rz-ml-xl-8 { margin-left: 2rem !important }

      .rz-ms-xl-8 { margin-inline-start: 2rem !important }

      .rz-me-xl-8 { margin-inline-end: 2rem !important }

      .rz-m-xl-9 { margin: 2.25rem !important }

      .rz-my-xl-9, .rz-mt-xl-9 { margin-top: 2.25rem !important }

      .rz-mx-xl-9, .rz-mr-xl-9 { margin-right: 2.25rem !important }

      .rz-my-xl-9, .rz-mb-xl-9 { margin-bottom: 2.25rem !important }

      .rz-mx-xl-9, .rz-ml-xl-9 { margin-left: 2.25rem !important }

      .rz-ms-xl-9 { margin-inline-start: 2.25rem !important }

      .rz-me-xl-9 { margin-inline-end: 2.25rem !important }

      .rz-m-xl-10 { margin: 2.5rem !important }

      .rz-my-xl-10, .rz-mt-xl-10 { margin-top: 2.5rem !important }

      .rz-mx-xl-10, .rz-mr-xl-10 { margin-right: 2.5rem !important }

      .rz-my-xl-10, .rz-mb-xl-10 { margin-bottom: 2.5rem !important }

      .rz-mx-xl-10, .rz-ml-xl-10 { margin-left: 2.5rem !important }

      .rz-ms-xl-10 { margin-inline-start: 2.5rem !important }

      .rz-me-xl-10 { margin-inline-end: 2.5rem !important }

      .rz-m-xl-11 { margin: 2.75rem !important }

      .rz-my-xl-11, .rz-mt-xl-11 { margin-top: 2.75rem !important }

      .rz-mx-xl-11, .rz-mr-xl-11 { margin-right: 2.75rem !important }

      .rz-my-xl-11, .rz-mb-xl-11 { margin-bottom: 2.75rem !important }

      .rz-mx-xl-11, .rz-ml-xl-11 { margin-left: 2.75rem !important }

      .rz-ms-xl-11 { margin-inline-start: 2.75rem !important }

      .rz-me-xl-11 { margin-inline-end: 2.75rem !important }

      .rz-m-xl-12 { margin: 3rem !important }

      .rz-my-xl-12, .rz-mt-xl-12 { margin-top: 3rem !important }

      .rz-mx-xl-12, .rz-mr-xl-12 { margin-right: 3rem !important }

      .rz-my-xl-12, .rz-mb-xl-12 { margin-bottom: 3rem !important }

      .rz-mx-xl-12, .rz-ml-xl-12 { margin-left: 3rem !important }

      .rz-ms-xl-12 { margin-inline-start: 3rem !important }

      .rz-me-xl-12 { margin-inline-end: 3rem !important }

      .rz-p-xl-0 { padding: 0 !important }

      .rz-py-xl-0, .rz-pt-xl-0 { padding-top: 0 !important }

      .rz-px-xl-0, .rz-pr-xl-0 { padding-right: 0 !important }

      .rz-py-xl-0, .rz-pb-xl-0 { padding-bottom: 0 !important }

      .rz-px-xl-0, .rz-pl-xl-0 { padding-left: 0 !important }

      .rz-ps-xl-0 { padding-inline-start: 0 !important }

      .rz-pe-xl-0 { padding-inline-end: 0 !important }

      .rz-p-xl-05 { padding: 0.125rem !important }

      .rz-py-xl-05, .rz-pt-xl-05 { padding-top: 0.125rem !important }

      .rz-px-xl-05, .rz-pr-xl-05 { padding-right: 0.125rem !important }

      .rz-py-xl-05, .rz-pb-xl-05 { padding-bottom: 0.125rem !important }

      .rz-px-xl-05, .rz-pl-xl-05 { padding-left: 0.125rem !important }

      .rz-ps-xl-05 { padding-inline-start: 0.125rem !important }

      .rz-pe-xl-05 { padding-inline-end: 0.125rem !important }

      .rz-p-xl-1 { padding: 0.25rem !important }

      .rz-py-xl-1, .rz-pt-xl-1 { padding-top: 0.25rem !important }

      .rz-px-xl-1, .rz-pr-xl-1 { padding-right: 0.25rem !important }

      .rz-py-xl-1, .rz-pb-xl-1 { padding-bottom: 0.25rem !important }

      .rz-px-xl-1, .rz-pl-xl-1 { padding-left: 0.25rem !important }

      .rz-ps-xl-1 { padding-inline-start: 0.25rem !important }

      .rz-pe-xl-1 { padding-inline-end: 0.25rem !important }

      .rz-p-xl-2 { padding: 0.5rem !important }

      .rz-py-xl-2, .rz-pt-xl-2 { padding-top: 0.5rem !important }

      .rz-px-xl-2, .rz-pr-xl-2 { padding-right: 0.5rem !important }

      .rz-py-xl-2, .rz-pb-xl-2 { padding-bottom: 0.5rem !important }

      .rz-px-xl-2, .rz-pl-xl-2 { padding-left: 0.5rem !important }

      .rz-ps-xl-2 { padding-inline-start: 0.5rem !important }

      .rz-pe-xl-2 { padding-inline-end: 0.5rem !important }

      .rz-p-xl-3 { padding: 0.75rem !important }

      .rz-py-xl-3, .rz-pt-xl-3 { padding-top: 0.75rem !important }

      .rz-px-xl-3, .rz-pr-xl-3 { padding-right: 0.75rem !important }

      .rz-py-xl-3, .rz-pb-xl-3 { padding-bottom: 0.75rem !important }

      .rz-px-xl-3, .rz-pl-xl-3 { padding-left: 0.75rem !important }

      .rz-ps-xl-3 { padding-inline-start: 0.75rem !important }

      .rz-pe-xl-3 { padding-inline-end: 0.75rem !important }

      .rz-p-xl-4 { padding: 1rem !important }

      .rz-py-xl-4, .rz-pt-xl-4 { padding-top: 1rem !important }

      .rz-px-xl-4, .rz-pr-xl-4 { padding-right: 1rem !important }

      .rz-py-xl-4, .rz-pb-xl-4 { padding-bottom: 1rem !important }

      .rz-px-xl-4, .rz-pl-xl-4 { padding-left: 1rem !important }

      .rz-ps-xl-4 { padding-inline-start: 1rem !important }

      .rz-pe-xl-4 { padding-inline-end: 1rem !important }

      .rz-p-xl-5 { padding: 1.25rem !important }

      .rz-py-xl-5, .rz-pt-xl-5 { padding-top: 1.25rem !important }

      .rz-px-xl-5, .rz-pr-xl-5 { padding-right: 1.25rem !important }

      .rz-py-xl-5, .rz-pb-xl-5 { padding-bottom: 1.25rem !important }

      .rz-px-xl-5, .rz-pl-xl-5 { padding-left: 1.25rem !important }

      .rz-ps-xl-5 { padding-inline-start: 1.25rem !important }

      .rz-pe-xl-5 { padding-inline-end: 1.25rem !important }

      .rz-p-xl-6 { padding: 1.5rem !important }

      .rz-py-xl-6, .rz-pt-xl-6 { padding-top: 1.5rem !important }

      .rz-px-xl-6, .rz-pr-xl-6 { padding-right: 1.5rem !important }

      .rz-py-xl-6, .rz-pb-xl-6 { padding-bottom: 1.5rem !important }

      .rz-px-xl-6, .rz-pl-xl-6 { padding-left: 1.5rem !important }

      .rz-ps-xl-6 { padding-inline-start: 1.5rem !important }

      .rz-pe-xl-6 { padding-inline-end: 1.5rem !important }

      .rz-p-xl-7 { padding: 1.75rem !important }

      .rz-py-xl-7, .rz-pt-xl-7 { padding-top: 1.75rem !important }

      .rz-px-xl-7, .rz-pr-xl-7 { padding-right: 1.75rem !important }

      .rz-py-xl-7, .rz-pb-xl-7 { padding-bottom: 1.75rem !important }

      .rz-px-xl-7, .rz-pl-xl-7 { padding-left: 1.75rem !important }

      .rz-ps-xl-7 { padding-inline-start: 1.75rem !important }

      .rz-pe-xl-7 { padding-inline-end: 1.75rem !important }

      .rz-p-xl-8 { padding: 2rem !important }

      .rz-py-xl-8, .rz-pt-xl-8 { padding-top: 2rem !important }

      .rz-px-xl-8, .rz-pr-xl-8 { padding-right: 2rem !important }

      .rz-py-xl-8, .rz-pb-xl-8 { padding-bottom: 2rem !important }

      .rz-px-xl-8, .rz-pl-xl-8 { padding-left: 2rem !important }

      .rz-ps-xl-8 { padding-inline-start: 2rem !important }

      .rz-pe-xl-8 { padding-inline-end: 2rem !important }

      .rz-p-xl-9 { padding: 2.25rem !important }

      .rz-py-xl-9, .rz-pt-xl-9 { padding-top: 2.25rem !important }

      .rz-px-xl-9, .rz-pr-xl-9 { padding-right: 2.25rem !important }

      .rz-py-xl-9, .rz-pb-xl-9 { padding-bottom: 2.25rem !important }

      .rz-px-xl-9, .rz-pl-xl-9 { padding-left: 2.25rem !important }

      .rz-ps-xl-9 { padding-inline-start: 2.25rem !important }

      .rz-pe-xl-9 { padding-inline-end: 2.25rem !important }

      .rz-p-xl-10 { padding: 2.5rem !important }

      .rz-py-xl-10, .rz-pt-xl-10 { padding-top: 2.5rem !important }

      .rz-px-xl-10, .rz-pr-xl-10 { padding-right: 2.5rem !important }

      .rz-py-xl-10, .rz-pb-xl-10 { padding-bottom: 2.5rem !important }

      .rz-px-xl-10, .rz-pl-xl-10 { padding-left: 2.5rem !important }

      .rz-ps-xl-10 { padding-inline-start: 2.5rem !important }

      .rz-pe-xl-10 { padding-inline-end: 2.5rem !important }

      .rz-p-xl-11 { padding: 2.75rem !important }

      .rz-py-xl-11, .rz-pt-xl-11 { padding-top: 2.75rem !important }

      .rz-px-xl-11, .rz-pr-xl-11 { padding-right: 2.75rem !important }

      .rz-py-xl-11, .rz-pb-xl-11 { padding-bottom: 2.75rem !important }

      .rz-px-xl-11, .rz-pl-xl-11 { padding-left: 2.75rem !important }

      .rz-ps-xl-11 { padding-inline-start: 2.75rem !important }

      .rz-pe-xl-11 { padding-inline-end: 2.75rem !important }

      .rz-p-xl-12 { padding: 3rem !important }

      .rz-py-xl-12, .rz-pt-xl-12 { padding-top: 3rem !important }

      .rz-px-xl-12, .rz-pr-xl-12 { padding-right: 3rem !important }

      .rz-py-xl-12, .rz-pb-xl-12 { padding-bottom: 3rem !important }

      .rz-px-xl-12, .rz-pl-xl-12 { padding-left: 3rem !important }

      .rz-ps-xl-12 { padding-inline-start: 3rem !important }

      .rz-pe-xl-12 { padding-inline-end: 3rem !important }

      .rz-m-xl-auto { margin: auto !important }

      .rz-my-xl-auto, .rz-mt-xl-auto { margin-top: auto !important }

      .rz-mx-xl-auto, .rz-mr-xl-auto { margin-right: auto !important }

      .rz-my-xl-auto, .rz-mb-xl-auto { margin-bottom: auto !important }

      .rz-mx-xl-auto, .rz-ml-xl-auto { margin-left: auto !important }

      .rz-ms-xl-auto { margin-inline-start: auto !important }

      .rz-me-xl-auto { margin-inline-end: auto !important }
  }

  @media (min-width: 2560px) {
      .rz-m-xx-0 { margin: 0 !important }

      .rz-my-xx-0, .rz-mt-xx-0 { margin-top: 0 !important }

      .rz-mx-xx-0, .rz-mr-xx-0 { margin-right: 0 !important }

      .rz-my-xx-0, .rz-mb-xx-0 { margin-bottom: 0 !important }

      .rz-mx-xx-0, .rz-ml-xx-0 { margin-left: 0 !important }

      .rz-ms-xx-0 { margin-inline-start: 0 !important }

      .rz-me-xx-0 { margin-inline-end: 0 !important }

      .rz-m-xx-05 { margin: 0.125rem !important }

      .rz-my-xx-05, .rz-mt-xx-05 { margin-top: 0.125rem !important }

      .rz-mx-xx-05, .rz-mr-xx-05 { margin-right: 0.125rem !important }

      .rz-my-xx-05, .rz-mb-xx-05 { margin-bottom: 0.125rem !important }

      .rz-mx-xx-05, .rz-ml-xx-05 { margin-left: 0.125rem !important }

      .rz-ms-xx-05 { margin-inline-start: 0.125rem !important }

      .rz-me-xx-05 { margin-inline-end: 0.125rem !important }

      .rz-m-xx-1 { margin: 0.25rem !important }

      .rz-my-xx-1, .rz-mt-xx-1 { margin-top: 0.25rem !important }

      .rz-mx-xx-1, .rz-mr-xx-1 { margin-right: 0.25rem !important }

      .rz-my-xx-1, .rz-mb-xx-1 { margin-bottom: 0.25rem !important }

      .rz-mx-xx-1, .rz-ml-xx-1 { margin-left: 0.25rem !important }

      .rz-ms-xx-1 { margin-inline-start: 0.25rem !important }

      .rz-me-xx-1 { margin-inline-end: 0.25rem !important }

      .rz-m-xx-2 { margin: 0.5rem !important }

      .rz-my-xx-2, .rz-mt-xx-2 { margin-top: 0.5rem !important }

      .rz-mx-xx-2, .rz-mr-xx-2 { margin-right: 0.5rem !important }

      .rz-my-xx-2, .rz-mb-xx-2 { margin-bottom: 0.5rem !important }

      .rz-mx-xx-2, .rz-ml-xx-2 { margin-left: 0.5rem !important }

      .rz-ms-xx-2 { margin-inline-start: 0.5rem !important }

      .rz-me-xx-2 { margin-inline-end: 0.5rem !important }

      .rz-m-xx-3 { margin: 0.75rem !important }

      .rz-my-xx-3, .rz-mt-xx-3 { margin-top: 0.75rem !important }

      .rz-mx-xx-3, .rz-mr-xx-3 { margin-right: 0.75rem !important }

      .rz-my-xx-3, .rz-mb-xx-3 { margin-bottom: 0.75rem !important }

      .rz-mx-xx-3, .rz-ml-xx-3 { margin-left: 0.75rem !important }

      .rz-ms-xx-3 { margin-inline-start: 0.75rem !important }

      .rz-me-xx-3 { margin-inline-end: 0.75rem !important }

      .rz-m-xx-4 { margin: 1rem !important }

      .rz-my-xx-4, .rz-mt-xx-4 { margin-top: 1rem !important }

      .rz-mx-xx-4, .rz-mr-xx-4 { margin-right: 1rem !important }

      .rz-my-xx-4, .rz-mb-xx-4 { margin-bottom: 1rem !important }

      .rz-mx-xx-4, .rz-ml-xx-4 { margin-left: 1rem !important }

      .rz-ms-xx-4 { margin-inline-start: 1rem !important }

      .rz-me-xx-4 { margin-inline-end: 1rem !important }

      .rz-m-xx-5 { margin: 1.25rem !important }

      .rz-my-xx-5, .rz-mt-xx-5 { margin-top: 1.25rem !important }

      .rz-mx-xx-5, .rz-mr-xx-5 { margin-right: 1.25rem !important }

      .rz-my-xx-5, .rz-mb-xx-5 { margin-bottom: 1.25rem !important }

      .rz-mx-xx-5, .rz-ml-xx-5 { margin-left: 1.25rem !important }

      .rz-ms-xx-5 { margin-inline-start: 1.25rem !important }

      .rz-me-xx-5 { margin-inline-end: 1.25rem !important }

      .rz-m-xx-6 { margin: 1.5rem !important }

      .rz-my-xx-6, .rz-mt-xx-6 { margin-top: 1.5rem !important }

      .rz-mx-xx-6, .rz-mr-xx-6 { margin-right: 1.5rem !important }

      .rz-my-xx-6, .rz-mb-xx-6 { margin-bottom: 1.5rem !important }

      .rz-mx-xx-6, .rz-ml-xx-6 { margin-left: 1.5rem !important }

      .rz-ms-xx-6 { margin-inline-start: 1.5rem !important }

      .rz-me-xx-6 { margin-inline-end: 1.5rem !important }

      .rz-m-xx-7 { margin: 1.75rem !important }

      .rz-my-xx-7, .rz-mt-xx-7 { margin-top: 1.75rem !important }

      .rz-mx-xx-7, .rz-mr-xx-7 { margin-right: 1.75rem !important }

      .rz-my-xx-7, .rz-mb-xx-7 { margin-bottom: 1.75rem !important }

      .rz-mx-xx-7, .rz-ml-xx-7 { margin-left: 1.75rem !important }

      .rz-ms-xx-7 { margin-inline-start: 1.75rem !important }

      .rz-me-xx-7 { margin-inline-end: 1.75rem !important }

      .rz-m-xx-8 { margin: 2rem !important }

      .rz-my-xx-8, .rz-mt-xx-8 { margin-top: 2rem !important }

      .rz-mx-xx-8, .rz-mr-xx-8 { margin-right: 2rem !important }

      .rz-my-xx-8, .rz-mb-xx-8 { margin-bottom: 2rem !important }

      .rz-mx-xx-8, .rz-ml-xx-8 { margin-left: 2rem !important }

      .rz-ms-xx-8 { margin-inline-start: 2rem !important }

      .rz-me-xx-8 { margin-inline-end: 2rem !important }

      .rz-m-xx-9 { margin: 2.25rem !important }

      .rz-my-xx-9, .rz-mt-xx-9 { margin-top: 2.25rem !important }

      .rz-mx-xx-9, .rz-mr-xx-9 { margin-right: 2.25rem !important }

      .rz-my-xx-9, .rz-mb-xx-9 { margin-bottom: 2.25rem !important }

      .rz-mx-xx-9, .rz-ml-xx-9 { margin-left: 2.25rem !important }

      .rz-ms-xx-9 { margin-inline-start: 2.25rem !important }

      .rz-me-xx-9 { margin-inline-end: 2.25rem !important }

      .rz-m-xx-10 { margin: 2.5rem !important }

      .rz-my-xx-10, .rz-mt-xx-10 { margin-top: 2.5rem !important }

      .rz-mx-xx-10, .rz-mr-xx-10 { margin-right: 2.5rem !important }

      .rz-my-xx-10, .rz-mb-xx-10 { margin-bottom: 2.5rem !important }

      .rz-mx-xx-10, .rz-ml-xx-10 { margin-left: 2.5rem !important }

      .rz-ms-xx-10 { margin-inline-start: 2.5rem !important }

      .rz-me-xx-10 { margin-inline-end: 2.5rem !important }

      .rz-m-xx-11 { margin: 2.75rem !important }

      .rz-my-xx-11, .rz-mt-xx-11 { margin-top: 2.75rem !important }

      .rz-mx-xx-11, .rz-mr-xx-11 { margin-right: 2.75rem !important }

      .rz-my-xx-11, .rz-mb-xx-11 { margin-bottom: 2.75rem !important }

      .rz-mx-xx-11, .rz-ml-xx-11 { margin-left: 2.75rem !important }

      .rz-ms-xx-11 { margin-inline-start: 2.75rem !important }

      .rz-me-xx-11 { margin-inline-end: 2.75rem !important }

      .rz-m-xx-12 { margin: 3rem !important }

      .rz-my-xx-12, .rz-mt-xx-12 { margin-top: 3rem !important }

      .rz-mx-xx-12, .rz-mr-xx-12 { margin-right: 3rem !important }

      .rz-my-xx-12, .rz-mb-xx-12 { margin-bottom: 3rem !important }

      .rz-mx-xx-12, .rz-ml-xx-12 { margin-left: 3rem !important }

      .rz-ms-xx-12 { margin-inline-start: 3rem !important }

      .rz-me-xx-12 { margin-inline-end: 3rem !important }

      .rz-p-xx-0 { padding: 0 !important }

      .rz-py-xx-0, .rz-pt-xx-0 { padding-top: 0 !important }

      .rz-px-xx-0, .rz-pr-xx-0 { padding-right: 0 !important }

      .rz-py-xx-0, .rz-pb-xx-0 { padding-bottom: 0 !important }

      .rz-px-xx-0, .rz-pl-xx-0 { padding-left: 0 !important }

      .rz-ps-xx-0 { padding-inline-start: 0 !important }

      .rz-pe-xx-0 { padding-inline-end: 0 !important }

      .rz-p-xx-05 { padding: 0.125rem !important }

      .rz-py-xx-05, .rz-pt-xx-05 { padding-top: 0.125rem !important }

      .rz-px-xx-05, .rz-pr-xx-05 { padding-right: 0.125rem !important }

      .rz-py-xx-05, .rz-pb-xx-05 { padding-bottom: 0.125rem !important }

      .rz-px-xx-05, .rz-pl-xx-05 { padding-left: 0.125rem !important }

      .rz-ps-xx-05 { padding-inline-start: 0.125rem !important }

      .rz-pe-xx-05 { padding-inline-end: 0.125rem !important }

      .rz-p-xx-1 { padding: 0.25rem !important }

      .rz-py-xx-1, .rz-pt-xx-1 { padding-top: 0.25rem !important }

      .rz-px-xx-1, .rz-pr-xx-1 { padding-right: 0.25rem !important }

      .rz-py-xx-1, .rz-pb-xx-1 { padding-bottom: 0.25rem !important }

      .rz-px-xx-1, .rz-pl-xx-1 { padding-left: 0.25rem !important }

      .rz-ps-xx-1 { padding-inline-start: 0.25rem !important }

      .rz-pe-xx-1 { padding-inline-end: 0.25rem !important }

      .rz-p-xx-2 { padding: 0.5rem !important }

      .rz-py-xx-2, .rz-pt-xx-2 { padding-top: 0.5rem !important }

      .rz-px-xx-2, .rz-pr-xx-2 { padding-right: 0.5rem !important }

      .rz-py-xx-2, .rz-pb-xx-2 { padding-bottom: 0.5rem !important }

      .rz-px-xx-2, .rz-pl-xx-2 { padding-left: 0.5rem !important }

      .rz-ps-xx-2 { padding-inline-start: 0.5rem !important }

      .rz-pe-xx-2 { padding-inline-end: 0.5rem !important }

      .rz-p-xx-3 { padding: 0.75rem !important }

      .rz-py-xx-3, .rz-pt-xx-3 { padding-top: 0.75rem !important }

      .rz-px-xx-3, .rz-pr-xx-3 { padding-right: 0.75rem !important }

      .rz-py-xx-3, .rz-pb-xx-3 { padding-bottom: 0.75rem !important }

      .rz-px-xx-3, .rz-pl-xx-3 { padding-left: 0.75rem !important }

      .rz-ps-xx-3 { padding-inline-start: 0.75rem !important }

      .rz-pe-xx-3 { padding-inline-end: 0.75rem !important }

      .rz-p-xx-4 { padding: 1rem !important }

      .rz-py-xx-4, .rz-pt-xx-4 { padding-top: 1rem !important }

      .rz-px-xx-4, .rz-pr-xx-4 { padding-right: 1rem !important }

      .rz-py-xx-4, .rz-pb-xx-4 { padding-bottom: 1rem !important }

      .rz-px-xx-4, .rz-pl-xx-4 { padding-left: 1rem !important }

      .rz-ps-xx-4 { padding-inline-start: 1rem !important }

      .rz-pe-xx-4 { padding-inline-end: 1rem !important }

      .rz-p-xx-5 { padding: 1.25rem !important }

      .rz-py-xx-5, .rz-pt-xx-5 { padding-top: 1.25rem !important }

      .rz-px-xx-5, .rz-pr-xx-5 { padding-right: 1.25rem !important }

      .rz-py-xx-5, .rz-pb-xx-5 { padding-bottom: 1.25rem !important }

      .rz-px-xx-5, .rz-pl-xx-5 { padding-left: 1.25rem !important }

      .rz-ps-xx-5 { padding-inline-start: 1.25rem !important }

      .rz-pe-xx-5 { padding-inline-end: 1.25rem !important }

      .rz-p-xx-6 { padding: 1.5rem !important }

      .rz-py-xx-6, .rz-pt-xx-6 { padding-top: 1.5rem !important }

      .rz-px-xx-6, .rz-pr-xx-6 { padding-right: 1.5rem !important }

      .rz-py-xx-6, .rz-pb-xx-6 { padding-bottom: 1.5rem !important }

      .rz-px-xx-6, .rz-pl-xx-6 { padding-left: 1.5rem !important }

      .rz-ps-xx-6 { padding-inline-start: 1.5rem !important }

      .rz-pe-xx-6 { padding-inline-end: 1.5rem !important }

      .rz-p-xx-7 { padding: 1.75rem !important }

      .rz-py-xx-7, .rz-pt-xx-7 { padding-top: 1.75rem !important }

      .rz-px-xx-7, .rz-pr-xx-7 { padding-right: 1.75rem !important }

      .rz-py-xx-7, .rz-pb-xx-7 { padding-bottom: 1.75rem !important }

      .rz-px-xx-7, .rz-pl-xx-7 { padding-left: 1.75rem !important }

      .rz-ps-xx-7 { padding-inline-start: 1.75rem !important }

      .rz-pe-xx-7 { padding-inline-end: 1.75rem !important }

      .rz-p-xx-8 { padding: 2rem !important }

      .rz-py-xx-8, .rz-pt-xx-8 { padding-top: 2rem !important }

      .rz-px-xx-8, .rz-pr-xx-8 { padding-right: 2rem !important }

      .rz-py-xx-8, .rz-pb-xx-8 { padding-bottom: 2rem !important }

      .rz-px-xx-8, .rz-pl-xx-8 { padding-left: 2rem !important }

      .rz-ps-xx-8 { padding-inline-start: 2rem !important }

      .rz-pe-xx-8 { padding-inline-end: 2rem !important }

      .rz-p-xx-9 { padding: 2.25rem !important }

      .rz-py-xx-9, .rz-pt-xx-9 { padding-top: 2.25rem !important }

      .rz-px-xx-9, .rz-pr-xx-9 { padding-right: 2.25rem !important }

      .rz-py-xx-9, .rz-pb-xx-9 { padding-bottom: 2.25rem !important }

      .rz-px-xx-9, .rz-pl-xx-9 { padding-left: 2.25rem !important }

      .rz-ps-xx-9 { padding-inline-start: 2.25rem !important }

      .rz-pe-xx-9 { padding-inline-end: 2.25rem !important }

      .rz-p-xx-10 { padding: 2.5rem !important }

      .rz-py-xx-10, .rz-pt-xx-10 { padding-top: 2.5rem !important }

      .rz-px-xx-10, .rz-pr-xx-10 { padding-right: 2.5rem !important }

      .rz-py-xx-10, .rz-pb-xx-10 { padding-bottom: 2.5rem !important }

      .rz-px-xx-10, .rz-pl-xx-10 { padding-left: 2.5rem !important }

      .rz-ps-xx-10 { padding-inline-start: 2.5rem !important }

      .rz-pe-xx-10 { padding-inline-end: 2.5rem !important }

      .rz-p-xx-11 { padding: 2.75rem !important }

      .rz-py-xx-11, .rz-pt-xx-11 { padding-top: 2.75rem !important }

      .rz-px-xx-11, .rz-pr-xx-11 { padding-right: 2.75rem !important }

      .rz-py-xx-11, .rz-pb-xx-11 { padding-bottom: 2.75rem !important }

      .rz-px-xx-11, .rz-pl-xx-11 { padding-left: 2.75rem !important }

      .rz-ps-xx-11 { padding-inline-start: 2.75rem !important }

      .rz-pe-xx-11 { padding-inline-end: 2.75rem !important }

      .rz-p-xx-12 { padding: 3rem !important }

      .rz-py-xx-12, .rz-pt-xx-12 { padding-top: 3rem !important }

      .rz-px-xx-12, .rz-pr-xx-12 { padding-right: 3rem !important }

      .rz-py-xx-12, .rz-pb-xx-12 { padding-bottom: 3rem !important }

      .rz-px-xx-12, .rz-pl-xx-12 { padding-left: 3rem !important }

      .rz-ps-xx-12 { padding-inline-start: 3rem !important }

      .rz-pe-xx-12 { padding-inline-end: 3rem !important }

      .rz-m-xx-auto { margin: auto !important }

      .rz-my-xx-auto, .rz-mt-xx-auto { margin-top: auto !important }

      .rz-mx-xx-auto, .rz-mr-xx-auto { margin-right: auto !important }

      .rz-my-xx-auto, .rz-mb-xx-auto { margin-bottom: auto !important }

      .rz-mx-xx-auto, .rz-ml-xx-auto { margin-left: auto !important }

      .rz-ms-xx-auto { margin-inline-start: auto !important }

      .rz-me-xx-auto { margin-inline-end: auto !important }
  }

  @keyframes rz-open {
      from { opacity: 0 }

      to { opacity: 1 }
  }

  @keyframes rz-close {
      from { opacity: 1 }

      to { opacity: 0 }
  }

  .rz-open { animation: var(--rz-expander-transition) rz-open }

  .rz-close { animation: var(--rz-expander-transition) rz-close }

  @keyframes rz-pulse {
      0%, 100% { opacity: 1 }

      50% { opacity: .5 }
  }

  @keyframes rz-pulse-subtle {
      0%, 100% { opacity: .1 }

      50% { opacity: 1 }
  }

  @keyframes rz-wave {
      0% { background-position: 200% 0 }

      100% { background-position: -200% 0 }
  }

  h1.rz-heading {
      color: var(--rz-text-title-color);
      font-size: 2rem;
      font-weight: 700;
      letter-spacing: -0.04em;
      line-height: 1.1875em;
      margin-block-end: 1rem;
      margin-block-start: 0;
  }

  h2.rz-heading {
      color: var(--rz-text-title-color);
      font-size: 1.5rem;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.25em;
      margin-block-end: 1rem;
      margin-block-start: 0;
  }

  h3.rz-heading {
      color: var(--rz-text-title-color);
      font-size: 1.125rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.25em;
      margin-block-end: 0.75rem;
      margin-block-start: 0;
  }

  h4.rz-heading {
      color: var(--rz-text-title-color);
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.25em;
      margin-block-end: 0.5rem;
      margin-block-start: 0;
  }

  h5.rz-heading {
      color: var(--rz-text-title-color);
      font-size: 0.875rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.25em;
      margin-block-end: 0.5rem;
      margin-block-start: 0;
  }

  h6.rz-heading {
      color: var(--rz-text-title-color);
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.25em;
      margin-block-end: 0.5rem;
      margin-block-start: 0;
  }

  .rz-text-display-h1 {
      color: var(--rz-text-display-h1-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-display-h1-font-size);
      font-weight: var(--rz-text-display-h1-font-weight);
      letter-spacing: var(--rz-text-display-h1-letter-spacing);
      line-height: var(--rz-text-display-h1-line-height);
      margin-block-end: var(--rz-text-display-h1-margin-block-end);
      margin-block-start: var(--rz-text-display-h1-margin-block-start);
  }

  .rz-stack > .rz-text-display-h1 { margin-block: 0 }

  .rz-text-display-h2 {
      color: var(--rz-text-display-h2-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-display-h2-font-size);
      font-weight: var(--rz-text-display-h2-font-weight);
      letter-spacing: var(--rz-text-display-h2-letter-spacing);
      line-height: var(--rz-text-display-h2-line-height);
      margin-block-end: var(--rz-text-display-h2-margin-block-end);
      margin-block-start: var(--rz-text-display-h2-margin-block-start);
  }

  .rz-stack > .rz-text-display-h2 { margin-block: 0 }

  .rz-text-display-h3 {
      color: var(--rz-text-display-h3-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-display-h3-font-size);
      font-weight: var(--rz-text-display-h3-font-weight);
      letter-spacing: var(--rz-text-display-h3-letter-spacing);
      line-height: var(--rz-text-display-h3-line-height);
      margin-block-end: var(--rz-text-display-h3-margin-block-end);
      margin-block-start: var(--rz-text-display-h3-margin-block-start);
  }

  .rz-stack > .rz-text-display-h3 { margin-block: 0 }

  .rz-text-display-h4 {
      color: var(--rz-text-display-h4-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-display-h4-font-size);
      font-weight: var(--rz-text-display-h4-font-weight);
      letter-spacing: var(--rz-text-display-h4-letter-spacing);
      line-height: var(--rz-text-display-h4-line-height);
      margin-block-end: var(--rz-text-display-h4-margin-block-end);
      margin-block-start: var(--rz-text-display-h4-margin-block-start);
  }

  .rz-stack > .rz-text-display-h4 { margin-block: 0 }

  .rz-text-display-h5 {
      color: var(--rz-text-display-h5-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-display-h5-font-size);
      font-weight: var(--rz-text-display-h5-font-weight);
      letter-spacing: var(--rz-text-display-h5-letter-spacing);
      line-height: var(--rz-text-display-h5-line-height);
      margin-block-end: var(--rz-text-display-h5-margin-block-end);
      margin-block-start: var(--rz-text-display-h5-margin-block-start);
  }

  .rz-stack > .rz-text-display-h5 { margin-block: 0 }

  .rz-text-display-h6 {
      color: var(--rz-text-display-h6-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-display-h6-font-size);
      font-weight: var(--rz-text-display-h6-font-weight);
      letter-spacing: var(--rz-text-display-h6-letter-spacing);
      line-height: var(--rz-text-display-h6-line-height);
      margin-block-end: var(--rz-text-display-h6-margin-block-end);
      margin-block-start: var(--rz-text-display-h6-margin-block-start);
  }

  .rz-stack > .rz-text-display-h6 { margin-block: 0 }

  .rz-text-h1 {
      color: var(--rz-text-h1-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-h1-font-size);
      font-weight: var(--rz-text-h1-font-weight);
      letter-spacing: var(--rz-text-h1-letter-spacing);
      line-height: var(--rz-text-h1-line-height);
      margin-block-end: var(--rz-text-h1-margin-block-end);
      margin-block-start: var(--rz-text-h1-margin-block-start);
  }

  .rz-stack > .rz-text-h1 { margin-block: 0 }

  .rz-text-h2 {
      color: var(--rz-text-h2-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-h2-font-size);
      font-weight: var(--rz-text-h2-font-weight);
      letter-spacing: var(--rz-text-h2-letter-spacing);
      line-height: var(--rz-text-h2-line-height);
      margin-block-end: var(--rz-text-h2-margin-block-end);
      margin-block-start: var(--rz-text-h2-margin-block-start);
  }

  .rz-stack > .rz-text-h2 { margin-block: 0 }

  .rz-text-h3 {
      color: var(--rz-text-h3-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-h3-font-size);
      font-weight: var(--rz-text-h3-font-weight);
      letter-spacing: var(--rz-text-h3-letter-spacing);
      line-height: var(--rz-text-h3-line-height);
      margin-block-end: var(--rz-text-h3-margin-block-end);
      margin-block-start: var(--rz-text-h3-margin-block-start);
  }

  .rz-stack > .rz-text-h3 { margin-block: 0 }

  .rz-text-h4 {
      color: var(--rz-text-h4-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-h4-font-size);
      font-weight: var(--rz-text-h4-font-weight);
      letter-spacing: var(--rz-text-h4-letter-spacing);
      line-height: var(--rz-text-h4-line-height);
      margin-block-end: var(--rz-text-h4-margin-block-end);
      margin-block-start: var(--rz-text-h4-margin-block-start);
  }

  .rz-stack > .rz-text-h4 { margin-block: 0 }

  .rz-text-h5 {
      color: var(--rz-text-h5-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-h5-font-size);
      font-weight: var(--rz-text-h5-font-weight);
      letter-spacing: var(--rz-text-h5-letter-spacing);
      line-height: var(--rz-text-h5-line-height);
      margin-block-end: var(--rz-text-h5-margin-block-end);
      margin-block-start: var(--rz-text-h5-margin-block-start);
  }

  .rz-stack > .rz-text-h5 { margin-block: 0 }

  .rz-text-h6 {
      color: var(--rz-text-h6-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-h6-font-size);
      font-weight: var(--rz-text-h6-font-weight);
      letter-spacing: var(--rz-text-h6-letter-spacing);
      line-height: var(--rz-text-h6-line-height);
      margin-block-end: var(--rz-text-h6-margin-block-end);
      margin-block-start: var(--rz-text-h6-margin-block-start);
  }

  .rz-stack > .rz-text-h6 { margin-block: 0 }

  .rz-text-subtitle1 {
      color: var(--rz-text-subtitle1-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-subtitle1-font-size);
      font-weight: var(--rz-text-subtitle1-font-weight);
      letter-spacing: var(--rz-text-subtitle1-letter-spacing);
      line-height: var(--rz-text-subtitle1-line-height);
      margin-block-end: var(--rz-text-subtitle1-margin-block-end);
      margin-block-start: var(--rz-text-subtitle1-margin-block-start);
  }

  .rz-stack > .rz-text-subtitle1 { margin-block: 0 }

  .rz-text-subtitle2 {
      color: var(--rz-text-subtitle2-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-subtitle2-font-size);
      font-weight: var(--rz-text-subtitle2-font-weight);
      letter-spacing: var(--rz-text-subtitle2-letter-spacing);
      line-height: var(--rz-text-subtitle2-line-height);
      margin-block-end: var(--rz-text-subtitle2-margin-block-end);
      margin-block-start: var(--rz-text-subtitle2-margin-block-start);
  }

  .rz-stack > .rz-text-subtitle2 { margin-block: 0 }

  .rz-text-body1 {
      color: var(--rz-text-body1-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-body1-font-size);
      font-weight: var(--rz-text-body1-font-weight);
      letter-spacing: var(--rz-text-body1-letter-spacing);
      line-height: var(--rz-text-body1-line-height);
      margin-block-end: var(--rz-text-body1-margin-block-end);
      margin-block-start: var(--rz-text-body1-margin-block-start);
  }

  .rz-stack > .rz-text-body1 { margin-block: 0 }

  .rz-text-body2 {
      color: var(--rz-text-body2-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-body2-font-size);
      font-weight: var(--rz-text-body2-font-weight);
      letter-spacing: var(--rz-text-body2-letter-spacing);
      line-height: var(--rz-text-body2-line-height);
      margin-block-end: var(--rz-text-body2-margin-block-end);
      margin-block-start: var(--rz-text-body2-margin-block-start);
  }

  .rz-stack > .rz-text-body2 { margin-block: 0 }

  .rz-text-button {
      color: var(--rz-text-button-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-button-font-size);
      font-weight: var(--rz-text-button-font-weight);
      letter-spacing: var(--rz-text-button-letter-spacing);
      line-height: var(--rz-text-button-line-height);
      margin-block-end: var(--rz-text-button-margin-block-end);
      margin-block-start: var(--rz-text-button-margin-block-start);
      text-transform: var(--rz-text-button-text-transform);
  }

  .rz-stack > .rz-text-button { margin-block: 0 }

  .rz-text-caption {
      color: var(--rz-text-caption-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-caption-font-size);
      font-weight: var(--rz-text-caption-font-weight);
      letter-spacing: var(--rz-text-caption-letter-spacing);
      line-height: var(--rz-text-caption-line-height);
      margin-block-end: var(--rz-text-caption-margin-block-end);
      margin-block-start: var(--rz-text-caption-margin-block-start);
  }

  .rz-stack > .rz-text-caption { margin-block: 0 }

  .rz-text-overline {
      color: var(--rz-text-overline-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-overline-font-size);
      font-weight: var(--rz-text-overline-font-weight);
      letter-spacing: var(--rz-text-overline-letter-spacing);
      line-height: var(--rz-text-overline-line-height);
      margin-block-end: var(--rz-text-overline-margin-block-end);
      margin-block-start: var(--rz-text-overline-margin-block-start);
      text-transform: var(--rz-text-overline-text-transform);
  }

  .rz-stack > .rz-text-overline { margin-block: 0 }

  .rz-text-align-start { text-align: start }

  .rz-text-align-end { text-align: end }

  .rz-text-align-left { text-align: left }

  .rz-text-align-right { text-align: right }

  .rz-text-align-center { text-align: center }

  .rz-text-align-justify { text-align: justify }

  .rz-text-align-justify-all { text-align: justify-all }

  .rz-text-align-match-parent { text-align: match-parent }

  @media (min-width: 576px) {
      .rz-text-align-xs-start { text-align: start !important }

      .rz-text-align-xs-end { text-align: end !important }

      .rz-text-align-xs-left { text-align: left !important }

      .rz-text-align-xs-right { text-align: right !important }

      .rz-text-align-xs-center { text-align: center !important }

      .rz-text-align-xs-justify { text-align: justify !important }

      .rz-text-align-xs-justify-all { text-align: justify-all !important }

      .rz-text-align-xs-match-parent { text-align: match-parent !important }
  }

  @media (min-width: 768px) {
      .rz-text-align-sm-start { text-align: start !important }

      .rz-text-align-sm-end { text-align: end !important }

      .rz-text-align-sm-left { text-align: left !important }

      .rz-text-align-sm-right { text-align: right !important }

      .rz-text-align-sm-center { text-align: center !important }

      .rz-text-align-sm-justify { text-align: justify !important }

      .rz-text-align-sm-justify-all { text-align: justify-all !important }

      .rz-text-align-sm-match-parent { text-align: match-parent !important }
  }

  @media (min-width: 1024px) {
      .rz-text-align-md-start { text-align: start !important }

      .rz-text-align-md-end { text-align: end !important }

      .rz-text-align-md-left { text-align: left !important }

      .rz-text-align-md-right { text-align: right !important }

      .rz-text-align-md-center { text-align: center !important }

      .rz-text-align-md-justify { text-align: justify !important }

      .rz-text-align-md-justify-all { text-align: justify-all !important }

      .rz-text-align-md-match-parent { text-align: match-parent !important }
  }

  @media (min-width: 1280px) {
      .rz-text-align-lg-start { text-align: start !important }

      .rz-text-align-lg-end { text-align: end !important }

      .rz-text-align-lg-left { text-align: left !important }

      .rz-text-align-lg-right { text-align: right !important }

      .rz-text-align-lg-center { text-align: center !important }

      .rz-text-align-lg-justify { text-align: justify !important }

      .rz-text-align-lg-justify-all { text-align: justify-all !important }

      .rz-text-align-lg-match-parent { text-align: match-parent !important }
  }

  @media (min-width: 1920px) {
      .rz-text-align-xl-start { text-align: start !important }

      .rz-text-align-xl-end { text-align: end !important }

      .rz-text-align-xl-left { text-align: left !important }

      .rz-text-align-xl-right { text-align: right !important }

      .rz-text-align-xl-center { text-align: center !important }

      .rz-text-align-xl-justify { text-align: justify !important }

      .rz-text-align-xl-justify-all { text-align: justify-all !important }

      .rz-text-align-xl-match-parent { text-align: match-parent !important }
  }

  @media (min-width: 2560px) {
      .rz-text-align-xx-start { text-align: start !important }

      .rz-text-align-xx-end { text-align: end !important }

      .rz-text-align-xx-left { text-align: left !important }

      .rz-text-align-xx-right { text-align: right !important }

      .rz-text-align-xx-center { text-align: center !important }

      .rz-text-align-xx-justify { text-align: justify !important }

      .rz-text-align-xx-justify-all { text-align: justify-all !important }

      .rz-text-align-xx-match-parent { text-align: match-parent !important }
  }

  .rz-text-wrap { white-space: normal !important }

  .rz-text-nowrap { white-space: nowrap !important }

  .rz-text-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .rz-text-capitalize { text-transform: capitalize }

  .rz-text-uppercase { text-transform: uppercase }

  .rz-text-lowercase { text-transform: lowercase }

  .rz-label {
      margin-block-end: 0;
      margin-block-start: 0;
      vertical-align: middle;
  }

  .rz-form .row .rz-label {
      border-bottom: var(--rz-input-border);
      border-color: rgba(0, 0, 0, 0);
      border-top: var(--rz-input-border);
      line-height: var(--rz-input-line-height);
      min-height: var(--rz-input-height);
      padding-block: var(--rz-input-padding-block);
      padding-inline: var(--rz-input-padding-inline);
      padding-inline-start: 0;
  }

  .rz-layout ::selection {
      background-color: var(--rz-text-selection-background-color);
      color: var(--rz-text-selection-color)
  }

  .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 {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      box-sizing: border-box;
      display: inline-block;
      font-family: var(--rz-icon-font-family);
      font-feature-settings: "liga";
      font-size: var(--rz-icon-size);
      font-style: normal;
      font-variation-settings: "FILL" var(--rz-icon-fill), "GRAD" var(--rz-icon-grade), "opsz" var(--rz-icon-optical-size);
      font-weight: var(--rz-icon-weight, inherit);
      height: 1em;
      letter-spacing: normal;
      line-height: 1;
      text-rendering: optimizeLegibility;
      text-transform: none;
      white-space: nowrap;
      width: 1em;
      word-wrap: normal;
  }

  i.rzi {
      align-items: center;
      display: inline-flex;
      justify-content: 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 {
      height: 0;
      opacity: 0;
  }

  .rz-helper-hidden-accessible input {
      border: 0;
      height: 0;
      margin: 0;
      padding: 0;
      width: 100%;
  }

  .rz-helper-hidden { display: none }

  .rz-scrollbar-measure {
      height: 100px;
      overflow: scroll;
      position: absolute;
      top: -9999px;
      width: 100px;
  }

  .rz-pager-element, .rz-button {
      -webkit-appearance: none;
      background-color: var(--rz-button-base-background-color);
      background-repeat: no-repeat;
      background-size: var(--rz-button-background-size);
      border: none;
      border-radius: var(--rz-button-border-radius);
      box-shadow: var(--rz-button-shadow);
      box-sizing: border-box;
      color: var(--rz-button-base-color);
      display: inline-block;
      font-family: inherit;
      font-size: 1.0625rem;
      line-height: var(--rz-button-line-height);
      margin: 0;
      outline: none;
      text-decoration: none;
      transition: var(--rz-button-transition);
  }

  .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 }

  @media (hover: hover)and (pointer: fine) {
      .rz-pager-element:not(.rz-state-disabled):not(:active):hover, .rz-button:not(.rz-state-disabled):not(:active):hover {
          background-image: var(--rz-button-hover-gradient);
          background-size: var(--rz-button-hover-background-size);
          box-shadow: var(--rz-button-hover-shadow);
          text-decoration: none;
      }
  }

  .rz-pager-element:not(.rz-state-disabled):not(:active):focus-visible, .rz-button:not(.rz-state-disabled):not(:active):focus-visible {
      background-image: var(--rz-button-focus-gradient);
      background-size: var(--rz-button-focus-background-size);
      box-shadow: var(--rz-button-focus-shadow);
      text-decoration: none;
  }

  .rz-pager-element:not(.rz-state-disabled):active, .rz-button:not(.rz-state-disabled):active {
      background-image: var(--rz-button-active-gradient);
      background-size: var(--rz-button-active-background-size);
      box-shadow: var(--rz-button-active-shadow);
      text-decoration: none;
  }

  .rz-state-disabled.rz-pager-element, .rz-button.rz-state-disabled {
      cursor: initial;
      opacity: var(--rz-button-disabled-opacity);
  }

  .rz-state-empty.rz-pager-element, .rz-button.rz-state-empty {
      cursor: initial;
      opacity: var(--rz-button-empty-opacity);
  }

  .rz-pager-element .rz-button-box, .rz-button .rz-button-box {
      align-items: center;
      display: inline-flex;
      justify-content: center;
      line-height: var(--rz-button-line-height);
      vertical-align: var(--rz-button-vertical-align);
  }

  .rz-pager-element .rz-button-text, .rz-button .rz-button-text { vertical-align: var(--rz-button-vertical-align) }

  .rz-pager-element .rzi, .rz-button .rzi { vertical-align: var(--rz-button-vertical-align) }

  .rz-button.rz-primary:focus-visible { outline-color: var(--rz-primary) }

  .rz-button.rz-secondary:focus-visible { outline-color: var(--rz-secondary) }

  .rz-button.rz-info:focus-visible { outline-color: var(--rz-info) }

  .rz-button.rz-warning:focus-visible { outline-color: var(--rz-warning) }

  .rz-button.rz-error:focus-visible { outline-color: var(--rz-error) }

  .rz-button.rz-danger:focus-visible { outline-color: var(--rz-danger) }

  .rz-button.rz-success:focus-visible { outline-color: var(--rz-success) }

  .rz-button.rz-base:focus-visible { outline-color: var(--rz-base) }

  .rz-button.rz-light:focus-visible { outline-color: var(--rz-outline-color) }

  .rz-button.rz-dark:focus-visible { outline-color: var(--rz-outline-color) }

  .rz-button.rz-primary {
      background-color: var(--rz-primary);
      color: var(--rz-on-primary)
  }

  .rz-button.rz-primary.rz-shade-lighter {
      background-color: var(--rz-primary-lighter);
      color: var(--rz-on-primary-lighter)
  }

  .rz-button.rz-primary.rz-shade-light {
      background-color: var(--rz-primary-light);
      color: var(--rz-on-primary-light)
  }

  .rz-button.rz-primary.rz-shade-default {
      background-color: var(--rz-primary);
      color: var(--rz-on-primary)
  }

  .rz-button.rz-primary.rz-shade-dark {
      background-color: var(--rz-primary-dark);
      color: var(--rz-on-primary-dark)
  }

  .rz-button.rz-primary.rz-shade-darker {
      background-color: var(--rz-primary-darker);
      color: var(--rz-on-primary-darker)
  }

  .rz-button.rz-primary.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-primary.rz-variant-flat:focus-visible { outline-color: var(--rz-primary) }

  .rz-button.rz-secondary {
      background-color: var(--rz-secondary);
      color: var(--rz-on-secondary)
  }

  .rz-button.rz-secondary.rz-shade-lighter {
      background-color: var(--rz-secondary-lighter);
      color: var(--rz-on-secondary-lighter)
  }

  .rz-button.rz-secondary.rz-shade-light {
      background-color: var(--rz-secondary-light);
      color: var(--rz-on-secondary-light)
  }

  .rz-button.rz-secondary.rz-shade-default {
      background-color: var(--rz-secondary);
      color: var(--rz-on-secondary)
  }

  .rz-button.rz-secondary.rz-shade-dark {
      background-color: var(--rz-secondary-dark);
      color: var(--rz-on-secondary-dark)
  }

  .rz-button.rz-secondary.rz-shade-darker {
      background-color: var(--rz-secondary-darker);
      color: var(--rz-on-secondary-darker)
  }

  .rz-button.rz-secondary.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-secondary.rz-variant-flat:focus-visible { outline-color: var(--rz-secondary) }

  .rz-button.rz-info {
      background-color: var(--rz-info);
      color: var(--rz-on-info)
  }

  .rz-button.rz-info.rz-shade-lighter {
      background-color: var(--rz-info-lighter);
      color: var(--rz-on-info-lighter)
  }

  .rz-button.rz-info.rz-shade-light {
      background-color: var(--rz-info-light);
      color: var(--rz-on-info-light)
  }

  .rz-button.rz-info.rz-shade-default {
      background-color: var(--rz-info);
      color: var(--rz-on-info)
  }

  .rz-button.rz-info.rz-shade-dark {
      background-color: var(--rz-info-dark);
      color: var(--rz-on-info-dark)
  }

  .rz-button.rz-info.rz-shade-darker {
      background-color: var(--rz-info-darker);
      color: var(--rz-on-info-darker)
  }

  .rz-button.rz-info.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-info.rz-variant-flat:focus-visible { outline-color: var(--rz-info) }

  .rz-button.rz-warning {
      background-color: var(--rz-warning);
      color: var(--rz-on-warning)
  }

  .rz-button.rz-warning.rz-shade-lighter {
      background-color: var(--rz-warning-lighter);
      color: var(--rz-on-warning-lighter)
  }

  .rz-button.rz-warning.rz-shade-light {
      background-color: var(--rz-warning-light);
      color: var(--rz-on-warning-light)
  }

  .rz-button.rz-warning.rz-shade-default {
      background-color: var(--rz-warning);
      color: var(--rz-on-warning)
  }

  .rz-button.rz-warning.rz-shade-dark {
      background-color: var(--rz-warning-dark);
      color: var(--rz-on-warning-dark)
  }

  .rz-button.rz-warning.rz-shade-darker {
      background-color: var(--rz-warning-darker);
      color: var(--rz-on-warning-darker)
  }

  .rz-button.rz-warning.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-warning.rz-variant-flat:focus-visible { outline-color: var(--rz-warning) }

  .rz-button.rz-error {
      background-color: var(--rz-danger);
      color: var(--rz-on-danger)
  }

  .rz-button.rz-error.rz-shade-lighter {
      background-color: var(--rz-error-lighter);
      color: var(--rz-on-error-lighter)
  }

  .rz-button.rz-error.rz-shade-light {
      background-color: var(--rz-error-light);
      color: var(--rz-on-error-light)
  }

  .rz-button.rz-error.rz-shade-default {
      background-color: var(--rz-error);
      color: var(--rz-on-error)
  }

  .rz-button.rz-error.rz-shade-dark {
      background-color: var(--rz-error-dark);
      color: var(--rz-on-error-dark)
  }

  .rz-button.rz-error.rz-shade-darker {
      background-color: var(--rz-error-darker);
      color: var(--rz-on-error-darker)
  }

  .rz-button.rz-error.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-error.rz-variant-flat:focus-visible { outline-color: var(--rz-error) }

  .rz-button.rz-danger {
      background-color: var(--rz-danger);
      color: var(--rz-on-danger)
  }

  .rz-button.rz-danger.rz-shade-lighter {
      background-color: var(--rz-danger-lighter);
      color: var(--rz-on-danger-lighter)
  }

  .rz-button.rz-danger.rz-shade-light {
      background-color: var(--rz-danger-light);
      color: var(--rz-on-danger-light)
  }

  .rz-button.rz-danger.rz-shade-default {
      background-color: var(--rz-danger);
      color: var(--rz-on-danger)
  }

  .rz-button.rz-danger.rz-shade-dark {
      background-color: var(--rz-danger-dark);
      color: var(--rz-on-danger-dark)
  }

  .rz-button.rz-danger.rz-shade-darker {
      background-color: var(--rz-danger-darker);
      color: var(--rz-on-danger-darker)
  }

  .rz-button.rz-danger.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-danger.rz-variant-flat:focus-visible { outline-color: var(--rz-danger) }

  .rz-button.rz-success {
      background-color: var(--rz-success);
      color: var(--rz-on-success)
  }

  .rz-button.rz-success.rz-shade-lighter {
      background-color: var(--rz-success-lighter);
      color: var(--rz-on-success-lighter)
  }

  .rz-button.rz-success.rz-shade-light {
      background-color: var(--rz-success-light);
      color: var(--rz-on-success-light)
  }

  .rz-button.rz-success.rz-shade-default {
      background-color: var(--rz-success);
      color: var(--rz-on-success)
  }

  .rz-button.rz-success.rz-shade-dark {
      background-color: var(--rz-success-dark);
      color: var(--rz-on-success-dark)
  }

  .rz-button.rz-success.rz-shade-darker {
      background-color: var(--rz-success-darker);
      color: var(--rz-on-success-darker)
  }

  .rz-button.rz-success.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-success.rz-variant-flat:focus-visible { outline-color: var(--rz-success) }

  .rz-button.rz-base {
      background-color: var(--rz-base-200);
      color: var(--rz-text-color)
  }

  .rz-button.rz-base.rz-shade-lighter {
      background-color: var(--rz-base-lighter);
      color: var(--rz-on-base-lighter)
  }

  .rz-button.rz-base.rz-shade-light {
      background-color: var(--rz-base-light);
      color: var(--rz-on-base-light)
  }

  .rz-button.rz-base.rz-shade-default {
      background-color: var(--rz-base);
      color: var(--rz-on-base)
  }

  .rz-button.rz-base.rz-shade-dark {
      background-color: var(--rz-base-dark);
      color: var(--rz-on-base-dark)
  }

  .rz-button.rz-base.rz-shade-darker {
      background-color: var(--rz-base-darker);
      color: var(--rz-on-base-darker)
  }

  .rz-button.rz-base.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-base.rz-variant-flat:focus-visible { outline-color: var(--rz-base) }

  .rz-button.rz-light {
      background-color: var(--rz-base-200);
      color: var(--rz-text-color)
  }

  .rz-button.rz-light.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-light.rz-variant-flat:focus-visible { outline-color: var(--rz-outline-color) }

  .rz-button.rz-dark {
      background-color: var(--rz-base-900);
      color: var(--rz-text-contrast-color)
  }

  .rz-button.rz-dark.rz-variant-flat { box-shadow: none !important }

  .rz-button.rz-dark.rz-variant-flat:focus-visible { outline-color: var(--rz-outline-color) }

  .rz-button.rz-variant-outlined.rz-primary { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-primary.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
      color: var(--rz-primary-light)
  }

  .rz-button.rz-variant-outlined.rz-primary.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
      color: var(--rz-primary-light)
  }

  .rz-button.rz-variant-outlined.rz-primary.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
      color: var(--rz-primary)
  }

  .rz-button.rz-variant-outlined.rz-primary.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
      color: var(--rz-primary-dark)
  }

  .rz-button.rz-variant-outlined.rz-primary.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
      color: var(--rz-primary-darker)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover {
          background-color: var(--rz-primary-lighter);
          background-image: none;
          color: var(--rz-on-primary-lighter);
      }
  }

  .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):active {
      background-color: var(--rz-primary-lighter);
      background-image: none;
      color: var(--rz-on-primary-lighter);
  }

  .rz-button.rz-variant-outlined.rz-secondary { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-secondary.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
      color: var(--rz-secondary-light)
  }

  .rz-button.rz-variant-outlined.rz-secondary.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
      color: var(--rz-secondary-light)
  }

  .rz-button.rz-variant-outlined.rz-secondary.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
      color: var(--rz-secondary)
  }

  .rz-button.rz-variant-outlined.rz-secondary.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
      color: var(--rz-secondary-dark)
  }

  .rz-button.rz-variant-outlined.rz-secondary.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
      color: var(--rz-secondary-darker)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover {
          background-color: var(--rz-secondary-lighter);
          background-image: none;
          color: var(--rz-on-secondary-lighter);
      }
  }

  .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):active {
      background-color: var(--rz-secondary-lighter);
      background-image: none;
      color: var(--rz-on-secondary-lighter);
  }

  .rz-button.rz-variant-outlined.rz-info { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-info.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
      color: var(--rz-info-light)
  }

  .rz-button.rz-variant-outlined.rz-info.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
      color: var(--rz-info-light)
  }

  .rz-button.rz-variant-outlined.rz-info.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
      color: var(--rz-info)
  }

  .rz-button.rz-variant-outlined.rz-info.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
      color: var(--rz-info-dark)
  }

  .rz-button.rz-variant-outlined.rz-info.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
      color: var(--rz-info-darker)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover {
          background-color: var(--rz-info-lighter);
          background-image: none;
          color: var(--rz-on-info-lighter);
      }
  }

  .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):active {
      background-color: var(--rz-info-lighter);
      background-image: none;
      color: var(--rz-on-info-lighter);
  }

  .rz-button.rz-variant-outlined.rz-warning { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-warning.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
      color: var(--rz-warning-light)
  }

  .rz-button.rz-variant-outlined.rz-warning.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
      color: var(--rz-warning-light)
  }

  .rz-button.rz-variant-outlined.rz-warning.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
      color: var(--rz-warning)
  }

  .rz-button.rz-variant-outlined.rz-warning.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
      color: var(--rz-warning-dark)
  }

  .rz-button.rz-variant-outlined.rz-warning.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
      color: var(--rz-warning-darker)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover {
          background-color: var(--rz-warning-lighter);
          background-image: none;
          color: var(--rz-on-warning-lighter);
      }
  }

  .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):active {
      background-color: var(--rz-warning-lighter);
      background-image: none;
      color: var(--rz-on-warning-lighter);
  }

  .rz-button.rz-variant-outlined.rz-error { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-error.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
      color: var(--rz-error-light)
  }

  .rz-button.rz-variant-outlined.rz-error.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
      color: var(--rz-error-light)
  }

  .rz-button.rz-variant-outlined.rz-error.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error);
      color: var(--rz-error)
  }

  .rz-button.rz-variant-outlined.rz-error.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
      color: var(--rz-error-dark)
  }

  .rz-button.rz-variant-outlined.rz-error.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
      color: var(--rz-error-darker)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover {
          background-color: var(--rz-error-lighter);
          background-image: none;
          color: var(--rz-on-error-lighter);
      }
  }

  .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):active {
      background-color: var(--rz-error-lighter);
      background-image: none;
      color: var(--rz-on-error-lighter);
  }

  .rz-button.rz-variant-outlined.rz-danger { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-danger.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
      color: var(--rz-danger-light)
  }

  .rz-button.rz-variant-outlined.rz-danger.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
      color: var(--rz-danger-light)
  }

  .rz-button.rz-variant-outlined.rz-danger.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
      color: var(--rz-danger)
  }

  .rz-button.rz-variant-outlined.rz-danger.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
      color: var(--rz-danger-dark)
  }

  .rz-button.rz-variant-outlined.rz-danger.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
      color: var(--rz-danger-darker)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover {
          background-color: var(--rz-danger-lighter);
          background-image: none;
          color: var(--rz-on-danger-lighter);
      }
  }

  .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):active {
      background-color: var(--rz-danger-lighter);
      background-image: none;
      color: var(--rz-on-danger-lighter);
  }

  .rz-button.rz-variant-outlined.rz-success { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-success.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
      color: var(--rz-success-light)
  }

  .rz-button.rz-variant-outlined.rz-success.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
      color: var(--rz-success-light)
  }

  .rz-button.rz-variant-outlined.rz-success.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
      color: var(--rz-success)
  }

  .rz-button.rz-variant-outlined.rz-success.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
      color: var(--rz-success-dark)
  }

  .rz-button.rz-variant-outlined.rz-success.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
      color: var(--rz-success-darker)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover {
          background-color: var(--rz-success-lighter);
          background-image: none;
          color: var(--rz-on-success-lighter);
      }
  }

  .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):active {
      background-color: var(--rz-success-lighter);
      background-image: none;
      color: var(--rz-on-success-lighter);
  }

  .rz-button.rz-variant-outlined.rz-base { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-base.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-lighter);
      color: var(--rz-base-light)
  }

  .rz-button.rz-variant-outlined.rz-base.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-light);
      color: var(--rz-base-light)
  }

  .rz-button.rz-variant-outlined.rz-base.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color);
      color: var(--rz-text-color)
  }

  .rz-button.rz-variant-outlined.rz-base.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-dark);
      color: var(--rz-base-dark)
  }

  .rz-button.rz-variant-outlined.rz-base.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-darker);
      color: var(--rz-base-darker)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover {
          background-color: var(--rz-base-lighter);
          background-image: none;
          color: var(--rz-on-base-lighter);
      }
  }

  .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active {
      background-color: var(--rz-base-lighter);
      background-image: none;
      color: var(--rz-on-base-lighter);
  }

  .rz-button.rz-variant-outlined.rz-light { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-light.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200);
      color: var(--rz-base-200)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover {
          background-color: rgba(255, 255, 255, .12);
          background-image: none
      }
  }

  .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):active {
      background-color: rgba(255, 255, 255, .12);
      background-image: none
  }

  .rz-button.rz-variant-outlined.rz-dark { background-color: rgba(0, 0, 0, 0) }

  .rz-button.rz-variant-outlined.rz-dark.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
      color: var(--rz-base-900)
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover {
          background-color: rgba(0, 0, 0, .12);
          background-image: none
      }
  }

  .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):active {
      background-color: rgba(0, 0, 0, .12);
      background-image: none
  }

  .rz-button.rz-variant-text.rz-primary {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none
  }

  .rz-button.rz-variant-text.rz-primary.rz-shade-lighter { color: var(--rz-primary-lighter) }

  .rz-button.rz-variant-text.rz-primary.rz-shade-light { color: var(--rz-primary-light) }

  .rz-button.rz-variant-text.rz-primary.rz-shade-default { color: var(--rz-primary) }

  .rz-button.rz-variant-text.rz-primary.rz-shade-dark { color: var(--rz-primary-dark) }

  .rz-button.rz-variant-text.rz-primary.rz-shade-darker { color: var(--rz-primary-darker) }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover {
          background-color: var(--rz-primary-lighter);
          background-image: none;
          box-shadow: none;
          color: var(--rz-on-primary-lighter);
      }
  }

  .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):active {
      background-color: var(--rz-primary-lighter);
      background-image: none;
      box-shadow: none;
      color: var(--rz-on-primary-lighter);
  }

  .rz-button.rz-variant-text.rz-secondary {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none
  }

  .rz-button.rz-variant-text.rz-secondary.rz-shade-lighter { color: var(--rz-secondary-lighter) }

  .rz-button.rz-variant-text.rz-secondary.rz-shade-light { color: var(--rz-secondary-light) }

  .rz-button.rz-variant-text.rz-secondary.rz-shade-default { color: var(--rz-secondary) }

  .rz-button.rz-variant-text.rz-secondary.rz-shade-dark { color: var(--rz-secondary-dark) }

  .rz-button.rz-variant-text.rz-secondary.rz-shade-darker { color: var(--rz-secondary-darker) }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover {
          background-color: var(--rz-secondary-lighter);
          background-image: none;
          box-shadow: none;
          color: var(--rz-on-secondary-lighter);
      }
  }

  .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):active {
      background-color: var(--rz-secondary-lighter);
      background-image: none;
      box-shadow: none;
      color: var(--rz-on-secondary-lighter);
  }

  .rz-button.rz-variant-text.rz-info {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none
  }

  .rz-button.rz-variant-text.rz-info.rz-shade-lighter { color: var(--rz-info-lighter) }

  .rz-button.rz-variant-text.rz-info.rz-shade-light { color: var(--rz-info-light) }

  .rz-button.rz-variant-text.rz-info.rz-shade-default { color: var(--rz-info) }

  .rz-button.rz-variant-text.rz-info.rz-shade-dark { color: var(--rz-info-dark) }

  .rz-button.rz-variant-text.rz-info.rz-shade-darker { color: var(--rz-info-darker) }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover {
          background-color: var(--rz-info-lighter);
          background-image: none;
          box-shadow: none;
          color: var(--rz-on-info-lighter);
      }
  }

  .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):active {
      background-color: var(--rz-info-lighter);
      background-image: none;
      box-shadow: none;
      color: var(--rz-on-info-lighter);
  }

  .rz-button.rz-variant-text.rz-warning {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none
  }

  .rz-button.rz-variant-text.rz-warning.rz-shade-lighter { color: var(--rz-warning-lighter) }

  .rz-button.rz-variant-text.rz-warning.rz-shade-light { color: var(--rz-warning-light) }

  .rz-button.rz-variant-text.rz-warning.rz-shade-default { color: var(--rz-warning) }

  .rz-button.rz-variant-text.rz-warning.rz-shade-dark { color: var(--rz-warning-dark) }

  .rz-button.rz-variant-text.rz-warning.rz-shade-darker { color: var(--rz-warning-darker) }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover {
          background-color: var(--rz-warning-lighter);
          background-image: none;
          box-shadow: none;
          color: var(--rz-on-warning-lighter);
      }
  }

  .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):active {
      background-color: var(--rz-warning-lighter);
      background-image: none;
      box-shadow: none;
      color: var(--rz-on-warning-lighter);
  }

  .rz-button.rz-variant-text.rz-error {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none
  }

  .rz-button.rz-variant-text.rz-error.rz-shade-lighter { color: var(--rz-error-lighter) }

  .rz-button.rz-variant-text.rz-error.rz-shade-light { color: var(--rz-error-light) }

  .rz-button.rz-variant-text.rz-error.rz-shade-default { color: var(--rz-error) }

  .rz-button.rz-variant-text.rz-error.rz-shade-dark { color: var(--rz-error-dark) }

  .rz-button.rz-variant-text.rz-error.rz-shade-darker { color: var(--rz-error-darker) }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover {
          background-color: var(--rz-error-lighter);
          background-image: none;
          box-shadow: none;
          color: var(--rz-on-error-lighter);
      }
  }

  .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):active {
      background-color: var(--rz-error-lighter);
      background-image: none;
      box-shadow: none;
      color: var(--rz-on-error-lighter);
  }

  .rz-button.rz-variant-text.rz-danger {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none
  }

  .rz-button.rz-variant-text.rz-danger.rz-shade-lighter { color: var(--rz-danger-lighter) }

  .rz-button.rz-variant-text.rz-danger.rz-shade-light { color: var(--rz-danger-light) }

  .rz-button.rz-variant-text.rz-danger.rz-shade-default { color: var(--rz-danger) }

  .rz-button.rz-variant-text.rz-danger.rz-shade-dark { color: var(--rz-danger-dark) }

  .rz-button.rz-variant-text.rz-danger.rz-shade-darker { color: var(--rz-danger-darker) }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover {
          background-color: var(--rz-danger-lighter);
          background-image: none;
          box-shadow: none;
          color: var(--rz-on-danger-lighter);
      }
  }

  .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):active {
      background-color: var(--rz-danger-lighter);
      background-image: none;
      box-shadow: none;
      color: var(--rz-on-danger-lighter);
  }

  .rz-button.rz-variant-text.rz-success {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none
  }

  .rz-button.rz-variant-text.rz-success.rz-shade-lighter { color: var(--rz-success-lighter) }

  .rz-button.rz-variant-text.rz-success.rz-shade-light { color: var(--rz-success-light) }

  .rz-button.rz-variant-text.rz-success.rz-shade-default { color: var(--rz-success) }

  .rz-button.rz-variant-text.rz-success.rz-shade-dark { color: var(--rz-success-dark) }

  .rz-button.rz-variant-text.rz-success.rz-shade-darker { color: var(--rz-success-darker) }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover {
          background-color: var(--rz-success-lighter);
          background-image: none;
          box-shadow: none;
          color: var(--rz-on-success-lighter);
      }
  }

  .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):active {
      background-color: var(--rz-success-lighter);
      background-image: none;
      box-shadow: none;
      color: var(--rz-on-success-lighter);
  }

  .rz-button.rz-variant-text.rz-base {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none
  }

  .rz-button.rz-variant-text.rz-base.rz-shade-lighter { color: var(--rz-base-lighter) }

  .rz-button.rz-variant-text.rz-base.rz-shade-light { color: var(--rz-base-light) }

  .rz-button.rz-variant-text.rz-base.rz-shade-default { color: inherit }

  .rz-button.rz-variant-text.rz-base.rz-shade-dark { color: var(--rz-base-dark) }

  .rz-button.rz-variant-text.rz-base.rz-shade-darker { color: var(--rz-base-darker) }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover {
          background-color: var(--rz-base-lighter);
          background-image: none;
          box-shadow: none;
          color: var(--rz-on-base-lighter);
      }
  }

  .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active {
      background-color: var(--rz-base-lighter);
      background-image: none;
      box-shadow: none;
      color: var(--rz-on-base-lighter);
  }

  .rz-button.rz-variant-text.rz-light {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none;
      color: var(--rz-base-200);
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover {
          background-color: rgba(255, 255, 255, .12);
          background-image: none;
          box-shadow: none
      }
  }

  .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):active {
      background-color: rgba(255, 255, 255, .12);
      background-image: none;
      box-shadow: none
  }

  .rz-button.rz-variant-text.rz-dark {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none;
      color: var(--rz-base-900);
  }

  @media (hover: hover)and (pointer: fine) {
      .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover {
          background-color: rgba(0, 0, 0, .12);
          background-image: none;
          box-shadow: none
      }
  }

  .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):active {
      background-color: rgba(0, 0, 0, .12);
      background-image: none;
      box-shadow: none
  }

  .rz-pager-element, .rz-button-lg {
      font-size: 1rem;
      font-weight: 500;
      height: auto;
      letter-spacing: normal;
      line-height: 1.5rem;
      min-height: 3rem;
      min-width: 3rem;
      padding: .75rem 1.5rem;
  }

  .rz-pager-element .rz-button-box, .rz-button-lg .rz-button-box {
      gap: .25rem;
      line-height: 1.5rem;
  }

  .rz-button-icon-left.rz-pager-element, .rz-button-lg.rz-button-icon-left { padding: 0 1.375rem }

  .rz-pager-element, .rz-button-lg.rz-button-icon-only { padding: .75rem }

  .rz-pager-element .rzi, .rz-button-lg .rzi {
      font-size: 1.5rem;
      height: 1.5rem;
      line-height: 1.5rem;
      width: 1.5rem
  }

  .rz-button-md {
      font-size: .875rem;
      font-weight: 500;
      height: auto;
      letter-spacing: normal;
      line-height: 1.25rem;
      min-height: 2.5rem;
      min-width: 2.5rem;
      padding: .625rem 1.5rem;
  }

  .rz-button-md .rz-button-box {
      gap: .25rem;
      line-height: 1.25rem;
  }

  .rz-button-md.rz-button-icon-left { padding: 0 1.375rem }

  .rz-button-md.rz-button-icon-only, .rz-button-md.rz-pager-element { padding: .625rem }

  .rz-button-md .rzi {
      font-size: 1.25rem;
      height: 1.25rem;
      line-height: 1.25rem;
      width: 1.25rem
  }

  .rz-pager.rz-density-compact .rz-pager-element, .rz-fileupload .rz-button, .rz-button-sm {
      font-size: .75rem;
      font-weight: 500;
      height: auto;
      letter-spacing: normal;
      line-height: 1rem;
      min-height: 1.75rem;
      min-width: 1.75rem;
      padding: .375rem 1rem;
  }

  .rz-pager.rz-density-compact .rz-pager-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box {
      gap: .25rem;
      line-height: 1rem;
  }

  .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-button-xs {
      font-size: .75rem;
      font-weight: 500;
      height: auto;
      letter-spacing: normal;
      line-height: 1rem;
      min-height: 1.25rem;
      min-width: 1.25rem;
      padding: .25rem .75rem;
  }

  .rz-button-xs .rz-button-box {
      gap: .125rem;
      line-height: 1rem;
  }

  .rz-button-xs.rz-button-icon-left { padding: 0 1rem }

  .rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-pager-element { padding: .25rem }

  .rz-button-xs .rzi {
      font-size: 1rem;
      height: 1rem;
      line-height: 1rem;
      width: 1rem
  }

  @keyframes button-icon-spin {
      from { transform: rotate(0deg) }

      to { transform: rotate(360deg) }
  }

  .rz-badge {
      border-radius: var(--rz-badge-border-radius);
      box-sizing: border-box;
      color: var(--rz-text-contrast-color);
      display: inline-block;
      font-size: var(--rz-badge-font-size);
      font-weight: var(--rz-badge-font-weight);
      letter-spacing: var(--rz-badge-letter-spacing);
      line-height: var(--rz-badge-line-height);
      padding: var(--rz-badge-padding);
      text-align: center;
      text-transform: var(--rz-badge-text-transform);
      white-space: nowrap;
  }

  .rz-button .rz-badge { vertical-align: top }

  .rz-badge-primary {
      background-color: var(--rz-primary);
      color: var(--rz-on-primary)
  }

  .rz-badge-primary.rz-shade-lighter {
      background-color: var(--rz-primary-lighter);
      color: var(--rz-on-primary-lighter)
  }

  .rz-badge-primary.rz-shade-light {
      background-color: var(--rz-primary-light);
      color: var(--rz-on-primary-light)
  }

  .rz-badge-primary.rz-shade-default {
      background-color: var(--rz-primary);
      color: var(--rz-on-primary)
  }

  .rz-badge-primary.rz-shade-dark {
      background-color: var(--rz-primary-dark);
      color: var(--rz-on-primary-dark)
  }

  .rz-badge-primary.rz-shade-darker {
      background-color: var(--rz-primary-darker);
      color: var(--rz-on-primary-darker)
  }

  .rz-badge-secondary {
      background-color: var(--rz-secondary);
      color: var(--rz-on-secondary)
  }

  .rz-badge-secondary.rz-shade-lighter {
      background-color: var(--rz-secondary-lighter);
      color: var(--rz-on-secondary-lighter)
  }

  .rz-badge-secondary.rz-shade-light {
      background-color: var(--rz-secondary-light);
      color: var(--rz-on-secondary-light)
  }

  .rz-badge-secondary.rz-shade-default {
      background-color: var(--rz-secondary);
      color: var(--rz-on-secondary)
  }

  .rz-badge-secondary.rz-shade-dark {
      background-color: var(--rz-secondary-dark);
      color: var(--rz-on-secondary-dark)
  }

  .rz-badge-secondary.rz-shade-darker {
      background-color: var(--rz-secondary-darker);
      color: var(--rz-on-secondary-darker)
  }

  .rz-badge-info {
      background-color: var(--rz-info);
      color: var(--rz-on-info)
  }

  .rz-badge-info.rz-shade-lighter {
      background-color: var(--rz-info-lighter);
      color: var(--rz-on-info-lighter)
  }

  .rz-badge-info.rz-shade-light {
      background-color: var(--rz-info-light);
      color: var(--rz-on-info-light)
  }

  .rz-badge-info.rz-shade-default {
      background-color: var(--rz-info);
      color: var(--rz-on-info)
  }

  .rz-badge-info.rz-shade-dark {
      background-color: var(--rz-info-dark);
      color: var(--rz-on-info-dark)
  }

  .rz-badge-info.rz-shade-darker {
      background-color: var(--rz-info-darker);
      color: var(--rz-on-info-darker)
  }

  .rz-badge-warning {
      background-color: var(--rz-warning);
      color: var(--rz-on-warning)
  }

  .rz-badge-warning.rz-shade-lighter {
      background-color: var(--rz-warning-lighter);
      color: var(--rz-on-warning-lighter)
  }

  .rz-badge-warning.rz-shade-light {
      background-color: var(--rz-warning-light);
      color: var(--rz-on-warning-light)
  }

  .rz-badge-warning.rz-shade-default {
      background-color: var(--rz-warning);
      color: var(--rz-on-warning)
  }

  .rz-badge-warning.rz-shade-dark {
      background-color: var(--rz-warning-dark);
      color: var(--rz-on-warning-dark)
  }

  .rz-badge-warning.rz-shade-darker {
      background-color: var(--rz-warning-darker);
      color: var(--rz-on-warning-darker)
  }

  .rz-badge-error {
      background-color: var(--rz-danger);
      color: var(--rz-on-danger)
  }

  .rz-badge-error.rz-shade-lighter {
      background-color: var(--rz-error-lighter);
      color: var(--rz-on-error-lighter)
  }

  .rz-badge-error.rz-shade-light {
      background-color: var(--rz-error-light);
      color: var(--rz-on-error-light)
  }

  .rz-badge-error.rz-shade-default {
      background-color: var(--rz-error);
      color: var(--rz-on-error)
  }

  .rz-badge-error.rz-shade-dark {
      background-color: var(--rz-error-dark);
      color: var(--rz-on-error-dark)
  }

  .rz-badge-error.rz-shade-darker {
      background-color: var(--rz-error-darker);
      color: var(--rz-on-error-darker)
  }

  .rz-badge-danger {
      background-color: var(--rz-danger);
      color: var(--rz-on-danger)
  }

  .rz-badge-danger.rz-shade-lighter {
      background-color: var(--rz-danger-lighter);
      color: var(--rz-on-danger-lighter)
  }

  .rz-badge-danger.rz-shade-light {
      background-color: var(--rz-danger-light);
      color: var(--rz-on-danger-light)
  }

  .rz-badge-danger.rz-shade-default {
      background-color: var(--rz-danger);
      color: var(--rz-on-danger)
  }

  .rz-badge-danger.rz-shade-dark {
      background-color: var(--rz-danger-dark);
      color: var(--rz-on-danger-dark)
  }

  .rz-badge-danger.rz-shade-darker {
      background-color: var(--rz-danger-darker);
      color: var(--rz-on-danger-darker)
  }

  .rz-badge-success {
      background-color: var(--rz-success);
      color: var(--rz-on-success)
  }

  .rz-badge-success.rz-shade-lighter {
      background-color: var(--rz-success-lighter);
      color: var(--rz-on-success-lighter)
  }

  .rz-badge-success.rz-shade-light {
      background-color: var(--rz-success-light);
      color: var(--rz-on-success-light)
  }

  .rz-badge-success.rz-shade-default {
      background-color: var(--rz-success);
      color: var(--rz-on-success)
  }

  .rz-badge-success.rz-shade-dark {
      background-color: var(--rz-success-dark);
      color: var(--rz-on-success-dark)
  }

  .rz-badge-success.rz-shade-darker {
      background-color: var(--rz-success-darker);
      color: var(--rz-on-success-darker)
  }

  .rz-badge-base {
      background-color: var(--rz-base-200);
      color: var(--rz-text-color)
  }

  .rz-badge-base.rz-shade-lighter {
      background-color: var(--rz-base-lighter);
      color: var(--rz-on-base-lighter)
  }

  .rz-badge-base.rz-shade-light {
      background-color: var(--rz-base-light);
      color: var(--rz-on-base-light)
  }

  .rz-badge-base.rz-shade-default {
      background-color: var(--rz-base);
      color: var(--rz-on-base)
  }

  .rz-badge-base.rz-shade-dark {
      background-color: var(--rz-base-dark);
      color: var(--rz-on-base-dark)
  }

  .rz-badge-base.rz-shade-darker {
      background-color: var(--rz-base-darker);
      color: var(--rz-on-base-darker)
  }

  .rz-badge-light {
      background-color: var(--rz-base-200);
      color: var(--rz-text-color)
  }

  .rz-badge-dark {
      background-color: var(--rz-base-900);
      color: var(--rz-text-contrast-color)
  }

  .rz-variant-outlined.rz-badge-primary { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-primary.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
      color: var(--rz-primary-lighter)
  }

  .rz-variant-outlined.rz-badge-primary.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
      color: var(--rz-primary-light)
  }

  .rz-variant-outlined.rz-badge-primary.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
      color: var(--rz-primary)
  }

  .rz-variant-outlined.rz-badge-primary.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
      color: var(--rz-primary-dark)
  }

  .rz-variant-outlined.rz-badge-primary.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
      color: var(--rz-primary-darker)
  }

  .rz-variant-outlined.rz-badge-secondary { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-secondary.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
      color: var(--rz-secondary-lighter)
  }

  .rz-variant-outlined.rz-badge-secondary.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
      color: var(--rz-secondary-light)
  }

  .rz-variant-outlined.rz-badge-secondary.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
      color: var(--rz-secondary)
  }

  .rz-variant-outlined.rz-badge-secondary.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
      color: var(--rz-secondary-dark)
  }

  .rz-variant-outlined.rz-badge-secondary.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
      color: var(--rz-secondary-darker)
  }

  .rz-variant-outlined.rz-badge-info { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-info.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
      color: var(--rz-info-lighter)
  }

  .rz-variant-outlined.rz-badge-info.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
      color: var(--rz-info-light)
  }

  .rz-variant-outlined.rz-badge-info.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
      color: var(--rz-info)
  }

  .rz-variant-outlined.rz-badge-info.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
      color: var(--rz-info-dark)
  }

  .rz-variant-outlined.rz-badge-info.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
      color: var(--rz-info-darker)
  }

  .rz-variant-outlined.rz-badge-warning { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-warning.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
      color: var(--rz-warning-lighter)
  }

  .rz-variant-outlined.rz-badge-warning.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
      color: var(--rz-warning-light)
  }

  .rz-variant-outlined.rz-badge-warning.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
      color: var(--rz-warning)
  }

  .rz-variant-outlined.rz-badge-warning.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
      color: var(--rz-warning-dark)
  }

  .rz-variant-outlined.rz-badge-warning.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
      color: var(--rz-warning-darker)
  }

  .rz-variant-outlined.rz-badge-error { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-error.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
      color: var(--rz-error-lighter)
  }

  .rz-variant-outlined.rz-badge-error.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
      color: var(--rz-error-light)
  }

  .rz-variant-outlined.rz-badge-error.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error);
      color: var(--rz-error)
  }

  .rz-variant-outlined.rz-badge-error.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
      color: var(--rz-error-dark)
  }

  .rz-variant-outlined.rz-badge-error.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
      color: var(--rz-error-darker)
  }

  .rz-variant-outlined.rz-badge-danger { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-danger.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
      color: var(--rz-danger-lighter)
  }

  .rz-variant-outlined.rz-badge-danger.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
      color: var(--rz-danger-light)
  }

  .rz-variant-outlined.rz-badge-danger.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
      color: var(--rz-danger)
  }

  .rz-variant-outlined.rz-badge-danger.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
      color: var(--rz-danger-dark)
  }

  .rz-variant-outlined.rz-badge-danger.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
      color: var(--rz-danger-darker)
  }

  .rz-variant-outlined.rz-badge-success { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-success.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
      color: var(--rz-success-lighter)
  }

  .rz-variant-outlined.rz-badge-success.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
      color: var(--rz-success-light)
  }

  .rz-variant-outlined.rz-badge-success.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
      color: var(--rz-success)
  }

  .rz-variant-outlined.rz-badge-success.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
      color: var(--rz-success-dark)
  }

  .rz-variant-outlined.rz-badge-success.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
      color: var(--rz-success-darker)
  }

  .rz-variant-outlined.rz-badge-base { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-base.rz-shade-lighter {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-lighter);
      color: var(--rz-base-lighter)
  }

  .rz-variant-outlined.rz-badge-base.rz-shade-light {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-light);
      color: var(--rz-base-light)
  }

  .rz-variant-outlined.rz-badge-base.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base);
      color: var(--rz-base)
  }

  .rz-variant-outlined.rz-badge-base.rz-shade-dark {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-dark);
      color: var(--rz-base-dark)
  }

  .rz-variant-outlined.rz-badge-base.rz-shade-darker {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-darker);
      color: var(--rz-base-darker)
  }

  .rz-variant-outlined.rz-badge-light { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-light.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200);
      color: var(--rz-base-200)
  }

  .rz-variant-outlined.rz-badge-dark { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-outlined.rz-badge-dark.rz-shade-default {
      box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
      color: var(--rz-base-900)
  }

  .rz-variant-text.rz-badge-primary { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-text.rz-badge-primary.rz-shade-lighter { color: var(--rz-primary-lighter) }

  .rz-variant-text.rz-badge-primary.rz-shade-light { color: var(--rz-primary-light) }

  .rz-variant-text.rz-badge-primary.rz-shade-default { color: var(--rz-primary) }

  .rz-variant-text.rz-badge-primary.rz-shade-dark { color: var(--rz-primary-dark) }

  .rz-variant-text.rz-badge-primary.rz-shade-darker { color: var(--rz-primary-darker) }

  .rz-variant-text.rz-badge-secondary { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-text.rz-badge-secondary.rz-shade-lighter { color: var(--rz-secondary-lighter) }

  .rz-variant-text.rz-badge-secondary.rz-shade-light { color: var(--rz-secondary-light) }

  .rz-variant-text.rz-badge-secondary.rz-shade-default { color: var(--rz-secondary) }

  .rz-variant-text.rz-badge-secondary.rz-shade-dark { color: var(--rz-secondary-dark) }

  .rz-variant-text.rz-badge-secondary.rz-shade-darker { color: var(--rz-secondary-darker) }

  .rz-variant-text.rz-badge-info { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-text.rz-badge-info.rz-shade-lighter { color: var(--rz-info-lighter) }

  .rz-variant-text.rz-badge-info.rz-shade-light { color: var(--rz-info-light) }

  .rz-variant-text.rz-badge-info.rz-shade-default { color: var(--rz-info) }

  .rz-variant-text.rz-badge-info.rz-shade-dark { color: var(--rz-info-dark) }

  .rz-variant-text.rz-badge-info.rz-shade-darker { color: var(--rz-info-darker) }

  .rz-variant-text.rz-badge-warning { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-text.rz-badge-warning.rz-shade-lighter { color: var(--rz-warning-lighter) }

  .rz-variant-text.rz-badge-warning.rz-shade-light { color: var(--rz-warning-light) }

  .rz-variant-text.rz-badge-warning.rz-shade-default { color: var(--rz-warning) }

  .rz-variant-text.rz-badge-warning.rz-shade-dark { color: var(--rz-warning-dark) }

  .rz-variant-text.rz-badge-warning.rz-shade-darker { color: var(--rz-warning-darker) }

  .rz-variant-text.rz-badge-error { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-text.rz-badge-error.rz-shade-lighter { color: var(--rz-error-lighter) }

  .rz-variant-text.rz-badge-error.rz-shade-light { color: var(--rz-error-light) }

  .rz-variant-text.rz-badge-error.rz-shade-default { color: var(--rz-error) }

  .rz-variant-text.rz-badge-error.rz-shade-dark { color: var(--rz-error-dark) }

  .rz-variant-text.rz-badge-error.rz-shade-darker { color: var(--rz-error-darker) }

  .rz-variant-text.rz-badge-danger { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-text.rz-badge-danger.rz-shade-lighter { color: var(--rz-danger-lighter) }

  .rz-variant-text.rz-badge-danger.rz-shade-light { color: var(--rz-danger-light) }

  .rz-variant-text.rz-badge-danger.rz-shade-default { color: var(--rz-danger) }

  .rz-variant-text.rz-badge-danger.rz-shade-dark { color: var(--rz-danger-dark) }

  .rz-variant-text.rz-badge-danger.rz-shade-darker { color: var(--rz-danger-darker) }

  .rz-variant-text.rz-badge-success { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-text.rz-badge-success.rz-shade-lighter { color: var(--rz-success-lighter) }

  .rz-variant-text.rz-badge-success.rz-shade-light { color: var(--rz-success-light) }

  .rz-variant-text.rz-badge-success.rz-shade-default { color: var(--rz-success) }

  .rz-variant-text.rz-badge-success.rz-shade-dark { color: var(--rz-success-dark) }

  .rz-variant-text.rz-badge-success.rz-shade-darker { color: var(--rz-success-darker) }

  .rz-variant-text.rz-badge-base { background-color: rgba(0, 0, 0, 0) }

  .rz-variant-text.rz-badge-base.rz-shade-lighter { color: var(--rz-base-lighter) }

  .rz-variant-text.rz-badge-base.rz-shade-light { color: var(--rz-base-light) }

  .rz-variant-text.rz-badge-base.rz-shade-default { color: var(--rz-base) }

  .rz-variant-text.rz-badge-base.rz-shade-dark { color: var(--rz-base-dark) }

  .rz-variant-text.rz-badge-base.rz-shade-darker { color: var(--rz-base-darker) }

  .rz-variant-text.rz-badge-light {
      background-color: rgba(0, 0, 0, 0);
      color: var(--rz-base-200);
  }

  .rz-variant-text.rz-badge-dark {
      background-color: rgba(0, 0, 0, 0);
      color: var(--rz-base-900);
  }

  .rz-badge-pill {
      border-radius: var(--rz-badge-pill-border-radius);
      padding: var(--rz-badge-pill-padding)
  }

  .rz-dropzone { user-select: none }

  .rz-dropzone-item {
      cursor: grab;
      user-select: none;
  }

  .rz-dragging { cursor: grabbing }

  .rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-numeric:not(:disabled):not(.rz-state-disabled):hover, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
      background-color: var(--rz-input-hover-background-color);
      border: var(--rz-input-hover-border);
      border-block-end: var(--rz-input-hover-border-block-end);
      box-shadow: var(--rz-input-hover-shadow);
  }

  .rz-form-field.rz-state-focused .rz-form-field-content, .rz-numeric:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-numeric:not(:disabled):not(.rz-state-disabled):focus, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
      background-color: var(--rz-input-focus-background-color);
      border: var(--rz-input-focus-border);
      border-block-end: var(--rz-input-focus-border-block-end);
      box-shadow: var(--rz-input-focus-shadow);
      outline: var(--rz-input-focus-outline);
      outline-offset: var(--rz-input-focus-outline-offset)
  }

  :not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled, :not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search :not(.rz-form-field-content) > input:disabled, :not(.rz-form-field-content) > .rz-numeric:disabled, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled, :not(.rz-form-field-content) > .rz-multiselect:disabled, :not(.rz-form-field-content) > .rz-dropdown:disabled, :not(.rz-form-field-content) > .mask:disabled, :not(.rz-form-field-content) > .rz-textarea:disabled, :not(.rz-form-field-content) > .rz-textbox:disabled {
      background-color: var(--rz-input-disabled-background-color);
      border: var(--rz-input-disabled-border);
      border-block-end: var(--rz-input-disabled-border-block-end);
      box-shadow: var(--rz-input-disabled-shadow);
      color: var(--rz-input-disabled-color);
      opacity: var(--rz-input-disabled-opacity)
  }

  :not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, :not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search :not(.rz-form-field-content) > input:disabled::placeholder, :not(.rz-form-field-content) > .rz-numeric:disabled::placeholder, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, :not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, :not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, :not(.rz-form-field-content) > .mask:disabled::placeholder, :not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, :not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { color: var(--rz-input-disabled-placeholder-color) }

  :not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search :not(.rz-form-field-content) > input:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-numeric:disabled .rz-inputtext, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, :not(.rz-form-field-content) > .mask:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext {
      background-color: var(--rz-input-disabled-background-color);
      border: none;
      color: var(--rz-input-disabled-color);
  }

  input {
      color: var(--rz-input-value-color);
      font-size: var(--rz-input-font-size)
  }

  input::placeholder { color: var(--rz-input-placeholder-color) }

  .rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
      padding-block: var(--rz-input-padding-block);
      padding-inline: var(--rz-input-padding-inline)
  }

  .rz-form-field-content, .rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
      background-color: var(--rz-input-background-color);
      border: var(--rz-input-border);
      border-block-end: var(--rz-input-border-block-end);
      border-radius: var(--rz-input-border-radius);
      box-shadow: var(--rz-input-shadow);
      box-sizing: border-box;
  }

  .rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
      color: var(--rz-input-value-color);
      font-family: inherit;
      font-size: var(--rz-input-font-size);
      height: var(--rz-input-height);
      line-height: var(--rz-input-line-height);
      transition: var(--rz-input-transition)
  }

  .rz-timespanpicker > .rz-inputtext:not(.invalid), .rz-colorpicker:not(.invalid), .rz-lookup-search input:not(.invalid), .rz-numeric:not(.invalid), .rz-datepicker > .rz-inputtext:not(.invalid), .rz-multiselect:not(.invalid), .rz-dropdown:not(.invalid), .mask:not(.invalid), .rz-textarea:not(.invalid), .rz-textbox:not(.invalid) { outline: none }

  .rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content > .rz-autocomplete.rz-state-disabled > .rz-inputtext, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-inputtext.rz-state-disabled, .rz-form-field-content .rz-datepicker.rz-state-disabled > .rz-inputtext {
      background-color: rgba(0, 0, 0, 0);
      border: none;
      --rz-input-hover-background-color: transparent;
      --rz-input-focus-background-color: transparent;
      box-shadow: none;
      outline: none;
  }

  .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover {
      border: none;
      box-shadow: none
  }

  .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus {
      border: none;
      box-shadow: none
  }

  .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within {
      border: none;
      box-shadow: none
  }

  .rz-header {
      background-color: var(--rz-header-background-color);
      border-bottom: var(--rz-header-border);
      box-shadow: var(--rz-header-shadow);
      color: var(--rz-header-color);
      min-height: var(--rz-header-min-height);
  }

  .rz-header.fixed {
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: var(--rz-header-z)
  }

  .rz-header a { text-decoration: none }

  .rz-footer {
      background-color: var(--rz-footer-background-color);
      border-top: var(--rz-footer-border);
      color: var(--rz-footer-color);
      padding: var(--rz-footer-padding);
  }

  .rz-footer.fixed {
      bottom: 0;
      left: 0;
      position: fixed;
      right: 0;
      z-index: var(--rz-footer-z);
  }

  .rz-sidebar {
      background-color: var(--rz-sidebar-background-color);
      border-inline-end: var(--rz-sidebar-border-inline-end);
      bottom: 0;
      color: var(--rz-sidebar-color);
      left: 0;
      opacity: 1;
      overflow: auto;
      position: fixed;
      top: 0;
      transition: width var(--rz-transition), opacity var(--rz-transition);
      width: var(--rz-sidebar-width);
      z-index: var(--rz-sidebar-z);
  }

  @media (max-width: 768px) {
      .rz-sidebar-responsive {
          opacity: 0;
          width: 0;
      }
  }

  .rz-sidebar-expanded {
      opacity: 1;
      width: var(--rz-sidebar-width);
  }

  .rz-sidebar-collapsed {
      opacity: 0;
      width: 0 !important;
  }

  .rz-card {
      background-color: var(--rz-card-background-color);
      border-radius: var(--rz-card-border-radius);
      box-sizing: border-box;
      padding: var(--rz-card-padding);
  }

  .rz-card.rz-variant-filled { box-shadow: var(--rz-card-shadow) }

  .rz-card.rz-variant-flat { background-color: var(--rz-card-flat-background-color) }

  .rz-card.rz-variant-outlined {
      background: rgba(0, 0, 0, 0);
      border: var(--rz-card-border)
  }

  .rz-card.rz-variant-text { background: rgba(0, 0, 0, 0) }

  .rz-card > h1, .rz-card > h2, .rz-card > h3, .rz-card > h4, .rz-card > h5, .rz-card > h6 { margin-bottom: var(--rz-card-heading-margin-bottom) }

  .rz-card > p { margin-bottom: 0 }

  .rz-card-group {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 0
  }

  .rz-card-group > .rz-card {
      border-radius: 0;
      flex: 1;
  }

  .rz-card-group > .rz-card:first-of-type {
      border-end-start-radius: var(--rz-card-border-radius);
      border-start-start-radius: var(--rz-card-border-radius);
  }

  .rz-card-group > .rz-card:last-of-type {
      border-end-end-radius: var(--rz-card-border-radius);
      border-start-end-radius: var(--rz-card-border-radius);
  }

  .rz-card-group > .rz-variant-outlined + .rz-variant-outlined { border-inline-start: 0 }

  .rz-card-group > .rz-variant-flat + .rz-variant-flat { margin-inline-start: var(--rz-border-width) }

  .rz-card-group > .rz-variant-text + .rz-variant-text { border-inline-start: var(--rz-card-border) }

  .rz-card-group > .rz-card:first-of-type, .rz-card-group > .rz-card + .rz-card:not(:last-of-type) { clip-path: inset(-32px 0 - 32px - 32px) }

  *[dir=rtl] .rz-card-group > .rz-card:first-of-type, *[dir=rtl] .rz-card-group > .rz-card + .rz-card:not(:last-of-type) { clip-path: inset(-32px - 32px - 32px 0) }

  @media (max-width: 576px) {
      .rz-card-group.rz-card-group-responsive { flex-direction: column }

      .rz-card-group.rz-card-group-responsive > .rz-card {
          border-radius: 0;
          flex: 1;
      }

      .rz-card-group.rz-card-group-responsive > .rz-card:first-of-type {
          border-start-end-radius: var(--rz-card-border-radius);
          border-start-start-radius: var(--rz-card-border-radius);
      }

      .rz-card-group.rz-card-group-responsive > .rz-card:last-of-type {
          border-end-end-radius: var(--rz-card-border-radius);
          border-end-start-radius: var(--rz-card-border-radius);
      }

      .rz-card-group.rz-card-group-responsive > .rz-card { clip-path: none }

      .rz-card-group.rz-card-group-responsive > .rz-card:first-of-type, .rz-card-group.rz-card-group-responsive > .rz-card + .rz-card:not(:last-of-type) { clip-path: inset(-32px - 32px 0 - 32px) }

      .rz-card-group.rz-card-group-responsive > .rz-variant-flat + .rz-variant-flat {
          margin: 0;
          margin-top: var(--rz-border-width)
      }

      .rz-card-group.rz-card-group-responsive > .rz-variant-outlined + .rz-variant-outlined {
          border-inline-start: var(--rz-card-border);
          border-top: 0;
      }

      .rz-card-group.rz-card-group-responsive > .rz-variant-text + .rz-variant-text {
          border: 0;
          border-top: var(--rz-card-border)
      }
  }

  .rz-body {
      background-color: var(--rz-layout-body-background-color);
      border-radius: var(--rz-layout-body-border-radius);
      margin: var(--rz-layout-body-margin);
      padding: var(--rz-layout-body-padding);
  }

  .rz-body:only-child { background-color: rgba(0, 0, 0, 0) }

  .rz-layout .rz-body { transform: translateZ(0) }

  .rz-accordion {
      border-radius: var(--rz-accordion-border-radius);
      box-shadow: var(--rz-accordion-shadow);
      box-sizing: border-box;
      overflow: hidden
  }

  .rz-accordion > div:first-child { border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0 }

  .rz-accordion > div:nth-last-child(2):has( + .rz-state-collapsed), .rz-accordion > div:nth-last-child(2):has( + .rz-state-collapsed) > div { border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) }

  .rz-accordion > div:last-child .rz-accordion-content { border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) }

  .rz-accordion > div:only-child { border-radius: var(--rz-accordion-border-radius) }

  .rz-accordion:focus { outline: var(--rz-outline-normal) }

  .rz-accordion:focus-visible { outline: var(--rz-accordion-item-focus-outline) }

  .rz-accordion .rz-accordion-header {
      background-color: var(--rz-accordion-item-background-color);
      margin: var(--rz-accordion-item-margin)
  }

  .rz-accordion .rz-accordion-header:not(:first-child) { border-top: var(--rz-accordion-item-border) }

  .rz-accordion .rz-accordion-header > a {
      align-items: center;
      color: var(--rz-accordion-item-color);
      cursor: pointer;
      display: flex;
      font-size: var(--rz-accordion-item-font-size);
      font-weight: var(--rz-accordion-item-font-weight);
      line-height: var(--rz-accordion-item-line-height);
      padding-block: var(--rz-accordion-item-padding-block);
      padding-inline: var(--rz-accordion-item-padding-inline);
      text-decoration: none;
  }

  .rz-accordion .rz-accordion-header > a:hover { color: var(--rz-accordion-hover-color) }

  .rz-accordion .rz-accordion-header > a span:not(.rz-accordion-toggle-icon) { flex-grow: 1 }

  .rz-accordion .rz-accordion-header > a > .rzi {
      font-size: var(--rz-accordion-icon-font-size);
      margin-inline: var(--rz-accordion-icon-margin-inline)
  }

  :focus-visible .rz-accordion .rz-accordion-header.rz-state-focused {
      outline: var(--rz-accordion-item-focus-outline);
      outline-offset: var(--rz-accordion-item-focus-outline-offset)
  }

  .rz-accordion > .rz-expander { background-color: var(--rz-accordion-item-background-color) }

  .rz-accordion-toggle-icon {
      font-size: var(--rz-accordion-icon-font-size);
      height: var(--rz-accordion-icon-height);
      order: var(--rz-accordion-toggle-icon-order);
      width: var(--rz-accordion-icon-width);
  }

  .rz-accordion-toggle-icon.rzi { margin-inline: var(--rz-accordion-toggle-icon-margin-inline) }

  .rz-accordion-toggle-icon.rz-state-expanded {
      transform: rotate(180deg);
      transition: transform var(--rz-transition)
  }

  .rz-accordion-toggle-icon.rz-state-collapsed {
      transform: rotate(0);
      transition: transform var(--rz-transition)
  }

  .rz-accordion-content {
      background-color: var(--rz-accordion-item-background-color);
      font-size: var(--rz-accordion-content-font-size);
      padding-block: var(--rz-accordion-content-padding-block);
      padding-inline: var(--rz-accordion-content-padding-inline)
  }

  *[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-right:before { content: "keyboard_arrow_down" }

  *[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-down:before { content: "keyboard_arrow_up" }

  .rz-panel {
      background: var(--rz-panel-background-color);
      border-radius: var(--rz-panel-border-radius);
      box-shadow: var(--rz-panel-shadow);
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      padding: var(--rz-panel-padding);
  }

  .rz-panel-titlebar {
      display: flex;
      justify-content: space-between
  }

  .rz-panel-content { margin: var(--rz-panel-content-margin) }

  .rz-panel-title {
      font-weight: var(--rz-panel-title-font-weight);
      line-height: var(--rz-panel-title-line-height);
  }

  .rz-panel-titlebar-toggler {
      align-items: center;
      background-color: var(--rz-panel-toggle-icon-background-color);
      border-radius: var(--rz-panel-toggle-icon-border-radius);
      color: inherit;
      display: flex;
      font-size: var(--rz-panel-toggle-icon-font-size);
      height: var(--rz-panel-toggle-icon-height);
      justify-content: center;
      text-decoration: none;
      width: var(--rz-panel-toggle-icon-width);
  }

  .rz-panel-titlebar-toggler:hover {
      color: var(--rz-panel-hover-color);
      text-decoration: none;
  }

  .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;
      background-color: var(--rz-sidebar-toggle-background-color);
      border: none;
      border-inline-end: var(--rz-sidebar-toggle-border);
      color: var(--rz-sidebar-toggle-color);
      cursor: pointer;
      margin-inline-end: var(--rz-sidebar-toggle-margin-inline-end);
      padding: var(--rz-sidebar-toggle-padding);
  }

  .rz-justify-content-flex-end .rz-sidebar-toggle {
      border-inline-end: none;
      border-inline-start: var(--rz-sidebar-toggle-border);
  }

  .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 {
      background: var(--rz-sidebar-toggle-hover-background-color);
      border-radius: var(--rz-sidebar-toggle-hover-border-radius);
      color: var(--rz-sidebar-toggle-hover-color);
  }

  .rz-sidebar-toggle .rzi {
      font-size: var(--rz-sidebar-toggle-icon-width);
      height: var(--rz-sidebar-toggle-icon-height);
      width: var(--rz-sidebar-toggle-icon-width);
  }

  .rz-navigation-item-link {
      align-items: center;
      cursor: pointer;
      display: flex;
      text-decoration: none
  }

  .rz-navigation-item-link:hover { text-decoration: none }

  .rz-navigation-item-text { flex: auto }

  .rz-context-menu { box-sizing: border-box }

  .rz-context-menu .rz-menu { flex-direction: column }

  .rz-context-menu .rz-menu, .rz-context-menu .rz-navigation-menu {
      border: var(--rz-menu-border);
      border-radius: var(--rz-menu-border-radius);
      box-shadow: var(--rz-context-menu-box-shadow);
  }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) {
      align-items: stretch;
      background-color: var(--rz-menu-background-color)
  }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { color: var(--rz-menu-item-color) }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-icon-color) }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { border-radius: var(--rz-menu-item-border-radius) }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
      padding-block: var(--rz-menu-item-padding-block);
      padding-inline: var(--rz-menu-item-padding-inline)
  }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { background-color: var(--rz-menu-item-hover-background-color) }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { color: var(--rz-menu-item-hover-color) }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-icon-hover-color) }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active { background-color: var(--rz-menu-item-selected-background-color) }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { color: var(--rz-menu-item-selected-color) }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-selected-color) }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { display: none }

  .rz-menu:not(.rz-profile-menu) {
      align-items: center;
      background-color: var(--rz-menu-top-item-background-color);
      box-sizing: border-box;
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
  }

  .rz-context-menu .rz-menu:not(.rz-profile-menu) {
      padding-block: var(--rz-context-menu-padding-block);
      padding-inline: var(--rz-context-menu-padding-inline)
  }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
      color: var(--rz-menu-top-item-color);
      padding-block: var(--rz-menu-top-item-padding-block);
      padding-inline: var(--rz-menu-top-item-padding-inline);
      white-space: nowrap
  }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-top-item-icon-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link.active { color: var(--rz-menu-top-item-selected-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link.active .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-top-item-selected-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-navigation-item-icon-children.rz-state-expanded {
      transform: rotate(180deg);
      transition: transform var(--rz-expander-transition)
  }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-navigation-item-icon-children.rz-state-collapsed {
      transform: rotate(0);
      transition: transform var(--rz-expander-transition)
  }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { border-radius: var(--rz-menu-top-item-border-radius) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has( > .active) { background-color: var(--rz-menu-top-item-selected-background-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover, .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has( > .active):hover { background-color: var(--rz-menu-top-item-hover-background-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link, .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has( > .active):hover .rz-navigation-item-link { color: var(--rz-menu-top-item-hover-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has( > .active):hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-top-item-icon-hover-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active { background-color: var(--rz-menu-top-item-selected-background-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { color: var(--rz-menu-top-item-selected-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-top-item-selected-color) }

  .rz-menu:not(.rz-profile-menu):focus { outline: var(--rz-outline-normal) }

  .rz-menu:not(.rz-profile-menu):focus-visible { outline: var(--rz-menu-item-focus-outline) }

  .rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
      outline: var(--rz-menu-item-focus-outline);
      outline-offset: var(--rz-menu-item-focus-outline-offset)
  }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item { position: relative }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
      background-color: var(--rz-menu-background-color);
      border-radius: var(--rz-menu-border-radius);
      box-shadow: var(--rz-context-menu-box-shadow);
      list-style: none;
      margin: 0;
      min-width: 100%;
      overflow: hidden;
      padding-block: var(--rz-context-menu-padding-block);
      padding-inline: var(--rz-context-menu-padding-inline);
      position: absolute;
      z-index: 3;
  }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper { border-radius: var(--rz-menu-item-border-radius) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has( > .active) { background-color: var(--rz-menu-item-selected-background-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover, .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has( > .active):hover { background-color: var(--rz-menu-item-hover-background-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link, .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has( > .active):hover .rz-navigation-item-link { color: var(--rz-menu-item-hover-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has( > .active):hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-icon-hover-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active { background-color: var(--rz-menu-item-selected-background-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link { color: var(--rz-menu-item-selected-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-selected-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
      color: var(--rz-menu-item-color);
      padding-block: var(--rz-menu-item-padding-block);
      padding-inline: var(--rz-menu-item-padding-inline);
      white-space: nowrap
  }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-icon-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link.active { color: var(--rz-menu-item-selected-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link.active .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-selected-color) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu {
      box-shadow: none;
      position: static;
  }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { margin-inline-start: var(--rz-menu-item-offset) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { margin-inline-start: calc(var(--rz-menu-item-offset) * 2) }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { margin-inline-start: calc(var(--rz-menu-item-offset) * 3) }

  .rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { margin-inline: var(--rz-menu-item-icon-margin-inline) }

  .rz-navigation-item-wrapper, .rz-navigation-item-link, .rz-navigation-item-text { transition: var(--rz-menu-item-transition) }

  li.rz-navigation-item.rz-state-disabled {
      cursor: initial;
      opacity: var(--rz-menu-item-disabled-opacity);
      pointer-events: none
  }

  .rz-menu-toggle-item {
      align-items: center;
      display: none;
      height: 100%;
      justify-content: end;
      padding-block: var(--rz-menu-top-item-padding-block);
      padding-inline: var(--rz-menu-top-item-padding-inline);
      width: 100%;
  }

  .rz-menu-toggle {
      align-items: center;
      appearance: none;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      color: var(--rz-menu-top-item-color);
      display: inline-flex;
      justify-content: center;
      padding: 0;
  }

  .rz-menu-toggle:hover {
      background-color: rgba(0, 0, 0, 0);
      color: var(--rz-menu-top-item-hover-color)
  }

  .rz-menu-toggle:active {
      background-color: rgba(0, 0, 0, 0);
      color: var(--rz-menu-top-item-color)
  }

  .rz-context-menu .rz-menu-toggle { color: var(--rz-menu-item-color) }

  .rz-context-menu .rz-menu-toggle:hover { color: var(--rz-menu-item-hover-color) }

  .rz-context-menu .rz-menu-toggle:active { color: var(--rz-menu-item-color) }

  @media (max-width: 768px) {
      .rz-menu:not(.rz-profile-menu).rz-menu-closed .rz-navigation-item { display: none }

      .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi { margin: 0 }

      .rz-menu:not(.rz-profile-menu).rz-menu-open { display: block }

      .rz-menu:not(.rz-profile-menu).rz-menu-open .rz-navigation-item { background-color: inherit }

      .rz-menu:not(.rz-profile-menu).rz-menu-open .rz-navigation-menu {
          border-radius: 0;
          box-shadow: none;
          position: static;
      }

      .rz-menu:not(.rz-profile-menu) .rz-menu-toggle-item { display: flex }

      .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active:before { display: none !important }
  }

  .rz-panel-menu {
      background-color: var(--rz-panel-menu-item-background-color);
      box-sizing: border-box;
      color: var(--rz-panel-menu-item-color);
      font-size: var(--rz-panel-menu-font-size);
      font-weight: var(--rz-panel-menu-font-weight);
      list-style: none;
      margin-block-end: 0;
      margin-block-start: 0;
      overflow: auto;
      padding-block: var(--rz-panel-menu-padding-block);
      padding-inline: var(--rz-panel-menu-padding-inline);
  }

  .rz-panel-menu:focus { outline: var(--rz-outline-normal) }

  .rz-panel-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
      outline: var(--rz-panel-menu-focus-outline);
      outline-offset: var(--rz-panel-menu-focus-outline-offset)
  }

  .rz-panel-menu > .rz-navigation-item {
      margin-block: var(--rz-panel-menu-item-margin-block);
      margin-inline: var(--rz-panel-menu-item-margin-inline)
  }

  .rz-panel-menu .rz-navigation-item {
      border-block-end: var(--rz-panel-menu-item-border);
      border-radius: var(--rz-panel-menu-item-border-radius);
      overflow: hidden
  }

  .rz-panel-menu .rz-navigation-item:not(:has( > .rz-expander .rz-navigation-item)) > .rz-navigation-item-wrapper .rz-navigation-item-icon-children { display: none }

  .rz-panel-menu .rz-navigation-item-wrapper {
      border-radius: var(--rz-panel-menu-item-border-radius);
      line-height: var(--rz-panel-menu-item-line-height);
      overflow: hidden;
      position: relative;
      transition: var(--rz-panel-menu-item-transition);
  }

  .rz-panel-menu .rz-navigation-item-wrapper:hover {
      background-color: var(--rz-panel-menu-item-hover-background-color);
      color: var(--rz-panel-menu-item-hover-color)
  }

  .rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { color: var(--rz-panel-menu-item-hover-color) }

  .rz-panel-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-item-wrapper-active {
      background-color: var(--rz-panel-menu-item-active-background-color);
      color: var(--rz-panel-menu-item-active-color)
  }

  .rz-panel-menu .rz-navigation-item-active:before, .rz-panel-menu .rz-navigation-item-wrapper-active:before {
      background-color: var(--rz-panel-menu-item-active-indicator);
      content: "";
      inset-block-end: 0;
      inset-block-start: 0;
      position: absolute;
      width: 4px;
  }

  .rz-panel-menu .rz-navigation-item-active .rz-navigation-item-icon, .rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon { color: var(--rz-panel-menu-item-active-color) }

  .rz-panel-menu .rz-navigation-item-link {
      color: inherit;
      cursor: pointer;
      padding-block: var(--rz-panel-menu-item-padding-block);
      padding-inline: var(--rz-panel-menu-item-padding-inline);
      text-decoration: none
  }

  .rz-panel-menu a.rz-navigation-item-link {
      cursor: pointer;
      text-decoration: none
  }

  .rz-panel-menu .rz-navigation-item-text { flex: auto }

  .rz-panel-menu .rz-navigation-item-icon-children {
      font-size: var(--rz-panel-menu-toggle-icon-font-size);
      margin-inline-start: auto;
      opacity: var(--rz-panel-menu-toggle-icon-opacity);
      z-index: 1
  }

  .rz-panel-menu .rz-navigation-item-icon-children.rz-state-expanded {
      transform: rotate(180deg);
      transition: transform var(--rz-expander-transition)
  }

  .rz-panel-menu .rz-navigation-item-icon-children.rz-state-collapsed {
      transform: rotate(0);
      transition: transform var(--rz-expander-transition)
  }

  .rz-panel-menu .rz-navigation-item-icon {
      color: var(--rz-panel-menu-icon-color);
      font-size: var(--rz-panel-menu-icon-font-size);
      height: var(--rz-panel-menu-icon-height);
      margin-inline: var(--rz-panel-menu-icon-margin-inline);
      transition: var(--rz-panel-menu-item-transition);
      width: var(--rz-panel-menu-icon-width);
  }

  .rz-panel-menu .rz-navigation-menu {
      list-style: none;
      margin-block-end: 0;
      overflow: hidden;
      padding: 0;
  }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
      background-color: var(--rz-panel-menu-item-2nd-level-background-color);
      border-radius: var(--rz-panel-menu-item-2nd-level-border-radius);
      margin-block: var(--rz-panel-menu-item-2nd-level-margin-block);
      margin-inline: var(--rz-panel-menu-item-2nd-level-margin-inline);
      overflow: hidden
  }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
      background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color);
      color: var(--rz-panel-menu-item-2nd-level-hover-color)
  }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { color: var(--rz-panel-menu-item-2nd-level-hover-color) }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
      background-color: var(--rz-panel-menu-item-2nd-level-active-background-color);
      color: var(--rz-panel-menu-item-2nd-level-active-color);
      font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight)
  }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active .rz-navigation-item-icon, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon { color: var(--rz-panel-menu-item-2nd-level-active-color) }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
      font-size: var(--rz-panel-menu-icon-2nd-level-icon-size);
      height: var(--rz-panel-menu-icon-2nd-level-icon-size);
      margin-inline: var(--rz-panel-menu-icon-2nd-level-margin-inline);
      width: var(--rz-panel-menu-icon-2nd-level-icon-size);
  }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item {
      border-block-end: none;
      color: var(--rz-panel-menu-item-2nd-level-color);
      font-size: var(--rz-panel-menu-item-2nd-level-font-size);
      font-weight: var(--rz-panel-menu-item-2nd-level-font-weight)
  }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item:first-child { margin-block-start: var(--rz-panel-menu-2nd-level-vertical-offset) }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { margin-block-end: var(--rz-panel-menu-2nd-level-vertical-offset) }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
      padding-block: var(--rz-panel-menu-item-2nd-level-padding-block);
      padding-inline: var(--rz-panel-menu-item-2nd-level-padding-inline);
      padding-inline-start: var(--rz-panel-menu-item-2nd-level-offset)
  }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-menu { margin: 0 }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper {
      background-color: var(--rz-panel-menu-item-3rd-level-background-color);
      color: var(--rz-panel-menu-item-3rd-level-color);
  }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
      background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color);
      color: var(--rz-panel-menu-item-3rd-level-hover-color);
  }

  .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
      background-color: var(--rz-panel-menu-item-3rd-level-active-background-color);
      color: var(--rz-panel-menu-item-3rd-level-active-color)
  }

  ul.rz-profile-menu {
      background-color: var(--rz-profile-menu-top-item-background-color);
      border-inline-start: var(--rz-profile-menu-border);
      box-sizing: border-box;
      display: inline-block;
      list-style: none;
      margin-block-end: 0;
      margin-block-start: 0;
      padding-block: var(--rz-profile-menu-padding-block);
      padding-inline: var(--rz-profile-menu-padding-inline);
      position: relative;
      z-index: 3
  }

  ul.rz-profile-menu:focus { outline: var(--rz-outline-normal) }

  ul.rz-profile-menu:focus-visible { outline: var(--rz-menu-item-focus-outline) }

  ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
      outline: var(--rz-profile-menu-item-focus-outline);
      outline-offset: var(--rz-profile-menu-item-focus-outline-offset)
  }

  ul.rz-profile-menu .rz-navigation-item-icon-children { color: var(--rz-profile-menu-toggle-button-color) }

  ul.rz-profile-menu .rz-navigation-item-icon-children.rz-state-expanded {
      transform: rotate(180deg);
      transition: transform var(--rz-expander-transition)
  }

  ul.rz-profile-menu .rz-navigation-item-icon-children.rz-state-collapsed {
      transform: rotate(0);
      transition: transform var(--rz-expander-transition)
  }

  ul.rz-profile-menu .rz-navigation-menu {
      background-color: var(--rz-profile-menu-background-color);
      border-radius: var(--rz-profile-menu-border-radius);
      box-shadow: var(--rz-context-menu-box-shadow);
      inset-block-start: calc(100% - 2px);
      inset-inline-end: 0;
      list-style: none;
      margin-block-end: 0;
      margin-block-start: 0;
      min-width: 100%;
      overflow: hidden;
      padding-block: var(--rz-context-menu-padding-block);
      padding-inline: var(--rz-context-menu-padding-inline);
      position: absolute;
      text-align: start;
      white-space: nowrap
  }

  ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link {
      padding-block: var(--rz-menu-item-padding-block);
      padding-inline: var(--rz-menu-item-padding-inline)
  }

  ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
      background-color: var(--rz-profile-menu-item-hover-background-color);
      color: var(--rz-menu-item-hover-color)
  }

  ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link { color: var(--rz-menu-item-hover-color) }

  ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-text { color: var(--rz-menu-item-hover-color) }

  ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-link, ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-text { color: var(--rz-menu-item-color) }

  ul.rz-profile-menu .rz-navigation-menu .rzi {
      font-size: var(--rz-profile-menu-item-icon-font-size);
      height: var(--rz-profile-menu-item-icon-height);
      margin-inline: var(--rz-profile-menu-item-icon-margin-inline);
      width: var(--rz-profile-menu-item-icon-width);
  }

  .rz-gravatar {
      border-radius: var(--rz-gravatar-border-radius);
      box-shadow: var(--rz-gravatar-box-shadow);
      box-sizing: border-box;
      display: inline-block;
      height: var(--rz-gravatar-height);
      width: var(--rz-gravatar-width);
  }

  .rz-steps {
      box-sizing: border-box;
      display: flex;
      flex-direction: column
  }

  .rz-steps .rz-widget-content {
      flex: 1;
      overflow-x: hidden;
      overflow-y: auto
  }

  .rz-steps ul {
      list-style: none;
      padding: 0
  }

  .rz-steps .rz-menuitem-link {
      align-items: center;
      color: var(--rz-steps-color);
      cursor: pointer;
      display: inline-flex;
      text-decoration: none
  }

  .rz-steps .rz-menuitem-link:hover {
      color: var(--rz-steps-title-selected-color) !important;
      text-decoration: none;
  }

  .rz-steps .rz-state-disabled .rz-menuitem-link {
      color: var(--rz-text-disabled-color);
      cursor: default
  }

  .rz-steps .rz-state-disabled .rz-menuitem-link:hover { color: var(--rz-text-disabled-color) !important }

  .rz-steps .rz-state-highlight .rz-steps-title { color: var(--rz-steps-title-selected-color) }

  .rz-steps .rz-state-highlight .rz-steps-number {
      background: var(--rz-steps-number-selected-background);
      color: var(--rz-steps-number-selected-color)
  }

  .rz-steps-item { display: inline-block }

  .rz-steps-item:focus { outline: var(--rz-outline-normal) }

  .rz-steps-item:focus-visible { outline: var(--rz-outline-normal) }

  .rz-steps-item:focus-visible .rz-steps-number {
      outline: var(--rz-steps-number-focus-outline);
      outline-offset: var(--rz-steps-number-focus-outline-offset)
  }

  .rz-steps-title {
      margin-block: var(--rz-steps-title-margin-block);
      margin-inline: var(--rz-steps-title-margin-inline)
  }

  .rz-steps-number {
      background-color: var(--rz-steps-number-background-color);
      border-radius: var(--rz-steps-number-border-radius);
      color: var(--rz-steps-number-color);
      height: var(--rz-steps-number-height);
      line-height: var(--rz-steps-number-line-height);
      padding-block: var(--rz-steps-number-padding-block);
      padding-inline: var(--rz-steps-number-padding-inline);
      text-align: center;
      width: var(--rz-steps-number-width);
  }

  .rz-steps-buttons {
      display: flex;
      justify-content: space-between;
      padding-block: var(--rz-steps-buttons-padding-block);
      padding-inline: var(--rz-steps-buttons-padding-inline)
  }

  .rz-steps-next, .rz-steps-prev {
      align-items: center;
      color: var(--rz-steps-button-color) !important;
      display: inline-flex;
      text-decoration: none
  }

  .rz-steps-next:not(.rz-state-disabled):hover, .rz-steps-prev:not(.rz-state-disabled):hover {
      color: var(--rz-steps-title-selected-color) !important;
      cursor: pointer;
  }

  .rz-steps-next:hover, .rz-steps-prev:hover { text-decoration: none }

  .rz-steps-next.rz-state-disabled, .rz-steps-prev.rz-state-disabled { opacity: .5 !important }

  .rz-steps-prev .rzi:before { content: "navigate_before" }

  .rz-steps-next .rzi:before { content: "navigate_next" }

  *[dir=rtl] .rz-steps-prev .rzi:before { content: "navigate_next" }

  *[dir=rtl] .rz-steps-next .rzi:before { content: "navigate_before" }

  .rz-textarea {
      height: auto;
      padding-block: var(--rz-text-area-padding-block);
      padding-inline: var(--rz-text-area-padding-inline);
  }

  .rz-checkbox-list {
      border-radius: var(--rz-border-radius);
      box-sizing: border-box;
  }

  .rz-checkbox-list .rz-checkbox {
      align-items: center;
      cursor: pointer;
      display: inline-flex;
      margin-block: var(--rz-checkbox-margin-block);
      margin-inline: var(--rz-checkbox-margin-inline);
  }

  .rz-checkbox-list:focus { outline: var(--rz-outline-normal) }

  .rz-checkbox-list:focus-visible {
      outline: var(--rz-checkbox-focus-outline);
      outline-offset: var(--rz-checkbox-focus-outline-offset)
  }

  .rz-checkbox-list-horizontal { --rz-gap: 0 }

  .rz-checkbox-list-vertical { --rz-gap: 1rem }

  .rz-state-disabled .rz-checkbox { cursor: initial }

  .rz-chkbox-label, .rz-chkbox-template {
      margin-block: var(--rz-checkbox-label-margin-block);
      margin-inline: var(--rz-checkbox-label-margin-inline)
  }

  .rz-chkbox {
      border-radius: var(--rz-checkbox-border-radius);
      box-sizing: border-box;
      display: inline-block;
      height: var(--rz-checkbox-height);
      min-width: var(--rz-checkbox-width);
      position: relative;
      vertical-align: middle;
      width: var(--rz-checkbox-width);
  }

  .rz-chkbox-box {
      align-items: center;
      background-color: var(--rz-input-background-color);
      border: var(--rz-input-border-block-end);
      border-radius: var(--rz-checkbox-border-radius);
      border-width: var(--rz-checkbox-border-width);
      box-shadow: var(--rz-input-shadow);
      cursor: pointer;
      display: flex;
      inset: 0;
      justify-content: center;
      position: absolute;
      transition: var(--rz-transition-all)
  }

  .rz-chkbox-box:hover:not(.rz-state-disabled) {
      background-color: var(--rz-input-hover-background-color);
      border: var(--rz-input-hover-border);
      border-width: var(--rz-checkbox-border-width);
      box-shadow: var(--rz-input-hover-shadow);
  }

  .rz-chkbox-box.rz-state-disabled {
      background-color: var(--rz-input-disabled-background-color);
      border: var(--rz-input-disabled-border);
      border-width: var(--rz-checkbox-border-width);
      box-shadow: var(--rz-input-disabled-shadow);
      color: var(--rz-input-disabled-color);
      cursor: initial;
      opacity: var(--rz-input-disabled-opacity)
  }

  .rz-chkbox-box .rzi {
      background-color: var(--rz-checkbox-checked-icon-background-color);
      border-radius: var(--rz-checkbox-checked-icon-border-radius);
      color: var(--rz-checkbox-checked-color);
      font-size: var(--rz-checkbox-icon-font-size);
      height: var(--rz-checkbox-icon-height);
      vertical-align: middle;
      width: var(--rz-checkbox-icon-width);
  }

  .rz-chkbox-box .rzi-check:before { content: "check" }

  .rz-chkbox-box .rzi-times {
      font-size: var(--rz-checkbox-tri-icon-font-size);
      height: var(--rz-checkbox-tri-icon-height);
      width: var(--rz-checkbox-tri-icon-width);
  }

  .rz-chkbox-box .rzi-times:before { content: "remove" }

  .rz-chkbox-box.rz-state-active {
      background-color: var(--rz-checkbox-checked-background-color);
      border: var(--rz-checkbox-checked-border)
  }

  .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) {
      background-color: var(--rz-checkbox-checked-hover-background-color);
      border: var(--rz-checkbox-checked-hover-border)
  }

  .rz-chkbox-box.rz-state-active.rz-state-disabled {
      background-color: var(--rz-checkbox-checked-disabled-background-color);
      border: var(--rz-checkbox-checked-disabled-border);
      opacity: .5
  }

  :focus-visible .rz-chkbox-box.rz-state-focused:not(.rz-state-disabled) {
      outline: var(--rz-checkbox-focus-outline);
      outline-offset: var(--rz-checkbox-focus-outline-offset)
  }

  .rz-switch {
      border-radius: calc(5 * var(--rz-border-radius));
      box-sizing: border-box;
      display: inline-block;
      height: 2rem;
      min-width: 3.25rem;
      position: relative;
      vertical-align: middle;
      width: 3.25rem;
  }

  .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 {
      cursor: pointer;
      inset-block-end: 0;
      inset-block-start: 0;
      inset-inline-end: 0;
      inset-inline-start: 0;
      position: absolute;
  }

  .rz-switch-circle.rz-disabled {
      cursor: initial;
      opacity: .5;
  }

  .rz-switch-circle.rz-readonly { cursor: initial }

  .rz-switch .rz-switch-circle {
      background: var(--rz-switch-background-color);
      border-radius: calc(5 * var(--rz-border-radius));
      transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
  }

  .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);
      border-radius: calc(5 * var(--rz-border-radius) - 3px);
      box-shadow: var(--rz-switch-box-shadow);
      height: 1rem;
      inset-inline-start: .5rem;
      margin-block-start: -0.5rem;
      transition: transform .2s linear;
      width: 1rem;
  }

  .rz-switch-circle:before {
      content: "";
      inset-block-start: 50%;
      position: absolute;
  }

  .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 {
      border-radius: var(--rz-border-radius);
      box-sizing: border-box;
  }

  .rz-radio-button-list .rz-radio-btn {
      align-items: center;
      cursor: pointer;
      display: inline-flex;
      margin-block: var(--rz-radio-margin-block);
      margin-inline: var(--rz-radio-margin-inline);
  }

  .rz-radio-button-list .rz-radio-btn.rz-state-disabled { cursor: initial }

  .rz-radio-button-list:focus { outline: var(--rz-outline-normal) }

  .rz-radio-button-list:focus-visible {
      outline: var(--rz-radio-focus-outline);
      outline-offset: var(--rz-radio-focus-outline-offset)
  }

  .rz-radio-button-list-horizontal { --rz-gap: 0 }

  .rz-radio-button-list-vertical { --rz-gap: 1rem }

  .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-label.rz-state-disabled, .rz-radiobutton-template.rz-state-disabled {
      cursor: initial;
      opacity: .5
  }

  .rz-radiobutton {
      border-radius: var(--rz-radio-border-radius);
      cursor: pointer;
      height: var(--rz-radio-height);
      position: relative;
      vertical-align: middle;
      white-space: nowrap;
      width: var(--rz-radio-width);
  }

  .rz-radiobutton-box {
      align-items: center;
      background-color: var(--rz-input-background-color);
      border: var(--rz-input-border-block-end);
      border-radius: var(--rz-radio-border-radius);
      border-width: var(--rz-radio-border-width);
      box-shadow: var(--rz-input-shadow);
      display: flex;
      inset: 0;
      justify-content: center;
      position: absolute;
      transition: var(--rz-transition-all);
      width: inherit;
  }

  .rz-radiobutton-box:hover:not(.rz-state-disabled) {
      background-color: var(--rz-input-hover-background-color);
      border: var(--rz-input-hover-border);
      border-width: var(--rz-radio-border-width);
      box-shadow: var(--rz-input-hover-shadow);
  }

  .rz-radiobutton-box:active:not(.rz-state-disabled) {
      background-color: var(--rz-radio-active-background-color);
      border-width: var(--rz-radio-border-width);
      box-shadow: var(--rz-radio-active-shadow);
  }

  .rz-radiobutton-box.rz-state-disabled {
      background-color: var(--rz-input-disabled-background-color);
      border: var(--rz-input-disabled-border);
      border-width: var(--rz-radio-border-width);
      box-shadow: var(--rz-input-disabled-shadow);
      cursor: initial;
      opacity: var(--rz-input-disabled-opacity)
  }

  .rz-radiobutton-box .rzi {
      color: var(--rz-radio-checked-color);
      height: var(--rz-radio-icon-height);
      width: var(--rz-radio-icon-width);
  }

  .rz-radiobutton-box .rzi-circle-on {
      background-color: var(--rz-radio-circle-background-color);
      border-radius: var(--rz-radio-border-radius);
      box-shadow: var(--rz-radio-circle-shadow);
      vertical-align: middle;
  }

  .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);
      border-width: var(--rz-radio-border-width);
      box-shadow: var(--rz-radio-checked-hover-shadow);
  }

  .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-radio-button-list:focus-visible .rz-radiobutton-box.rz-state-focused:not(.rz-state-disabled) {
      outline: var(--rz-radio-focus-outline);
      outline-offset: var(--rz-radio-focus-outline-offset)
  }

  .rz-fieldset {
      border: var(--rz-fieldset-border);
      border-radius: var(--rz-fieldset-border-radius);
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      padding: 0;
  }

  .rz-fieldset-content { padding: var(--rz-fieldset-padding) }

  .rz-fieldset-content-wrapper { overflow: hidden }

  .rz-fieldset-legend-text { vertical-align: middle }

  .rz-fieldset-toggler {
      background-color: var(--rz-fieldset-toggle-background-color);
      border: var(--rz-fieldset-toggle-border);
      color: var(--rz-fieldset-toggle-color);
      height: var(--rz-fieldset-toggle-height);
      vertical-align: middle;
      width: var(--rz-fieldset-toggle-width);
  }

  .rz-fieldset-toggler.rzi {
      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);
      text-align: center;
  }

  .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 {
      color: var(--rz-fieldset-legend-color);
      float: none;
      font-size: var(--rz-fieldset-legend-font-size);
      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;
  }

  .rz-fieldset-legend a {
      align-items: center;
      color: inherit;
      display: inline-flex;
      text-decoration: none
  }

  .rz-fieldset-legend a:focus { outline: var(--rz-outline-normal) }

  .rz-multiselect, .rz-dropdown {
      box-sizing: border-box;
      display: inline-flex;
      flex-direction: column;
      overflow: hidden;
      position: relative;
      text-align: start
  }

  .rz-multiselect .rz-placeholder, .rz-dropdown .rz-placeholder { color: var(--rz-input-placeholder-color) }

  .rz-dropdown.rz-dropdown-open {
      background-color: var(--rz-dropdown-open-background-color);
      border: var(--rz-dropdown-open-border)
  }

  .rz-multiselect.rz-state-focus {
      background-color: var(--rz-dropdown-open-background-color);
      border: var(--rz-dropdown-open-border)
  }

  .rz-multiselect-trigger, .rz-dropdown-trigger {
      align-items: center;
      display: flex;
      inset-block-end: 0;
      inset-block-start: 0;
      inset-inline-end: 0;
      position: absolute;
  }

  .rz-multiselect-trigger .rzi, .rz-dropdown-trigger .rzi {
      font-size: var(--rz-dropdown-trigger-icon-height);
      height: var(--rz-dropdown-trigger-icon-height);
      margin-block: var(--rz-dropdown-trigger-icon-margin-block);
      margin-inline: var(--rz-dropdown-trigger-icon-margin-inline);
      width: var(--rz-dropdown-trigger-icon-width);
  }

  .rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before { content: "arrow_drop_down" }

  .rz-dropdown-clear-icon {
      align-items: center;
      display: flex;
      font-size: var(--rz-dropdown-trigger-icon-height);
      height: 100%;
      inset-block-start: 0;
      inset-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + .5rem);
      opacity: .4;
      position: absolute;
  }

  .rz-dropdown-clear-icon:before { content: "close" }

  .rz-dropdown-clear-icon:hover { opacity: 1 }

  .rz-state-disabled > .rz-dropdown-clear-icon { display: none }

  .rz-html-editor-dropdown-items, .rz-splitbutton-menu, .rz-autocomplete-panel, .rz-multiselect-panel, .rz-dropdown-panel {
      background-color: var(--rz-dropdown-open-background-color);
      border: var(--rz-dropdown-panel-border);
      border-radius: var(--rz-input-border-radius);
      box-shadow: var(--rz-dropdown-panel-shadow);
      position: absolute;
  }

  .rz-dropdown-panel {
      box-sizing: content-box;
      padding: var(--rz-dropdown-panel-padding)
  }

  .rz-multiselect-panel {
      box-sizing: content-box;
      padding: var(--rz-dropdown-panel-padding)
  }

  .rz-multiselect-panel .rz-chkbox {
      margin-block: var(--rz-multiselect-checkbox-margin-block);
      margin-inline: var(--rz-multiselect-checkbox-margin-inline)
  }

  .rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items {
      list-style: none;
      margin: 0;
      padding: var(--rz-dropdown-items-padding);
  }

  .rz-dropdown-items-wrapper, .rz-multiselect-items-wrapper {
      border-radius: var(--rz-input-border-radius);
      margin: var(--rz-dropdown-items-margin);
      overflow: auto;
  }

  .rz-multiselect-items-wrapper { overflow: auto }

  .rz-dropdown-filter-container {
      border-bottom: var(--rz-dropdown-filter-border);
      padding: var(--rz-dropdown-filter-padding);
  }

  .rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter {
      background-color: rgba(0, 0, 0, 0);
      color: var(--rz-text-color);
      font-family: inherit
  }

  .rz-multiselect-header {
      align-items: center;
      display: flex;
      margin: var(--rz-dropdown-items-margin);
      padding: var(--rz-dropdown-item-padding);
  }

  .rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item {
      cursor: default;
      font-size: var(--rz-dropdown-item-font-size);
      padding: var(--rz-dropdown-item-padding);
      transition: var(--rz-dropdown-item-transition);
  }

  .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight {
      background-color: var(--rz-dropdown-item-selected-background-color);
      border-radius: 0;
      box-shadow: var(--rz-dropdown-item-selected-shadow);
      color: var(--rz-dropdown-item-selected-color);
  }

  .rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover {
      background-color: var(--rz-dropdown-item-selected-hover-background-color);
      color: var(--rz-dropdown-item-selected-hover-color)
  }

  .rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled {
      cursor: initial;
      opacity: var(--rz-dropdown-item-disabled-opacity);
  }

  .rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover {
      background-color: var(--rz-dropdown-item-hover-background-color);
      border-radius: 0;
      color: var(--rz-dropdown-item-hover-color);
  }

  .rz-multiselect-close { display: none }

  .rz-multiselect-filter-container {
      border-bottom: var(--rz-dropdown-filter-border);
      flex: auto;
  }

  .rz-multiselect-filter-container .rz-inputtext { padding: 0 }

  .rz-multiselect-item {
      align-items: center;
      display: flex;
  }

  .rz-multiselect-item-content { flex: 1 }

  .rz-multiselect-label-container, .rz-dropdown-label {
      display: block;
      margin: 0;
      overflow: hidden;
      padding-block: var(--rz-dropdown-label-padding-block);
      padding-inline: var(--rz-dropdown-label-padding-inline);
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  .rz-dropdown-chips {
      height: inherit;
      padding-block: var(--rz-dropdown-chips-padding-block);
      padding-inline: var(--rz-dropdown-chips-padding-inline)
  }

  .rz-dropdown-chips .rz-dropdown-chips-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: .25rem;
      margin-inline-end: 3rem
  }

  .rz-dropdown-chips .rz-chip {
      align-items: center;
      background-color: var(--rz-chip-background-color);
      border-radius: var(--rz-chip-border-radius);
      box-sizing: border-box;
      color: var(--rz-chip-color);
      display: inline-flex;
      gap: var(--rz-chip-gap);
      padding-block: var(--rz-chip-padding-block);
      padding-inline: var(--rz-chip-padding-inline);
  }

  .rz-dropdown-chips .rz-chip .rz-chip-text { font-size: var(--rz-chip-font-size) }

  .rz-dropdown-chips .rz-chip .rz-button {
      align-self: stretch;
      border-radius: var(--rz-chip-border-radius);
      box-shadow: none;
  }

  .rz-dropdown-chips .rz-chip .rzi {
      font-size: 1rem;
      vertical-align: middle;
  }

  .rz-clear .rz-multiselect-label-container, .rz-clear .rz-dropdown-label { padding-inline-end: calc(2 * var(--rz-dropdown-trigger-icon-width)) }

  .rz-autocomplete {
      background-color: var(--rz-input-background-color);
      border: var(--rz-input-border);
      border-radius: var(--rz-input-border-radius);
      box-sizing: border-box;
      display: inline-block;
      overflow: hidden;
      transition: var(--rz-input-transition);
  }

  .rz-autocomplete-input {
      background-color: rgba(0, 0, 0, 0);
      border: none;
      box-shadow: var(--rz-input-shadow);
      color: var(--rz-input-value-color);
      font-family: inherit;
      height: var(--rz-input-height);
      line-height: var(--rz-input-line-height);
      padding-block: var(--rz-input-padding-block);
      padding-inline: var(--rz-input-padding-inline);
      transition: var(--rz-input-transition);
      width: 100%;
  }

  .rz-autocomplete-input:focus { outline: none }

  .rz-autocomplete-input:disabled { border: none }

  .rz-autocomplete-panel {
      box-sizing: content-box;
      overflow: auto;
  }

  .rz-listbox {
      background-color: var(--rz-listbox-background-color);
      border: var(--rz-listbox-border);
      border-radius: var(--rz-listbox-border-radius);
      box-sizing: border-box;
      display: inline-flex;
      flex-direction: column;
      overflow: hidden;
      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);
      border-radius: 0;
      color: var(--rz-dropdown-item-hover-color);
  }

  .rz-listbox:focus, .rz-listbox:focus-within {
      border: var(--rz-listbox-focus-border);
      box-shadow: var(--rz-listbox-focus-shadow);
      outline: var(--rz-outline-normal);
  }

  .rz-listbox-list {
      margin: 0;
      padding: 0
  }

  .rz-listbox-item {
      cursor: default;
      cursor: default;
      font-size: var(--rz-dropdown-item-font-size);
      margin: var(--rz-listbox-item-margin);
      padding: var(--rz-listbox-item-padding);
  }

  .rz-listbox-item.rz-state-highlight {
      background-color: var(--rz-dropdown-item-selected-background-color);
      border-radius: 0;
      box-shadow: var(--rz-dropdown-item-selected-shadow);
      color: var(--rz-dropdown-item-selected-color);
  }

  .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 {
      cursor: initial;
      opacity: var(--rz-dropdown-item-disabled-opacity);
  }

  .rz-listbox-header {
      align-items: center;
      border-bottom: var(--rz-listbox-filter-border);
      display: flex;
      padding-block: var(--rz-listbox-header-padding-block);
      padding-inline: var(--rz-listbox-header-padding-inline);
  }

  .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 {
      align-items: center;
      display: flex;
      flex-direction: row-reverse;
  }

  .rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext {
      border: none;
      flex: auto;
      font-family: inherit;
      line-height: var(--rz-input-line-height);
      width: 0;
  }

  .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 {
      font-size: var(--rz-listbox-header-icon-height);
      height: var(--rz-listbox-header-icon-height);
      line-height: var(--rz-listbox-header-icon-height);
      width: var(--rz-listbox-header-icon-width);
  }

  .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-end-start-radius: 0;
      border-start-start-radius: 0;
  }

  .rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) {
      border-end-end-radius: 0;
      border-start-end-radius: 0;
      flex: auto;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .rz-splitbutton-menu {
      box-shadow: var(--rz-splitbutton-menu-shadow);
      display: none;
      min-width: var(--rz-splitbutton-menu-min-width);
      position: absolute;
  }

  .rz-menu-list {
      list-style: none;
      margin: 0;
      padding: 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 {
      margin-inline: var(--rz-menu-item-icon-margin-inline);
      vertical-align: top;
  }

  .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 {
      background-color: var(--rz-slider-background-color);
      border: var(--rz-slider-border);
      border-radius: var(--rz-slider-border-radius);
      box-sizing: border-box;
      display: inline-block;
      position: relative;
  }

  .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 {
      background-color: var(--rz-slider-range-background-color);
      border: var(--rz-slider-range-border);
      position: absolute;
  }

  .rz-slider-handle {
      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);
      position: absolute;
      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 {
      border-end-start-radius: var(--rz-slider-border-radius);
      border-start-start-radius: var(--rz-slider-border-radius);
      inset-block-end: -1px;
      inset-block-start: -1px;
      inset-inline-start: -1px;
  }

  .rz-slider-horizontal .rz-slider-handle {
      height: var(--rz-slider-handle-height);
      margin-inline-start: calc(var(--rz-slider-handle-width) / -2);
      top: 50%;
      transform: translateY(-50%);
      width: var(--rz-slider-handle-width);
  }

  .rz-slider-vertical {
      height: var(--rz-slider-horizontal-width);
      width: var(--rz-slider-horizontal-height);
  }

  .rz-slider-vertical .rz-slider-range {
      border-end-end-radius: var(--rz-slider-border-radius);
      border-end-start-radius: var(--rz-slider-border-radius);
      inset-block-end: -1px;
      inset-inline-end: -1px;
      inset-inline-start: -1px;
  }

  .rz-slider-vertical .rz-slider-handle {
      height: var(--rz-slider-handle-width);
      left: 50%;
      margin-block-start: calc(var(--rz-slider-handle-width) / -2);
      transform: translateX(-50%);
      width: var(--rz-slider-handle-height);
  }

  .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);
      border: var(--rz-slider-handle-hover-border);
      box-shadow: var(--rz-slider-handle-hover-shadow);
      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 {
      border-radius: var(--rz-border-radius);
      box-sizing: border-box;
      display: inline-flex;
      font-size: var(--rz-rating-font-size);
      height: 1em;
  }

  .rz-rating.rz-state-disabled .rzi {
      color: var(--rz-rating-disabled-color);
      opacity: var(--rz-rating-disabled-opacity);
  }

  .rz-rating a {
      cursor: default;
      display: inline-flex;
      height: 1em;
      outline: none;
      text-decoration: none;
      width: 1em;
  }

  .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 {
      border-radius: var(--rz-border-radius);
      outline: var(--rz-outline-focus);
  }

  .rz-security-code {
      border-radius: var(--rz-input-border-radius);
      box-sizing: border-box;
      display: inline-flex;
  }

  .rz-security-code-wrapper {
      flex: 1;
      --rz-gap: 0.5rem
  }

  .rz-security-code-input {
      font-size: var(--rz-security-code-input-font-size);
      font-weight: var(--rz-security-code-input-font-weight);
      height: 100%;
      line-height: var(--rz-security-code-input-line-height);
      min-height: var(--rz-security-code-input-min-height);
      min-width: var(--rz-security-code-input-min-width);
      padding: var(--rz-security-code-input-padding);
      text-align: center;
      width: 100%;
  }

  .rz-selectbar {
      border-radius: var(--rz-selectbar-border-radius);
      box-sizing: border-box;
      display: inline-flex;
  }

  .rz-selectbar:focus { outline: var(--rz-outline-normal) }

  .rz-selectbar:focus-visible {
      outline: var(--rz-selectbar-focus-outline);
      outline-offset: var(--rz-selectbar-focus-outline-offset)
  }

  .rz-selectbar:focus-visible .rz-button.rz-state-focused:not(.rz-state-disabled) {
      outline: var(--rz-selectbar-button-focus-outline);
      outline-offset: var(--rz-selectbar-button-focus-outline-offset);
      z-index: 1
  }

  .rz-selectbar .rz-button {
      background-color: var(--rz-selectbar-background-color);
      border: var(--rz-selectbar-border);
      border-radius: 0;
      color: var(--rz-selectbar-color);
      display: inline-block;
  }

  .rz-selectbar .rz-button.rz-state-active {
      background-color: var(--rz-selectbar-selected-background-color);
      border: var(--rz-selectbar-selected-border);
      color: var(--rz-selectbar-selected-color);
  }

  .rz-selectbar.rz-selectbar-horizontal { flex-direction: row }

  .rz-selectbar.rz-selectbar-horizontal .rz-button:first-child {
      border-end-start-radius: var(--rz-selectbar-border-radius);
      border-start-start-radius: var(--rz-selectbar-border-radius);
  }

  .rz-selectbar.rz-selectbar-horizontal .rz-button:not(:first-child) { border-inline-start: none }

  .rz-selectbar.rz-selectbar-horizontal .rz-button:last-child {
      border-end-end-radius: var(--rz-selectbar-border-radius);
      border-start-end-radius: var(--rz-selectbar-border-radius);
  }

  .rz-selectbar.rz-selectbar-vertical { flex-direction: column }

  .rz-selectbar.rz-selectbar-vertical .rz-button { text-align: center }

  .rz-selectbar.rz-selectbar-vertical .rz-button:first-child {
      border-top-left-radius: var(--rz-selectbar-border-radius);
      border-top-right-radius: var(--rz-selectbar-border-radius)
  }

  .rz-selectbar.rz-selectbar-vertical .rz-button:not(:first-child) { border-top: none }

  .rz-selectbar.rz-selectbar-vertical .rz-button:last-child {
      border-bottom-left-radius: var(--rz-selectbar-border-radius);
      border-bottom-right-radius: var(--rz-selectbar-border-radius)
  }

  .rz-datepicker {
      border-radius: var(--rz-input-border-radius);
      display: inline-block;
      position: relative;
  }

  .rz-datepicker:has( > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus) { outline: none }

  .rz-datepicker .rz-readonly { cursor: pointer }

  .rz-datepicker > .rz-inputtext {
      line-height: var(--rz-datepicker-line-height);
      width: 100%;
  }

  .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 {
      background-color: var(--rz-input-disabled-background-color);
      border: var(--rz-input-disabled-border);
      box-shadow: var(--rz-input-disabled-shadow);
      color: var(--rz-input-disabled-color);
      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 {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none;
      color: var(--rz-datepicker-trigger-icon-color);
      font-size: var(--rz-datepicker-trigger-icon-height);
      height: var(--rz-datepicker-trigger-icon-height);
      padding: 0;
      vertical-align: text-top;
      width: var(--rz-datepicker-trigger-icon-width);
  }

  .rz-datepicker-trigger.rz-state-disabled {
      border: none;
      box-shadow: none;
      color: var(--rz-input-disabled-color);
      cursor: initial;
      opacity: 1;
  }

  .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 {
      background-image: none !important;
      box-shadow: 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-field-button {
      inset-block-start: 50%;
      inset-inline-end: .625rem;
      position: absolute;
      transform: translateY(-50%)
  }

  .rz-datepicker-popup-container {
      background-color: var(--rz-datepicker-panel-background-color);
      border: var(--rz-datepicker-panel-border);
      border-radius: var(--rz-border-radius);
      box-shadow: var(--rz-datepicker-panel-shadow);
      box-sizing: content-box;
      margin: var(--rz-datepicker-panel-margin);
      position: absolute;
      width: var(--rz-datepicker-popup-width);
  }

  .rz-datepicker-inline-container {
      position: static;
      white-space: nowrap
  }

  .rz-datepicker-inline-container .rz-calendar { display: inline-block }

  .rz-datepicker-footer {
      line-height: var(--rz-datepicker-footer-line-height);
      padding: var(--rz-datepicker-footer-padding);
      position: relative;
  }

  .rz-calendar { box-sizing: border-box }

  .rz-calendar-header {
      align-items: center;
      background-color: var(--rz-datepicker-header-background-color);
      border-bottom: var(--rz-datepicker-header-border);
      color: var(--rz-datepicker-header-color);
      display: flex;
      justify-content: space-between;
      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 {
      align-items: center;
      color: var(--rz-datepicker-header-color);
      display: flex;
      font-size: var(--rz-datepicker-prev-next-icon-size);
      justify-content: center;
  }

  *[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 {
      display: flex;
      flex-wrap: nowrap;
      gap: .25rem;
      justify-content: center;
      order: 2;
  }

  .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 {
      border-collapse: collapse;
      table-layout: fixed;
  }

  .rz-calendar-view th {
      color: var(--rz-datepicker-calendar-header-color);
      font-size: var(--rz-datepicker-calendar-header-font-size);
      font-weight: normal;
      padding: var(--rz-datepicker-calendar-item-padding);
      text-align: center;
      text-transform: var(--rz-datepicker-calendar-header-text-transform);
  }

  .rz-calendar-view td {
      border-top: var(--rz-datepicker-calendar-border);
      padding: 0;
      text-align: center;
  }

  .rz-calendar-view td .rz-state-default {
      border-radius: var(--rz-datepicker-calendar-border-radius);
      color: var(--rz-datepicker-calendar-color);
      display: block;
      font-size: var(--rz-datepicker-calendar-font-size);
      padding: var(--rz-datepicker-calendar-item-padding);
      transition: var(--rz-datepicker-calendar-transition)
  }

  .rz-calendar-view td .rz-state-default.rz-calendar-today {
      background-color: var(--rz-datepicker-calendar-today-background-color);
      border-radius: var(--rz-datepicker-calendar-today-border-radius);
      box-shadow: var(--rz-datepicker-calendar-today-box-shadow);
      color: var(--rz-datepicker-calendar-today-color);
  }

  .rz-calendar-view td .rz-state-default.rz-state-focused, .rz-calendar-view td .rz-state-default:hover {
      background-color: var(--rz-datepicker-calendar-hover-background-color);
      color: var(--rz-datepicker-calendar-hover-color);
      cursor: pointer;
      text-decoration: none;
  }

  .rz-calendar-view td .rz-state-active, .rz-calendar-view td .rz-state-active.rz-calendar-today {
      background-color: var(--rz-datepicker-calendar-selected-background-color);
      box-shadow: none;
      color: var(--rz-datepicker-calendar-selected-color);
      padding: var(--rz-datepicker-calendar-item-padding);
  }

  .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 {
      background-color: var(--rz-datepicker-calendar-selected-hover-background-color);
      color: var(--rz-datepicker-calendar-selected-hover-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 {
      align-items: center;
      border-top: var(--rz-datepicker-calendar-border);
      color: var(--rz-timepicker-color);
      display: flex;
      gap: var(--rz-timepicker-gap);
      justify-content: center;
      padding-block: var(--rz-timepicker-padding-block);
      padding-inline: var(--rz-timepicker-padding-inline);
  }

  .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;
      padding: 0px;
      position: relative;
  }

  .rz-numeric input[type=number], .rz-numeric input[type=text] {
      -moz-appearance: textfield;
      background-color: rgba(0, 0, 0, 0);
      border: none;
      font-family: inherit;
      height: 100%;
      line-height: var(--rz-numeric-line-height);
      outline: none;
      padding-block: var(--rz-numeric-input-padding-block);
      padding-inline: var(--rz-numeric-input-padding-inline);
      width: 100%;
  }

  .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);
      background-image: none;
      box-shadow: none;
      color: var(--rz-numeric-button-disabled-color);
      cursor: initial
  }

  .rz-numeric-button {
      background-color: var(--rz-numeric-button-background-color);
      border-radius: var(--rz-numeric-button-border-radius);
      color: var(--rz-numeric-button-color);
      height: var(--rz-numeric-button-height);
      inset-inline-end: var(--rz-numeric-button-offset);
      padding: 0;
      position: absolute;
      width: var(--rz-numeric-button-width);
  }

  .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 {
      border-radius: var(--rz-upload-button-bar-border-radius);
      box-sizing: border-box;
      display: inline-block;
  }

  .rz-fileupload .rz-button {
      -webkit-appearance: none !important;
      vertical-align: middle;
  }

  .rz-fileupload-choose {
      background-color: var(--rz-upload-choose-background-color);
      color: var(--rz-upload-choose-color);
      display: inline-block;
      overflow: hidden;
      position: relative;
  }

  .rz-fileupload-choose input[type=file] {
      cursor: pointer;
      margin: 0;
      min-height: 100%;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
  }

  .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 {
      align-items: center;
      display: flex;
      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 {
      background-color: var(--rz-upload-button-bar-background-color);
      border-radius: var(--rz-upload-button-bar-border-radius);
      padding: var(--rz-upload-button-bar-padding);
      position: relative;
  }

  .rz-fileupload-buttonbar .rz-button:nth-child(3) {
      background-color: var(--rz-upload-cancel-background-color);
      color: var(--rz-upload-cancel-color);
      float: right;
  }

  .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 {
      background-color: var(--rz-grid-background-color);
      border: var(--rz-grid-cell-border);
      border-radius: var(--rz-grid-border-radius);
      box-shadow: var(--rz-grid-shadow);
      overflow: hidden;
      position: relative;
  }

  .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 {
      padding: var(--rz-grid-column-icon-padding);
      text-align: center;
      vertical-align: middle;
      width: var(--rz-grid-column-icon-width);
  }

  .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 {
      border-collapse: collapse;
      table-layout: fixed;
      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 {
      cursor: col-resize;
      height: 100%;
      inset-block-start: 0;
      inset-inline-end: 0;
      position: absolute;
      width: var(--rz-grid-column-resizer-width)
  }

  .rz-column-resizer:after {
      background-color: rgba(0, 0, 0, 0);
      content: "";
      height: 100%;
      inset-block-start: 0;
      inset-inline-end: 0;
      position: absolute;
      width: var(--rz-grid-column-resizer-helper-width);
  }

  .rz-column-resizer:hover:after, .rz-column-resizer:active:after { background-color: var(--rz-grid-column-resizer-helper-background-color) }

  .rz-rowgroup-header .fa, .rz-row-toggler { color: var(--rz-grid-cell-color) }

  .rz-datatable-scrollable-footer {
      background-color: var(--rz-grid-header-background-color);
      border-top: var(--rz-grid-cell-border)
  }

  .rz-grid-table thead th {
      background-color: var(--rz-grid-header-background-color);
      border-bottom: var(--rz-grid-header-cell-border-bottom);
      overflow: hidden;
      padding: 0;
      text-align: inherit;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  .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) {
      align-items: center;
      display: flex;
      justify-content: flex-start;
      outline: none;
      padding: var(--rz-grid-header-cell-padding);
      width: 100%;
  }

  .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 {
      align-items: center;
      color: var(--rz-grid-header-color);
      display: inline-flex;
      flex: auto;
      font-size: var(--rz-grid-header-font-size);
      font-weight: var(--rz-grid-header-font-weight);
      gap: .25rem;
      line-height: var(--rz-grid-header-line-height);
      overflow: hidden;
      padding-inline: var(--rz-grid-header-title-padding-inline);
      text-overflow: ellipsis;
      text-transform: var(--rz-grid-header-text-transform);
      white-space: nowrap;
      width: 100%;
  }

  .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;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  .rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { overflow: visible }

  .rz-grid-table thead th.rz-text-align-center .rz-column-title {
      justify-content: center;
      padding-inline-start: 0
  }

  .rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { padding-inline-start: var(--rz-grid-sort-icon-width) }

  .rz-grid-table thead th.rz-text-align-right .rz-column-title { justify-content: right }

  .rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { padding-inline-start: var(--rz-grid-sort-icon-width) }

  .rz-grid-table thead th .rz-column-drag + .rz-column-title { padding-inline-start: 0 }

  .rz-datatable-tfoot td, .rz-grid-table tfoot td {
      background-color: var(--rz-grid-foot-background-color);
      color: var(--rz-grid-foot-cell-color);
      font-size: var(--rz-grid-cell-font-size);
      line-height: var(--rz-grid-cell-line-height);
      overflow: hidden;
      padding: var(--rz-grid-cell-padding);
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  .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 {
      border-bottom-left-radius: var(--rz-border-radius);
      border-bottom-right-radius: var(--rz-border-radius);
      border-top: none;
      flex: auto;
      overflow: auto;
  }

  .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 {
      font-size: var(--rz-grid-sort-icon-height);
      height: var(--rz-grid-sort-icon-height);
      text-align: left;
      width: var(--rz-grid-sort-icon-width);
  }

  .rz-sortable-column .rzi-sort { color: rgba(0, 0, 0, 0) }

  .rz-sortable-column .rzi-sort:before { content: "sort" }

  .rz-sortable-column .rzi-sort-asc { color: var(--rz-grid-header-color) }

  .rz-sortable-column .rzi-sort-asc:before { content: "arrow_drop_up" }

  .rz-sortable-column .rzi-sort-desc { color: var(--rz-grid-header-color) }

  .rz-sortable-column .rzi-sort-desc:before { content: "arrow_drop_down" }

  .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td { background-color: var(--rz-grid-stripe-background-color) }

  .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td { background-color: var(--rz-grid-stripe-odd-background-color) }

  .rz-grid-table-composite .rz-datatable-thead th, .rz-grid-table-composite.rz-grid-table thead th { border-bottom: var(--rz-grid-header-cell-border) }

  .rz-grid-table-composite .rz-datatable-thead th.rz-composite-cell, .rz-grid-table-composite.rz-grid-table thead th.rz-composite-cell { border-inline-end: var(--rz-grid-header-cell-border) }

  .rz-datatable-data td, .rz-grid-table td {
      border-bottom: var(--rz-grid-bottom-cell-border);
      padding: var(--rz-grid-cell-padding);
  }

  .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);
      display: block;
      font-size: var(--rz-grid-cell-font-size);
      line-height: var(--rz-grid-cell-line-height);
      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 {
      overflow: visible;
      text-overflow: unset;
  }

  .rz-datatable-data td .rz-cell-data.rz-text-nowrap, .rz-grid-table td .rz-cell-data.rz-text-nowrap {
      overflow: visible;
      text-overflow: unset;
  }

  .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 {
      align-items: center;
      display: flex;
      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: auto;
      flex-direction: column;
  }

  .rz-datatable-scrollable-view {
      display: flex;
      flex: auto;
      flex-direction: column;
      overflow: hidden
  }

  .rz-datatable-header {
      background-color: var(--rz-grid-toolbar-background-color);
      border-bottom: var(--rz-grid-bottom-cell-border);
      padding: var(--rz-grid-header-padding);
  }

  .rz-datatable-header .rzi-plus { font-size: var(--rz-grid-cell-font-size) }

  .rz-datatable-header .rzi-plus:before { content: "add" }

  .rz-cell-filter {
      border-top: var(--rz-grid-filter-border);
      font-size: var(--rz-grid-filter-font-size);
      font-weight: normal;
      margin: var(--rz-grid-filter-margin);
      padding: var(--rz-grid-filter-padding);
  }

  .rz-cell-filter .rz-cell-filter-label {
      align-items: center;
      display: flex;
      flex: auto;
  }

  .rz-cell-filter .rz-cell-filter-label > .rzi {
      color: var(--rz-grid-filter-color);
      font-size: var(--rz-grid-filter-icon-font-size);
      height: var(--rz-grid-filter-icon-height);
      margin-inline: var(--rz-grid-filter-icon-margin-inline);
      width: var(--rz-grid-filter-icon-width);
  }

  .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: "";
      inset: 0;
      position: absolute;
      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 }

  .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 }

  .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:not(.rz-frozen-cell) { background-color: var(--rz-grid-selected-background-color) }

  .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { background-color: var(--rz-grid-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:not(.rz-frozen-cell) {
      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 { background-color: var(--rz-grid-background-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:not(.rz-frozen-cell) { background-color: var(--rz-grid-hover-background-color) }

  .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { background-color: var(--rz-grid-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 {
      align-items: center;
      color: var(--rz-grid-filter-color);
      container-name: rz-cell-filter-content;
      container-type: inline-size;
      display: flex;
      flex: auto;
      min-height: 1.375rem;
  }

  @container rz-cell-filter-content (max-width: 200px) {
      .rz-cell-filter-content .rz-filter-button .rzi { display: none }
      .rz-cell-filter-content .rz-filter-button {
          border-radius: calc(var(--rz-input-border-radius) - var(--rz-border-width) - 1px);
          height: calc(var(--rz-input-height) - var(--rz-border-width) * 2 - 2px);
          inset-inline-start: calc(var(--rz-border-width) + 1px);
          line-height: calc(1.25rem - var(--rz-border-width) * 2 - 2px);
          max-height: calc(var(--rz-input-height) - var(--rz-border-width) * 2 - 2px);
          min-height: 0;
          position: absolute;
          z-index: 1;
      }
      .rz-cell-filter-content:has(.rz-filter-button) .rz-cell-filter-label {
          min-width: 5rem;
          position: relative;
      }
      .rz-cell-filter-content:has(.rz-filter-button) .rz-textbox, .rz-cell-filter-content:has(.rz-filter-button) .rz-inputtext { text-indent: 2.5rem }
  }

  .rz-expanded-row > td {
      background-color: var(--rz-grid-hover-background-color);
      border-bottom: none;
  }

  .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);
      border: var(--rz-grid-detail-template-border);
      border-radius: var(--rz-grid-detail-template-border-radius);
      padding: var(--rz-grid-detail-template-padding);
  }

  .rz-expanded-row-content > td {
      background-color: var(--rz-grid-detail-template-background-color);
      padding-top: 0;
  }

  .rz-rowgroup-header a:hover { text-decoration: none }

  .rz-rowgroup-header td {
      border-bottom: var(--rz-grid-border);
      border-top: var(--rz-grid-border);
  }

  .rz-datatable-loading {
      background-color: var(--rz-grid-loading-indicator-background-color);
      inset: 0;
      opacity: var(--rz-grid-loading-indicator-background-opacity);
      position: absolute;
      z-index: 2
  }

  .rz-datatable-loading-content {
      color: var(--rz-grid-loading-indicator-color);
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 2
  }

  .rz-datatable-loading-content .rzi-circle-o-notch {
      animation: rotation .5s linear infinite;
      font-size: 2rem
  }

  .rz-datatable-loading-content .rzi-circle-o-notch:before { content: "refresh" }

  @keyframes rotation {
      from { transform: rotate(0deg) }

      to { transform: rotate(360deg) }
  }

  @media (max-width: 768px) {
      .rz-datatable-reflow .rz-data-grid-data > table, .rz-datatable-reflow .rz-datatable-tablewrapper > table, .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table {
          display: block;
          table-layout: auto;
      }

      .rz-datatable-reflow .rz-data-grid-data > table > tbody, .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { display: block }

      .rz-datatable-reflow thead th { display: none }

      .rz-datatable-reflow .rz-data-row { display: block }

      .rz-datatable-reflow .rz-data-row > td {
          border: none;
          display: block;
          text-align: left !important;
          width: 100% !important;
      }

      .rz-datatable-reflow .rz-data-row > td .rz-column-title { display: block }
  }

  .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 {
      align-items: stretch;
      background-color: var(--rz-grid-filter-background-color);
      display: flex;
      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 {
      background-color: var(--rz-grid-filter-buttons-background-color);
      border-top: var(--rz-grid-filter-buttons-border);
      display: flex;
      justify-content: space-between;
      padding: var(--rz-grid-filter-buttons-padding);
  }

  .rz-grid-filter-buttons .rz-button.rz-shade-default.rz-clear-filter {
      background-color: var(--rz-grid-clear-filter-button-background-color);
      box-shadow: var(--rz-grid-clear-filter-button-shadow);
      color: var(--rz-grid-clear-filter-button-color);
      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);
      box-shadow: var(--rz-grid-apply-filter-button-shadow);
      color: var(--rz-grid-apply-filter-button-color);
      padding-inline: var(--rz-grid-filter-button-padding-inline)
  }

  .rz-grid-filter-icon {
      color: var(--rz-grid-filter-color);
      font-size: var(--rz-grid-header-filter-icon-font-size);
      font-weight: 400;
      justify-self: flex-end;
      margin-inline: var(--rz-grid-header-filter-icon-margin-inline);
      transition: var(--rz-grid-state-transition);
  }

  .rz-grid-filter-icon:hover {
      color: var(--rz-grid-header-filter-icon-hover-color);
      cursor: pointer;
  }

  .rzi.rz-grid-filter-active {
      color: var(--rz-grid-header-filter-icon-active-color) !important;
      --rz-icon-fill: 1
  }

  .rz-button.rz-grid-filter-active {
      background-color: var(--rz-grid-simple-filter-icon-active-background-color) !important;
      color: var(--rz-grid-simple-filter-icon-active-color) !important;
  }

  .rz-data-grid {
      box-sizing: border-box;
      display: flex;
      flex-direction: column
  }

  .rz-data-grid-data {
      box-shadow: var(--rz-grid-data-border-shadow);
      flex: 1;
      outline: var(--rz-outline-normal);
      overflow: auto;
  }

  .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 {
      border-inline-end: var(--rz-grid-frozen-cell-border) !important;
      box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12);
  }

  *[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 {
      border-inline-start: var(--rz-grid-frozen-cell-border) !important;
      box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .12);
  }

  *[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 {
      bottom: 0;
      position: sticky;
      z-index: 1
  }

  .rz-grid-table {
      border-collapse: separate;
      border-spacing: 0;
      position: relative;
      width: 100%;
  }

  .rz-grid-table th {
      overflow: hidden;
      white-space: nowrap;
  }

  .rz-grid-table td {
      overflow: hidden;
      white-space: nowrap;
  }

  .rz-grid-table tbody > div { display: table-row }

  .rz-column-drag {
      color: var(--rz-column-drag-handle-color);
      cursor: grab;
      font-size: inherit;
      margin-inline: var(--rz-column-drag-handle-margin-inline);
      transition: var(--rz-grid-state-transition);
  }

  .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 {
      align-items: center;
      background-color: var(--rz-grid-header-background-color);
      border-radius: var(--rz-border-radius);
      box-shadow: var(--rz-column-draggable-shadow);
      display: flex;
      padding: 0;
  }

  .rz-column-draggable > div {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: flex-start;
      outline: none;
      padding: 0;
      width: 100%;
  }

  .rz-column-draggable .rz-column-drag { max-width: 1rem }

  .rz-column-draggable .rz-column-title {
      color: var(--rz-grid-header-color);
      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);
      overflow: hidden;
      padding: 0;
      text-overflow: ellipsis;
      text-transform: var(--rz-grid-header-text-transform);
      white-space: nowrap;
  }

  .rz-column-draggable .rz-grid-filter-icon { display: none }

  .rz-group-header {
      align-items: center;
      background-color: var(--rz-grid-header-background-color);
      border-bottom: var(--rz-grid-bottom-cell-border);
      display: flex;
      gap: var(--rz-grid-group-header-gap);
      justify-content: space-between;
      padding: var(--rz-grid-group-header-padding);
  }

  .rz-group-header-items {
      display: flex;
      flex-wrap: wrap;
      gap: var(--rz-grid-group-header-gap)
  }

  .rz-group-header-item {
      align-items: center;
      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);
      color: var(--rz-grid-group-header-item-color);
      display: flex;
      float: left;
      padding-block: var(--rz-grid-group-header-item-padding-block);
      padding-inline: var(--rz-grid-group-header-item-padding-inline);
      width: fit-content;
  }

  .rz-group-header-item .rz-dialog-titlebar-close {
      align-items: center;
      display: flex;
      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 {
      color: var(--rz-text-tertiary-color);
      font-size: var(--rz-body-font-size);
      height: fit-content
  }

  .rz-column-picker { display: flex }

  .rz-filter-menu-symbol {
      display: inline-block;
      width: 1.75rem;
  }

  .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-pager {
      align-items: center;
      background-color: var(--rz-pager-background-color);
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      gap: var(--rz-pager-gap);
      justify-content: space-between;
      padding: var(--rz-pager-padding)
  }

  .rz-pager:focus { outline: var(--rz-outline-normal) }

  .rz-pager:focus-visible .rz-pager-element.rz-state-focused, .rz-pager:focus-visible .rz-pager-page.rz-state-focused {
      outline: var(--rz-outline-focus);
      outline-offset: var(--rz-outline-offset)
  }

  .rz-pager.rz-align-right { justify-content: right }

  .rz-pager.rz-align-left { justify-content: left }

  .rz-pager.rz-align-center { justify-content: center }

  .rz-pager .rzi-step-backward:before { content: "first_page" }

  .rz-pager .rzi-caret-left:before { content: "navigate_before" }

  .rz-pager .rzi-caret-right:before { content: "navigate_next" }

  .rz-pager .rzi-step-forward:before { content: "last_page" }

  *[dir=rtl] .rz-pager .rz-pager-icon { transform: rotate(180deg) }

  .rz-pager .rz-dropdown {
      order: 2;
      overflow: visible;
      width: var(--rz-pager-dropdown-width);
  }

  .rz-pager .rz-pagesize-text {
      color: var(--rz-pager-summary-color);
      font-size: var(--rz-pager-summary-font-size);
      order: 2;
  }

  .rz-pager .rz-dropdown-items-wrapper { width: var(--rz-pager-dropdown-width-4px) }

  .rz-pager-element:hover, .rz-pager-page:hover {
      background-color: var(--rz-pager-numeric-button-hover-background-color);
      color: var(--rz-pager-numeric-button-hover-color)
  }

  .rz-pager-bottom { border-top: var(--rz-pager-border) }

  .rz-pager-pages {
      display: inline-flex;
      gap: var(--rz-pager-gap);
      margin: 0 .5rem
  }

  .rz-pager-element { letter-spacing: 0 }

  .rz-align-center .rz-pager-first { margin-inline-start: auto }

  .rz-pager-prev { margin-inline-end: auto }

  .rz-align-left .rz-pager-prev, .rz-align-right .rz-pager-prev, .rz-align-center .rz-pager-prev { margin-inline-end: 0 }

  .rz-pager-next { margin-inline-start: auto }

  .rz-align-left .rz-pager-next, .rz-align-right .rz-pager-next, .rz-align-center .rz-pager-next { margin-inline-start: 0 }

  .rz-align-center .rz-pager-last { margin-inline-end: auto }

  .rz-pager-first, .rz-pager-prev {
      background-color: var(--rz-pager-back-button-background-color);
      border-radius: var(--rz-pager-button-border-radius);
      color: var(--rz-pager-back-button-color);
  }

  .rz-pager-element:hover { text-decoration: none }

  .rz-pager-last, .rz-pager-next {
      background-color: var(--rz-pager-next-button-background-color);
      border-radius: var(--rz-pager-button-border-radius);
      color: var(--rz-pager-next-button-color);
  }

  .rz-pager-page {
      background-color: var(--rz-pager-numeric-button-background-color);
      border: var(--rz-pager-numeric-button-border);
      border-radius: var(--rz-pager-button-border-radius);
      color: var(--rz-pager-numeric-button-color);
      display: inline-block;
      gap: var(--rz-pager-gap);
      min-width: var(--rz-pager-numeric-button-min-width);
      padding: var(--rz-pager-numeric-button-padding);
      text-align: center;
  }

  .rz-pager-page.rz-state-active {
      background-color: var(--rz-pager-numeric-button-selected-background-color);
      border: var(--rz-pager-numeric-button-selected-border);
      color: var(--rz-pager-numeric-button-selected-color);
      padding: var(--rz-pager-numeric-button-selected-padding)
  }

  .rz-pager-summary {
      color: var(--rz-pager-summary-color);
      font-size: var(--rz-pager-summary-font-size);
      padding-inline-end: var(--rz-pager-summary-padding);
  }

  .rz-align-right .rz-pager-summary { margin-right: auto }

  .rz-align-left .rz-pager-summary {
      margin-left: auto;
      order: 2;
      padding: 0
  }

  *[dir=rtl] .rz-align-right .rz-pager-summary { order: 1 }

  *[dir=rtl] .rz-align-left .rz-pager-summary { order: 0 }

  @media (max-width: 768px) {
      .rz-pager-page:not(.rz-state-active) { display: none }

      .rz-pager {
          display: grid;
          grid-column-gap: .5rem;
          grid-row-gap: 1rem;
          grid-template-columns: repeat(9, 1fr);
          text-align: center
      }

      .rz-pager .rz-dropdown {
          grid-column: 1/4;
          margin: 0 !important;
          text-align: left;
          width: auto;
      }

      .rz-pager .rz-pagesize-text {
          grid-column: 4/10;
          margin: 0 !important;
          text-align: left
      }

      .rz-pager-summary {
          grid-column: 1/10;
          padding: 0 !important;
          text-align: left
      }

      .rz-pager-first {
          grid-column: 1/3;
          margin: 0 !important
      }

      .rz-pager-prev {
          grid-column: 3/5;
          margin: 0 !important
      }

      .rz-pager-pages {
          grid-column: 5/6;
          margin: 0 !important
      }

      .rz-pager-next {
          grid-column: 6/8;
          margin: 0 !important
      }

      .rz-pager-last {
          grid-column: 8/10;
          margin: 0 !important
      }
  }

  @container rz-lookup-panel (max-width: 768px) {
      .rz-pager-page:not(.rz-state-active) { display: none }
      .rz-pager {
          display: grid;
          grid-column-gap: .5rem;
          grid-row-gap: 1rem;
          grid-template-columns: repeat(9, 1fr);
          text-align: center
      }
      .rz-pager .rz-dropdown {
          grid-column: 1/4;
          margin: 0 !important;
          text-align: left;
          width: auto;
      }
      .rz-pager .rz-pagesize-text {
          grid-column: 4/10;
          margin: 0 !important;
          text-align: left
      }
      .rz-pager-summary {
          grid-column: 1/10;
          padding: 0 !important;
          text-align: left
      }
      .rz-pager-first {
          grid-column: 1/3;
          margin: 0 !important
      }
      .rz-pager-prev {
          grid-column: 3/5;
          margin: 0 !important
      }
      .rz-pager-pages {
          grid-column: 5/6;
          margin: 0 !important
      }
      .rz-pager-next {
          grid-column: 6/8;
          margin: 0 !important
      }
      .rz-pager-last {
          grid-column: 8/10;
          margin: 0 !important
      }
  }

  .rz-pager.rz-density-compact {
      --rz-pager-padding: 0.25rem;
      --rz-pager-gap: 0.25rem;
      --rz-pager-summary-padding: 0.5rem 
  }

  .rz-overlaypanel {
      background-color: var(--rz-overlay-background-color);
      border: var(--rz-overlay-border);
      border-radius: var(--rz-border-radius);
      box-shadow: var(--rz-overlay-shadow);
      overflow: hidden;
      position: absolute;
  }

  .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 {
      color: var(--rz-tree-node-toggle-color);
      cursor: pointer;
      font-size: var(--rz-icon-size);
      height: 1.5rem;
      line-height: 1.5rem;
      margin-inline-start: calc(var(--rz-tree-node-toggle-width) * -1);
      text-align: center;
      transition: var(--rz-tree-transition);
      width: var(--rz-tree-node-toggle-width);
  }

  .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 {
      align-items: center;
      cursor: pointer;
      display: flex;
      margin-block: var(--rz-tree-node-margin-block);
      margin-inline: var(--rz-tree-node-margin-inline)
  }

  .rz-treenode-content .rz-treenode-label {
      align-items: center;
      cursor: inherit;
      display: flex;
      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);
      border-radius: var(--rz-tree-node-selected-border-radius);
      color: var(--rz-tree-node-hover-color);
  }

  .rz-treenode-content .rz-chkbox { margin-inline-end: .25rem }

  .rz-tree-container, .rz-treenode-children {
      list-style: none;
      margin: 0;
      padding: 0;
  }

  .rz-treenode-label { transition: var(--rz-tree-transition) }

  .rz-treenode-content-selected .rz-treenode-label {
      background-color: var(--rz-tree-node-selected-background-color);
      border-radius: var(--rz-tree-node-selected-border-radius);
      color: var(--rz-tree-node-selected-color);
  }

  .rz-datalist, .rz-datagrid {
      background-color: var(--rz-datalist-background-color);
      border: var(--rz-datalist-border);
      border-end-end-radius: var(--rz-datalist-border-radius);
      border-end-start-radius: var(--rz-datalist-border-radius);
      box-shadow: var(--rz-datalist-shadow);
  }

  .rz-g > div, .rz-datalist-data > li {
      background-color: var(--rz-datalist-item-background-color);
      border: var(--rz-datalist-item-border);
      border-radius: var(--rz-datalist-border-radius);
      box-shadow: var(--rz-datalist-item-shadow);
      padding: var(--rz-datalist-item-padding);
  }

  .rz-datalist-data {
      list-style: none;
      margin: 0;
      padding: var(--rz-datalist-padding);
  }

  .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 {
      align-items: center;
      box-sizing: border-box;
      column-gap: .25rem;
      display: flex;
      flex-wrap: wrap;
  }

  .rz-datafilter .rz-selectbar { display: inline-flex }

  .rz-datafilter .rz-datafilter-group {
      flex-basis: 100%;
      margin: .25rem 0 0;
      padding: 0;
      position: relative;
  }

  .rz-datafilter .rz-datafilter-group .rz-datafilter-group { margin: 0 }

  .rz-datafilter .rz-datafilter-item {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: .25rem;
      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;
      position: relative;
  }

  .rz-datafilter .rz-datafilter-item:before {
      background-color: rgba(0, 0, 0, 0);
      border: 0;
      border-inline-start: var(--rz-datafilter-item-path-border);
      content: "";
      inset-block-end: 0;
      inset-block-start: 0;
      inset-inline-start: calc(var(--rz-datafilter-item-padding-inline-start) / 2);
      position: absolute;
      width: var(--rz-datafilter-item-path-width);
  }

  .rz-datafilter .rz-datafilter-item:after {
      background-color: rgba(0, 0, 0, 0);
      border: 0;
      border-block-end: var(--rz-datafilter-item-path-border);
      border-inline-start: var(--rz-datafilter-item-path-border);
      content: "";
      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);
      position: absolute;
      width: var(--rz-datafilter-item-path-width);
  }

  .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 {
      border-end-start-radius: var(--rz-datafilter-item-path-border-radius);
      height: calc(var(--rz-input-height) / 2);
  }

  .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 {
      background: var(--rz-scheduler-background-color);
      background-clip: border-box;
      border: 1px solid var(--rz-scheduler-border-color);
      border-radius: var(--rz-scheduler-border-radius);
      box-shadow: var(--rz-scheduler-shadow);
      box-sizing: border-box;
      color: var(--rz-scheduler-color);
      container-name: scheduler;
      container-type: inline-size;
      display: flex;
      flex-direction: column;
      height: 400px;
      overflow: hidden;
  }

  .rz-scheduler a.rz-event-list-btn {
      color: var(--rz-scheduler-event-list-button-color);
      font-size: var(--rz-scheduler-event-list-button-font-size);
      padding-inline-start: .25rem;
      position: absolute;
  }

  .rz-scheduler a.rz-event-list-btn:hover {
      color: var(--rz-scheduler-event-list-button-color);
      cursor: pointer;
      text-decoration: underline
  }

  .rz-slot {
      border-block-start: 1px solid var(--rz-scheduler-border-color);
      border-inline-start: 1px solid var(--rz-scheduler-border-color);
      display: flex;
      height: 1.5em;
  }

  .rz-slot-title {
      font-size: var(--rz-scheduler-slot-title-font-size);
      padding: var(--rz-scheduler-slot-title-padding);
      text-align: end;
  }

  .rz-slot-hours { flex: 0 0 5rem }

  .rz-slot-hours .rz-slot-header {
      border-inline-end: 1px solid var(--rz-scheduler-border-color);
      font-size: var(--rz-scheduler-header-font-size);
      height: 1.5rem;
      overflow: hidden;
      padding: 0 .25rem;
      text-align: end;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  .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 {
      cursor: pointer;
      padding-block: var(--rz-scheduler-event-padding-block);
      padding-inline: var(--rz-scheduler-event-padding-inline);
      position: absolute;
  }

  .rz-event-content {
      background: var(--rz-scheduler-event-background-color);
      border-radius: var(--rz-scheduler-border-radius);
      color: var(--rz-scheduler-event-color);
      font-size: var(--rz-scheduler-event-font-size);
      height: 100%;
      line-height: var(--rz-scheduler-event-line-height);
      overflow: hidden;
      padding: var(--rz-scheduler-event-content-padding);
  }

  .rz-events { position: relative }

  .rz-scheduler-nav {
      background: var(--rz-scheduler-toolbar-background-color);
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: var(--rz-scheduler-toolbar-padding);
  }

  .rz-scheduler-nav .rz-scheduler-nav-title {
      align-self: center;
      color: var(--rz-scheduler-toolbar-title-color);
      display: flex;
      font-size: var(--rz-scheduler-toolbar-title-font-size);
      font-weight: var(--rz-scheduler-toolbar-title-font-weight);
  }

  .rz-view-header {
      background-color: var(--rz-scheduler-header-background-color);
      border-block-end: var(--rz-scheduler-header-border);
      border-block-start: var(--rz-scheduler-header-border);
      color: var(--rz-scheduler-header-color);
      display: flex;
      text-transform: var(--rz-scheduler-header-text-transform);
  }

  .rz-view-header .rz-slot-header {
      flex: 1;
      font-size: var(--rz-scheduler-header-font-size);
      overflow: hidden;
      padding: var(--rz-scheduler-header-padding);
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  .rz-view-header .rz-slot-hour-header { flex: 0 0 5rem }

  .rz-view {
      display: flex;
      flex: 1;
      flex-direction: column;
  }

  .rz-view-content {
      display: flex;
      flex: auto;
      height: 0;
      overflow: auto;
  }

  .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);
      border: var(--rz-scheduler-view-button-border);
      border-inline-end: none;
      border-radius: 0;
      color: var(--rz-scheduler-view-button-color);
  }

  .rz-scheduler-nav-views .rz-button.rz-primary:first-child {
      border-end-start-radius: var(--rz-scheduler-border-radius);
      border-start-start-radius: var(--rz-scheduler-border-radius);
  }

  .rz-scheduler-nav-views .rz-button.rz-primary:last-child {
      border-end-end-radius: var(--rz-scheduler-border-radius);
      border-inline-end: var(--rz-scheduler-view-button-border);
      border-start-end-radius: var(--rz-scheduler-border-radius);
  }

  .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);
      font-size: var(--rz-scheduler-prev-next-button-font-size);
      padding-block: var(--rz-scheduler-prev-next-button-padding-block);
      padding-inline: var(--rz-scheduler-prev-next-button-padding-inline);
  }

  .rz-scheduler-nav-prev-next .rz-button.rz-today {
      font-size: var(--rz-scheduler-today-button-font-size);
      margin-inline-start: var(--rz-scheduler-today-button-margin-inline-start);
      padding: var(--rz-scheduler-today-button-padding);
      text-transform: var(--rz-scheduler-today-button-text-transform)
  }

  .rz-scheduler-nav-prev-next .rz-button.rz-prev {
      border-end-end-radius: var(--rz-scheduler-prev-button-border-end-end-radius);
      border-end-start-radius: var(--rz-scheduler-prev-button-border-end-start-radius);
      border-start-end-radius: var(--rz-scheduler-prev-button-border-start-end-radius);
      border-start-start-radius: var(--rz-scheduler-prev-button-border-start-start-radius);
  }

  .rz-scheduler-nav-prev-next .rz-button.rz-next {
      border-end-end-radius: var(--rz-scheduler-next-button-border-end-end-radius);
      border-end-start-radius: var(--rz-scheduler-next-button-border-end-start-radius);
      border-start-end-radius: var(--rz-scheduler-next-button-border-start-end-radius);
      border-start-start-radius: var(--rz-scheduler-next-button-border-start-start-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 {
      border-block-start: 1px solid var(--rz-scheduler-border-color);
      border-inline-start: 1px solid var(--rz-scheduler-border-color);
      display: flex;
      flex: 1;
      height: 100%;
  }

  .rz-month .rz-slot:first-child {
      align-items: center;
      background-color: var(--rz-scheduler-header-background-color);
      border-inline-end: 1px solid var(--rz-scheduler-border-color);
      border-inline-start: none;
      inset-inline-start: 0;
      justify-content: center;
      position: sticky;
      z-index: 1;
  }

  .rz-month .rz-slot:first-child .rz-slot-header {
      color: var(--rz-scheduler-header-color);
      font-size: var(--rz-scheduler-header-font-size);
      padding: var(--rz-scheduler-header-padding);
      text-align: center;
      text-transform: var(--rz-scheduler-header-text-transform);
  }

  .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 {
      display: flex;
      flex: 1;
  }

  .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 {
      inset-block-start: 0px;
      min-height: 2.25rem;
      position: sticky;
      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 {
      transform: rotate(-180deg);
      writing-mode: vertical-lr;
  }

  .rz-planner-view .rz-month .rz-slot:last-child {
      align-items: center;
      background-color: var(--rz-scheduler-header-background-color);
      justify-content: center;
  }

  .rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header {
      color: var(--rz-scheduler-header-color);
      font-size: var(--rz-scheduler-header-font-size);
      padding: var(--rz-scheduler-header-padding);
      text-align: center;
      text-transform: var(--rz-scheduler-header-text-transform);
      writing-mode: vertical-rl;
  }

  .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 {
      background-color: var(--rz-scheduler-weekend-background-color);
      color: var(--rz-scheduler-weekend-color);
  }

  .rz-timeline-view {
      flex: auto;
      flex-direction: unset;
      flex-wrap: wrap;
      overflow: auto;
  }

  .rz-timeline-view .rz-view-header {
      inset-block-start: 0px;
      min-height: 36px;
      position: sticky;
      z-index: 2
  }

  .rz-timeline-view .rz-view-header .rz-slot-header {
      flex: 0 0 auto;
      min-width: var(--rz-scheduler-timeline-slot-width);
  }

  .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 {
      height: var(--rz-scheduler-timeline-slot-height);
      width: var(--rz-scheduler-timeline-slot-width);
  }

  .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 {
      background-color: var(--rz-scheduler-weekend-background-color);
      color: var(--rz-scheduler-weekend-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 {
      border-block-start: none;
      cursor: pointer;
      flex: 1;
      height: initial;
      justify-content: center;
      padding: var(--rz-scheduler-year-slot-padding);
  }

  .rz-year-view .rz-slot .rz-slot-title {
      align-items: center;
      border-radius: var(--rz-scheduler-year-slot-title-border-radius);
      display: flex;
      justify-content: center;
      min-height: 2rem;
      min-width: 2rem;
      padding: 0;
      text-align: center;
      transition: var(--rz-datepicker-calendar-transition);
      width: var(--rz-scheduler-year-slot-title-width);
  }

  .rz-year-view .rz-slot .rz-slot-title.rz-other-month { opacity: .5 }

  .rz-year-view .rz-slot .rz-slot-title.rz-has-appointments {
      background-color: var(--rz-scheduler-event-background-color);
      color: var(--rz-scheduler-event-color);
  }

  .rz-year-view .rz-slot .rz-slot-title.rz-state-focused {
      background: var(--rz-datepicker-calendar-hover-background-color);
      color: var(--rz-datepicker-calendar-hover-color);
  }

  .rz-year-view .rz-slot:hover .rz-slot-title:not(.rz-has-appointments) {
      background: var(--rz-datepicker-calendar-hover-background-color);
      color: var(--rz-datepicker-calendar-hover-color);
  }

  .rz-year-month:focus { outline: var(--rz-outline-normal) }

  .rz-year-month:focus-visible {
      border-radius: var(--rz-border-radius);
      outline: var(--rz-scheduler-focus-outline);
      outline-offset: var(--rz-outline-offset);
  }

  @container scheduler (width < 640px) {
      .rz-scheduler-nav .rz-scheduler-nav-prev-next {
          justify-content: space-between;
          margin-block-end: .5rem;
          margin-inline-end: .5rem;
          order: 1
      }
      .rz-scheduler-nav .rz-scheduler-nav-title {
          justify-content: center;
          order: 3;
          width: 100%;
      }
      .rz-scheduler-nav .rz-scheduler-nav-views {
          flex-grow: 1;
          justify-content: center;
          margin-block-end: .5rem;
          order: 2
      }
      .rz-scheduler-nav .rz-scheduler-nav-views .rz-button {
          flex-grow: 1;
          padding-inline-end: .5rem;
          padding-inline-start: .5rem;
      }
      .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { display: none }
      .rz-slot-hours, .rz-view-header .rz-slot-hour-header { flex: 0 0 3rem }
  }

  @container scheduler (width < 1400px) {
      .rz-planner-view {
          flex-direction: unset;
          flex-wrap: wrap;
      }
      .rz-planner-view .rz-view-header .rz-slot-header {
          flex: 0 0 auto;
          width: var(--rz-scheduler-planner-slot-width)
      }
      .rz-planner-view .rz-month { flex: 0 0 auto }
      .rz-planner-view .rz-month .rz-slots { flex: 0 0 auto }
      .rz-planner-view .rz-month .rz-slot {
          height: var(--rz-scheduler-planner-slot-height);
          width: var(--rz-scheduler-planner-slot-width);
      }
  }

  @media (max-width: 576px) {
      .rz-scheduler-nav .rz-scheduler-nav-prev-next {
          justify-content: space-between;
          margin-block-end: .5rem;
          margin-inline-end: .5rem;
          order: 1
      }

      .rz-scheduler-nav .rz-scheduler-nav-title {
          justify-content: center;
          order: 3;
          width: 100%;
      }

      .rz-scheduler-nav .rz-scheduler-nav-views {
          flex-grow: 1;
          justify-content: center;
          margin-block-end: .5rem;
          order: 2
      }

      .rz-scheduler-nav .rz-scheduler-nav-views .rz-button {
          flex-grow: 1;
          padding-inline-end: .5rem;
          padding-inline-start: .5rem;
      }

      .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text { display: none }

      .rz-slot-hours, .rz-view-header .rz-slot-hour-header { flex: 0 0 3rem }
  }

  @media (max-width: 1399px) {
      .rz-planner-view {
          flex-direction: unset;
          flex-wrap: wrap;
      }

      .rz-planner-view .rz-view-header .rz-slot-header {
          flex: 0 0 auto;
          width: var(--rz-scheduler-planner-slot-width)
      }

      .rz-planner-view .rz-month { flex: 0 0 auto }

      .rz-planner-view .rz-month .rz-slots { flex: 0 0 auto }

      .rz-planner-view .rz-month .rz-slot {
          height: var(--rz-scheduler-planner-slot-height);
          width: var(--rz-scheduler-planner-slot-width);
      }
  }

  .rz-tabview {
      box-sizing: border-box;
      display: flex
  }

  .rz-tabview:focus { outline: var(--rz-outline-normal) }

  .rz-tabview:focus-visible {
      outline: var(--rz-outline-focus);
      outline-offset: var(--rz-outline-offset)
  }

  .rz-tabview:focus-visible .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
      outline: var(--rz-tabs-tab-focus-outline);
      outline-offset: var(--rz-tabs-tab-focus-outline-offset)
  }

  .rz-tabview.rz-tabview-top { flex-direction: column }

  .rz-tabview.rz-tabview-top-right { flex-direction: column }

  .rz-tabview.rz-tabview-bottom { flex-direction: column-reverse }

  .rz-tabview.rz-tabview-bottom-right { flex-direction: column-reverse }

  .rz-tabview.rz-tabview-left { flex-direction: row }

  .rz-tabview.rz-tabview-right { flex-direction: row-reverse }

  .rz-tabview-nav {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
  }

  .rz-tabview-nav li {
      background-color: var(--rz-tabs-tab-background-color);
      border: var(--rz-tabs-border);
      color: var(--rz-tabs-tab-color);
      transition: var(--rz-tabs-transition)
  }

  .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
      background-color: var(--rz-tabs-tab-hover-background-color);
      color: var(--rz-tabs-tab-hover-color)
  }

  .rz-tabview-nav li a, .rz-tabview-nav li a:not([href]):not([class]) {
      align-items: center;
      color: inherit;
      cursor: pointer;
      display: flex;
      font-size: var(--rz-tabs-tab-font-size);
      font-weight: var(--rz-tabs-tab-font-weight);
      letter-spacing: var(--rz-tabs-tab-letter-spacing);
      line-height: var(--rz-tabs-tab-line-height);
      padding-block: var(--rz-tabs-tab-padding-block);
      padding-inline: var(--rz-tabs-tab-padding-inline);
      text-decoration: none;
      text-transform: var(--rz-tabs-tab-text-transform);
  }

  .rz-tabview-nav li a:hover, .rz-tabview-nav li a:not([href]):not([class]):hover { text-decoration: none }

  .rz-tabview-nav li.rz-state-disabled { opacity: .5 }

  .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
      background-color: var(--rz-tabs-tab-focus-background-color);
      border-color: var(--rz-tabs-tab-focus-background-color);
      color: var(--rz-tabs-tab-focus-color)
  }

  .rz-tabview-nav .rz-tabview-selected {
      background-color: var(--rz-tabs-tab-selected-background-color);
      color: var(--rz-tabs-tab-selected-color);
      position: relative
  }

  .rz-tabview-top > .rz-tabview-nav { flex-direction: row }

  .rz-tabview-top > .rz-tabview-nav li {
      border-bottom-color: var(--rz-tabs-tab-background-color);
      border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
      border-top-width: 2px;
  }

  .rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) { border-top-color: var(--rz-tabs-tab-selected-top-border-color) }

  .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
      border-bottom-color: var(--rz-tabs-background-color);
      border-top-color: var(--rz-tabs-tab-selected-top-border-color);
      margin-bottom: -1px;
  }

  .rz-tabview-top-right > .rz-tabview-nav { justify-content: right }

  .rz-tabview-bottom > .rz-tabview-nav { flex-direction: row }

  .rz-tabview-bottom > .rz-tabview-nav li {
      border-bottom-width: 2px;
      border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
      border-top-color: var(--rz-tabs-tab-background-color);
  }

  .rz-tabview-bottom > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) { border-bottom-color: var(--rz-tabs-tab-selected-top-border-color) }

  .rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected {
      border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
      border-top-color: var(--rz-tabs-background-color);
      margin-top: -1px;
      padding-top: 1px;
  }

  .rz-tabview-bottom-right > .rz-tabview-nav { justify-content: right }

  .rz-tabview-left > .rz-tabview-nav { flex-direction: column }

  .rz-tabview-left > .rz-tabview-nav li {
      border-left-width: 2px;
      border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
      border-right-color: var(--rz-tabs-tab-background-color);
  }

  .rz-tabview-left > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) { border-left-color: var(--rz-tabs-tab-selected-top-border-color) }

  .rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {
      border-left-color: var(--rz-tabs-tab-selected-top-border-color);
      border-right-color: var(--rz-tabs-background-color);
      margin-right: -1px;
  }

  .rz-tabview-right > .rz-tabview-nav { flex-direction: column }

  .rz-tabview-right > .rz-tabview-nav li {
      border-left-color: var(--rz-tabs-tab-background-color);
      border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
      border-right-width: 2px;
  }

  .rz-tabview-right > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) { border-right-color: var(--rz-tabs-tab-selected-top-border-color) }

  .rz-tabview-right > .rz-tabview-nav .rz-tabview-selected {
      border-left-color: var(--rz-tabs-background-color);
      border-right-color: var(--rz-tabs-tab-selected-top-border-color);
      margin-left: -1px;
      padding-left: 1px;
  }

  *[dir=rtl] .rz-tabview-left > .rz-tabview-nav, *[dir=rtl] .rz-tabview-right > .rz-tabview-nav { order: 1 }

  .rz-tabview-panels {
      background-color: var(--rz-tabs-background-color);
      border: var(--rz-tabs-border);
      box-shadow: var(--rz-tabs-shadow);
      flex: 1;
      overflow: auto
  }

  .rz-tabview-top > .rz-tabview-panels { border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) }

  .rz-tabview-bottom > .rz-tabview-panels { border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0 }

  .rz-tabview-left > .rz-tabview-panels { border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 }

  .rz-tabview-right > .rz-tabview-panels { border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius) }

  .rz-tabview-panel { padding: var(--rz-tabs-padding) }

  .rz-tabview-icon {
      font-size: var(--rz-tabs-icon-font-size);
      margin-inline: var(--rz-tabs-icon-margin-inline)
  }

  .rz-tooltip {
      box-sizing: border-box;
      left: 0;
      position: absolute;
      top: 0;
      transition: top .2s, left .2s;
  }

  .rz-tooltip-content {
      background: var(--rz-tooltip-background-color);
      border-radius: var(--rz-tooltip-border-radius);
      box-shadow: var(--rz-tooltip-shadow);
      color: var(--rz-tooltip-color);
      font-size: var(--rz-tooltip-font-size);
      padding: var(--rz-tooltip-padding);
      white-space: nowrap
  }

  .rz-tooltip .rz-top-tooltip-content { margin-bottom: 16px }

  .rz-tooltip .rz-top-tooltip-content:after {
      background-color: inherit;
      border-bottom: inherit;
      border-right: inherit;
      content: " ";
      height: 8px;
      inset-block-end: 0;
      inset-inline-start: 12px;
      position: absolute;
      transform: translate(-50%, -12px) rotate(45deg);
      transform-origin: center;
      width: 8px;
  }

  .rz-tooltip .rz-bottom-tooltip-content { margin-top: -8px }

  .rz-tooltip .rz-bottom-tooltip-content:after {
      background-color: inherit;
      border-bottom: inherit;
      border-right: inherit;
      content: " ";
      height: 8px;
      inset-block-start: 0;
      inset-inline-start: 12px;
      position: absolute;
      transform: translate(-50%, -12px) rotate(45deg);
      transform-origin: center;
      width: 8px;
  }

  .rz-tooltip .rz-left-tooltip-content { margin-right: 8px }

  .rz-tooltip .rz-left-tooltip-content:after {
      background-color: inherit;
      border-bottom: inherit;
      border-right: inherit;
      content: " ";
      height: 8px;
      position: absolute;
      right: 0;
      top: 20px;
      transform: translate(-50%, -10px) rotate(45deg);
      transform-origin: center;
      width: 8px;
  }

  .rz-tooltip .rz-right-tooltip-content { margin-left: 0 }

  .rz-tooltip .rz-right-tooltip-content:after {
      background-color: inherit;
      border-bottom: inherit;
      border-right: inherit;
      content: " ";
      height: 8px;
      left: 0;
      position: absolute;
      top: 20px;
      transform: translate(-50%, -10px) rotate(45deg);
      transform-origin: center;
      width: 8px;
  }

  .rz-dialog-wrapper {
      align-items: center;
      bottom: 0;
      box-sizing: border-box;
      display: flex;
      height: 100%;
      justify-content: center;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: var(--rz-dialog-zindex);
  }

  .rz-dialog {
      background-color: var(--rz-dialog-background-color);
      border-radius: var(--rz-dialog-border-radius);
      box-shadow: var(--rz-dialog-shadow);
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      max-height: 100%;
      min-height: 150px;
      min-width: 150px;
      overflow: hidden;
      position: absolute;
      z-index: var(--rz-dialog-zindex);
  }

  .rz-dialog-side {
      background-color: var(--rz-dialog-background-color);
      border-radius: var(--rz-dialog-border-radius);
      box-shadow: var(--rz-dialog-shadow);
      box-sizing: border-box;
      overflow-y: auto;
      position: fixed;
      z-index: var(--rz-dialog-zindex);
  }

  .rz-dialog-titlebar, .rz-dialog-side-titlebar {
      align-items: normal;
      background-color: var(--rz-dialog-title-background-color);
      border-block-end: var(--rz-dialog-title-border);
      display: flex;
      font-size: var(--rz-dialog-title-font-size);
      line-height: var(--rz-dialog-title-line-height);
      padding-block: var(--rz-dialog-title-padding-block);
      padding-inline: var(--rz-dialog-title-padding-inline);
  }

  .rz-dialog-title, .rz-dialog-side-title {
      color: var(--rz-dialog-title-color);
      flex: auto;
      font-weight: var(--rz-dialog-title-font-weight);
      letter-spacing: var(--rz-dialog-title-letter-spacing);
      user-select: none
  }

  .rz-dialog-titlebar-close .rzi-times, .rz-dialog-side-titlebar-close .rzi-times {
      color: var(--rz-dialog-close-color);
      font-size: var(--rz-dialog-close-font-size);
      vertical-align: var(--rz-dialog-close-vertical-align)
  }

  .rz-dialog-titlebar-close .rzi-times:before, .rz-dialog-side-titlebar-close .rzi-times:before { content: "close" }

  .rz-dialog-titlebar-close:hover .rzi-times, .rz-dialog-side-titlebar-close:hover .rzi-times { color: var(--rz-dialog-close-hover-color) }

  .rz-dialog-content, .rz-dialog-side-content {
      flex: 0 1 auto;
      overflow: auto;
      padding: var(--rz-dialog-content-padding);
  }

  .rz-dialog-confirm, .rz-dialog-alert {
      margin: .75rem;
      max-width: 400px;
  }

  .rz-dialog-confirm-message, .rz-dialog-alert-message { margin-block-end: 1.5rem }

  .rz-dialog-confirm-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: .5rem
  }

  .rz-dialog-confirm-buttons .rz-button {
      flex: 8rem 1;
      min-width: fit-content
  }

  .rz-dialog-alert-buttons {
      gap: .5rem;
      text-align: end;
  }

  .rz-dialog-alert-buttons .rz-button {
      flex: 8rem 1;
      min-width: fit-content
  }

  .rz-dialog-mask {
      background-color: var(--rz-dialog-mask-background-color);
      height: 100%;
      inset-block-start: 0;
      inset-inline-start: 0;
      opacity: .5;
      position: fixed;
      width: 100%;
      z-index: var(--rz-dialog-mask-zindex);
  }

  .no-scroll {
      overflow: hidden;
      padding-inline-end: 15px
  }

  .rz-dialog-side-position-right {
      height: 100%;
      max-width: 100%;
      min-width: 150px;
      right: 0;
      width: 400px;
  }

  .rz-dialog-side-position-left {
      height: 100%;
      left: 0;
      max-width: 100%;
      min-width: 150px;
      width: 400px;
  }

  .rz-dialog-side-position-top {
      height: 250px;
      min-height: 150px;
      top: 0;
      width: 100%
  }

  .rz-dialog-side-position-bottom {
      bottom: 0;
      height: 250px;
      min-height: 150px;
      width: 100%
  }

  @keyframes rz-dialog-open-scale {
      from { scale: .5 }

      to { scale: 1 }
  }

  @keyframes rz-dialog-open-opacity {
      from { opacity: 0 }

      to { opacity: 1 }
  }

  .rz-dialog.rz-open { animation: var(--rz-dialog-transition) rz-dialog-open-opacity, var(--rz-dialog-transition) rz-dialog-open-scale }

  .rz-dialog:has(.rz-chart).rz-open { animation: var(--rz-dialog-transition) rz-dialog-open-opacity }

  @keyframes rz-side-dialog-right-open {
      from { transform: translateX(100%) }

      to { transform: translateX(0) }
  }

  @keyframes rz-side-dialog-right-close {
      from { transform: translateX(0) }

      to { transform: translateX(100%) }
  }

  .rz-dialog-side-position-right.rz-open { animation: var(--rz-dialog-transition) rz-side-dialog-right-open }

  .rz-dialog-side-position-right.rz-close {
      animation: var(--rz-dialog-transition) rz-side-dialog-right-close;
      transform: translateX(100%)
  }

  @keyframes rz-side-dialog-top-open {
      from { transform: translateY(-100%) }

      to { transform: translateY(0) }
  }

  @keyframes rz-side-dialog-top-close {
      from { transform: translateY(0) }

      to { transform: translateY(-100%) }
  }

  .rz-dialog-side-position-top.rz-open { animation: var(--rz-dialog-transition) rz-side-dialog-top-open }

  .rz-dialog-side-position-top.rz-close {
      animation: var(--rz-dialog-transition) rz-side-dialog-top-close;
      transform: translateX(-100%)
  }

  @keyframes rz-side-dialog-bottom-open {
      from { transform: translateY(100%) }

      to { transform: translateY(0) }
  }

  @keyframes rz-side-dialog-bottom-close {
      from { transform: translateY(0) }

      to { transform: translateY(100%) }
  }

  .rz-dialog-side-position-bottom.rz-open { animation: var(--rz-dialog-transition) rz-side-dialog-bottom-open }

  .rz-dialog-side-position-bottom.rz-close {
      animation: var(--rz-dialog-transition) rz-side-dialog-bottom-close;
      transform: translateY(100%)
  }

  @keyframes rz-side-dialog-left-open {
      from { transform: translateX(-100%) }

      to { transform: translateX(0) }
  }

  @keyframes rz-side-dialog-left-close {
      from { transform: translateX(0) }

      to { transform: translateX(-100%) }
  }

  .rz-dialog-side-position-left.rz-open { animation: var(--rz-dialog-transition) rz-side-dialog-left-open }

  .rz-dialog-side-position-left.rz-close {
      animation: var(--rz-dialog-transition) rz-side-dialog-left-close;
      transform: translateX(-100%)
  }

  @media (max-width: 768px) {
      .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
          border-radius: 0;
          inset-block-start: 0px !important;
          position: absolute;
          width: 100% !important;
      }

      .rz-dialog-content { -webkit-overflow-scrolling: touch }

      .rz-dialog-confirm, .rz-dialog-alert { max-width: 355px }

      .no-scroll { padding-inline-end: 0 }
  }

  .rz-notification {
      box-sizing: border-box;
      inset-block-start: 100px;
      inset-inline-end: 1rem;
      position: fixed;
      z-index: 1002;
  }

  .rz-notification-item-wrapper {
      background-color: var(--rz-notification-container-background-color);
      margin: 1rem 0;
      min-width: 20rem;
      position: relative;
      width: 250px;
  }

  .rz-notification-item-wrapper > .rz-progressbar {
      inset-block-end: var(--rz-notification-border-radius);
      inset-inline: var(--rz-notification-border-radius);
      position: absolute;
      --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 {
      align-items: flex-start;
      border-radius: var(--rz-notification-border-radius);
      box-shadow: var(--rz-notification-shadow);
      display: flex;
      gap: var(--rz-notification-gap);
      padding: var(--rz-notification-padding)
  }

  .rz-notification-success .rz-notification-item {
      background-color: var(--rz-notification-success-background-color);
      color: var(--rz-notification-success-color);
  }

  .rz-notification-warn .rz-notification-item {
      background-color: var(--rz-notification-warning-background-color);
      color: var(--rz-notification-warning-color);
  }

  .rz-notification-error .rz-notification-item {
      background-color: var(--rz-notification-error-background-color);
      color: var(--rz-notification-error-color);
  }

  .rz-notification-info .rz-notification-item {
      background-color: var(--rz-notification-info-background-color);
      color: var(--rz-notification-info-color);
  }

  .rz-notification-message-wrapper {
      align-items: flex-start;
      display: flex;
      flex: auto;
      gap: var(--rz-notification-gap);
      justify-content: flex-start;
  }

  .rz-notification-message {
      align-items: flex-start;
      display: flex;
      flex: auto;
      flex-direction: column;
  }

  .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 {
      color: var(--rz-form-error-color);
      display: inline-block;
      font-size: var(--rz-form-error-font-size);
      padding: var(--rz-validator-text-padding)
  }

  .rz-message-popup {
      background-color: var(--rz-validator-background-color);
      border-radius: var(--rz-border-radius);
      box-shadow: var(--rz-validator-shadow);
      color: var(--rz-validator-color);
      padding: var(--rz-validator-padding);
      pointer-events: none;
      position: absolute;
      transform: var(--rz-validator-transform);
  }

  .rz-message-popup:before {
      border: var(--rz-validator-pointer-size) solid rgba(0, 0, 0, 0);
      border-bottom-color: var(--rz-validator-background-color);
      content: "";
      inset-block-start: calc(-2 * var(--rz-validator-pointer-size));
      inset-inline-start: calc(var(--rz-border-radius) + var(--rz-validator-pointer-size) / 2);
      position: absolute;
  }

  .rz-layout::-webkit-scrollbar, .rz-layout ::-webkit-scrollbar, .rz-scrollbars::-webkit-scrollbar, .rz-scrollbars ::-webkit-scrollbar {
      background-color: var(--rz-scrollbar-background-color);
      height: var(--rz-scrollbar-size);
      width: 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: var(--rz-scrollbar-color);
      background-clip: padding-box;
      border: 4px solid rgba(0, 0, 0, 0);
      border-radius: var(--rz-scrollbar-border-radius);
      min-height: var(--rz-scrollbar-size);
      min-width: 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 {
      align-items: center;
      display: flex;
      flex-flow: row wrap;
      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 {
      align-items: center;
      background-color: var(--rz-login-register-background-color);
      border-radius: var(--rz-border-radius);
      display: flex;
      flex-flow: row wrap;
      gap: .5rem;
      justify-content: space-between;
      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);
  }

  .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 {
      align-items: center;
      display: inline-flex;
      flex-flow: row wrap;
      gap: .5rem;
      justify-content: space-between;
  }

  .rz-lookup-panel {
      background-color: var(--rz-lookup-panel-background-color);
      container-name: rz-lookup-panel;
      container-type: inline-size;
      padding: var(--rz-lookup-panel-padding);
  }

  .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 {
      background-color: var(--rz-map-background-color);
      border-radius: var(--rz-border-radius);
      box-shadow: var(--rz-map-shadow);
      box-sizing: border-box;
      height: var(--rz-map-height);
      padding: var(--rz-map-padding);
  }

  .rz-map-container { height: 100% }

  .rz-gauge, .rz-arc-gauge {
      box-sizing: border-box;
      display: inline-block;
      height: 300px;
      position: relative;
      width: 300px;
  }

  .rz-gauge .rz-line, .rz-gauge .rz-tick { stroke: var(--rz-gauge-scale-color) }

  .rz-gauge .rz-tick-text {
      fill: var(--rz-gauge-scale-label-color);
      font-size: var(--rz-gauge-scale-font-size);
  }

  .rz-arc-gauge .rz-line, .rz-arc-gauge .rz-tick { stroke: var(--rz-gauge-arc-scale-color) }

  .rz-arc-gauge .rz-tick-text {
      fill: var(--rz-gauge-arc-scale-label-color);
      font-size: var(--rz-gauge-scale-font-size);
  }

  .rz-gauge-value {
      padding: .5rem;
      position: absolute;
      transform: translateX(-50%);
  }

  .rz-arc-gauge-value {
      padding: .5rem;
      position: absolute;
      transform: translate(-50%, -50%);
  }

  .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 {
      align-items: center;
      background-color: var(--rz-progressbar-background-color);
      border-radius: var(--rz-progressbar-border-radius);
      box-sizing: border-box;
      display: flex;
      height: var(--rz-progressbar-height);
      position: relative;
      text-align: center;
  }

  .rz-progressbar-value {
      background-color: var(--rz-progressbar-value-background-color);
      border-radius: var(--rz-progressbar-border-radius);
      height: 100%;
      position: absolute;
      transition: var(--rz-progressbar-value-transition);
      width: var(--rz-progressbar-value);
  }

  .rz-progressbar-label, .rz-progressbar-label-value {
      font-size: var(--rz-progressbar-font-size);
      inset-block-start: 50%;
      inset-inline: 0;
      line-height: var(--rz-progressbar-height);
      margin-top: calc(-1 * var(--rz-progressbar-height) / 2);
      position: absolute;
      text-align: center;
  }

  .rz-progressbar-label-value {
      clip-path: inset(0 0 0 var(--rz-progressbar-value));
      color: var(--rz-progressbar-color);
  }

  .rz-progressbar-circular {
      box-sizing: border-box;
      position: relative
  }

  .rz-progressbar-circular-viewbox {
      bottom: 0;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
  }

  .rz-progressbar-circular-label {
      align-items: center;
      bottom: 0;
      display: flex;
      height: 100%;
      justify-content: center;
      left: 0;
      line-height: 1;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
  }

  .rz-progressbar-circular-background {
      stroke: var(--rz-progressbar-background-color);
      stroke-width: var(--rz-progressbar-circular-stroke-width)
  }

  .rz-progressbar-circular-value {
      stroke: var(--rz-progressbar-value-background-color);
      stroke-linecap: var(--rz-progressbar-circular-value-endpoint);
      stroke-width: var(--rz-progressbar-circular-value-stroke-width);
      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 {
      animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite rz-progressbar-indeterminate-anim;
      background-color: var(--rz-progressbar-value-background-color);
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      top: 0;
      will-change: left, right;
  }

  *[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:before { animation-name: rz-progressbar-indeterminate-anim-rtl }

  .rz-progressbar-indeterminate .rz-progressbar-value:after {
      animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite rz-progressbar-indeterminate-anim-short;
      animation-delay: 1.15s;
      background-color: var(--rz-progressbar-value-background-color);
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      top: 0;
      will-change: left, right;
  }

  *[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:after { animation-name: rz-progressbar-indeterminate-anim-short-rtl }

  @keyframes rz-progressbar-indeterminate-anim {
      0% {
          left: -35%;
          right: 100%
      }

      100%, 60% {
          left: 100%;
          right: -90%
      }
  }

  @keyframes rz-progressbar-indeterminate-anim-short {
      0% {
          left: -200%;
          right: 100%
      }

      100%, 60% {
          left: 107%;
          right: -8%
      }
  }

  @keyframes rz-progressbar-indeterminate-anim-rtl {
      0% {
          left: 100%;
          right: -35%;
      }

      60%, 100% {
          left: -90%;
          right: 100%;
      }
  }

  @keyframes rz-progressbar-indeterminate-anim-short-rtl {
      0% {
          left: 100%;
          right: -200%;
      }

      60%, 100% {
          left: -8%;
          right: 107%;
      }
  }

  .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
  }

  @keyframes rz-progressbar-circular-indeterminate-anim-rotate {
      100% { transform: rotate(1turn) }
  }

  @keyframes rz-progressbar-circular-indeterminate-anim-dash {
      0% {
          stroke-dasharray: 1, 100;
          stroke-dashoffset: 0
      }

      50% {
          stroke-dasharray: 70, 100;
          stroke-dashoffset: -28
      }

      100% {
          stroke-dasharray: 70, 100;
          stroke-dashoffset: -99
      }
  }

  .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 {
      font-size: calc(var(--rz-progressbar-font-size) * 1.25);
      height: 6rem;
      width: 6rem;
  }

  .rz-progressbar-circular-md {
      font-size: calc(var(--rz-progressbar-font-size) * .75);
      height: 3rem;
      width: 3rem;
  }

  .rz-progressbar-circular-sm {
      font-size: calc(var(--rz-progressbar-font-size) * .5);
      height: 2rem;
      width: 2rem;
  }

  .rz-progressbar-circular-xs {
      font-size: calc(var(--rz-progressbar-font-size) * .375);
      height: 1.25rem;
      width: 1.25rem;
  }

  .rz-chart {
      box-sizing: border-box;
      height: 300px;
      position: relative;
  }

  .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 {
      font-size: var(--rz-chart-axis-font-size);
      stroke: var(--rz-chart-axis-color);
  }

  .rz-axis .rz-grid-line { stroke: var(--rz-chart-axis-color) }

  .rz-tick-text {
      fill: var(--rz-chart-axis-label-color);
      stroke: none;
  }

  .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 {
      fill: var(--rz-text-title-color);
      stroke: none;
      text-anchor: middle;
  }

  .rz-donut-title {
      fill: var(--rz-text-title-color);
      text-anchor: middle;
  }

  .rz-donut-content {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      text-align: center;
  }

  .rz-legend {
      display: flex;
      font-size: var(--rz-chart-legend-font-size);
      position: absolute;
  }

  .rz-legend-right {
      align-items: center;
      bottom: 0;
      right: 0;
      top: 0;
  }

  .rz-legend-left {
      align-items: center;
      bottom: 0;
      left: 0;
      top: 0;
  }

  .rz-legend-top {
      justify-content: center;
      left: 0;
      right: 0;
      top: 0;
  }

  .rz-legend-bottom {
      bottom: 0;
      justify-content: center;
      left: 0;
      right: 0;
  }

  .rz-legend-items {
      margin: 0;
      max-height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0;
  }

  .rz-legend-item {
      align-items: center;
      cursor: pointer;
      display: flex;
      gap: .25rem;
      margin: .25rem;
  }

  .rz-legend-item:focus { outline: var(--rz-outline-normal) }

  .rz-legend-item:focus-visible {
      border-radius: var(--rz-border-radius);
      outline: var(--rz-chart-legend-focus-outline);
      outline-offset: var(--rz-chart-legend-focus-outline-offset);
  }

  .rz-legend-top .rz-legend-item, .rz-legend-bottom .rz-legend-item { display: inline-flex }

  .rz-chart-tooltip {
      left: 0;
      position: absolute;
      top: 0;
  }

  .rz-top-chart-tooltip { transform: translate(-50%, -100%) }

  .rz-bottom-chart-tooltip { transform: translate(-50%, 0) }

  .rz-chart-tooltip-content {
      background: var(--rz-chart-tooltip-background);
      border-radius: var(--rz-chart-tooltip-border-radius);
      box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .15);
      color: var(--rz-chart-tooltip-color);
      font-size: var(--rz-chart-tooltip-font-size);
      padding: .5rem;
      white-space: nowrap;
  }

  .rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
      background-color: inherit;
      content: " ";
      height: 8px;
      position: absolute;
      transform-origin: center;
      width: 8px;
  }

  .rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { margin-bottom: 15px }

  .rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
      border-bottom: inherit;
      border-right: inherit;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, -11px) rotate(45deg);
  }

  .rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { margin-top: 15px }

  .rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
      border-left: inherit;
      border-top: inherit;
      left: 50%;
      top: 0;
      transform: translate(-50%, 11px) rotate(45deg);
  }

  .rz-chart-tooltip-title { font-weight: 700 }

  .rz-chart-tooltip-item-value {
      font-variant-numeric: tabular-nums;
      font-weight: 600;
      text-align: end;
  }

  .rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-title { padding: 0 .5rem }

  .rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-content { border: none }

  .rz-chart-tooltip-item-content {
      align-items: center;
      border-radius: var(--rz-chart-tooltip-item-border-radius);
      display: flex;
      gap: 1rem;
      justify-content: space-between;
      padding: .125rem .5rem;
  }

  .rz-chart-tooltip-item-content:hover { background-color: var(--rz-chart-tooltip-item-hover-background-color) }

  .rz-chart-tooltip-item-content .rz-legend-item {
      cursor: inherit;
      margin: 0;
  }

  .rz-sankey-diagram {
      border-radius: var(--rz-border-radius);
      color: var(--rz-sankey-label-color);
      display: block;
      height: 300px;
      overflow: hidden;
      position: relative;
  }

  .rz-sankey-diagram svg {
      display: block;
      height: 100%;
      width: 100%;
  }

  .rz-sankey-diagram .rz-sankey-link {
      cursor: pointer;
      fill-opacity: .8;
      opacity: var(--rz-sankey-link-opacity);
      pointer-events: painted;
      stroke-width: var(--rz-sankey-link-stroke-width);
      transition: opacity .2s
  }

  .rz-sankey-diagram .rz-sankey-link:hover { opacity: var(--rz-sankey-link-hover-opacity) }

  .rz-sankey-diagram .rz-sankey-node { cursor: pointer }

  .rz-sankey-diagram .rz-sankey-node rect {
      stroke-width: var(--rz-sankey-node-stroke-width);
      transition: opacity .2s
  }

  .rz-sankey-diagram .rz-sankey-node:hover rect { opacity: .9 }

  .rz-sankey-diagram svg text { fill: var(--rz-sankey-label-color) }

  .rz-sankey-diagram text.rz-sankey-node-label {
      fill: var(--rz-sankey-label-color);
      font-size: var(--rz-sankey-label-font-size);
      font-weight: normal;
      paint-order: stroke;
      pointer-events: none;
      stroke: var(--rz-sankey-label-stroke);
      stroke-linejoin: round;
      stroke-width: var(--rz-sankey-label-stroke-width);
      user-select: none
  }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-0.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-0 rect { fill: #003f5c }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-1.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-1 rect { fill: #2f4b7c }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-2.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-2 rect { fill: #665191 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-3.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-3 rect { fill: #a05195 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-4.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-4 rect { fill: #d45087 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-5.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-5 rect { fill: #f95d6a }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-6.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-6 rect { fill: #ff7c43 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-7.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-7 rect { fill: #ffa600 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-8.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-8 rect { fill: #003f5c }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-9.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-9 rect { fill: #2f4b7c }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-10.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-10 rect { fill: #665191 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-11.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-11 rect { fill: #a05195 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-12.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-12 rect { fill: #d45087 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-13.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-13 rect { fill: #f95d6a }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-14.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-14 rect { fill: #ff7c43 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-15.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-15 rect { fill: #ffa600 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-16.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-16 rect { fill: #003f5c }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-17.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-17 rect { fill: #2f4b7c }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-18.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-18 rect { fill: #665191 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-19.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-19 rect { fill: #a05195 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-20.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-20 rect { fill: #d45087 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-21.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-21 rect { fill: #f95d6a }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-22.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-22 rect { fill: #ff7c43 }

  .rz-sankey-diagram.rz-scheme-palette .rz-series-item-23.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-23 rect { fill: #ffa600 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-0.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-0 rect { fill: #004c6d }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-1.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-1 rect { fill: #255e7e }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-2.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-2 rect { fill: #3d708f }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-3.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-3 rect { fill: #5383a1 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-4.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-4 rect { fill: #6996b3 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-5.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-5 rect { fill: #7faac6 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-6.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-6 rect { fill: #94bed9 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-7.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-7 rect { fill: #abd2ec }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-8.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-8 rect { fill: #c1e7ff }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-9.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-9 rect { fill: #004c6d }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-10.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-10 rect { fill: #255e7e }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-11.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-11 rect { fill: #3d708f }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-12.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-12 rect { fill: #5383a1 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-13.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-13 rect { fill: #6996b3 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-14.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-14 rect { fill: #7faac6 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-15.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-15 rect { fill: #94bed9 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-16.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-16 rect { fill: #abd2ec }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-17.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-17 rect { fill: #c1e7ff }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-18.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-18 rect { fill: #004c6d }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-19.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-19 rect { fill: #255e7e }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-20.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-20 rect { fill: #3d708f }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-21.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-21 rect { fill: #5383a1 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-22.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-22 rect { fill: #6996b3 }

  .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-23.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-23 rect { fill: #7faac6 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-0.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-0 rect { fill: #00876c }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-1.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-1 rect { fill: #469f76 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-2.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-2 rect { fill: #70b77e }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-3.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-3 rect { fill: #98ce86 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-4.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-4 rect { fill: #c1e48e }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-5.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-5 rect { fill: #eaf898 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-6.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-6 rect { fill: #ffffad }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-7.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-7 rect { fill: #fed693 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-8.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-8 rect { fill: #fcaa78 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-9.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-9 rect { fill: #f77b5f }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-10.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-10 rect { fill: #ed4a46 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-11.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-11 rect { fill: #d92632 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-12.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-12 rect { fill: #c31e28 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-13.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-13 rect { fill: #aa1620 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-14.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-14 rect { fill: #8b0e1a }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-15.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-15 rect { fill: #00876c }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-16.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-16 rect { fill: #469f76 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-17.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-17 rect { fill: #70b77e }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-18.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-18 rect { fill: #98ce86 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-19.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-19 rect { fill: #c1e48e }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-20.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-20 rect { fill: #eaf898 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-21.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-21 rect { fill: #ffffad }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-22.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-22 rect { fill: #fed693 }

  .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-23.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-23 rect { fill: #fcaa78 }

  .rz-flow-gradient {
      fill-opacity: .7;
      mix-blend-mode: screen;
      pointer-events: none;
  }

  .rz-flow-highlight {
      animation: rz-pulse-subtle 3s ease-in-out infinite;
      fill: none;
      mix-blend-mode: overlay;
      pointer-events: none;
  }

  .rz-link {
      box-sizing: border-box;
      color: var(--rz-link-color);
      cursor: pointer;
      text-decoration: none;
  }

  .rz-link .rz-link-disabled {
      opacity: .5;
      pointer-events: none;
  }

  .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 {
      border: var(--rz-editor-border);
      border-radius: var(--rz-editor-border-radius);
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      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 {
      background-color: var(--rz-editor-content-background-color);
      flex: 1;
      outline: none;
      overflow: auto;
      padding: .5rem;
  }

  .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;
      background-color: var(--rz-editor-content-background-color);
      flex: 1;
      outline: none;
      overflow: auto;
      padding: .5rem;
  }

  .rz-html-editor-toolbar {
      background-color: var(--rz-editor-toolbar-background-color);
      border-bottom: var(--rz-editor-border);
      display: flex;
      flex-wrap: wrap;
      line-height: 1rem;
  }

  .rz-html-editor-toolbar .rzi { font-size: 1rem }

  .rz-html-editor-toolbar > * { margin: var(--rz-editor-toolbar-item-margin) }

  .rz-html-editor-colorpicker {
      align-items: center;
      background: var(--rz-editor-button-background-color);
      display: inline-flex;
      justify-content: center;
      padding: var(--rz-editor-button-padding)
  }

  .rz-html-editor-colorpicker .rz-colorpicker-trigger {
      background-color: var(--rz-editor-button-background-color);
      color: inherit;
  }

  .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 {
      background-color: var(--rz-editor-button-background-color);
      border: none;
      box-shadow: none;
      height: auto;
      padding: 0;
  }

  .rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
      border: none;
      box-shadow: none
  }

  .rz-html-editor-color {
      appearance: none;
      background: inherit;
      border: none;
      color: inherit;
      display: flex;
      flex-direction: column;
      padding: 0;
      position: relative
  }

  .rz-html-editor-color:disabled { color: var(--rz-input-disabled-color) }

  .rz-html-editor-color-value {
      bottom: -4px;
      height: 4px;
      position: absolute;
      width: 100%
  }

  .rz-html-editor-button {
      align-items: center;
      appearance: none;
      background: var(--rz-editor-button-background-color);
      border: none;
      color: var(--rz-editor-button-color);
      display: inline-flex;
      justify-content: center;
      padding: var(--rz-editor-button-padding)
  }

  .rz-html-editor-button.rz-selected {
      background-color: var(--rz-editor-button-selected-background-color);
      border-radius: var(--rz-editor-border-radius);
      color: var(--rz-editor-button-selected-color);
  }

  .rz-html-editor-button:disabled { color: var(--rz-editor-button-disabled-color) }

  .rz-html-editor-dropdown {
      align-items: center;
      cursor: pointer;
      display: inline-flex;
      padding: var(--rz-editor-button-padding);
  }

  .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);
      border-radius: 0;
      color: var(--rz-dropdown-item-hover-color);
  }

  .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 {
      align-items: center;
      appearance: none;
      background-color: inherit;
      border: none;
      color: inherit;
      display: inline-flex;
      padding: 0;
  }

  .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 {
      background-color: var(--rz-editor-separator-background-color);
      width: 1px;
  }

  .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 {
      align-items: center;
      cursor: pointer;
      display: inline-flex;
  }

  .rz-colorpicker.rz-state-disabled { cursor: default }

  button.rz-colorpicker-trigger {
      align-items: center;
      appearance: none;
      background-color: inherit;
      border: none;
      color: var(--rz-text-color);
      display: inline-flex;
      outline: none;
      padding: 0;
  }

  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 {
      background-color: var(--rz-colorpicker-panel-background-color);
      border: var(--rz-colorpicker-panel-border);
      border-radius: var(--rz-border-radius);
      box-shadow: var(--rz-colorpicker-panel-shadow);
      display: none;
      max-width: var(--rz-colorpicker-panel-max-width);
      min-width: 200px;
      padding: var(--rz-colorpicker-panel-padding);
      position: absolute;
  }

  .rz-colorpicker-value {
      border: var(--rz-colorpicker-panel-border);
      border-radius: var(--rz-colorpicker-value-border-radius);
      flex: 1;
      min-height: 20px;
      min-width: 20px;
  }

  .rz-saturation-picker {
      border-radius: var(--rz-border-radius);
      height: var(--rz-colorpicker-saturation-height);
      position: relative;
      touch-action: none;
  }

  .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 {
      border-radius: var(--rz-border-radius);
      border-start-start-radius: calc(var(--rz-border-radius) - 1px);
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
  }

  .rz-saturation-black { background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)) }

  .rz-saturation-handle {
      border: var(--rz-colorpicker-handle-border);
      border-radius: 50%;
      box-shadow: var(--rz-colorpicker-handle-shadow);
      height: var(--rz-colorpicker-handle-size);
      position: absolute;
      transform: translate(-50%, -50%);
      width: var(--rz-colorpicker-handle-size);
  }

  .rz-hue-picker {
      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);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
      height: var(--rz-colorpicker-handle-size);
      margin-bottom: 8px;
      position: relative;
      touch-action: none;
  }

  .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 {
      border-radius: var(--rz-border-radius);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
      height: var(--rz-colorpicker-handle-size);
      position: relative;
      touch-action: none;
  }

  .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 {
      border: var(--rz-colorpicker-handle-border);
      border-radius: calc(var(--rz-border-radius) / 2);
      box-shadow: var(--rz-colorpicker-handle-shadow);
      height: 100%;
      position: absolute;
      transform: translateX(-50%);
      width: 8px;
  }

  .rz-colorpicker-preview-area { display: flex }

  .rz-hue-and-alpha {
      flex: 1;
      padding-inline-end: 8px
  }

  .rz-alpha-picker:before, .rz-colorpicker-preview:before {
      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-position: 0 0, 0 4px, 4px -4px, -4px 0px;
      background-size: 8px 8px;
      border-radius: var(--rz-border-radius);
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
  }

  .rz-colorpicker-preview {
      border-radius: var(--rz-border-radius);
      box-shadow: rgba(0, 0, 0, .15) 0px 0px 0px 1px inset, rgba(0, 0, 0, .25) 0px 0px 4px inset;
      height: 32px;
      position: relative;
      width: 32px;
  }

  .rz-colorpicker-rgba {
      display: flex;
      gap: 4px
  }

  .rz-color-box {
      align-items: center;
      color: var(--rz-colorpicker-input-labels-color);
      display: flex;
      flex: 1;
      flex-direction: column;
      font-size: .75rem;
      text-transform: uppercase
  }

  .rz-color-box .rz-textbox {
      height: var(--rz-colorpicker-hex-input-height);
      margin-inline-end: 4px;
      padding: var(--rz-colorpicker-hex-input-padding);
      width: 80px;
  }

  .rz-color-box .rz-numeric {
      height: var(--rz-colorpicker-rgba-input-height);
      padding: var(--rz-colorpicker-rgba-input-padding);
  }

  .rz-color-box .rz-numeric .rz-numeric-input {
      outline: none;
      padding: 0;
  }

  .rz-color-box .rz-numeric button { display: none }

  .rz-color-box .rz-numeric button:hover { display: initial }

  .rz-colorpicker-button {
      display: flex;
      justify-content: flex-end;
  }

  .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 {
      border-radius: var(--rz-colorpicker-item-border-radius);
      box-shadow: var(--rz-colorpicker-item-shadow);
      cursor: pointer;
      height: var(--rz-colorpicker-item-size);
      transition: transform var(--rz-transition);
      width: var(--rz-colorpicker-item-size);
  }

  .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-colorpicker-item.selected { transform: var(--rz-colorpicker-item-selected-transform) }

  .rz-splitter {
      box-sizing: border-box;
      display: flex;
      flex-wrap: nowrap;
      height: 100%;
      width: 100%;
  }

  .rz-splitter > .rz-splitter-bar {
      align-items: center;
      background-color: var(--rz-splitter-bar-background-color);
      color: var(--rz-splitter-bar-color);
      display: inline-flex;
      flex: 0 0 auto;
      justify-content: center;
      opacity: .4;
      position: relative;
      text-align: center;
      user-select: none
  }

  .rz-splitter > .rz-splitter-bar > .rz-collapse { display: table }

  .rz-splitter > .rz-splitter-bar > .rz-collapse:before {
      display: table-cell;
      font-family: var(--rz-icon-font-family);
      line-height: normal;
  }

  .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 {
      display: table-cell;
      font-family: var(--rz-icon-font-family);
      line-height: normal;
  }

  .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 {
      margin: 0 2px;
      width: 16px;
  }

  .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 {
      flex: 0 0 auto;
      overflow: hidden;
      position: relative;
  }

  .rz-splitter-pane-collapsed {
      display: block !important;
      flex: 0 1 0% !important;
      overflow: hidden !important;
  }

  .rz-splitter-pane-lastresizable { flex: 1 1 auto }

  .rz-splitter-mask {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1
  }

  :root:has(.rz-layout) {
      box-sizing: border-box;
      font-size: var(--rz-root-font-size);
      scroll-behavior: smooth;
  }

  :root:has(.rz-layout) body {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-text-size-adjust: 100%;
      background-color: var(--rz-body-background-color);
      color: var(--rz-text-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-body-font-size);
      line-height: var(--rz-body-line-height);
      margin: 0;
  }

  .rz-layout {
      background-color: var(--rz-layout-background-color);
      box-sizing: border-box;
      display: grid;
      grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer";
      grid-template-columns: auto 1fr;
      grid-template-rows: auto 1fr auto;
      height: 100vh;
      overflow: hidden;
  }

  .rz-layout .rz-body {
      grid-area: rz-body;
      overflow: auto
  }

  .rz-layout .rz-sidebar {
      grid-area: rz-sidebar;
      position: static
  }

  .rz-layout .rz-header {
      grid-area: rz-header;
      z-index: 2
  }

  .rz-layout .rz-footer { grid-area: rz-footer }

  @media (max-width: 768px) {
      body:has( > .rz-layout) { overflow-x: hidden }

      .rz-layout { height: 100dvh }

      .rz-layout:has( > .rz-sidebar-collapsed + .rz-sidebar-expanded) { justify-content: end }

      .rz-layout:has( > .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-header, .rz-layout:has( > .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-footer { margin-inline-start: auto }

      .rz-layout:has( > .rz-sidebar-expanded + .rz-sidebar-expanded) .rz-body { width: auto }
  }

  .rz-breadcrumb {
      align-items: center;
      box-sizing: border-box;
      display: flex;
  }

  .rz-breadcrumb-item + .rz-breadcrumb-item::before {
      content: "»";
      display: inline-block;
      font-size: 1rem;
      line-height: 1.25rem;
      padding-inline-end: .5rem;
      padding-inline-start: .5rem;
  }

  .rz-breadcrumb-item {
      align-items: center;
      display: inline-flex;
  }

  .rz-breadcrumb-item .rz-link {
      align-items: center;
      display: inline-flex;
  }

  .rz-breadcrumb-item .rz-link-disabled {
      opacity: .5;
      pointer-events: none;
  }

  .rz-alert {
      align-items: flex-start;
      background-color: var(--rz-alert-background-color);
      border-radius: var(--rz-alert-border-radius);
      box-sizing: border-box;
      color: var(--rz-alert-color);
      display: flex;
      gap: var(--rz-alert-gap);
      margin: var(--rz-alert-margin);
      padding: var(--rz-alert-padding);
      width: 100%;
  }

  .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 {
      align-items: flex-start;
      display: flex;
      flex: auto;
      gap: var(--rz-alert-gap);
      justify-content: flex-start;
  }

  .rz-alert .rz-alert-icon {
      color: var(--rz-alert-icon-color);
      font-size: var(--rz-alert-icon-size);
      margin: var(--rz-alert-icon-margin);
  }

  .rz-alert .rz-alert-message {
      align-items: flex-start;
      display: flex;
      flex: auto;
      flex-direction: column;
      margin: var(--rz-alert-message-margin)
  }

  .rz-alert .rz-alert-title {
      color: var(--rz-alert-title-color);
      font-family: var(--rz-text-font-family);
      font-size: var(--rz-text-h6-font-size);
      font-weight: var(--rz-text-h6-font-weight);
      letter-spacing: var(--rz-text-h6-letter-spacing);
      line-height: var(--rz-text-h6-line-height);
      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;
      letter-spacing: inherit;
      line-height: 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
  }

  @keyframes mic-blink {
      0% {
          background-color: var(--rz-danger-light);
          color: var(--rz-on-danger-light)
      }

      50% {
          background-color: var(--rz-danger-darker);
          color: var(--rz-on-danger-darker)
      }

      100% {
          background-color: var(--rz-danger-light);
          color: var(--rz-on-danger-light)
      }
  }

  @-webkit-keyframes mic-blink {
      0% {
          background-color: var(--rz-danger-light);
          color: var(--rz-on-danger-light)
      }

      50% {
          background-color: var(--rz-danger-darker);
          color: var(--rz-on-danger-darker)
      }

      100% {
          background-color: var(--rz-danger-light);
          color: var(--rz-on-danger-light)
      }
  }

  .rz-button.rz-speech-to-text-button-recording {
      -moz-animation: mic-blink 2s linear infinite;
      -webkit-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-stack {
      box-sizing: border-box;
      gap: var(--rz-gap)
  }

  .rz-row {
      box-sizing: border-box;
      flex-wrap: wrap;
      gap: var(--rz-gap);
      row-gap: var(--rz-row-gap)
  }

  .rz-row > [class^=rz-col] { flex: 1 0 0% }

  .rz-row > [class*=rz-col-] {
      flex: 0 0 auto;
      width: 100%
  }

  .rz-row > .rz-col-1 {
      flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
      max-width: calc((100% - 11 * var(--rz-gap)) / 12);
  }

  .rz-row > .rz-col-2 {
      flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
      max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
  }

  .rz-row > .rz-col-3 {
      flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
      max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
  }

  .rz-row > .rz-col-4 {
      flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
      max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
  }

  .rz-row > .rz-col-5 {
      flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
      max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
  }

  .rz-row > .rz-col-6 {
      flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
      max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  }

  .rz-row > .rz-col-7 {
      flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
      max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
  }

  .rz-row > .rz-col-8 {
      flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
      max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
  }

  .rz-row > .rz-col-9 {
      flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
      max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
  }

  .rz-row > .rz-col-10 {
      flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
      max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
  }

  .rz-row > .rz-col-11 {
      flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
      max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
  }

  .rz-row > .rz-col-12 {
      flex-basis: 100%;
      max-width: 100%;
  }

  @media (min-width: 576px) {
      .rz-row > .rz-col-xs-1 {
          flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
          max-width: calc((100% - 11 * var(--rz-gap)) / 12);
      }

      .rz-row > .rz-col-xs-2 {
          flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
          max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-3 {
          flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
          max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-4 {
          flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
          max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-5 {
          flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
          max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-6 {
          flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
          max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-7 {
          flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
          max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-8 {
          flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
          max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-9 {
          flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
          max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-10 {
          flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
          max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-11 {
          flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
          max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
      }

      .rz-row > .rz-col-xs-12 {
          flex-basis: 100%;
          max-width: 100%;
      }
  }

  @media (min-width: 768px) {
      .rz-row > .rz-col-sm-1 {
          flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
          max-width: calc((100% - 11 * var(--rz-gap)) / 12);
      }

      .rz-row > .rz-col-sm-2 {
          flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
          max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-3 {
          flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
          max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-4 {
          flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
          max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-5 {
          flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
          max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-6 {
          flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
          max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-7 {
          flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
          max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-8 {
          flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
          max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-9 {
          flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
          max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-10 {
          flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
          max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-11 {
          flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
          max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
      }

      .rz-row > .rz-col-sm-12 {
          flex-basis: 100%;
          max-width: 100%;
      }
  }

  @media (min-width: 1024px) {
      .rz-row > .rz-col-md-1 {
          flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
          max-width: calc((100% - 11 * var(--rz-gap)) / 12);
      }

      .rz-row > .rz-col-md-2 {
          flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
          max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-3 {
          flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
          max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-4 {
          flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
          max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-5 {
          flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
          max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-6 {
          flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
          max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-7 {
          flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
          max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-8 {
          flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
          max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-9 {
          flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
          max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-10 {
          flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
          max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-11 {
          flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
          max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
      }

      .rz-row > .rz-col-md-12 {
          flex-basis: 100%;
          max-width: 100%;
      }
  }

  @media (min-width: 1280px) {
      .rz-row > .rz-col-lg-1 {
          flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
          max-width: calc((100% - 11 * var(--rz-gap)) / 12);
      }

      .rz-row > .rz-col-lg-2 {
          flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
          max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-3 {
          flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
          max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-4 {
          flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
          max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-5 {
          flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
          max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-6 {
          flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
          max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-7 {
          flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
          max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-8 {
          flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
          max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-9 {
          flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
          max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-10 {
          flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
          max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-11 {
          flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
          max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
      }

      .rz-row > .rz-col-lg-12 {
          flex-basis: 100%;
          max-width: 100%;
      }
  }

  @media (min-width: 1920px) {
      .rz-row > .rz-col-xl-1 {
          flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
          max-width: calc((100% - 11 * var(--rz-gap)) / 12);
      }

      .rz-row > .rz-col-xl-2 {
          flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
          max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-3 {
          flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
          max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-4 {
          flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
          max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-5 {
          flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
          max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-6 {
          flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
          max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-7 {
          flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
          max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-8 {
          flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
          max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-9 {
          flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
          max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-10 {
          flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
          max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-11 {
          flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
          max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
      }

      .rz-row > .rz-col-xl-12 {
          flex-basis: 100%;
          max-width: 100%;
      }
  }

  @media (min-width: 2560px) {
      .rz-row > .rz-col-xx-1 {
          flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
          max-width: calc((100% - 11 * var(--rz-gap)) / 12);
      }

      .rz-row > .rz-col-xx-2 {
          flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
          max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-3 {
          flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
          max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-4 {
          flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
          max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-5 {
          flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
          max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-6 {
          flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
          max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-7 {
          flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
          max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-8 {
          flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
          max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-9 {
          flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
          max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-10 {
          flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
          max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-11 {
          flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
          max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
      }

      .rz-row > .rz-col-xx-12 {
          flex-basis: 100%;
          max-width: 100%;
      }
  }

  .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)) }

  @media (min-width: 576px) {
      .rz-offset-xs-0 { margin-inline-start: 0 }

      .rz-offset-xs-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)) }

      .rz-offset-xs-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)) }

      .rz-offset-xs-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)) }

      .rz-offset-xs-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)) }

      .rz-offset-xs-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)) }

      .rz-offset-xs-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)) }

      .rz-offset-xs-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)) }

      .rz-offset-xs-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)) }

      .rz-offset-xs-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)) }

      .rz-offset-xs-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)) }

      .rz-offset-xs-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)) }
  }

  @media (min-width: 768px) {
      .rz-offset-sm-0 { margin-inline-start: 0 }

      .rz-offset-sm-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)) }

      .rz-offset-sm-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)) }

      .rz-offset-sm-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)) }

      .rz-offset-sm-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)) }

      .rz-offset-sm-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)) }

      .rz-offset-sm-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)) }

      .rz-offset-sm-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)) }

      .rz-offset-sm-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)) }

      .rz-offset-sm-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)) }

      .rz-offset-sm-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)) }

      .rz-offset-sm-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)) }
  }

  @media (min-width: 1024px) {
      .rz-offset-md-0 { margin-inline-start: 0 }

      .rz-offset-md-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)) }

      .rz-offset-md-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)) }

      .rz-offset-md-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)) }

      .rz-offset-md-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)) }

      .rz-offset-md-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)) }

      .rz-offset-md-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)) }

      .rz-offset-md-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)) }

      .rz-offset-md-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)) }

      .rz-offset-md-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)) }

      .rz-offset-md-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)) }

      .rz-offset-md-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)) }
  }

  @media (min-width: 1280px) {
      .rz-offset-lg-0 { margin-inline-start: 0 }

      .rz-offset-lg-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)) }

      .rz-offset-lg-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)) }

      .rz-offset-lg-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)) }

      .rz-offset-lg-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)) }

      .rz-offset-lg-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)) }

      .rz-offset-lg-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)) }

      .rz-offset-lg-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)) }

      .rz-offset-lg-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)) }

      .rz-offset-lg-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)) }

      .rz-offset-lg-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)) }

      .rz-offset-lg-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)) }
  }

  @media (min-width: 1920px) {
      .rz-offset-xl-0 { margin-inline-start: 0 }

      .rz-offset-xl-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)) }

      .rz-offset-xl-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)) }

      .rz-offset-xl-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)) }

      .rz-offset-xl-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)) }

      .rz-offset-xl-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)) }

      .rz-offset-xl-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)) }

      .rz-offset-xl-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)) }

      .rz-offset-xl-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)) }

      .rz-offset-xl-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)) }

      .rz-offset-xl-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)) }

      .rz-offset-xl-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)) }
  }

  @media (min-width: 2560px) {
      .rz-offset-xx-0 { margin-inline-start: 0 }

      .rz-offset-xx-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)) }

      .rz-offset-xx-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)) }

      .rz-offset-xx-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)) }

      .rz-offset-xx-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)) }

      .rz-offset-xx-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)) }

      .rz-offset-xx-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)) }

      .rz-offset-xx-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)) }

      .rz-offset-xx-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)) }

      .rz-offset-xx-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)) }

      .rz-offset-xx-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)) }

      .rz-offset-xx-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 }

  @media (min-width: 576px) {
      .rz-order-xs-first { order: -1 !important }

      .rz-order-xs-last { order: 13 !important }

      .rz-order-xs-0 { order: 0 !important }

      .rz-order-xs-1 { order: 1 !important }

      .rz-order-xs-2 { order: 2 !important }

      .rz-order-xs-3 { order: 3 !important }

      .rz-order-xs-4 { order: 4 !important }

      .rz-order-xs-5 { order: 5 !important }

      .rz-order-xs-6 { order: 6 !important }

      .rz-order-xs-7 { order: 7 !important }

      .rz-order-xs-8 { order: 8 !important }

      .rz-order-xs-9 { order: 9 !important }

      .rz-order-xs-10 { order: 10 !important }

      .rz-order-xs-11 { order: 11 !important }

      .rz-order-xs-12 { order: 12 !important }
  }

  @media (min-width: 768px) {
      .rz-order-sm-first { order: -1 !important }

      .rz-order-sm-last { order: 13 !important }

      .rz-order-sm-0 { order: 0 !important }

      .rz-order-sm-1 { order: 1 !important }

      .rz-order-sm-2 { order: 2 !important }

      .rz-order-sm-3 { order: 3 !important }

      .rz-order-sm-4 { order: 4 !important }

      .rz-order-sm-5 { order: 5 !important }

      .rz-order-sm-6 { order: 6 !important }

      .rz-order-sm-7 { order: 7 !important }

      .rz-order-sm-8 { order: 8 !important }

      .rz-order-sm-9 { order: 9 !important }

      .rz-order-sm-10 { order: 10 !important }

      .rz-order-sm-11 { order: 11 !important }

      .rz-order-sm-12 { order: 12 !important }
  }

  @media (min-width: 1024px) {
      .rz-order-md-first { order: -1 !important }

      .rz-order-md-last { order: 13 !important }

      .rz-order-md-0 { order: 0 !important }

      .rz-order-md-1 { order: 1 !important }

      .rz-order-md-2 { order: 2 !important }

      .rz-order-md-3 { order: 3 !important }

      .rz-order-md-4 { order: 4 !important }

      .rz-order-md-5 { order: 5 !important }

      .rz-order-md-6 { order: 6 !important }

      .rz-order-md-7 { order: 7 !important }

      .rz-order-md-8 { order: 8 !important }

      .rz-order-md-9 { order: 9 !important }

      .rz-order-md-10 { order: 10 !important }

      .rz-order-md-11 { order: 11 !important }

      .rz-order-md-12 { order: 12 !important }
  }

  @media (min-width: 1280px) {
      .rz-order-lg-first { order: -1 !important }

      .rz-order-lg-last { order: 13 !important }

      .rz-order-lg-0 { order: 0 !important }

      .rz-order-lg-1 { order: 1 !important }

      .rz-order-lg-2 { order: 2 !important }

      .rz-order-lg-3 { order: 3 !important }

      .rz-order-lg-4 { order: 4 !important }

      .rz-order-lg-5 { order: 5 !important }

      .rz-order-lg-6 { order: 6 !important }

      .rz-order-lg-7 { order: 7 !important }

      .rz-order-lg-8 { order: 8 !important }

      .rz-order-lg-9 { order: 9 !important }

      .rz-order-lg-10 { order: 10 !important }

      .rz-order-lg-11 { order: 11 !important }

      .rz-order-lg-12 { order: 12 !important }
  }

  @media (min-width: 1920px) {
      .rz-order-xl-first { order: -1 !important }

      .rz-order-xl-last { order: 13 !important }

      .rz-order-xl-0 { order: 0 !important }

      .rz-order-xl-1 { order: 1 !important }

      .rz-order-xl-2 { order: 2 !important }

      .rz-order-xl-3 { order: 3 !important }

      .rz-order-xl-4 { order: 4 !important }

      .rz-order-xl-5 { order: 5 !important }

      .rz-order-xl-6 { order: 6 !important }

      .rz-order-xl-7 { order: 7 !important }

      .rz-order-xl-8 { order: 8 !important }

      .rz-order-xl-9 { order: 9 !important }

      .rz-order-xl-10 { order: 10 !important }

      .rz-order-xl-11 { order: 11 !important }

      .rz-order-xl-12 { order: 12 !important }
  }

  @media (min-width: 2560px) {
      .rz-order-xx-first { order: -1 !important }

      .rz-order-xx-last { order: 13 !important }

      .rz-order-xx-0 { order: 0 !important }

      .rz-order-xx-1 { order: 1 !important }

      .rz-order-xx-2 { order: 2 !important }

      .rz-order-xx-3 { order: 3 !important }

      .rz-order-xx-4 { order: 4 !important }

      .rz-order-xx-5 { order: 5 !important }

      .rz-order-xx-6 { order: 6 !important }

      .rz-order-xx-7 { order: 7 !important }

      .rz-order-xx-8 { order: 8 !important }

      .rz-order-xx-9 { order: 9 !important }

      .rz-order-xx-10 { order: 10 !important }

      .rz-order-xx-11 { order: 11 !important }

      .rz-order-xx-12 { order: 12 !important }
  }

  .rz-form-field-helper { padding: var(--rz-form-field-helper-padding) }

  .rz-form-field-content {
      align-items: center;
      box-shadow: var(--rz-form-field-shadow);
      display: inline-flex;
      margin-block: var(--rz-form-field-margin-block);
      margin-inline: var(--rz-form-field-margin-inline);
      position: relative;
      transition: var(--rz-input-transition);
      vertical-align: top;
  }

  .rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content > .rz-autocomplete.rz-state-disabled > .rz-inputtext, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-inputtext.rz-state-disabled, .rz-form-field-content .rz-datepicker.rz-state-disabled > .rz-inputtext { flex: 1 }

  .rz-form-field-content > input { width: 100% }

  .rz-form-field-content .rz-form-field-start, .rz-form-field-content .rz-form-field-end {
      align-items: center;
      display: flex;
      flex: 0;
      padding-block: var(--rz-form-field-start-end-padding-block);
      padding-inline: var(--rz-form-field-start-end-padding-inline);
      white-space: nowrap;
  }

  .rz-form-field {
      box-sizing: border-box;
      display: inline-flex;
      flex-direction: column;
      vertical-align: top
  }

  .rz-form-field:hover .rz-form-field-content { box-shadow: var(--rz-form-field-hover-shadow) }

  .rz-form-field.rz-state-focused .rz-form-field-content { box-shadow: var(--rz-form-field-focus-shadow) }

  .rz-form-field.rz-state-disabled .rz-form-field-content {
      box-shadow: var(--rz-input-disabled-shadow);
      color: var(--rz-input-disabled-color);
  }

  .rz-form-field.rz-state-disabled.rz-variant-outlined .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-flat .rz-form-field-content { border: var(--rz-input-disabled-border) }

  .rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled, .rz-form-field.rz-state-disabled :not(.rz-button):disabled {
      color: var(--rz-input-disabled-color);
      opacity: 1
  }

  .rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled::placeholder, .rz-form-field.rz-state-disabled :not(.rz-button):disabled::placeholder { color: var(--rz-input-disabled-placeholder-color) }

  .rz-form-field.rz-variant-outlined .rz-form-field-start, .rz-form-field.rz-variant-filled .rz-form-field-start, .rz-form-field.rz-variant-flat .rz-form-field-start { padding-inline-end: 0 }

  .rz-form-field.rz-variant-outlined .rz-form-field-end, .rz-form-field.rz-variant-filled .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-end { padding-inline-start: 0 }

  .rz-form-field.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-variant-flat .rz-form-field-content {
      box-shadow: var(--rz-input-shadow);
      --rz-input-height: var(--rz-form-field-filled-height);
      --rz-input-padding-block: var(--rz-form-field-filled-padding-block);
      --rz-input-padding-inline: var(--rz-form-field-filled-padding-inline);
      --rz-dropdown-chips-padding-block: var(--rz-form-field-filled-padding-block);
      --rz-dropdown-chips-padding-inline: var(--rz-form-field-filled-padding-inline);
      --rz-numeric-input-padding-block: var(--rz-form-field-filled-numeric-padding-block);
      --rz-numeric-input-padding-inline: var(--rz-form-field-filled-numeric-padding-inline);
      --rz-form-field-label-floating-top: var(--rz-form-field-filled-label-floating-top);
      margin: 0;
  }

  .rz-form-field.rz-variant-filled .rz-form-field-content .rz-numeric-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-numeric-up { top: calc(var(--rz-numeric-button-offset) + 1rem) }

  .rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, .rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { padding-top: 1rem }

  .rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { margin-top: 1rem }

  .rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-filled .rz-form-field-content .rz-timespanpicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-timespanpicker-trigger { top: calc(50% + .4375rem) }

  .rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker .rz-dropdown-clear-icon, .rz-form-field.rz-variant-filled .rz-form-field-content .rz-timespanpicker .rz-dropdown-clear-icon, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker .rz-dropdown-clear-icon, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-timespanpicker .rz-dropdown-clear-icon { top: .4375rem }

  .rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content {
      border: var(--rz-input-hover-border);
      border-block-end: var(--rz-input-hover-border-block-end);
      box-shadow: var(--rz-input-hover-shadow)
  }

  .rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content {
      border: var(--rz-input-focus-border);
      border-block-end: var(--rz-input-focus-border-block-end);
      box-shadow: var(--rz-input-focus-shadow)
  }

  .rz-form-field.rz-variant-filled .rz-form-field-content {
      background-color: var(--rz-form-field-filled-background-color);
      border: var(--rz-form-field-filled-border);
      border-radius: var(--rz-form-field-filled-border-radius);
  }

  .rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after { display: var(--rz-form-field-filled-underline-display) }

  .rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content {
      background-color: var(--rz-form-field-filled-hover-background-color);
      border: var(--rz-form-field-filled-hover-border);
      box-shadow: var(--rz-form-field-filled-hover-shadow);
  }

  .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content {
      background-color: var(--rz-form-field-filled-background-color);
      border: var(--rz-form-field-filled-focus-border);
      border-block-end: var(--rz-input-focus-border-block-end);
      box-shadow: var(--rz-form-field-filled-focus-shadow);
  }

  .rz-form-field.rz-variant-text .rz-form-field-content {
      border-color: rgba(0, 0, 0, 0);
      box-shadow: none;
      --rz-input-background-color: transparent;
      --rz-input-hover-background-color: transparent;
      --rz-input-focus-background-color: transparent;
      --rz-input-border-radius: 0;
      --rz-input-padding-block: 0.4375rem;
      --rz-input-padding-inline: 0;
      --rz-numeric-input-padding-block: 0.5rem 0.5rem;
      --rz-numeric-input-padding-inline: 0 1.25rem;
      --rz-text-area-padding-block: 0.4375rem;
      --rz-text-area-padding-inline: 0;
      --rz-form-field-label-inset-inline-start: 0;
      --rz-form-field-label-padding: var(--rz-form-field-text-label-padding)
  }

  .rz-form-field.rz-variant-text .rz-form-field-content ~ .rz-form-field-helper { padding: 0 }

  .rz-form-field.rz-variant-text .rz-form-field-start { padding-inline-start: 0 }

  .rz-form-field.rz-variant-text .rz-form-field-end { padding-inline-end: 0 }

  .rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-text .rz-form-field-content:before {
      border: var(--rz-input-focus-border-block-end);
      border-inline-end-width: 0;
      border-inline-start-width: 0;
      bottom: calc(-1 * var(--rz-border-width));
      content: "";
      height: calc(var(--rz-border-width) + 1px);
      inset-inline-end: 50%;
      inset-inline-start: 50%;
      position: absolute;
      transition: inset-inline-start var(--rz-transition), inset-inline-end var(--rz-transition), border-width var(--rz-transition);
      z-index: 1;
  }

  .rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after {
      border-block-end: var(--rz-input-border-block-end);
      content: "";
      height: var(--rz-border-width);
      inset: calc(-1 * var(--rz-border-width));
      position: absolute;
      top: auto;
  }

  .rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { border-block-end: var(--rz-input-hover-border-block-end) }

  .rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { border-block-end: var(--rz-input-disabled-border-block-end) }

  .rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before {
      border: var(--rz-input-focus-border-block-end);
      border-inline-end-width: var(--rz-border-width);
      border-inline-start-width: var(--rz-border-width);
      inset-inline-end: calc(-1 * var(--rz-border-width));
      inset-inline-start: calc(-1 * var(--rz-border-width));
  }

  .rz-form-field .rz-numeric-button { display: none }

  .rz-form-field .rz-numeric:focus-within .rz-numeric-button { display: block }

  .rz-form-field-label {
      background-color: rgba(0, 0, 0, 0);
      border-radius: var(--rz-border-radius);
      inset-block-start: 50%;
      inset-inline-end: auto;
      inset-inline-start: var(--rz-form-field-label-inset-inline-start);
      max-width: calc(100% - 1.5rem);
      padding: var(--rz-form-field-label-padding);
      pointer-events: none;
      position: absolute;
      transform: translate(0, -50%);
      transition: inset-block-start var(--rz-transition), transform var(--rz-transition), color var(--rz-transition), font-size var(--rz-transition), max-width var(--rz-transition)
  }

  .rz-state-disabled .rz-form-field-content > .rz-form-field-label { color: var(--rz-input-disabled-color) !important }

  .rz-form-field-label:last-child { inset-inline-end: 1.5rem }

  .rz-textarea ~ .rz-form-field-label {
      inset-block-start: var(--rz-form-field-label-textarea-top);
      transform: translate(0, 0)
  }

  .rz-form-field.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textarea ~ .rz-form-field-label { transform: translate(0, 0.625rem) }

  .rz-form-field:not(.rz-floating-label) .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field.rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field.rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-fileupload ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label {
      background-color: var(--rz-form-field-label-floating-background-color);
      color: var(--rz-input-placeholder-color);
      font-size: .75rem;
      inset-block-start: var(--rz-form-field-label-floating-top);
      inset-inline-end: auto;
      line-height: 1rem;
      max-width: calc(100% - 1.5rem);
      padding-block-end: 0;
      padding-block-start: 0;
      transform: translate(0, 0);
  }

  .rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-fileupload ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined).rz-state-focused .rz-form-field-label { background-color: inherit !important }

  .invalid ~ .rz-form-field-label { color: var(--rz-danger) !important }

  .rz-state-focused .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label, .rz-form-field.rz-variant-filled.rz-state-focused ~ .rz-form-field-label, .rz-form-field.rz-variant-flat.rz-state-focused ~ .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-form-field.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label { color: var(--rz-form-field-label-focus-color) }

  .rz-timeline {
      box-sizing: border-box;
      display: flex
  }

  .rz-timeline.rz-timeline-column { flex-direction: column }

  .rz-timeline.rz-timeline-column .rz-timeline-item { flex-direction: row }

  .rz-timeline.rz-timeline-column .rz-timeline-content-start { text-align: right }

  .rz-timeline.rz-timeline-column .rz-timeline-content-end { text-align: left }

  .rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { flex-direction: row-reverse }

  .rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { text-align: left }

  .rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { text-align: right }

  .rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before {
      left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
      right: auto
  }

  .rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { display: none }

  .rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end {
      max-width: calc(100% - var(--rz-timeline-axis-size));
      text-align: start
  }

  .rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { flex-direction: row-reverse }

  .rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before {
      left: auto;
      right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start { display: none }

  .rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end {
      max-width: calc(100% - var(--rz-timeline-axis-size));
      text-align: end
  }

  .rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before {
      left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
      right: auto
  }

  .rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start { display: none }

  .rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end {
      max-width: calc(100% - var(--rz-timeline-axis-size));
      text-align: left
  }

  .rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item { flex-direction: row-reverse }

  .rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before {
      left: auto;
      right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start { display: none }

  .rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end {
      max-width: calc(100% - var(--rz-timeline-axis-size));
      text-align: right
  }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item { flex-direction: row-reverse }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start { text-align: left }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end { text-align: right }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) { flex-direction: row }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { text-align: right }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { text-align: left }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before {
      left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
      right: auto
  }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start {
      max-width: calc(100% - var(--rz-timeline-axis-size));
      text-align: start
  }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end { display: none }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item { flex-direction: row }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before {
      left: auto;
      right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start {
      max-width: calc(100% - var(--rz-timeline-axis-size));
      text-align: end
  }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end { display: none }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before {
      left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
      right: auto
  }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start {
      max-width: calc(100% - var(--rz-timeline-axis-size));
      text-align: left
  }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end { display: none }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item { flex-direction: row }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before {
      left: auto;
      right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start {
      max-width: calc(100% - var(--rz-timeline-axis-size));
      text-align: right
  }

  .rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end { display: none }

  .rz-timeline.rz-timeline-row { flex-direction: row }

  .rz-timeline.rz-timeline-row .rz-timeline-item {
      flex-direction: column;
      justify-content: end;
      width: 100%
  }

  .rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
      flex-direction: column-reverse;
      justify-content: start
  }

  .rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before {
      bottom: auto;
      top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start { display: none }

  .rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end { max-height: calc(100% - var(--rz-timeline-axis-size)) }

  .rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item { flex-direction: column-reverse }

  .rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before {
      bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
      top: auto
  }

  .rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start { display: none }

  .rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end { max-height: calc(100% - var(--rz-timeline-axis-size)) }

  .rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item {
      flex-direction: column-reverse;
      justify-content: start
  }

  .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
      flex-direction: column;
      justify-content: end
  }

  .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before {
      bottom: auto;
      top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start { max-height: calc(100% - var(--rz-timeline-axis-size)) }

  .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end { display: none }

  .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item { flex-direction: column }

  .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before {
      bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
      top: auto
  }

  .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start { max-height: calc(100% - var(--rz-timeline-axis-size)) }

  .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end { display: none }

  .rz-timeline-item {
      display: flex;
      padding: var(--rz-timeline-item-padding);
      position: relative
  }

  .rz-timeline-align-items-center .rz-timeline-item { align-items: center }

  .rz-timeline-align-items-normal .rz-timeline-item { align-items: normal }

  .rz-timeline-align-items-start .rz-timeline-item { align-items: start }

  .rz-timeline-align-items-end .rz-timeline-item { align-items: end }

  .rz-timeline-align-items-stretch .rz-timeline-item { align-items: stretch }

  .rz-timeline-item:before {
      background-color: var(--rz-timeline-line-color);
      content: "";
      position: absolute;
  }

  .rz-timeline-column .rz-timeline-item:before {
      bottom: 0;
      left: calc(50% - var(--rz-timeline-line-width) / 2);
      right: auto;
      top: 0;
      width: var(--rz-timeline-line-width);
  }

  .rz-timeline-column .rz-timeline-item:first-child:before {
      border-top-left-radius: var(--rz-timeline-line-border-radius);
      border-top-right-radius: var(--rz-timeline-line-border-radius);
      top: calc(50% - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before { top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2) }

  .rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before { top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2) }

  .rz-timeline-column .rz-timeline-item:last-child:before {
      border-bottom-left-radius: var(--rz-timeline-line-border-radius);
      border-bottom-right-radius: var(--rz-timeline-line-border-radius);
      bottom: calc(50% - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before { bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2) }

  .rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before { bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2) }

  .rz-timeline-row .rz-timeline-item:before {
      bottom: auto;
      height: var(--rz-timeline-line-width);
      left: 0;
      right: 0;
      top: calc(50% - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline-row .rz-timeline-item:first-child:before {
      border-bottom-left-radius: var(--rz-timeline-line-border-radius);
      border-top-left-radius: var(--rz-timeline-line-border-radius);
      left: calc(50% - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before { left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2) }

  .rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before { left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2) }

  .rz-timeline-row .rz-timeline-item:last-child:before {
      border-bottom-right-radius: var(--rz-timeline-line-border-radius);
      border-top-right-radius: var(--rz-timeline-line-border-radius);
      right: calc(50% - var(--rz-timeline-line-width) / 2);
  }

  .rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before { right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2) }

  .rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before { right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2) }

  .rz-timeline-content-start { text-align: center }

  .rz-timeline-column .rz-timeline-content-start {
      flex: 1 1 auto;
      max-width: calc(50% - var(--rz-timeline-axis-size) / 2)
  }

  .rz-timeline-content-end {
      flex: 1 1 auto;
      text-align: center
  }

  .rz-timeline-column .rz-timeline-content-end { max-width: calc(50% - var(--rz-timeline-axis-size) / 2) }

  .rz-timeline-row .rz-timeline-content-end { max-height: calc(50% - var(--rz-timeline-axis-size) / 2) }

  .rz-timeline-axis {
      align-items: center;
      display: flex;
      flex: 0 1 var(--rz-timeline-axis-size);
      justify-content: center;
      position: relative;
  }

  .rz-timeline-column .rz-timeline-axis { width: var(--rz-timeline-axis-size) }

  .rz-timeline-row .rz-timeline-axis { height: var(--rz-timeline-axis-size) }

  .rz-timeline-point {
      align-items: center;
      background-color: var(--rz-timeline-point-background-color);
      border: var(--rz-timeline-point-border);
      border-radius: var(--rz-timeline-point-border-radius);
      color: var(--rz-timeline-point-color);
      display: flex;
      flex: 0 1 var(--rz-timeline-point-size);
      height: var(--rz-timeline-point-size);
      justify-content: center;
      position: relative;
      width: var(--rz-timeline-point-size);
  }

  .rz-timeline-point-outlined {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-timeline-point-background-color);
      color: var(--rz-timeline-point-color);
  }

  .rz-timeline-point-flat { border: 0 }

  .rz-timeline-point-text {
      background-color: var(--rz-base-background-color);
      border: 0;
      color: var(--rz-timeline-point-color);
  }

  .rz-timeline-point-primary {
      background-color: var(--rz-primary);
      color: var(--rz-on-primary)
  }

  .rz-timeline-point-outlined.rz-timeline-point-primary {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-primary);
      color: var(--rz-primary);
  }

  .rz-timeline-point-text.rz-timeline-point-primary {
      background-color: var(--rz-base-background-color);
      color: var(--rz-primary)
  }

  .rz-timeline-point-secondary {
      background-color: var(--rz-secondary);
      color: var(--rz-on-secondary)
  }

  .rz-timeline-point-outlined.rz-timeline-point-secondary {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-secondary);
      color: var(--rz-secondary);
  }

  .rz-timeline-point-text.rz-timeline-point-secondary {
      background-color: var(--rz-base-background-color);
      color: var(--rz-secondary)
  }

  .rz-timeline-point-info {
      background-color: var(--rz-info);
      color: var(--rz-on-info)
  }

  .rz-timeline-point-outlined.rz-timeline-point-info {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-info);
      color: var(--rz-info);
  }

  .rz-timeline-point-text.rz-timeline-point-info {
      background-color: var(--rz-base-background-color);
      color: var(--rz-info)
  }

  .rz-timeline-point-warning {
      background-color: var(--rz-warning);
      color: var(--rz-on-warning)
  }

  .rz-timeline-point-outlined.rz-timeline-point-warning {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-warning);
      color: var(--rz-warning);
  }

  .rz-timeline-point-text.rz-timeline-point-warning {
      background-color: var(--rz-base-background-color);
      color: var(--rz-warning)
  }

  .rz-timeline-point-error {
      background-color: var(--rz-danger);
      color: var(--rz-on-danger)
  }

  .rz-timeline-point-outlined.rz-timeline-point-error {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-danger);
      color: var(--rz-danger);
  }

  .rz-timeline-point-text.rz-timeline-point-error {
      background-color: var(--rz-base-background-color);
      color: var(--rz-danger)
  }

  .rz-timeline-point-danger {
      background-color: var(--rz-danger);
      color: var(--rz-on-danger)
  }

  .rz-timeline-point-outlined.rz-timeline-point-danger {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-danger);
      color: var(--rz-danger);
  }

  .rz-timeline-point-text.rz-timeline-point-danger {
      background-color: var(--rz-base-background-color);
      color: var(--rz-danger)
  }

  .rz-timeline-point-success {
      background-color: var(--rz-success);
      color: var(--rz-on-success)
  }

  .rz-timeline-point-outlined.rz-timeline-point-success {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-success);
      color: var(--rz-success);
  }

  .rz-timeline-point-text.rz-timeline-point-success {
      background-color: var(--rz-base-background-color);
      color: var(--rz-success)
  }

  .rz-timeline-point-base {
      background-color: var(--rz-base-200);
      color: var(--rz-text-color)
  }

  .rz-timeline-point-outlined.rz-timeline-point-base {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-base-200);
      color: var(--rz-base-200);
  }

  .rz-timeline-point-text.rz-timeline-point-base {
      background-color: var(--rz-base-background-color);
      color: var(--rz-base-200)
  }

  .rz-timeline-point-light {
      background-color: var(--rz-base-200);
      color: var(--rz-text-color)
  }

  .rz-timeline-point-outlined.rz-timeline-point-light {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-base-200);
      color: var(--rz-base-200);
  }

  .rz-timeline-point-text.rz-timeline-point-light {
      background-color: var(--rz-base-background-color);
      color: var(--rz-base-200)
  }

  .rz-timeline-point-dark {
      background-color: var(--rz-base-900);
      color: var(--rz-text-contrast-color)
  }

  .rz-timeline-point-outlined.rz-timeline-point-dark {
      background-color: var(--rz-base-background-color);
      border-color: var(--rz-base-900);
      color: var(--rz-base-900);
  }

  .rz-timeline-point-text.rz-timeline-point-dark {
      background-color: var(--rz-base-background-color);
      color: var(--rz-base-900)
  }

  .rz-timeline-axis-lg { --rz-timeline-point-size: 3rem }

  .rz-timeline-axis-lg .rz-timeline-point .rzi { font-size: 2rem }

  .rz-timeline-axis-md { --rz-timeline-point-size: 1.5rem }

  .rz-timeline-axis-md .rz-timeline-point .rzi { font-size: 1rem }

  .rz-timeline-axis-sm { --rz-timeline-point-size: 1rem }

  .rz-timeline-axis-sm .rz-timeline-point .rzi { font-size: .625rem }

  .rz-timeline-axis-xs { --rz-timeline-point-size: 0.75rem }

  .rz-timeline-axis-xs .rz-timeline-point .rzi { font-size: .5rem }

  .rz-picklist-wrapper {
      box-sizing: border-box;
      height: 100%;
      width: 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 {
      height: 100%;
      width: 100%;
  }

  .rz-picklist-buttons.rz-flex-row .rzi { transform: rotate(90deg) }

  .rz-carousel {
      border-radius: var(--rz-carousel-border-radius);
      overflow: hidden;
      position: relative;
      scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  }

  .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 {
      -ms-overflow-style: none;
      border-radius: var(--rz-carousel-border-radius);
      counter-reset: item;
      display: flex;
      height: 100%;
      list-style: none;
      margin: 0;
      overflow-x: scroll;
      padding: 0;
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      touch-action: pan-y;
  }

  .rz-carousel-items::-webkit-scrollbar { display: none }

  .rz-carousel-item {
      -ms-overflow-style: initial;
      align-items: center;
      counter-increment: item;
      display: flex;
      flex: 0 0 100%;
      justify-content: center;
      margin: 0;
      padding: 0;
      position: relative;
      scrollbar-color: initial;
      scrollbar-width: initial;
      width: 100%;
  }

  .rz-carousel-snapper {
      height: 100%;
      left: 0;
      position: absolute;
      scroll-snap-align: center;
      top: 0;
      width: 100%;
      z-index: -1;
  }

  .rz-carousel-pager {
      gap: var(--rz-carousel-pager-gap);
      height: var(--rz-carousel-pager-height)
  }

  .rz-carousel-pager-button {
      -webkit-appearance: none;
      background-color: var(--rz-carousel-pager-button-background-color);
      border: var(--rz-carousel-pager-button-border);
      border-radius: var(--rz-carousel-pager-button-border-radius);
      color: var(--rz-carousel-pager-button-color);
      cursor: pointer;
      height: var(--rz-carousel-pager-button-height);
      transition: var(--rz-button-transition);
      width: var(--rz-carousel-pager-button-width);
  }

  .rz-carousel-pager-button:hover {
      background-color: var(--rz-carousel-pager-button-hover-background-color);
      border: var(--rz-carousel-pager-button-hover-border);
      color: var(--rz-carousel-pager-button-hover-color)
  }

  .rz-carousel-pager-button.rz-state-active {
      background-color: var(--rz-carousel-pager-button-active-background-color);
      border: var(--rz-carousel-pager-button-active-border);
      color: var(--rz-carousel-pager-button-active-color);
      height: var(--rz-carousel-pager-button-active-height);
      width: var(--rz-carousel-pager-button-active-width);
  }

  .rz-carousel-pager-overlay .rz-carousel-pager {
      inset-inline: 0;
      opacity: var(--rz-carousel-pager-overlay-opacity);
      position: absolute;
      z-index: 998;
  }

  .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 {
      border-radius: var(--rz-carousel-prev-next-button-border-radius);
      inset-block-start: 50%;
      position: absolute;
      transform: translateY(-50%);
      z-index: 999;
  }

  .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) }

  .rz-timespanpicker {
      display: inline-block;
      position: relative
  }

  .rz-timespanpicker .rz-readonly { cursor: pointer }

  .rz-timespanpicker > .rz-inputtext {
      line-height: var(--rz-timespanpicker-line-height);
      width: 100%;
  }

  .rz-timespanpicker:has(.rz-timespanpicker-trigger) > .rz-inputtext { padding-inline-end: calc(1rem + var(--rz-timespanpicker-trigger-icon-width)) }

  .rz-timespanpicker:has(.rz-dropdown-clear-icon) > .rz-inputtext { padding-inline-end: calc(1rem + var(--rz-dropdown-trigger-icon-width)) }

  .rz-timespanpicker:has(.rz-timespanpicker-trigger):has(.rz-dropdown-clear-icon) > .rz-inputtext { padding-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 1rem + var(--rz-timespanpicker-trigger-icon-width)) }

  .rz-timespanpicker:not(.rz-state-disabled):hover .rz-timespanpicker-trigger {
      box-shadow: none;
      color: var(--rz-timespanpicker-trigger-icon-hover-color)
  }

  .rz-timespanpicker.rz-state-disabled > .rz-inputtext {
      background-color: var(--rz-input-disabled-background-color);
      border: var(--rz-input-disabled-border);
      box-shadow: var(--rz-input-disabled-shadow);
      color: var(--rz-input-disabled-color);
      opacity: var(--rz-input-disabled-opacity)
  }

  .rz-timespanpicker.rz-state-disabled > .rz-inputtext::placeholder { color: var(--rz-input-disabled-placeholder-color) }

  .rz-timespanpicker:not(:has(.rz-timespanpicker-trigger)) .rz-dropdown-clear-icon { inset-inline-end: .5rem }

  .rz-timespanpicker-trigger {
      background-color: rgba(0, 0, 0, 0);
      box-shadow: none;
      color: var(--rz-timespanpicker-trigger-icon-color);
      font-size: var(--rz-timespanpicker-trigger-icon-height);
      height: var(--rz-timespanpicker-trigger-icon-height);
      inset-block-start: 50%;
      inset-inline-end: .625rem;
      padding: 0;
      position: absolute;
      transform: translateY(-50%);
      vertical-align: text-top;
      width: var(--rz-timespanpicker-trigger-icon-width);
  }

  .rz-timespanpicker-trigger.rz-state-disabled {
      border: none;
      box-shadow: none;
      color: var(--rz-input-disabled-color);
      cursor: initial;
      opacity: 1;
  }

  .rz-timespanpicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-timespanpicker-trigger:not(.rz-state-disabled):hover:active { background-color: rgba(0, 0, 0, 0) }

  .rz-timespanpicker-trigger:not(.rz-state-disabled):active {
      background-image: none !important;
      box-shadow: none !important;
  }

  .rz-timespanpicker-trigger .rzi-timespan {
      font-size: inherit;
      vertical-align: top
  }

  .rz-timespanpicker-trigger .rzi-timespan:before { content: "timer" }

  .rz-timespanpicker-trigger .rz-button-text { display: none }

  .rz-timespanpicker-inline {
      background-color: var(--rz-timespanpicker-panel-background-color);
      border: var(--rz-input-border);
      border-radius: var(--rz-border-radius);
      overflow: auto
  }

  .rz-timespanpicker-popup-container {
      background-color: var(--rz-timespanpicker-panel-background-color);
      border: var(--rz-timespanpicker-popup-border);
      border-radius: var(--rz-border-radius);
      box-shadow: var(--rz-timespanpicker-popup-shadow);
      box-sizing: content-box;
      display: none;
      margin: var(--rz-timespanpicker-popup-margin);
      position: absolute;
      width: var(--rz-timespanpicker-popup-width);
  }

  .rz-timespanpicker-panel { padding: var(--rz-timespanpicker-panel-padding) }

  .rz-timespanpicker-panel, .rz-timespanpicker-panel-fieldcontainer {
      align-items: flex-end;
      display: flex;
      gap: var(--rz-timespanpicker-panel-gap);
      justify-content: center;
  }

  .rz-timespanpicker-panel-fieldwithunit {
      align-items: center;
      display: flex;
      flex-flow: column;
      flex-wrap: nowrap;
      gap: var(--rz-timespanpicker-panel-unit-gap);
      width: min-content
  }

  .rz-timespanpicker-unit-label {
      color: var(--rz-timespanpicker-unit-label-color);
      font-size: .75rem;
      text-transform: uppercase
  }

  .rz-timespanpicker-unitvaluepicker {
      min-width: var(--rz-timespanpicker-panel-field-min-width);
      width: fit-content;
  }

  .rz-timespanpicker-signpicker { align-self: stretch }

  .rz-timespanpicker-signpicker > .rz-button {
      flex: 1;
      --rz-selectbar-border-radius: var(--rz-input-border-radius)
  }

  .rz-toc {
      line-height: normal;
      list-style-type: none;
      margin: 0;
      padding: 0;
  }

  .rz-toc-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
  }

  .rz-toc-item-wrapper { position: relative }

  .rz-toc-item-wrapper:after {
      background-color: rgba(0, 0, 0, 0);
      border-radius: var(--rz-toc-link-selected-indicator-border-radius);
      content: "";
      inset-block: var(--rz-toc-link-selected-indicator-inset-block);
      inset-inline: var(--rz-toc-link-selected-indicator-inset-inline);
      position: absolute;
      transition: background-color var(--rz-transition);
      width: var(--rz-toc-link-selected-indicator-size);
  }

  .rz-toc-item-selected > .rz-toc-item-wrapper:after { background-color: var(--rz-toc-link-selected-indicator-color) }

  .rz-toc-link {
      background-color: var(--rz-toc-link-background-color);
      border: var(--rz-toc-link-border);
      border-radius: var(--rz-toc-link-border-radius);
      color: var(--rz-toc-link-color);
      display: flex;
      font-size: var(--rz-toc-link-font-size);
      font-weight: var(--rz-toc-link-font-weight);
      padding-block: var(--rz-toc-link-padding-block);
      padding-inline: var(--rz-toc-link-padding-inline);
      text-decoration: none;
      transition: border var(--rz-transition), color var(--rz-transition), background-color var(--rz-transition)
  }

  .rz-toc-link:hover {
      background-color: var(--rz-toc-link-hover-background-color);
      color: var(--rz-toc-link-hover-color);
  }

  .rz-toc-link:focus { outline: var(--rz-outline-normal) }

  .rz-toc-link:focus-visible {
      outline: var(--rz-link-focus-outline);
      outline-offset: calc(-1 * var(--rz-outline-width))
  }

  .rz-toc-item-selected > .rz-toc-item-wrapper .rz-toc-link {
      background-color: var(--rz-toc-link-selected-background-color);
      border: var(--rz-toc-link-selected-border);
      color: var(--rz-toc-link-selected-color);
  }

  .rz-toc-horizontal .rz-toc-item-selected .rz-toc-link {
      background-color: var(--rz-toc-horizontal-link-selected-background-color);
      border: var(--rz-toc-horizontal-link-selected-border);
      color: var(--rz-toc-horizontal-link-selected-color);
  }

  .rz-toc-horizontal {
      background-color: var(--rz-toc-horizontal-background-color);
      border-radius: var(--rz-toc-horizontal-border-radius);
      box-shadow: var(--rz-toc-horizontal-shadow);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      overflow: hidden;
  }

  .rz-toc-horizontal .rz-toc-item {
      display: inline-flex;
      flex: 1;
  }

  .rz-toc-horizontal .rz-toc-item .rz-toc-item-wrapper {
      display: flex;
      flex: 1
  }

  .rz-toc-horizontal .rz-toc-item .rz-toc-item-wrapper:after {
      height: var(--rz-toc-link-selected-indicator-size);
      inset-block: var(--rz-toc-horizontal-link-selected-indicator-inset-block);
      inset-inline: var(--rz-toc-horizontal-link-selected-indicator-inset-inline);
      width: auto;
  }

  .rz-toc-horizontal .rz-toc-link {
      align-items: center;
      display: inline-flex;
      flex: 1;
      font-size: var(--rz-toc-horizontal-link-font-size);
      justify-content: center;
      padding-block: var(--rz-toc-horizontal-link-padding-block);
      padding-inline: var(--rz-toc-horizontal-link-padding-inline);
      text-align: center;
  }

  .rz-expander {
      display: grid;
      transition: grid-template-rows var(--rz-expander-transition)
  }

  .rz-expander .rz-expander-content { overflow: hidden }

  .rz-expander.rz-state-expanded { grid-template-rows: 1fr }

  .rz-expander.rz-state-collapsed { grid-template-rows: 0fr }

  .rz-chat {
      background-color: var(--rz-chat-background-color);
      border: var(--rz-chat-border);
      border-radius: var(--rz-chat-border-radius);
      display: flex;
      flex-direction: column;
      overflow: hidden
  }

  .rz-chat-header {
      background-color: var(--rz-chat-header-background-color);
      border-bottom: var(--rz-chat-header-bottom-border);
      box-shadow: var(--rz-chat-header-shadow);
      padding-block: var(--rz-chat-header-padding-block);
      padding-inline: var(--rz-chat-header-padding-inline);
      z-index: 1;
  }

  .rz-chat-header-title {
      flex: 1;
      font-size: var(--rz-chat-header-title-font-size);
      font-weight: var(--rz-chat-header-title-font-weight)
  }

  .rz-chat-messages {
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: 1rem;
      overflow-y: auto;
      padding: .5rem
  }

  .rz-chat-empty { height: 100% }

  .rz-chat-empty .rzi {
      font-size: 3rem;
      opacity: .3
  }

  .rz-chat-message {
      align-items: flex-end;
      display: flex;
      gap: .5rem;
      max-width: 90%
  }

  .rz-chat-message-text {
      border-radius: var(--rz-chat-message-text-border-radius);
      font-size: 1rem;
      line-height: 1;
      padding: var(--rz-chat-message-text-padding);
      white-space: pre-wrap;
      word-wrap: break-word;
      --rz-text-h1-margin-block-end: 0;
      --rz-text-h2-margin-block-end: 0;
      --rz-text-h3-margin-block-end: 0;
      --rz-text-h4-margin-block-end: 0;
      --rz-text-h5-margin-block-end: 0;
      --rz-text-h6-margin-block-end: 0;
      --rz-text-body1-margin-block-end: 0;
      --rz-text-body2-margin-block-end: 0
  }

  .rz-chat-message-avatar {
      background-color: var(--rz-base);
      border-radius: var(--rz-chat-avatar-border-radius);
      color: var(--rz-on-base);
      flex-shrink: 0;
      font-size: var(--rz-chat-avatar-font-size);
      font-weight: var(--rz-chat-avatar-font-weight);
      height: var(--rz-chat-avatar-size);
      width: var(--rz-chat-avatar-size);
  }

  .rz-chat-avatar-initials {
      overflow: hidden;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%;
  }

  .rz-chat-message-time {
      color: var(--rz-text-disabled-color);
      font-size: .75rem;
      padding: var(--rz-chat-message-time-padding)
  }

  .rz-chat-message-user {
      align-self: flex-end;
      flex-direction: row-reverse
  }

  .rz-chat-message-user .rz-chat-message-avatar {
      background-color: var(--rz-chat-message-user-background-color);
      color: var(--rz-chat-message-user-color)
  }

  .rz-chat-message-user .rz-chat-message-text {
      background-color: var(--rz-chat-message-user-background-color);
      border-end-end-radius: var(--rz-chat-message-callout-radius);
      color: var(--rz-chat-message-user-color);
  }

  .rz-chat-message-assistant { align-self: flex-start }

  .rz-chat-message-assistant .rz-chat-message-avatar {
      background-color: var(--rz-chat-message-assistant-background-color);
      color: var(--rz-chat-message-assistant-color)
  }

  .rz-chat-message-assistant .rz-chat-message-text {
      background-color: var(--rz-chat-message-assistant-background-color);
      border-end-start-radius: var(--rz-chat-message-callout-radius);
      color: var(--rz-chat-message-assistant-color);
  }

  .rz-chat-input {
      bottom: 0;
      position: sticky;
      z-index: 2
  }

  .rz-chat-input-inner {
      align-items: stretch;
      display: grid;
      gap: .5rem;
      grid-template-columns: 1fr auto;
      height: fit-content;
      padding: .5rem;
  }

  .rz-chat-textarea {
      field-sizing: content;
      height: fit-content;
      max-height: 10rem;
      overflow-y: scroll;
      padding-block: var(--rz-text-area-padding-block);
      padding-inline: var(--rz-text-area-padding-inline);
      resize: none;
      width: 100%;
  }

  .rz-chat-message-streaming-icon { animation: rz-pulse 1.5s infinite }

  *[dir=rtl] .rz-chat-send-btn { transform: scaleX(-1) }

  .rz-skeleton {
      background-color: var(--rz-skeleton-background-color);
      border-radius: var(--rz-skeleton-border-radius);
      display: inline-block;
      overflow: hidden;
      position: relative;
  }

  .rz-skeleton.rz-skeleton-text {
      height: .75em;
      width: 10rem;
  }

  .rz-skeleton.rz-skeleton-circular {
      border-radius: 50%;
      height: 2rem;
      width: 2rem;
  }

  .rz-skeleton.rz-skeleton-rectangular {
      border-radius: 0;
      height: 2rem;
      width: 3rem;
  }

  .rz-skeleton.rz-skeleton-wave {
      animation: rz-wave var(--rz-skeleton-animation-duration) infinite;
      background: linear-gradient(90deg, var(--rz-skeleton-background-color) 25%, var(--rz-skeleton-animation-color) 50%, var(--rz-skeleton-background-color) 75%);
      background-size: 200% 100%;
  }

  .rz-skeleton.rz-skeleton-pulse { animation: rz-pulse var(--rz-skeleton-animation-duration) infinite }

  :root {
      --rz-white: #ffffff;
      --rz-black: #000000;
      --rz-base: #dfe5ec;
      --rz-base-50: #f8fafb;
      --rz-base-100: #f3f6f9;
      --rz-base-200: #e3eaf2;
      --rz-base-300: #dfe5ec;
      --rz-base-400: #dbe0e6;
      --rz-base-500: #d7dbe0;
      --rz-base-600: #c6cbd2;
      --rz-base-700: #74787e;
      --rz-base-800: #45494f;
      --rz-base-900: #1b1d20;
      --rz-base-light: #f3f6f9;
      --rz-base-lighter: #ffffff;
      --rz-base-dark: #45494f;
      --rz-base-darker: #1b1d20;
      --rz-primary: #3481e5;
      --rz-primary-light: #bcd8ff;
      --rz-primary-lighter: rgba(0, 111, 255, 0.13);
      --rz-primary-dark: #375a8b;
      --rz-primary-darker: #00215d;
      --rz-secondary: #5b6371;
      --rz-secondary-light: #c2ccdc;
      --rz-secondary-lighter: rgba(0, 98, 255, 0.13);
      --rz-secondary-dark: #444c58;
      --rz-secondary-darker: #19202b;
      --rz-info: #085786;
      --rz-info-light: #aadaff;
      --rz-info-lighter: rgba(170, 218, 255, 0.5);
      --rz-info-dark: #086791;
      --rz-info-darker: #002d41;
      --rz-success: #3e9108;
      --rz-success-light: #c6ffaa;
      --rz-success-lighter: rgba(198, 255, 170, 0.5);
      --rz-success-dark: #479108;
      --rz-success-darker: #1e4100;
      --rz-warning: #e8e971;
      --rz-warning-light: #f9ffaa;
      --rz-warning-lighter: rgba(249, 255, 170, 0.5);
      --rz-warning-dark: #918908;
      --rz-warning-darker: #413d00;
      --rz-danger: #d35153;
      --rz-danger-light: #ffaeaa;
      --rz-danger-lighter: rgba(255, 174, 170, 0.5);
      --rz-danger-dark: #910813;
      --rz-danger-darker: #410005;
      --rz-on-base: #1b1d20;
      --rz-on-base-light: #1b1d20;
      --rz-on-base-lighter: #1b1d20;
      --rz-on-base-dark: #ffffff;
      --rz-on-base-darker: #f8fafb;
      --rz-on-primary: #ffffff;
      --rz-on-primary-light: #00215d;
      --rz-on-primary-lighter: #00215d;
      --rz-on-primary-dark: #ffffff;
      --rz-on-primary-darker: #bcd8ff;
      --rz-on-secondary: #ffffff;
      --rz-on-secondary-light: #19202b;
      --rz-on-secondary-lighter: #19202b;
      --rz-on-secondary-dark: #ffffff;
      --rz-on-secondary-darker: #c2ccdc;
      --rz-on-info: #ffffff;
      --rz-on-info-light: #002d41;
      --rz-on-info-lighter: #086791;
      --rz-on-info-dark: #ffffff;
      --rz-on-info-darker: #aadaff;
      --rz-on-success: #ffffff;
      --rz-on-success-light: #1e4100;
      --rz-on-success-lighter: #1e4100;
      --rz-on-success-dark: #ffffff;
      --rz-on-success-darker: #c6ffaa;
      --rz-on-warning: #1b1d20;
      --rz-on-warning-light: #413d00;
      --rz-on-warning-lighter: #413d00;
      --rz-on-warning-dark: #ffffff;
      --rz-on-warning-darker: #f9ffaa;
      --rz-on-danger: #ffffff;
      --rz-on-danger-light: #410005;
      --rz-on-danger-lighter: #410005;
      --rz-on-danger-dark: #ffffff;
      --rz-on-danger-darker: #ffaeaa;
      --rz-series-1: #75abf0;
      --rz-series-2: #9c75f0;
      --rz-series-3: #f075e8;
      --rz-series-4: #f0758c;
      --rz-series-5: #f0ba75;
      --rz-series-6: #c9f075;
      --rz-series-7: #75f07d;
      --rz-series-8: #75f0d9;
      --rz-series-9: #478eeb;
      --rz-series-10: #7b47eb;
      --rz-series-11: #eb47e0;
      --rz-series-12: #eb4766;
      --rz-series-13: #eba447;
      --rz-series-14: #b7eb47;
      --rz-series-15: #47eb52;
      --rz-series-16: #47ebcc;
      --rz-series-17: #3d72b8;
      --rz-series-18: #643db8;
      --rz-series-19: #b83db0;
      --rz-series-20: #b83d54;
      --rz-series-21: #b8823d;
      --rz-series-22: #91b83d;
      --rz-series-23: #3db845;
      --rz-series-24: #3db8a1;
      --rz-border-width: 1px;
      --rz-root-font-size: 16px;
      --rz-body-font-size: 1rem;
      --rz-body-line-height: 1.5;
      --rz-body-background-color: var(--rz-base-100);
      --rz-text-font-family: Roboto,  sans-serif;
      --rz-outline-offset: 2px;
      --rz-outline-width: 2px;
      --rz-outline-color: var(--rz-primary);
      --rz-text-title-color: var(--rz-base-900);
      --rz-text-color: var(--rz-base-900);
      --rz-text-secondary-color: var(--rz-base-800);
      --rz-text-tertiary-color: var(--rz-base-700);
      --rz-text-disabled-color: var(--rz-base-600);
      --rz-text-contrast-color: var(--rz-white);
      --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
      --rz-text-display-h1-line-height: normal;
      --rz-text-display-h1-font-weight: 400;
      --rz-text-display-h1-letter-spacing: -1.5px;
      --rz-text-display-h1-color: var(--rz-text-title-color);
      --rz-text-display-h1-margin-block-start: 0;
      --rz-text-display-h1-margin-block-end: 1rem;
      --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem);
      --rz-text-display-h2-line-height: normal;
      --rz-text-display-h2-font-weight: 400;
      --rz-text-display-h2-letter-spacing: -0.5px;
      --rz-text-display-h2-color: var(--rz-text-title-color);
      --rz-text-display-h2-margin-block-start: 0;
      --rz-text-display-h2-margin-block-end: 1rem;
      --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
      --rz-text-display-h3-line-height: normal;
      --rz-text-display-h3-font-weight: 400;
      --rz-text-display-h3-letter-spacing: 0;
      --rz-text-display-h3-color: var(--rz-text-title-color);
      --rz-text-display-h3-margin-block-start: 0;
      --rz-text-display-h3-margin-block-end: 0.75rem;
      --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem);
      --rz-text-display-h4-line-height: normal;
      --rz-text-display-h4-font-weight: 400;
      --rz-text-display-h4-letter-spacing: 0.25px;
      --rz-text-display-h4-color: var(--rz-text-title-color);
      --rz-text-display-h4-margin-block-start: 0;
      --rz-text-display-h4-margin-block-end: 0.5rem;
      --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
      --rz-text-display-h5-line-height: normal;
      --rz-text-display-h5-font-weight: 400;
      --rz-text-display-h5-letter-spacing: 0;
      --rz-text-display-h5-color: var(--rz-text-title-color);
      --rz-text-display-h5-margin-block-start: 0;
      --rz-text-display-h5-margin-block-end: 0.5rem;
      --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem);
      --rz-text-display-h6-line-height: normal;
      --rz-text-display-h6-font-weight: 500;
      --rz-text-display-h6-letter-spacing: 0.15px;
      --rz-text-display-h6-color: var(--rz-text-title-color);
      --rz-text-display-h6-margin-block-start: 0;
      --rz-text-display-h6-margin-block-end: 0.5rem;
      --rz-text-h1-font-size: clamp(3rem, 4.167vw, 3.5625rem);
      --rz-text-h1-line-height: normal;
      --rz-text-h1-font-weight: 400;
      --rz-text-h1-letter-spacing: -0.5px;
      --rz-text-h1-color: var(--rz-text-title-color);
      --rz-text-h1-margin-block-start: 0;
      --rz-text-h1-margin-block-end: 1rem;
      --rz-text-h2-font-size: clamp(2.25rem, 3.333vw, 2.8125rem);
      --rz-text-h2-line-height: normal;
      --rz-text-h2-font-weight: 400;
      --rz-text-h2-letter-spacing: 0;
      --rz-text-h2-color: var(--rz-text-title-color);
      --rz-text-h2-margin-block-start: 0;
      --rz-text-h2-margin-block-end: 1rem;
      --rz-text-h3-font-size: clamp(1.75rem, 2.361vw, 2.125rem);
      --rz-text-h3-line-height: normal;
      --rz-text-h3-font-weight: 400;
      --rz-text-h3-letter-spacing: 0;
      --rz-text-h3-color: var(--rz-text-title-color);
      --rz-text-h3-margin-block-start: 0;
      --rz-text-h3-margin-block-end: 0.75rem;
      --rz-text-h4-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
      --rz-text-h4-line-height: normal;
      --rz-text-h4-font-weight: 400;
      --rz-text-h4-letter-spacing: 0.15px;
      --rz-text-h4-color: var(--rz-text-title-color);
      --rz-text-h4-margin-block-start: 0;
      --rz-text-h4-margin-block-end: 0.5rem;
      --rz-text-h5-font-size: clamp(1rem, 1.389vw, 1.25rem);
      --rz-text-h5-line-height: normal;
      --rz-text-h5-font-weight: 500;
      --rz-text-h5-letter-spacing: 0.15px;
      --rz-text-h5-color: var(--rz-text-title-color);
      --rz-text-h5-margin-block-start: 0;
      --rz-text-h5-margin-block-end: 0.5rem;
      --rz-text-h6-font-size: clamp(0.875rem, 1.389vw, 1rem);
      --rz-text-h6-line-height: normal;
      --rz-text-h6-font-weight: 500;
      --rz-text-h6-letter-spacing: 0.1px;
      --rz-text-h6-color: var(--rz-text-title-color);
      --rz-text-h6-margin-block-start: 0;
      --rz-text-h6-margin-block-end: 0.5rem;
      --rz-text-subtitle1-font-size: 1rem;
      --rz-text-subtitle1-line-height: 1.5;
      --rz-text-subtitle1-font-weight: 400;
      --rz-text-subtitle1-letter-spacing: 0.15px;
      --rz-text-subtitle1-color: var(--rz-text-title-color);
      --rz-text-subtitle1-margin-block-start: 0;
      --rz-text-subtitle1-margin-block-end: 0.5rem;
      --rz-text-subtitle2-font-size: 0.875rem;
      --rz-text-subtitle2-line-height: 1.5;
      --rz-text-subtitle2-font-weight: 500;
      --rz-text-subtitle2-letter-spacing: 0.1px;
      --rz-text-subtitle2-color: var(--rz-text-title-color);
      --rz-text-subtitle2-margin-block-start: 0;
      --rz-text-subtitle2-margin-block-end: 0.5rem;
      --rz-text-body1-font-size: 1rem;
      --rz-text-body1-line-height: 1.5;
      --rz-text-body1-font-weight: 400;
      --rz-text-body1-letter-spacing: 0.5px;
      --rz-text-body1-color: var(--rz-text-color);
      --rz-text-body1-margin-block-start: 0;
      --rz-text-body1-margin-block-end: 0.5rem;
      --rz-text-body2-font-size: 0.875rem;
      --rz-text-body2-line-height: 1.5;
      --rz-text-body2-font-weight: 400;
      --rz-text-body2-letter-spacing: 0.25px;
      --rz-text-body2-color: var(--rz-text-color);
      --rz-text-body2-margin-block-start: 0;
      --rz-text-body2-margin-block-end: 0.5rem;
      --rz-text-button-font-size: 0.875rem;
      --rz-text-button-line-height: normal;
      --rz-text-button-font-weight: 500;
      --rz-text-button-letter-spacing: 1.25px;
      --rz-text-button-text-transform: uppercase;
      --rz-text-button-color: var(--rz-text-color);
      --rz-text-button-margin-block-start: 0;
      --rz-text-button-margin-block-end: 0.5rem;
      --rz-text-caption-font-size: 0.75rem;
      --rz-text-caption-line-height: normal;
      --rz-text-caption-font-weight: 400;
      --rz-text-caption-letter-spacing: 0.4px;
      --rz-text-caption-color: var(--rz-text-color);
      --rz-text-caption-margin-block-start: 0;
      --rz-text-caption-margin-block-end: 0.5rem;
      --rz-text-overline-font-size: 0.625rem;
      --rz-text-overline-line-height: normal;
      --rz-text-overline-font-weight: 400;
      --rz-text-overline-letter-spacing: 1.5px;
      --rz-text-overline-text-transform: uppercase;
      --rz-text-overline-color: var(--rz-text-color);
      --rz-text-overline-margin-block-start: 0;
      --rz-text-overline-margin-block-end: 0.5rem;
      --rz-text-selection-background-color: var(--rz-primary-light);
      --rz-text-selection-color: var(--rz-on-primary-light);
      --rz-link-color: var(--rz-primary);
      --rz-link-text-decoration: none;
      --rz-link-hover-color: var(--rz-primary-dark);
      --rz-link-hover-text-decoration: underline;
      --rz-link-focus-outline: var(--rz-outline-focus);
      --rz-link-focus-outline-offset: var(--rz-outline-offset);
      --rz-base-background-color: var(--rz-base-50);
      --rz-border-white: var(--rz-border-width) solid var(--rz-white);
      --rz-border-black: var(--rz-border-width) solid var(--rz-black);
      --rz-border-base: var(--rz-border-width) solid var(--rz-base);
      --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
      --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
      --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
      --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
      --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
      --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
      --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
      --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
      --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
      --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
      --rz-border-base-light: var(--rz-border-width) solid var(--rz-base-light);
      --rz-border-base-lighter: var(--rz-border-width) solid var(--rz-base-lighter);
      --rz-border-base-dark: var(--rz-border-width) solid var(--rz-base-dark);
      --rz-border-base-darker: var(--rz-border-width) solid var(--rz-base-darker);
      --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
      --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
      --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
      --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
      --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
      --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
      --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
      --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
      --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
      --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
      --rz-border-info: var(--rz-border-width) solid var(--rz-info);
      --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
      --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
      --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
      --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
      --rz-border-success: var(--rz-border-width) solid var(--rz-success);
      --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
      --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
      --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
      --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
      --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
      --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
      --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
      --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
      --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
      --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
      --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
      --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
      --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
      --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
      --rz-border-on-base: var(--rz-border-width) solid var(--rz-on-base);
      --rz-border-on-base-light: var(--rz-border-width) solid var(--rz-on-base-light);
      --rz-border-on-base-lighter: var(--rz-border-width) solid var(--rz-on-base-lighter);
      --rz-border-on-base-dark: var(--rz-border-width) solid var(--rz-on-base-dark);
      --rz-border-on-base-darker: var(--rz-border-width) solid var(--rz-on-base-darker);
      --rz-border-on-primary: var(--rz-border-width) solid var(--rz-on-primary);
      --rz-border-on-primary-light: var(--rz-border-width) solid var(--rz-on-primary-light);
      --rz-border-on-primary-lighter: var(--rz-border-width) solid var(--rz-on-primary-lighter);
      --rz-border-on-primary-dark: var(--rz-border-width) solid var(--rz-on-primary-dark);
      --rz-border-on-primary-darker: var(--rz-border-width) solid var(--rz-on-primary-darker);
      --rz-border-on-secondary: var(--rz-border-width) solid var(--rz-on-secondary);
      --rz-border-on-secondary-light: var(--rz-border-width) solid var(--rz-on-secondary-light);
      --rz-border-on-secondary-lighter: var(--rz-border-width) solid var(--rz-on-secondary-lighter);
      --rz-border-on-secondary-dark: var(--rz-border-width) solid var(--rz-on-secondary-dark);
      --rz-border-on-secondary-darker: var(--rz-border-width) solid var(--rz-on-secondary-darker);
      --rz-border-on-info: var(--rz-border-width) solid var(--rz-on-info);
      --rz-border-on-info-light: var(--rz-border-width) solid var(--rz-on-info-light);
      --rz-border-on-info-lighter: var(--rz-border-width) solid var(--rz-on-info-lighter);
      --rz-border-on-info-dark: var(--rz-border-width) solid var(--rz-on-info-dark);
      --rz-border-on-info-darker: var(--rz-border-width) solid var(--rz-on-info-darker);
      --rz-border-on-success: var(--rz-border-width) solid var(--rz-on-success);
      --rz-border-on-success-light: var(--rz-border-width) solid var(--rz-on-success-light);
      --rz-border-on-success-lighter: var(--rz-border-width) solid var(--rz-on-success-lighter);
      --rz-border-on-success-dark: var(--rz-border-width) solid var(--rz-on-success-dark);
      --rz-border-on-success-darker: var(--rz-border-width) solid var(--rz-on-success-darker);
      --rz-border-on-warning: var(--rz-border-width) solid var(--rz-on-warning);
      --rz-border-on-warning-light: var(--rz-border-width) solid var(--rz-on-warning-light);
      --rz-border-on-warning-lighter: var(--rz-border-width) solid var(--rz-on-warning-lighter);
      --rz-border-on-warning-dark: var(--rz-border-width) solid var(--rz-on-warning-dark);
      --rz-border-on-warning-darker: var(--rz-border-width) solid var(--rz-on-warning-darker);
      --rz-border-on-danger: var(--rz-border-width) solid var(--rz-on-danger);
      --rz-border-on-danger-light: var(--rz-border-width) solid var(--rz-on-danger-light);
      --rz-border-on-danger-lighter: var(--rz-border-width) solid var(--rz-on-danger-lighter);
      --rz-border-on-danger-dark: var(--rz-border-width) solid var(--rz-on-danger-dark);
      --rz-border-on-danger-darker: var(--rz-border-width) solid var(--rz-on-danger-darker);
      --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
      --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
      --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
      --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
      --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
      --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
      --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
      --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
      --rz-border-series-9: var(--rz-border-width) solid var(--rz-series-9);
      --rz-border-series-10: var(--rz-border-width) solid var(--rz-series-10);
      --rz-border-series-11: var(--rz-border-width) solid var(--rz-series-11);
      --rz-border-series-12: var(--rz-border-width) solid var(--rz-series-12);
      --rz-border-series-13: var(--rz-border-width) solid var(--rz-series-13);
      --rz-border-series-14: var(--rz-border-width) solid var(--rz-series-14);
      --rz-border-series-15: var(--rz-border-width) solid var(--rz-series-15);
      --rz-border-series-16: var(--rz-border-width) solid var(--rz-series-16);
      --rz-border-series-17: var(--rz-border-width) solid var(--rz-series-17);
      --rz-border-series-18: var(--rz-border-width) solid var(--rz-series-18);
      --rz-border-series-19: var(--rz-border-width) solid var(--rz-series-19);
      --rz-border-series-20: var(--rz-border-width) solid var(--rz-series-20);
      --rz-border-series-21: var(--rz-border-width) solid var(--rz-series-21);
      --rz-border-series-22: var(--rz-border-width) solid var(--rz-series-22);
      --rz-border-series-23: var(--rz-border-width) solid var(--rz-series-23);
      --rz-border-series-24: var(--rz-border-width) solid var(--rz-series-24);
      --rz-border-normal: var(--rz-border-width) solid var(--rz-base-600);
      --rz-border-hover: var(--rz-border-width) solid var(--rz-base-700);
      --rz-border-focus: var(--rz-border-width) solid var(--rz-primary);
      --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-400);
      --rz-border-radius: 4px;
      --rz-border-radius-0: 0;
      --rz-border-radius-1: 0.25rem;
      --rz-border-radius-2: 0.5rem;
      --rz-border-radius-3: 0.75rem;
      --rz-border-radius-4: 1rem;
      --rz-border-radius-5: 1.25rem;
      --rz-border-radius-6: 1.5rem;
      --rz-border-radius-7: 1.75rem;
      --rz-border-radius-8: 2rem;
      --rz-border-radius-9: 2.25rem;
      --rz-border-radius-10: 2.5rem;
      --rz-outline-white: var(--rz-outline-width) solid var(--rz-white);
      --rz-outline-black: var(--rz-outline-width) solid var(--rz-black);
      --rz-outline-base: var(--rz-outline-width) solid var(--rz-base);
      --rz-outline-base-50: var(--rz-outline-width) solid var(--rz-base-50);
      --rz-outline-base-100: var(--rz-outline-width) solid var(--rz-base-100);
      --rz-outline-base-200: var(--rz-outline-width) solid var(--rz-base-200);
      --rz-outline-base-300: var(--rz-outline-width) solid var(--rz-base-300);
      --rz-outline-base-400: var(--rz-outline-width) solid var(--rz-base-400);
      --rz-outline-base-500: var(--rz-outline-width) solid var(--rz-base-500);
      --rz-outline-base-600: var(--rz-outline-width) solid var(--rz-base-600);
      --rz-outline-base-700: var(--rz-outline-width) solid var(--rz-base-700);
      --rz-outline-base-800: var(--rz-outline-width) solid var(--rz-base-800);
      --rz-outline-base-900: var(--rz-outline-width) solid var(--rz-base-900);
      --rz-outline-base-light: var(--rz-outline-width) solid var(--rz-base-light);
      --rz-outline-base-lighter: var(--rz-outline-width) solid var(--rz-base-lighter);
      --rz-outline-base-dark: var(--rz-outline-width) solid var(--rz-base-dark);
      --rz-outline-base-darker: var(--rz-outline-width) solid var(--rz-base-darker);
      --rz-outline-primary: var(--rz-outline-width) solid var(--rz-primary);
      --rz-outline-primary-light: var(--rz-outline-width) solid var(--rz-primary-light);
      --rz-outline-primary-lighter: var(--rz-outline-width) solid var(--rz-primary-lighter);
      --rz-outline-primary-dark: var(--rz-outline-width) solid var(--rz-primary-dark);
      --rz-outline-primary-darker: var(--rz-outline-width) solid var(--rz-primary-darker);
      --rz-outline-secondary: var(--rz-outline-width) solid var(--rz-secondary);
      --rz-outline-secondary-light: var(--rz-outline-width) solid var(--rz-secondary-light);
      --rz-outline-secondary-lighter: var(--rz-outline-width) solid var(--rz-secondary-lighter);
      --rz-outline-secondary-dark: var(--rz-outline-width) solid var(--rz-secondary-dark);
      --rz-outline-secondary-darker: var(--rz-outline-width) solid var(--rz-secondary-darker);
      --rz-outline-info: var(--rz-outline-width) solid var(--rz-info);
      --rz-outline-info-light: var(--rz-outline-width) solid var(--rz-info-light);
      --rz-outline-info-lighter: var(--rz-outline-width) solid var(--rz-info-lighter);
      --rz-outline-info-dark: var(--rz-outline-width) solid var(--rz-info-dark);
      --rz-outline-info-darker: var(--rz-outline-width) solid var(--rz-info-darker);
      --rz-outline-success: var(--rz-outline-width) solid var(--rz-success);
      --rz-outline-success-light: var(--rz-outline-width) solid var(--rz-success-light);
      --rz-outline-success-lighter: var(--rz-outline-width) solid var(--rz-success-lighter);
      --rz-outline-success-dark: var(--rz-outline-width) solid var(--rz-success-dark);
      --rz-outline-success-darker: var(--rz-outline-width) solid var(--rz-success-darker);
      --rz-outline-warning: var(--rz-outline-width) solid var(--rz-warning);
      --rz-outline-warning-light: var(--rz-outline-width) solid var(--rz-warning-light);
      --rz-outline-warning-lighter: var(--rz-outline-width) solid var(--rz-warning-lighter);
      --rz-outline-warning-dark: var(--rz-outline-width) solid var(--rz-warning-dark);
      --rz-outline-warning-darker: var(--rz-outline-width) solid var(--rz-warning-darker);
      --rz-outline-danger: var(--rz-outline-width) solid var(--rz-danger);
      --rz-outline-danger-light: var(--rz-outline-width) solid var(--rz-danger-light);
      --rz-outline-danger-lighter: var(--rz-outline-width) solid var(--rz-danger-lighter);
      --rz-outline-danger-dark: var(--rz-outline-width) solid var(--rz-danger-dark);
      --rz-outline-danger-darker: var(--rz-outline-width) solid var(--rz-danger-darker);
      --rz-outline-on-base: var(--rz-outline-width) solid var(--rz-on-base);
      --rz-outline-on-base-light: var(--rz-outline-width) solid var(--rz-on-base-light);
      --rz-outline-on-base-lighter: var(--rz-outline-width) solid var(--rz-on-base-lighter);
      --rz-outline-on-base-dark: var(--rz-outline-width) solid var(--rz-on-base-dark);
      --rz-outline-on-base-darker: var(--rz-outline-width) solid var(--rz-on-base-darker);
      --rz-outline-on-primary: var(--rz-outline-width) solid var(--rz-on-primary);
      --rz-outline-on-primary-light: var(--rz-outline-width) solid var(--rz-on-primary-light);
      --rz-outline-on-primary-lighter: var(--rz-outline-width) solid var(--rz-on-primary-lighter);
      --rz-outline-on-primary-dark: var(--rz-outline-width) solid var(--rz-on-primary-dark);
      --rz-outline-on-primary-darker: var(--rz-outline-width) solid var(--rz-on-primary-darker);
      --rz-outline-on-secondary: var(--rz-outline-width) solid var(--rz-on-secondary);
      --rz-outline-on-secondary-light: var(--rz-outline-width) solid var(--rz-on-secondary-light);
      --rz-outline-on-secondary-lighter: var(--rz-outline-width) solid var(--rz-on-secondary-lighter);
      --rz-outline-on-secondary-dark: var(--rz-outline-width) solid var(--rz-on-secondary-dark);
      --rz-outline-on-secondary-darker: var(--rz-outline-width) solid var(--rz-on-secondary-darker);
      --rz-outline-on-info: var(--rz-outline-width) solid var(--rz-on-info);
      --rz-outline-on-info-light: var(--rz-outline-width) solid var(--rz-on-info-light);
      --rz-outline-on-info-lighter: var(--rz-outline-width) solid var(--rz-on-info-lighter);
      --rz-outline-on-info-dark: var(--rz-outline-width) solid var(--rz-on-info-dark);
      --rz-outline-on-info-darker: var(--rz-outline-width) solid var(--rz-on-info-darker);
      --rz-outline-on-success: var(--rz-outline-width) solid var(--rz-on-success);
      --rz-outline-on-success-light: var(--rz-outline-width) solid var(--rz-on-success-light);
      --rz-outline-on-success-lighter: var(--rz-outline-width) solid var(--rz-on-success-lighter);
      --rz-outline-on-success-dark: var(--rz-outline-width) solid var(--rz-on-success-dark);
      --rz-outline-on-success-darker: var(--rz-outline-width) solid var(--rz-on-success-darker);
      --rz-outline-on-warning: var(--rz-outline-width) solid var(--rz-on-warning);
      --rz-outline-on-warning-light: var(--rz-outline-width) solid var(--rz-on-warning-light);
      --rz-outline-on-warning-lighter: var(--rz-outline-width) solid var(--rz-on-warning-lighter);
      --rz-outline-on-warning-dark: var(--rz-outline-width) solid var(--rz-on-warning-dark);
      --rz-outline-on-warning-darker: var(--rz-outline-width) solid var(--rz-on-warning-darker);
      --rz-outline-on-danger: var(--rz-outline-width) solid var(--rz-on-danger);
      --rz-outline-on-danger-light: var(--rz-outline-width) solid var(--rz-on-danger-light);
      --rz-outline-on-danger-lighter: var(--rz-outline-width) solid var(--rz-on-danger-lighter);
      --rz-outline-on-danger-dark: var(--rz-outline-width) solid var(--rz-on-danger-dark);
      --rz-outline-on-danger-darker: var(--rz-outline-width) solid var(--rz-on-danger-darker);
      --rz-outline-series-1: var(--rz-outline-width) solid var(--rz-series-1);
      --rz-outline-series-2: var(--rz-outline-width) solid var(--rz-series-2);
      --rz-outline-series-3: var(--rz-outline-width) solid var(--rz-series-3);
      --rz-outline-series-4: var(--rz-outline-width) solid var(--rz-series-4);
      --rz-outline-series-5: var(--rz-outline-width) solid var(--rz-series-5);
      --rz-outline-series-6: var(--rz-outline-width) solid var(--rz-series-6);
      --rz-outline-series-7: var(--rz-outline-width) solid var(--rz-series-7);
      --rz-outline-series-8: var(--rz-outline-width) solid var(--rz-series-8);
      --rz-outline-series-9: var(--rz-outline-width) solid var(--rz-series-9);
      --rz-outline-series-10: var(--rz-outline-width) solid var(--rz-series-10);
      --rz-outline-series-11: var(--rz-outline-width) solid var(--rz-series-11);
      --rz-outline-series-12: var(--rz-outline-width) solid var(--rz-series-12);
      --rz-outline-series-13: var(--rz-outline-width) solid var(--rz-series-13);
      --rz-outline-series-14: var(--rz-outline-width) solid var(--rz-series-14);
      --rz-outline-series-15: var(--rz-outline-width) solid var(--rz-series-15);
      --rz-outline-series-16: var(--rz-outline-width) solid var(--rz-series-16);
      --rz-outline-series-17: var(--rz-outline-width) solid var(--rz-series-17);
      --rz-outline-series-18: var(--rz-outline-width) solid var(--rz-series-18);
      --rz-outline-series-19: var(--rz-outline-width) solid var(--rz-series-19);
      --rz-outline-series-20: var(--rz-outline-width) solid var(--rz-series-20);
      --rz-outline-series-21: var(--rz-outline-width) solid var(--rz-series-21);
      --rz-outline-series-22: var(--rz-outline-width) solid var(--rz-series-22);
      --rz-outline-series-23: var(--rz-outline-width) solid var(--rz-series-23);
      --rz-outline-series-24: var(--rz-outline-width) solid var(--rz-series-24);
      --rz-outline-normal: none;
      --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color);
      --rz-shadow-0: none;
      --rz-shadow-1: 0px 1px 2px rgba(69, 73, 79, 0.3),  0px 1px 3px 1px rgba(69, 73, 79, 0.15);
      --rz-shadow-2: 0px 1px 2px rgba(69, 73, 79, 0.3),  0px 2px 6px 2px rgba(69, 73, 79, 0.15);
      --rz-shadow-3: 0px 4px 8px 3px rgba(69, 73, 79, 0.15),  0px 1px 3px rgba(69, 73, 79, 0.3);
      --rz-shadow-4: 0px 6px 10px 4px rgba(69, 73, 79, 0.15),  0px 2px 3px rgba(69, 73, 79, 0.3);
      --rz-shadow-5: 0px 8px 12px 6px rgba(69, 73, 79, 0.15),  0px 4px 4px rgba(69, 73, 79, 0.3);
      --rz-shadow-6: 0px 12px 16px 6px rgba(69, 73, 79, 0.15),  0px 4px 6px rgba(69, 73, 79, 0.3);
      --rz-shadow-7: 0px 16px 20px 6px rgba(69, 73, 79, 0.15),  0px 6px 6px rgba(69, 73, 79, 0.3);
      --rz-shadow-8: 0px 20px 24px 6px rgba(69, 73, 79, 0.15),  0px 6px 8px rgba(69, 73, 79, 0.3);
      --rz-shadow-9: 0px 24px 28px 6px rgba(69, 73, 79, 0.15),  0px 8px 8px rgba(69, 73, 79, 0.3);
      --rz-shadow-10: 0px 28px 32px 6px rgba(69, 73, 79, 0.15),  0px 8px 10px rgba(69, 73, 79, 0.3);
      --rz-transition: 0.1s linear;
      --rz-transition-all: all 0.1s linear;
      --rz-expander-transition: 0.2s ease-in-out;
      --rz-layout-body-margin: 0 0.75rem 0.75rem;
      --rz-layout-body-padding: 1rem;
      --rz-layout-body-border-radius: calc(var(--rz-border-radius) * 4);
      --rz-layout-body-background-color: var(--rz-white);
      --rz-accordion-item-padding-block: 1rem;
      --rz-accordion-item-padding-inline: 1rem;
      --rz-accordion-item-margin: 0;
      --rz-accordion-item-border: var(--rz-border-base-200);
      --rz-accordion-item-background-color: var(--rz-base-background-color);
      --rz-accordion-item-color: var(--rz-text-secondary-color);
      --rz-accordion-item-focus-outline: var(--rz-outline-focus);
      --rz-accordion-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-accordion-item-line-height: 1.5rem;
      --rz-accordion-item-font-size: var(--rz-body-font-size);
      --rz-accordion-item-font-weight: 500;
      --rz-accordion-icon-width: var(--rz-icon-size);
      --rz-accordion-icon-height: var(--rz-icon-size);
      --rz-accordion-icon-font-size: var(--rz-icon-size);
      --rz-accordion-icon-margin-inline: 0 0.75rem;
      --rz-accordion-toggle-icon-margin-inline: 0.75rem 0;
      --rz-accordion-toggle-icon-order: 1;
      --rz-accordion-selected-color: var(--rz-text-title-color);
      --rz-accordion-hover-color: var(--rz-text-title-color);
      --rz-accordion-content-padding-inline: 1rem;
      --rz-accordion-content-padding-block: 1rem;
      --rz-accordion-content-font-size: var(--rz-body-font-size);
      --rz-accordion-border-radius: calc(var(--rz-border-radius) * 3);
      --rz-accordion-shadow: var(--rz-shadow-1);
      --rz-alert-margin: 0.5rem 0;
      --rz-alert-padding: 1rem;
      --rz-alert-gap: 1rem;
      --rz-alert-color: var(--rz-text-color);
      --rz-alert-background-color: var(--rz-base-200);
      --rz-alert-box-shadow: var(--rz-shadow-1);
      --rz-alert-border-radius: calc(var(--rz-border-radius) * 3);
      --rz-alert-message-margin: 0.125rem 0;
      --rz-alert-title-color: var(--rz-text-h6-color);
      --rz-alert-icon-color: var(--rz-alert-color);
      --rz-alert-icon-margin: 0.125rem 0;
      --rz-alert-icon-size: var(--rz-icon-size);
      --rz-badge-border-radius: var(--rz-border-radius);
      --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
      --rz-badge-padding: 0 0.25rem;
      --rz-badge-pill-padding: 0 0.25rem;
      --rz-badge-font-size: 0.6875rem;
      --rz-badge-font-weight: 500;
      --rz-badge-line-height: 1rem;
      --rz-badge-text-transform: none;
      --rz-badge-letter-spacing: 0.02rem;
      --rz-button-base-background-color: var(--rz-primary);
      --rz-button-base-color: var(--rz-on-primary);
      --rz-button-background-size: auto;
      --rz-button-border-radius: var(--rz-border-radius-8);
      --rz-button-shadow: var(--rz-shadow-1);
      --rz-button-transition: var(--rz-transition-all),  width 0,  height 0;
      --rz-button-line-height: 1.25rem;
      --rz-button-vertical-align: top;
      --rz-button-hover-shadow: var(--rz-shadow-2);
      --rz-button-hover-gradient: linear-gradient(rgba(55, 90, 139, 0.04), rgba(55, 90, 139, 0.04));
      --rz-button-hover-background-size: auto;
      --rz-button-focus-shadow: var(--rz-shadow-2);
      --rz-button-focus-gradient: linear-gradient(rgba(55, 90, 139, 0.08), rgba(55, 90, 139, 0.08));
      --rz-button-focus-background-size: auto;
      --rz-button-focus-outline: var(--rz-outline-focus);
      --rz-button-focus-outline-offset: var(--rz-outline-offset);
      --rz-button-active-shadow: var(--rz-shadow-1);
      --rz-button-active-gradient: linear-gradient(rgba(55, 90, 139, 0.08), rgba(55, 90, 139, 0.08));
      --rz-button-active-background-size: auto;
      --rz-button-disabled-opacity: 0.2;
      --rz-button-empty-opacity: 0.4;
      --rz-card-padding: 1rem;
      --rz-card-background-color: rgba(215, 219, 224, 0.13);
      --rz-card-flat-background-color: rgba(215, 219, 224, 0.24);
      --rz-card-shadow: var(--rz-shadow-1);
      --rz-card-border: var(--rz-border-base-300);
      --rz-card-border-radius: calc(var(--rz-border-radius) * 3);
      --rz-card-heading-margin-bottom: 0.5rem;
      --rz-carousel-pager-button-width: 0.75rem;
      --rz-carousel-pager-button-height: 0.75rem;
      --rz-carousel-pager-button-border: none;
      --rz-carousel-pager-button-border-radius: 50%;
      --rz-carousel-pager-button-background-color: var(--rz-base-500);
      --rz-carousel-pager-button-color: var(--rz-on-base);
      --rz-carousel-pager-button-hover-border: var(--rz-carousel-pager-button-border);
      --rz-carousel-pager-button-hover-background-color: var(--rz-base-dark);
      --rz-carousel-pager-button-hover-color: var(--rz-on-base-dark);
      --rz-carousel-pager-button-active-width: var(--rz-carousel-pager-button-width);
      --rz-carousel-pager-button-active-height: var(--rz-carousel-pager-button-height);
      --rz-carousel-pager-button-active-border: none;
      --rz-carousel-pager-button-active-background-color: var(--rz-base-dark);
      --rz-carousel-pager-button-active-color: var(--rz-on-base-dark);
      --rz-carousel-pager-overlay-opacity: 0.7;
      --rz-carousel-pager-gap: 0.5rem;
      --rz-carousel-pager-height: 3rem;
      --rz-carousel-prev-next-button-border-radius: var(--rz-button-border-radius);
      --rz-carousel-prev-next-button-inset: 1rem;
      --rz-carousel-border-radius: var(--rz-card-border-radius);
      --rz-chart-axis-color: var(--rz-base-500);
      --rz-chart-axis-label-color: var(--rz-text-secondary-color);
      --rz-chart-axis-font-size: 0.875rem;
      --rz-chart-legend-font-size: 0.875rem;
      --rz-chart-legend-focus-outline: var(--rz-outline-focus);
      --rz-chart-legend-focus-outline-offset: var(--rz-outline-offset);
      --rz-chart-tooltip-background: var(--rz-base-background-color);
      --rz-chart-tooltip-color: var(--rz-text-color);
      --rz-chart-tooltip-border-radius: var(--rz-tooltip-border-radius);
      --rz-chart-tooltip-font-size: var(--rz-tooltip-font-size);
      --rz-chart-tooltip-item-border-radius: var(--rz-border-radius);
      --rz-chart-tooltip-item-hover-background-color: var(--rz-grid-stripe-background-color);
      --rz-chart-marker-stroke: var(--rz-base-background-color);
      --rz-chat-background-color: var(--rz-white);
      --rz-chat-border: var(--rz-border-base-300);
      --rz-chat-border-radius: calc(var(--rz-border-radius) * 3);
      --rz-chat-header-padding-block: 0.5rem;
      --rz-chat-header-padding-inline: 1rem 0.5rem;
      --rz-chat-header-background-color: var(--rz-base-background-color);
      --rz-chat-header-bottom-border: none;
      --rz-chat-header-shadow: none;
      --rz-chat-header-title-font-size: 1rem;
      --rz-chat-header-title-font-weight: 500;
      --rz-chat-message-user-color: var(--rz-on-primary-lighter);
      --rz-chat-message-user-background-color: var(--rz-primary-lighter);
      --rz-chat-message-assistant-color: var(--rz-on-base);
      --rz-chat-message-assistant-background-color: var(--rz-base);
      --rz-chat-message-text-padding: 0.5rem 1rem;
      --rz-chat-message-text-border-radius: calc(var(--rz-border-radius) * 5);
      --rz-chat-avatar-size: 2.5rem;
      --rz-chat-avatar-border-radius: 50%;
      --rz-chat-avatar-font-size: 1rem;
      --rz-chat-avatar-font-weight: 600;
      --rz-chat-message-time-padding: 0 1rem;
      --rz-chat-message-callout-radius: 0.25rem;
      --rz-checkbox-width: 1.125rem;
      --rz-checkbox-height: 1.125rem;
      --rz-checkbox-border-radius: 2px;
      --rz-checkbox-border-width: 2px;
      --rz-checkbox-label-margin-block: 0;
      --rz-checkbox-label-margin-inline: 1rem;
      --rz-checkbox-margin-block: 0;
      --rz-checkbox-margin-inline: 0;
      --rz-checkbox-focus-outline: var(--rz-outline-focus);
      --rz-checkbox-focus-outline-offset: var(--rz-outline-offset);
      --rz-checkbox-checked-background-color: var(--rz-primary);
      --rz-checkbox-checked-hover-background-color: var(--rz-primary);
      --rz-checkbox-checked-disabled-background-color: var(--rz-base-800);
      --rz-checkbox-checked-color: var(--rz-on-primary);
      --rz-checkbox-checked-shadow: none;
      --rz-checkbox-checked-border: var(--rz-border-primary);
      --rz-checkbox-checked-hover-border: var(--rz-border-primary);
      --rz-checkbox-checked-disabled-border: var(--rz-border-base-800);
      --rz-checkbox-checked-icon-background-color: transparent;
      --rz-checkbox-checked-icon-border-radius: 0;
      --rz-checkbox-icon-width: var(--rz-body-font-size);
      --rz-checkbox-icon-height: var(--rz-body-font-size);
      --rz-checkbox-icon-font-size: var(--rz-body-font-size);
      --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
      --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
      --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size);
      --rz-chip-background-color: var(--rz-base-200);
      --rz-chip-color: var(--rz-text-color);
      --rz-chip-padding-block: 0.125rem;
      --rz-chip-padding-inline: 0.75rem 0.125rem;
      --rz-chip-gap: 0.5rem;
      --rz-chip-border-radius: calc(var(--rz-border-radius) * 4);
      --rz-chip-font-size: 0.875rem;
      --rz-colorpicker-panel-border: none;
      --rz-colorpicker-panel-background-color: var(--rz-base-100);
      --rz-colorpicker-panel-shadow: var(--rz-shadow-2);
      --rz-colorpicker-panel-padding: 0.5rem;
      --rz-colorpicker-panel-max-width: 20rem;
      --rz-colorpicker-saturation-height: 200px;
      --rz-colorpicker-focus-outline: var(--rz-outline-focus);
      --rz-colorpicker-focus-outline-offset: var(--rz-outline-offset);
      --rz-colorpicker-value-border-radius: 1rem;
      --rz-colorpicker-items-gap: 0.5rem;
      --rz-colorpicker-item-size: 1.25rem;
      --rz-colorpicker-item-border-radius: 1rem;
      --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset,  rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
      --rz-colorpicker-item-selected-transform: scale(1.25);
      --rz-colorpicker-handle-size: 12px;
      --rz-colorpicker-handle-border: 2px solid var(--rz-white);
      --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px,  rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset,  rgba(0, 0, 0, 0.4) 0px 0px 1px 2px;
      --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem;
      --rz-colorpicker-hex-input-height: 2rem;
      --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
      --rz-colorpicker-rgba-input-height: 2rem;
      --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color);
      --rz-datafilter-item-padding-block: 0.25rem;
      --rz-datafilter-item-padding-inline-start: 2rem;
      --rz-datafilter-item-indentation: 0.25rem;
      --rz-datafilter-item-path-width: 1rem;
      --rz-datafilter-item-path-height: calc(0.25rem + var(--rz-input-height) / 2);
      --rz-datafilter-item-path-border: var(--rz-border-normal);
      --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius));
      --rz-datalist-background-color: var(--rz-base-background-color);
      --rz-datalist-shadow: var(--rz-shadow-1);
      --rz-datalist-padding: 0.5rem;
      --rz-datalist-border: none;
      --rz-datalist-border-radius: calc(var(--rz-border-radius) * 3);
      --rz-datalist-item-shadow: var(--rz-shadow-0);
      --rz-datalist-item-border: none;
      --rz-datalist-item-margin-block: 0.5rem;
      --rz-datalist-item-margin-inline: 0.5rem;
      --rz-datalist-item-padding: 1rem;
      --rz-datalist-item-background-color: rgba(116, 120, 126, 0.08);
      --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
      --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
      --rz-datepicker-line-height: 1.5rem;
      --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color);
      --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color);
      --rz-datepicker-popup-width: 22rem;
      --rz-datepicker-panel-border: none;
      --rz-datepicker-panel-background-color: var(--rz-base-50);
      --rz-datepicker-panel-shadow: var(--rz-shadow-2);
      --rz-datepicker-panel-margin: 0;
      --rz-datepicker-header-color: var(--rz-text-secondary-color);
      --rz-datepicker-header-background-color: transparent;
      --rz-datepicker-header-padding-block: 0.75rem;
      --rz-datepicker-header-padding-inline: 0.75rem;
      --rz-datepicker-header-border: none;
      --rz-datepicker-footer-padding: 0 0.75rem;
      --rz-datepicker-footer-line-height: 3rem;
      --rz-datepicker-prev-next-icon-size: 2rem;
      --rz-datepicker-prev-next-button-border-radius: 50%;
      --rz-datepicker-calendar-padding-block: 0 0.75rem;
      --rz-datepicker-calendar-padding-inline: 0.75rem;
      --rz-datepicker-calendar-item-padding: 0.625rem 0;
      --rz-datepicker-calendar-header-font-size: 0.75rem;
      --rz-datepicker-calendar-header-text-transform: uppercase;
      --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
      --rz-datepicker-calendar-font-size: 0.875rem;
      --rz-datepicker-calendar-color: var(--rz-text-color);
      --rz-datepicker-calendar-hover-color: var(--rz-text-title-color);
      --rz-datepicker-calendar-hover-background-color: var(--rz-base-300);
      --rz-datepicker-calendar-selected-color: var(--rz-on-primary);
      --rz-datepicker-calendar-selected-background-color: var(--rz-primary);
      --rz-datepicker-calendar-selected-hover-color: var(--rz-on-primary-dark);
      --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-dark);
      --rz-datepicker-calendar-border: none;
      --rz-datepicker-calendar-border-radius: 50%;
      --rz-datepicker-calendar-transition: var(--rz-transition-all);
      --rz-datepicker-calendar-today-color: var(--rz-primary);
      --rz-datepicker-calendar-today-background-color: transparent;
      --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px currentColor;
      --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius);
      --rz-datepicker-month-dropdown-width: 8.75rem;
      --rz-datepicker-year-dropdown-width: 6rem;
      --rz-datepicker-focus-outline: var(--rz-outline-focus);
      --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-timepicker-color: var(--rz-text-color);
      --rz-timepicker-background-color: transparent;
      --rz-timepicker-separator-color: var(--rz-text-color);
      --rz-timepicker-padding-block: 0.75rem;
      --rz-timepicker-padding-inline: 0.75rem;
      --rz-timepicker-hour-padding: 0.5rem;
      --rz-timepicker-button-color: var(--rz-text-color);
      --rz-timepicker-button-background-color: var(--rz-base-300);
      --rz-timepicker-button-width: 0.875rem;
      --rz-timepicker-button-height: 0.875rem;
      --rz-timepicker-button-border-radius: 2px;
      --rz-timepicker-button-padding: 0.5rem 1rem !important;
      --rz-timepicker-gap: 0.5rem;
      --rz-timepicker-separator-margin: 0 0.5rem;
      --rz-timepicker-border: var(--rz-border-base-300);
      --rz-dialog-background-color: var(--rz-base-200);
      --rz-dialog-shadow: var(--rz-shadow-0);
      --rz-dialog-title-background-color: var(--rz-base-200);
      --rz-dialog-title-border: none;
      --rz-dialog-title-padding-block: 1.5rem 0;
      --rz-dialog-title-padding-inline: 1.5rem;
      --rz-dialog-title-font-size: 1.5rem;
      --rz-dialog-title-line-height: 2rem;
      --rz-dialog-title-font-weight: 400;
      --rz-dialog-title-letter-spacing: normal;
      --rz-dialog-title-color: var(--rz-text-title-color);
      --rz-dialog-close-font-size: var(--rz-icon-size);
      --rz-dialog-close-color: var(--rz-text-color);
      --rz-dialog-close-hover-color: var(--rz-text-title-color);
      --rz-dialog-close-vertical-align: middle;
      --rz-dialog-content-padding: 1.5rem;
      --rz-dialog-mask-background-color: var(--rz-base-800);
      --rz-dialog-border-radius: calc(var(--rz-border-radius) * 7);
      --rz-dialog-mask-zindex: 1000;
      --rz-dialog-zindex: 1001;
      --rz-dialog-transition: 0.1s ease-in-out;
      --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
      --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
      --rz-dropdown-trigger-icon-margin-block: 0;
      --rz-dropdown-trigger-icon-margin-inline: 0 0.5rem;
      --rz-dropdown-horizontal-padding: 1rem;
      --rz-dropdown-panel-padding: 0 1rem;
      --rz-dropdown-items-margin: 0 -1rem;
      --rz-dropdown-items-padding: 0.5rem 0;
      --rz-dropdown-item-padding: 0.75rem 1rem;
      --rz-dropdown-item-font-size: var(--rz-input-font-size);
      --rz-dropdown-item-hover-background-color: var(--rz-base-300);
      --rz-dropdown-item-selected-background-color: var(--rz-secondary-lighter);
      --rz-dropdown-item-selected-shadow: none;
      --rz-dropdown-item-hover-color: var(--rz-text-color);
      --rz-dropdown-item-selected-color: var(--rz-on-secondary-lighter);
      --rz-dropdown-item-selected-hover-background-color: var(--rz-base-400);
      --rz-dropdown-item-selected-hover-color: var(--rz-text-color);
      --rz-dropdown-item-transition: none;
      --rz-dropdown-item-disabled-opacity: 0.2;
      --rz-dropdown-label-padding-block: 0;
      --rz-dropdown-label-padding-inline: 0 var(--rz-icon-size);
      --rz-dropdown-filter-border: var(--rz-border-normal);
      --rz-dropdown-filter-padding: 1rem 0 0.5rem;
      --rz-dropdown-open-background-color: var(--rz-base-100);
      --rz-dropdown-open-border: 2px solid var(--rz-primary);
      --rz-dropdown-panel-border: none;
      --rz-dropdown-panel-shadow: var(--rz-shadow-2);
      --rz-dropdown-chips-padding-block: 0.4375rem;
      --rz-dropdown-chips-padding-inline: 0.4375rem 0.9375rem;
      --rz-multiselect-checkbox-margin-block: 0;
      --rz-multiselect-checkbox-margin-inline: 0 1rem;
      --rz-editor-border: var(--rz-border-base-300);
      --rz-editor-border-radius: var(--rz-border-radius);
      --rz-editor-toolbar-background-color: var(--rz-base-background-color);
      --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
      --rz-editor-button-padding: 0.5rem;
      --rz-editor-button-background-color: var(--rz-base-background-color);
      --rz-editor-button-color: var(--rz-text-color);
      --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
      --rz-editor-button-selected-background-color: var(--rz-secondary-lighter);
      --rz-editor-button-selected-color: var(--rz-on-secondary-lighter);
      --rz-editor-separator-background-color: var(--rz-base-200);
      --rz-editor-content-background-color: var(--rz-base-background-color);
      --rz-editor-focus-outline: var(--rz-outline-focus);
      --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-fieldset-border: var(--rz-border-base-300);
      --rz-fieldset-border-radius: var(--rz-border-radius);
      --rz-fieldset-padding: 0 1rem 1rem;
      --rz-fieldset-legend-color: var(--rz-text-color);
      --rz-fieldset-legend-font-size: var(--rz-body-font-size);
      --rz-fieldset-legend-margin-block: 0 1rem;
      --rz-fieldset-legend-margin-inline: 0.5rem 0;
      --rz-fieldset-legend-padding-block: 0;
      --rz-fieldset-legend-padding-inline: 0.5rem;
      --rz-fieldset-toggle-width: 1.5rem;
      --rz-fieldset-toggle-margin-block: 0;
      --rz-fieldset-toggle-margin-inline: 0;
      --rz-fieldset-toggle-height: 1.5rem;
      --rz-fieldset-toggle-background-color: transparent;
      --rz-fieldset-toggle-color: var(--rz-text-tertiary-color);
      --rz-fieldset-toggle-font-size: 1.5rem;
      --rz-fieldset-toggle-border: none;
      --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus);
      --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset);
      --rz-footer-padding: 1rem;
      --rz-footer-background-color: var(--rz-base-100);
      --rz-footer-border: none;
      --rz-footer-color: var(--rz-text-color);
      --rz-footer-z: 2;
      --rz-form-field-margin-block: 0.5rem 0;
      --rz-form-field-margin-inline: 0;
      --rz-form-field-start-end-padding-block: 0;
      --rz-form-field-start-end-padding-inline: 0.75rem;
      --rz-form-field-filled-height: 3.375rem;
      --rz-form-field-filled-padding-block: 1.4375rem 0.4375rem;
      --rz-form-field-filled-padding-inline: 0.9375rem;
      --rz-form-field-filled-numeric-padding-block: 1.4375rem 0.4375rem;
      --rz-form-field-filled-numeric-padding-inline: 0.9375rem 1.25rem;
      --rz-form-field-filled-background-color: var(--rz-base-200);
      --rz-form-field-filled-hover-background-color: var(--rz-base-300);
      --rz-form-field-filled-border: var(--rz-border-width) solid var(--rz-base-200);
      --rz-form-field-filled-hover-border: var(--rz-border-width) solid var(--rz-base-300);
      --rz-form-field-filled-focus-border: var(--rz-border-width) solid var(--rz-base-200);
      --rz-form-field-filled-border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0;
      --rz-form-field-filled-label-floating-top: 0.5rem;
      --rz-form-field-filled-hover-shadow: none;
      --rz-form-field-filled-focus-shadow: none;
      --rz-form-field-filled-underline-display: block;
      --rz-form-field-shadow: none;
      --rz-form-field-hover-shadow: var(--rz-input-hover-shadow);
      --rz-form-field-focus-shadow: var(--rz-input-focus-shadow);
      --rz-form-field-label-color: var(--rz-text-color);
      --rz-form-field-label-focus-color: var(--rz-primary);
      --rz-form-field-label-padding: 0 0.25rem;
      --rz-form-field-text-label-padding: 0;
      --rz-form-field-label-inset-inline-start: 0.6875rem;
      --rz-form-field-label-textarea-top: 0.5rem;
      --rz-form-field-label-floating-top: -0.5625rem;
      --rz-form-field-label-floating-background-color: var(--rz-base-50);
      --rz-form-field-helper-padding: 0 1rem;
      --rz-form-error-color: var(--rz-danger);
      --rz-form-error-font-size: 0.75rem;
      --rz-validator-background-color: var(--rz-danger);
      --rz-validator-color: var(--rz-on-danger);
      --rz-validator-shadow: 0 6px 14px 0 rgba(211, 81, 83, 0.3);
      --rz-validator-text-padding: 0;
      --rz-validator-padding: 0.25rem 0.5rem;
      --rz-validator-pointer-size: 0.375rem;
      --rz-validator-transform: translateY(12px);
      --rz-gauge-scale-color: var(--rz-base-300);
      --rz-gauge-scale-label-color: var(--rz-text-tertiary-color);
      --rz-gauge-scale-font-size: var(--rz-body-font-size);
      --rz-gauge-pointer-color: var(--rz-text-secondary-color);
      --rz-gauge-arc-scale-color: var(--rz-base-300);
      --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color);
      --rz-gauge-arc-value-color: var(--rz-secondary);
      --rz-map-height: 10rem;
      --rz-map-padding: 1.25rem;
      --rz-map-background-color: var(--rz-base-background-color);
      --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
      --rz-gravatar-width: 2.5rem;
      --rz-gravatar-height: 2.5rem;
      --rz-gravatar-border-radius: 50%;
      --rz-gravatar-box-shadow: none;
      --rz-grid-data-border-shadow: none;
      --rz-grid-cell-border: var(--rz-border-base-300);
      --rz-grid-right-cell-border: none;
      --rz-grid-bottom-cell-border: var(--rz-border-base-300);
      --rz-grid-cell-padding: 0.625rem 1rem;
      --rz-grid-cell-color: var(--rz-text-color);
      --rz-grid-cell-font-size: 0.875rem;
      --rz-grid-cell-line-height: var(--rz-body-line-height);
      --rz-grid-cell-focus-background-color: var(--rz-base-200);
      --rz-grid-cell-focus-color: var(--rz-text-title-color);
      --rz-grid-cell-focus-outline: var(--rz-outline-focus);
      --rz-grid-cell-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-grid-hover-background-color: var(--rz-base-200);
      --rz-grid-hover-color: var(--rz-text-title-color);
      --rz-grid-focus-outline: var(--rz-outline-focus);
      --rz-grid-focus-outline-offset: var(--rz-outline-offset);
      --rz-grid-selected-background-color: var(--rz-secondary-lighter);
      --rz-grid-selected-color: var(--rz-on-secondary-lighter);
      --rz-grid-toolbar-background-color: var(--rz-base-background-color);
      --rz-grid-header-cell-border: none;
      --rz-grid-header-cell-border-bottom: var(--rz-border-base-400);
      --rz-grid-header-background-color: var(--rz-base-background-color);
      --rz-grid-header-font-size: 0.875rem;
      --rz-grid-header-line-height: 1.5rem;
      --rz-grid-header-font-weight: 500;
      --rz-grid-header-text-transform: none;
      --rz-grid-header-color: var(--rz-text-title-color);
      --rz-grid-header-cell-padding: 0.75rem 0;
      --rz-grid-header-title-padding-inline: 1rem 0;
      --rz-grid-header-sorted-background-color: var(--rz-base-200);
      --rz-grid-header-padding: 1rem;
      --rz-grid-foot-cell-color: var(--rz-text-color);
      --rz-grid-foot-background-color: var(--rz-base-100);
      --rz-grid-filter-background-color: var(--rz-base-100);
      --rz-grid-filter-padding: 0.5rem;
      --rz-grid-filter-margin: 0;
      --rz-grid-filter-border: none;
      --rz-grid-filter-font-size: 0.875rem;
      --rz-grid-filter-icon-width: var(--rz-icon-size);
      --rz-grid-filter-icon-height: var(--rz-icon-size);
      --rz-grid-filter-icon-margin-inline: 0 0.25rem;
      --rz-grid-filter-icon-font-size: 0.875rem;
      --rz-grid-filter-color: var(--rz-text-tertiary-color);
      --rz-grid-filter-focus-color: var(--rz-secondary);
      --rz-grid-filter-gap: 1rem;
      --rz-grid-filter-buttons-padding: 0 1rem 1rem;
      --rz-grid-filter-buttons-border: none;
      --rz-grid-filter-buttons-background-color: var(--rz-base-100);
      --rz-grid-filter-button-padding-inline: 1rem;
      --rz-grid-clear-filter-button-background-color: var(--rz-base-100);
      --rz-grid-clear-filter-button-color: var(--rz-text-color);
      --rz-grid-clear-filter-button-shadow: none;
      --rz-grid-apply-filter-button-background-color: var(--rz-base-100);
      --rz-grid-apply-filter-button-color: var(--rz-primary);
      --rz-grid-apply-filter-button-shadow: none;
      --rz-grid-header-filter-icon-margin-inline: auto 1rem;
      --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color);
      --rz-grid-header-filter-icon-active-color: var(--rz-primary);
      --rz-grid-header-filter-icon-font-size: 1.25rem;
      --rz-grid-simple-filter-icon-active-color: var(--rz-on-primary-lighter);
      --rz-grid-simple-filter-icon-active-background-color: var(--rz-primary-lighter);
      --rz-grid-border: var(--rz-border-base-300);
      --rz-grid-border-radius: calc(var(--rz-border-radius) * 3);
      --rz-grid-sort-icon-width: 1.25rem;
      --rz-grid-sort-icon-height: 1.25rem;
      --rz-grid-sort-icon-color: var(--rz-text-tertiary-color);
      --rz-grid-shadow: none;
      --rz-grid-background-color: var(--rz-white);
      --rz-grid-stripe-background-color: var(--rz-base-50);
      --rz-grid-stripe-odd-background-color: var(--rz-white);
      --rz-grid-column-resizer-width: 0.25rem;
      --rz-grid-column-resizer-helper-width: 0.125rem;
      --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
      --rz-grid-column-icon-width: 2rem;
      --rz-grid-column-icon-padding: 0;
      --rz-grid-detail-template-border: none;
      --rz-grid-detail-template-border-radius: 0;
      --rz-grid-detail-template-padding: 0;
      --rz-grid-detail-template-background-color: var(--rz-base-100);
      --rz-grid-loading-indicator-color: currentColor;
      --rz-grid-loading-indicator-background-color: var(--rz-base-600);
      --rz-grid-loading-indicator-background-opacity: 0.5;
      --rz-grid-frozen-cell-border: var(--rz-border-base-300);
      --rz-grid-frozen-cell-background-color: var(--rz-base-100);
      --rz-grid-state-transition: var(--rz-transition-all);
      --rz-grid-group-header-padding: 1rem;
      --rz-grid-group-header-gap: 0.5rem;
      --rz-grid-group-header-item-color: var(--rz-text-color);
      --rz-grid-group-header-item-background-color: var(--rz-base-200);
      --rz-grid-group-header-item-padding-block: 0.25rem;
      --rz-grid-group-header-item-padding-inline: 0.75rem 0.5rem;
      --rz-grid-group-header-item-border: var(--rz-border-base-200);
      --rz-grid-group-header-item-border-radius: calc(4 * var(--rz-border-radius));
      --rz-grid-group-header-item-title-margin-inline: 0 0.5rem;
      --rz-column-drag-handle-color: var(--rz-text-disabled-color);
      --rz-column-drag-handle-hover-color: var(--rz-text-title-color);
      --rz-column-drag-handle-margin-inline: 0;
      --rz-column-draggable-shadow: var(--rz-shadow-4);
      --rz-header-background-color: var(--rz-base-100);
      --rz-header-min-height: 3.125rem;
      --rz-header-z: 2;
      --rz-header-border: none;
      --rz-header-color: var(--rz-text-color);
      --rz-header-shadow: none;
      --rz-icon-font-family: Material Symbols;
      --rz-icon-size: 1.5rem;
      --rz-icon-fill: 0;
      --rz-icon-weight: inherit;
      --rz-icon-grade: 0;
      --rz-icon-optical-size: 40;
      --rz-input-font-size: var(--rz-body-font-size);
      --rz-input-height: 2.5rem;
      --rz-input-line-height: var(--rz-body-line-height);
      --rz-input-padding-block: 0.4375rem;
      --rz-input-padding-inline: 0.9375rem;
      --rz-input-value-color: var(--rz-text-color);
      --rz-input-placeholder-color: var(--rz-text-tertiary-color);
      --rz-input-background-color: transparent;
      --rz-input-border: var(--rz-border-normal);
      --rz-input-border-block-end: var(--rz-border-normal);
      --rz-input-border-radius: var(--rz-border-radius);
      --rz-input-shadow: none;
      --rz-input-hover-shadow: none;
      --rz-input-hover-background-color: var(--rz-base-background-color);
      --rz-input-hover-border: var(--rz-border-hover);
      --rz-input-hover-border-block-end: var(--rz-input-hover-border);
      --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary);
      --rz-input-focus-background-color: var(--rz-base-background-color);
      --rz-input-focus-border: var(--rz-border-focus);
      --rz-input-focus-border-block-end: var(--rz-input-focus-border);
      --rz-input-focus-outline: var(--rz-outline-normal);
      --rz-input-focus-outline-offset: 0;
      --rz-input-disabled-border: var(--rz-border-disabled);
      --rz-input-disabled-border-block-end: var(--rz-border-disabled);
      --rz-input-disabled-shadow: none;
      --rz-input-disabled-background-color: transparent;
      --rz-input-disabled-color: var(--rz-text-disabled-color);
      --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
      --rz-input-disabled-opacity: 1;
      --rz-input-transition: var(--rz-transition-all),  width 0,  height 0;
      --rz-layout-background-color: var(--rz-body-background-color);
      --rz-listbox-background-color: var(--rz-input-background-color);
      --rz-listbox-border-radius: var(--rz-input-border-radius);
      --rz-listbox-border: var(--rz-input-border);
      --rz-listbox-focus-border: var(--rz-input-focus-border);
      --rz-listbox-focus-shadow: var(--rz-input-focus-shadow);
      --rz-listbox-filter-border: var(--rz-border-base-200);
      --rz-listbox-padding: 0;
      --rz-listbox-item-padding: var(--rz-dropdown-item-padding);
      --rz-listbox-item-margin: 0;
      --rz-listbox-checkbox-margin-block: 0;
      --rz-listbox-checkbox-margin-inline: 0 1rem;
      --rz-listbox-header-padding-block: 0.75rem;
      --rz-listbox-header-padding-inline: 1rem;
      --rz-listbox-header-icon-width: var(--rz-icon-size);
      --rz-listbox-header-icon-height: var(--rz-icon-size);
      --rz-listbox-header-icon-margin: 0;
      --rz-login-register-background-color: rgba(0, 0, 0, 0.04);
      --rz-login-register-padding-block: 1rem;
      --rz-login-register-padding-inline: 1rem;
      --rz-login-register-margin-block: 2rem 0;
      --rz-login-register-margin-inline: 0;
      --rz-login-register-button-margin-block: 0;
      --rz-login-register-button-margin-inline: 0;
      --rz-lookup-panel-background-color: transparent;
      --rz-lookup-panel-padding: 1rem;
      --rz-lookup-search-gap: 0.5rem;
      --rz-lookup-search-margin-bottom: 0.5rem;
      --rz-menu-background-color: var(--rz-base-100);
      --rz-menu-border: none;
      --rz-menu-border-radius: var(--rz-border-radius);
      --rz-menu-item-padding-block: 0.5rem;
      --rz-menu-item-padding-inline: 1rem;
      --rz-menu-item-border-radius: 0;
      --rz-menu-item-color: var(--rz-text-color);
      --rz-menu-item-hover-color: var(--rz-text-color);
      --rz-menu-item-hover-background-color: var(--rz-base-300);
      --rz-menu-item-focus-outline: var(--rz-outline-focus);
      --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-menu-item-selected-color: var(--rz-primary);
      --rz-menu-item-selected-background-color: transparent;
      --rz-menu-item-icon-margin-inline: 0 0.5rem;
      --rz-menu-item-icon-color: var(--rz-text-color);
      --rz-menu-item-icon-hover-color: var(--rz-text-color);
      --rz-menu-item-offset: 1rem;
      --rz-menu-item-transition: none;
      --rz-menu-item-disabled-opacity: 0.2;
      --rz-menu-top-item-padding-block: 0.5rem;
      --rz-menu-top-item-padding-inline: 0.5rem;
      --rz-menu-top-item-border-radius: 0;
      --rz-menu-top-item-color: var(--rz-text-color);
      --rz-menu-top-item-background-color: var(--rz-base-100);
      --rz-menu-top-item-hover-color: var(--rz-text-color);
      --rz-menu-top-item-hover-background-color: transparent;
      --rz-menu-top-item-selected-color: var(--rz-primary);
      --rz-menu-top-item-selected-background-color: transparent;
      --rz-menu-top-item-icon-color: var(--rz-text-color);
      --rz-menu-top-item-icon-hover-color: var(--rz-text-color);
      --rz-context-menu-padding-block: 0.5rem;
      --rz-context-menu-padding-inline: 0;
      --rz-context-menu-box-shadow: var(--rz-shadow-2);
      --rz-notification-padding: 1rem 1.25rem;
      --rz-notification-gap: 0.625rem;
      --rz-notification-icon-margin: 0;
      --rz-notification-container-background-color: transparent;
      --rz-notification-shadow: var(--rz-shadow-2);
      --rz-notification-border-radius: calc(var(--rz-border-radius) * 3);
      --rz-notification-success-color: var(--rz-on-success);
      --rz-notification-success-background-color: var(--rz-success);
      --rz-notification-success-icon-color: var(--rz-on-success);
      --rz-notification-warning-color: var(--rz-on-warning);
      --rz-notification-warning-background-color: var(--rz-warning);
      --rz-notification-warning-icon-color: var(--rz-on-warning);
      --rz-notification-error-color: var(--rz-on-danger);
      --rz-notification-error-background-color: var(--rz-danger);
      --rz-notification-error-icon-color: var(--rz-on-danger);
      --rz-notification-info-color: var(--rz-on-info);
      --rz-notification-info-background-color: var(--rz-info);
      --rz-notification-info-icon-color: var(--rz-on-info);
      --rz-numeric-line-height: var(--rz-body-line-height);
      --rz-numeric-input-padding-block: 0.4375rem;
      --rz-numeric-input-padding-inline: 0.9375rem 1.25rem;
      --rz-numeric-button-width: 1rem;
      --rz-numeric-button-height: 1rem;
      --rz-numeric-button-offset: 2px;
      --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
      --rz-numeric-button-background-color: transparent;
      --rz-numeric-button-disabled-background-color: transparent;
      --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
      --rz-numeric-button-color: var(--rz-text-color);
      --rz-overlay-shadow: var(--rz-shadow-2);
      --rz-overlay-border: none;
      --rz-overlay-background-color: var(--rz-base-100);
      --rz-pager-background-color: transparent;
      --rz-pager-padding: 0.5rem 1rem;
      --rz-pager-gap: 0.5rem;
      --rz-pager-border: none;
      --rz-pager-button-border-radius: 2rem;
      --rz-pager-numeric-button-background-color: transparent;
      --rz-pager-numeric-button-color: var(--rz-text-color);
      --rz-pager-numeric-button-border: none;
      --rz-pager-numeric-button-hover-background-color: var(--rz-base-100);
      --rz-pager-numeric-button-hover-color: var(--rz-text-title-color);
      --rz-pager-numeric-button-padding: 0.75rem 1rem;
      --rz-pager-numeric-button-selected-background-color: var(--rz-secondary-lighter);
      --rz-pager-numeric-button-selected-color: var(--rz-on-secondary-lighter);
      --rz-pager-numeric-button-selected-border: none;
      --rz-pager-numeric-button-selected-padding: 0.75rem 1rem;
      --rz-pager-numeric-button-min-width: 3rem;
      --rz-pager-back-button-background-color: transparent;
      --rz-pager-back-button-color: var(--rz-text-color);
      --rz-pager-next-button-background-color: transparent;
      --rz-pager-next-button-color: var(--rz-text-color);
      --rz-pager-dropdown-width: 80px;
      --rz-pager-summary-padding: 1.25rem;
      --rz-pager-summary-font-size: 0.875rem;
      --rz-pager-summary-color: var(--rz-text-tertiary-color);
      --rz-panel-menu-padding-block: 0.5rem;
      --rz-panel-menu-padding-inline: 0;
      --rz-panel-menu-font-size: calc(var(--rz-body-font-size) * 0.875);
      --rz-panel-menu-font-weight: 500;
      --rz-panel-menu-focus-outline: var(--rz-outline-focus);
      --rz-panel-menu-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-panel-menu-item-line-height: 1.5rem;
      --rz-panel-menu-item-padding-block: 0.75rem;
      --rz-panel-menu-item-padding-inline: 1rem;
      --rz-panel-menu-item-margin-block: 0;
      --rz-panel-menu-item-margin-inline: 0.5rem;
      --rz-panel-menu-item-border: var(--rz-border-base-100);
      --rz-panel-menu-item-border-radius: calc(var(--rz-border-radius) * 5.75);
      --rz-panel-menu-item-color: var(--rz-text-title-color);
      --rz-panel-menu-item-background-color: var(--rz-base-100);
      --rz-panel-menu-item-hover-color: var(--rz-text-color);
      --rz-panel-menu-item-hover-background-color: var(--rz-base-300);
      --rz-panel-menu-item-active-color: var(--rz-on-secondary-lighter);
      --rz-panel-menu-item-active-background-color: var(--rz-secondary-lighter);
      --rz-panel-menu-item-active-indicator: var(--rz-secondary);
      --rz-panel-menu-item-offset: 0;
      --rz-panel-menu-item-transition: color var(--rz-transition),  background-color var(--rz-transition);
      --rz-panel-menu-2nd-level-vertical-offset: 0.5rem;
      --rz-panel-menu-item-2nd-level-padding-block: 0.625rem;
      --rz-panel-menu-item-2nd-level-padding-inline: 1rem 0.625rem;
      --rz-panel-menu-item-2nd-level-margin-block: 0;
      --rz-panel-menu-item-2nd-level-margin-inline: 0.5rem;
      --rz-panel-menu-item-2nd-level-border-radius: calc(var(--rz-border-radius) * 5.5);
      --rz-panel-menu-item-2nd-level-offset: 3rem;
      --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size) * 0.875);
      --rz-panel-menu-item-2nd-level-font-weight: 400;
      --rz-panel-menu-item-2nd-level-color: var(--rz-text-secondary-color);
      --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-100);
      --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-color);
      --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-300);
      --rz-panel-menu-item-2nd-level-active-color: var(--rz-on-secondary-lighter);
      --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-secondary-lighter);
      --rz-panel-menu-item-2nd-level-active-font-weight: 500;
      --rz-panel-menu-item-3rd-level-color: var(--rz-text-secondary-color);
      --rz-panel-menu-item-3rd-level-background-color: var(--rz-base-100);
      --rz-panel-menu-item-3rd-level-hover-color: var(--rz-text-color);
      --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-300);
      --rz-panel-menu-item-3rd-level-active-color: var(--rz-on-secondary-lighter);
      --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-secondary-lighter);
      --rz-panel-menu-icon-width: var(--rz-icon-size);
      --rz-panel-menu-icon-font-size: var(--rz-icon-size);
      --rz-panel-menu-icon-color: var(--rz-text-secondary-color);
      --rz-panel-menu-icon-height: var(--rz-icon-size);
      --rz-panel-menu-icon-margin-inline: 0 1rem;
      --rz-panel-menu-icon-2nd-level-margin-inline: -2.25rem 1rem;
      --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8);
      --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
      --rz-panel-menu-toggle-icon-opacity: 1;
      --rz-panel-background-color: var(--rz-base-background-color);
      --rz-panel-padding: 1rem;
      --rz-panel-title-line-height: 1.5rem;
      --rz-panel-title-font-weight: 500;
      --rz-panel-content-margin: 0;
      --rz-panel-toggle-icon-width: var(--rz-icon-size);
      --rz-panel-toggle-icon-height: var(--rz-icon-size);
      --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
      --rz-panel-toggle-icon-border-radius: 2px;
      --rz-panel-toggle-icon-background-color: transparent;
      --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus);
      --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset);
      --rz-panel-hover-color: var(--rz-text-title-color);
      --rz-panel-border-radius: calc(var(--rz-border-radius) * 3);
      --rz-panel-shadow: var(--rz-shadow-1);
      --rz-profile-menu-background-color: var(--rz-base-100);
      --rz-profile-menu-top-item-background-color: var(--rz-base-100);
      --rz-profile-menu-border: none;
      --rz-profile-menu-padding-block: 0.5rem;
      --rz-profile-menu-padding-inline: 1rem;
      --rz-profile-menu-border-radius: var(--rz-border-radius);
      --rz-profile-menu-toggle-button-color: var(--rz-text-color);
      --rz-profile-menu-item-hover-background-color: var(--rz-base-300);
      --rz-profile-menu-item-focus-outline: var(--rz-outline-focus);
      --rz-profile-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-profile-menu-item-icon-width: var(--rz-icon-size);
      --rz-profile-menu-item-icon-height: var(--rz-icon-size);
      --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
      --rz-profile-menu-item-icon-margin-inline: 0 0.5rem;
      --rz-progressbar-value: 100%;
      --rz-progressbar-background-color: var(--rz-base-400);
      --rz-progressbar-color: var(--rz-text-color);
      --rz-progressbar-font-size: var(--rz-body-font-size);
      --rz-progressbar-height: 0.25rem;
      --rz-progressbar-border-radius: 0;
      --rz-progressbar-value-background-color: var(--rz-primary);
      --rz-progressbar-value-transition: var(--rz-transition-all);
      --rz-progressbar-circular-stroke-width: 0;
      --rz-progressbar-circular-value-stroke-width: 3px;
      --rz-progressbar-circular-value-endpoint: square;
      --rz-radio-width: 1.25rem;
      --rz-radio-height: 1.25rem;
      --rz-radio-border-radius: 50%;
      --rz-radio-border-width: 2px;
      --rz-radio-label-margin-block: 0;
      --rz-radio-label-margin-inline: 1rem;
      --rz-radio-margin-block: 0;
      --rz-radio-margin-inline: 0;
      --rz-radio-focus-outline: var(--rz-outline-focus);
      --rz-radio-focus-outline-offset: var(--rz-outline-offset);
      --rz-radio-active-background-color: var(--rz-base-background-color);
      --rz-radio-active-shadow: none;
      --rz-radio-checked-background-color: var(--rz-base-background-color);
      --rz-radio-checked-hover-background-color: var(--rz-base-background-color);
      --rz-radio-checked-hover-shadow: none;
      --rz-radio-checked-color: var(--rz-text-contrast-color);
      --rz-radio-circle-background-color: var(--rz-primary);
      --rz-radio-circle-shadow: none;
      --rz-radio-circle-hover-background-color: var(--rz-primary-light);
      --rz-radio-icon-width: 0.625rem;
      --rz-radio-icon-height: 0.625rem;
      --rz-radio-checked-border: var(--rz-border-primary);
      --rz-rating-color: var(--rz-text-secondary-color);
      --rz-rating-opacity: 1;
      --rz-rating-font-size: var(--rz-icon-size);
      --rz-rating-selected-color: var(--rz-primary);
      --rz-rating-focus-color: var(--rz-primary-darker);
      --rz-rating-disabled-color: var(--rz-text-disabled-color);
      --rz-rating-disabled-opacity: 0.5;
      --rz-rating-ban-icon: highlight_off;
      --rz-rating-ban-icon-color: var(--rz-text-disabled-color);
      --rz-sankey-node-stroke-width: 0;
      --rz-sankey-link-stroke-width: 0;
      --rz-sankey-link-opacity: 0.5;
      --rz-sankey-link-hover-opacity: 0.7;
      --rz-sankey-label-font-size: 0.875rem;
      --rz-sankey-label-color: var(--rz-text-color);
      --rz-sankey-label-stroke: var(--rz-body-background-color);
      --rz-sankey-label-stroke-width: 2px;
      --rz-scheduler-border: var(--rz-border-base-300);
      --rz-scheduler-border-color: var(--rz-base-300);
      --rz-scheduler-minor-border-color: var(--rz-base-200);
      --rz-scheduler-border-radius: calc(var(--rz-border-radius) * 3);
      --rz-scheduler-shadow: var(--rz-shadow-0);
      --rz-scheduler-background-color: var(--rz-base-background-color);
      --rz-scheduler-color: var(--rz-text-tertiary-color);
      --rz-scheduler-toolbar-padding: 0.5rem;
      --rz-scheduler-toolbar-background-color: var(--rz-base-background-color);
      --rz-scheduler-toolbar-title-font-size: 1.5rem;
      --rz-scheduler-toolbar-title-font-weight: 700;
      --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
      --rz-scheduler-prev-next-button-background-color: var(--rz-base-background-color);
      --rz-scheduler-prev-next-button-color: var(--rz-text-color);
      --rz-scheduler-prev-next-button-padding-block: 0.5rem;
      --rz-scheduler-prev-next-button-padding-inline: 0.5rem;
      --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size);
      --rz-scheduler-prev-button-border-start-start-radius: 2rem;
      --rz-scheduler-prev-button-border-start-end-radius: 2rem;
      --rz-scheduler-prev-button-border-end-start-radius: 2rem;
      --rz-scheduler-prev-button-border-end-end-radius: 2rem;
      --rz-scheduler-next-button-border-start-start-radius: 2rem;
      --rz-scheduler-next-button-border-start-end-radius: 2rem;
      --rz-scheduler-next-button-border-end-start-radius: 2rem;
      --rz-scheduler-next-button-border-end-end-radius: 2rem;
      --rz-scheduler-today-button-margin-inline-start: 1rem;
      --rz-scheduler-today-button-padding: 0.5rem 1rem;
      --rz-scheduler-today-button-font-size: 0.875rem;
      --rz-scheduler-today-button-text-transform: capitalize;
      --rz-scheduler-view-button-border: var(--rz-border-base-600);
      --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
      --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
      --rz-scheduler-view-selected-color: var(--rz-on-secondary-lighter);
      --rz-scheduler-view-selected-background-color: var(--rz-secondary-lighter);
      --rz-scheduler-view-selected-border-color: var(--rz-base-600);
      --rz-scheduler-header-background-color: var(--rz-base-background-color);
      --rz-scheduler-header-font-size: 0.75rem;
      --rz-scheduler-header-font-size-small: 0.5rem;
      --rz-scheduler-header-text-transform: normal;
      --rz-scheduler-header-color: inherit;
      --rz-scheduler-header-border: var(--rz-border-base-300);
      --rz-scheduler-header-padding: 0.5rem 0;
      --rz-scheduler-event-color: var(--rz-on-primary);
      --rz-scheduler-event-background-color: var(--rz-primary);
      --rz-scheduler-event-font-size: 0.75rem;
      --rz-scheduler-event-line-height: 1.25rem;
      --rz-scheduler-event-padding-block: 0 1px;
      --rz-scheduler-event-padding-inline: 1px;
      --rz-scheduler-event-content-padding: 0.125rem 0.5rem;
      --rz-scheduler-event-list-button-color: var(--rz-secondary);
      --rz-scheduler-event-list-button-font-size: 0.75rem;
      --rz-scheduler-slot-title-font-size: 0.875rem;
      --rz-scheduler-slot-title-font-size-small: 0.6rem;
      --rz-scheduler-slot-title-padding: 0 0.25rem;
      --rz-scheduler-day-number-padding: 0 0.5rem;
      --rz-scheduler-weekend-color: var(--rz-text-tertiary-color);
      --rz-scheduler-weekend-background-color: var(--rz-base-100);
      --rz-scheduler-other-month-background-color: var(--rz-base-200);
      --rz-scheduler-timeline-slot-width: 7rem;
      --rz-scheduler-timeline-slot-height: 7rem;
      --rz-scheduler-year-padding: 1.5rem;
      --rz-scheduler-year-slot-padding: 0.25rem;
      --rz-scheduler-year-slot-title-width: fit-content;
      --rz-scheduler-year-slot-title-border-radius: 50%;
      --rz-scheduler-planner-slot-width: 3rem;
      --rz-scheduler-planner-slot-height: 4.5rem;
      --rz-scheduler-focus-outline: var(--rz-outline-focus);
      --rz-scheduler-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-scheduler-highlight-background-color: rgba(255, 220, 40, 0.2);
      --rz-scrollbar-background-color: transparent;
      --rz-scrollbar-color: rgba(0, 0, 0, 0.12);
      --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
      --rz-scrollbar-size: 16px;
      --rz-security-code-input-min-width: var(--rz-input-height);
      --rz-security-code-input-min-height: var(--rz-input-height);
      --rz-security-code-input-padding: 0.125rem;
      --rz-security-code-input-font-size: 1.25rem;
      --rz-security-code-input-font-weight: 600;
      --rz-security-code-input-line-height: 1;
      --rz-selectbar-background-color: var(--rz-base-background-color);
      --rz-selectbar-color: var(--rz-text-color);
      --rz-selectbar-border: var(--rz-border-base-600);
      --rz-selectbar-selected-background-color: var(--rz-secondary-lighter);
      --rz-selectbar-selected-color: var(--rz-on-secondary-lighter);
      --rz-selectbar-selected-border: var(--rz-border-base-600);
      --rz-selectbar-border-radius: calc(var(--rz-border-radius) * 7);
      --rz-selectbar-focus-outline: var(--rz-outline-focus);
      --rz-selectbar-focus-outline-offset: var(--rz-outline-offset);
      --rz-selectbar-button-focus-outline: var(--rz-outline-width) solid var(--rz-text-color);
      --rz-selectbar-button-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-sidebar-toggle-icon-width: 1.5rem;
      --rz-sidebar-toggle-icon-height: 1.5rem;
      --rz-sidebar-toggle-margin-inline-end: 1rem;
      --rz-sidebar-toggle-padding: 0.8125rem;
      --rz-sidebar-toggle-border: none;
      --rz-sidebar-toggle-color: var(--rz-text-color);
      --rz-sidebar-toggle-background-color: transparent;
      --rz-sidebar-toggle-hover-color: var(--rz-on-primary-light);
      --rz-sidebar-toggle-hover-background-color: var(--rz-primary-light);
      --rz-sidebar-toggle-hover-border-radius: 50%;
      --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus);
      --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset));
      --rz-sidebar-z: 1;
      --rz-sidebar-width: 300px;
      --rz-sidebar-border-inline-end: none;
      --rz-sidebar-background-color: var(--rz-base-100);
      --rz-sidebar-color: var(--rz-text-color);
      --rz-skeleton-background-color: var(--rz-base-200);
      --rz-skeleton-animation-color: var(--rz-base-50);
      --rz-skeleton-border-radius: var(--rz-border-radius);
      --rz-skeleton-animation-duration: 1.5s;
      --rz-slider-background-color: var(--rz-base-400);
      --rz-slider-border: none;
      --rz-slider-border-radius: var(--rz-border-radius);
      --rz-slider-horizontal-height: 4px;
      --rz-slider-horizontal-width: 10rem;
      --rz-slider-range-background-color: var(--rz-primary);
      --rz-slider-range-border: none;
      --rz-slider-handle-width: 20px;
      --rz-slider-handle-height: 20px;
      --rz-slider-handle-color: var(--rz-on-secondary);
      --rz-slider-handle-background-color: var(--rz-primary);
      --rz-slider-handle-border: none;
      --rz-slider-handle-border-radius: 50%;
      --rz-slider-handle-shadow: var(--rz-shadow-1);
      --rz-slider-handle-transition: background-color var(--rz-transition),  color var(--rz-transition),  border var(--rz-transition),  box-shadow var(--rz-transition);
      --rz-slider-handle-hover-background-color: var(--rz-primary);
      --rz-slider-handle-hover-border: none;
      --rz-slider-handle-hover-shadow: var(--rz-shadow-1),  0px 0px 0px 10px var(--rz-primary-lighter);
      --rz-slider-handle-focus-outline: var(--rz-outline-focus);
      --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset);
      --rz-slider-disabled-background-color: var(--rz-base-500);
      --rz-slider-disabled-border: none;
      --rz-slider-disabled-range-background-color: var(--rz-base-700);
      --rz-slider-disabled-range-border: none;
      --rz-slider-disabled-handle-border: none;
      --rz-slider-disabled-handle-background-color: var(--rz-base-700);
      --rz-splitbutton-menu-shadow: var(--rz-shadow-2);
      --rz-splitbutton-menu-min-width: 10rem;
      --rz-splitbutton-background-color: var(--rz-primary);
      --rz-splitbutton-border-radius: var(--rz-border-radius);
      --rz-splitter-bar-color: var(--rz-text-secondary-color);
      --rz-splitter-bar-color-active: var(--rz-on-primary);
      --rz-splitter-bar-background-color: var(--rz-base-200);
      --rz-splitter-bar-background-color-active: var(--rz-primary);
      --rz-splitter-bar-hover-opacity: 1;
      --rz-gap: 1rem;
      --rz-row-gap: 1rem;
      --rz-steps-color: var(--rz-text-tertiary-color);
      --rz-steps-number-border-radius: 50%;
      --rz-steps-number-padding-block: 0.25rem;
      --rz-steps-number-padding-inline: 0;
      --rz-steps-number-width: 2rem;
      --rz-steps-number-height: 2rem;
      --rz-steps-number-line-height: var(--rz-body-line-height);
      --rz-steps-number-color: var(--rz-text-contrast-color);
      --rz-steps-number-background-color: var(--rz-base-500);
      --rz-steps-number-selected-color: var(--rz-on-secondary);
      --rz-steps-number-selected-background: var(--rz-secondary);
      --rz-steps-number-focus-outline: var(--rz-outline-focus);
      --rz-steps-number-focus-outline-offset: var(--rz-outline-offset);
      --rz-steps-title-selected-color: var(--rz-secondary);
      --rz-steps-title-margin-block: 0;
      --rz-steps-title-margin-inline: 0.5rem 1rem;
      --rz-steps-buttons-padding-block: 1rem;
      --rz-steps-buttons-padding-inline: 0;
      --rz-steps-button-color: var(--rz-text-secondary-color);
      --rz-switch-background-color: var(--rz-base-400);
      --rz-switch-checked-background-color: var(--rz-primary);
      --rz-switch-box-shadow: none;
      --rz-switch-circle-background-color: var(--rz-base-700);
      --rz-switch-checked-circle-background-color: var(--rz-on-primary);
      --rz-switch-focus-outline: var(--rz-outline-focus);
      --rz-switch-focus-outline-offset: var(--rz-outline-offset);
      --rz-tabs-padding: 1rem;
      --rz-tabs-shadow: none;
      --rz-tabs-border: none;
      --rz-tabs-border-radius: 0;
      --rz-tabs-background-color: transparent;
      --rz-tabs-tab-font-size: 0.875rem;
      --rz-tabs-tab-line-height: 1.5rem;
      --rz-tabs-tab-font-weight: 500;
      --rz-tabs-tab-text-transform: none;
      --rz-tabs-tab-letter-spacing: 0.1px;
      --rz-tabs-tab-padding-block: 0.75rem;
      --rz-tabs-tab-padding-inline: 1rem;
      --rz-tabs-tab-background-color: transparent;
      --rz-tabs-tab-color: var(--rz-text-secondary-color);
      --rz-tabs-tab-selected-background-color: var(--rz-tabs-background-color);
      --rz-tabs-tab-selected-color: var(--rz-primary);
      --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
      --rz-tabs-tab-hover-background-color: transparent;
      --rz-tabs-tab-hover-color: var(--rz-primary);
      --rz-tabs-tab-focus-background-color: var(--rz-base-background-color);
      --rz-tabs-tab-focus-color: var(--rz-primary);
      --rz-tabs-tab-focus-outline: var(--rz-outline-focus);
      --rz-tabs-tab-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-tabs-icon-font-size: var(--rz-icon-size);
      --rz-tabs-icon-margin-inline: -0.25rem 0.25rem;
      --rz-tabs-transition: var(--rz-transition-all);
      --rz-text-area-padding-block: var(--rz-input-padding-block);
      --rz-text-area-padding-inline: var(--rz-input-padding-inline);
      --rz-timeline-item-padding: 1rem;
      --rz-timeline-axis-size: 4rem;
      --rz-timeline-point-size: 1rem;
      --rz-timeline-point-border: 3px solid var(--rz-base-background-color);
      --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12);
      --rz-timeline-point-background-color: var(--rz-base-500);
      --rz-timeline-point-color: var(--rz-text-color);
      --rz-timeline-line-color: var(--rz-base-500);
      --rz-timeline-line-width: 0.125rem;
      --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20);
      --rz-timespanpicker-line-height: 1.5rem;
      --rz-timespanpicker-trigger-icon-width: var(--rz-icon-size);
      --rz-timespanpicker-trigger-icon-height: var(--rz-icon-size);
      --rz-timespanpicker-trigger-icon-color: var(--rz-text-secondary-color);
      --rz-timespanpicker-trigger-icon-hover-color: var(--rz-text-title-color);
      --rz-timespanpicker-focus-outline: var(--rz-outline-focus);
      --rz-timespanpicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-timespanpicker-popup-border: none;
      --rz-timespanpicker-popup-shadow: var(--rz-shadow-2);
      --rz-timespanpicker-popup-margin: 0;
      --rz-timespanpicker-popup-width: fit-content;
      --rz-timespanpicker-panel-background-color: var(--rz-base-background-color);
      --rz-timespanpicker-panel-padding: 0.75rem;
      --rz-timespanpicker-panel-gap: 0.5rem;
      --rz-timespanpicker-panel-unit-gap: 0.25rem;
      --rz-timespanpicker-panel-field-min-width: 5rem;
      --rz-timespanpicker-unit-label-color: var(--rz-text-tertiary-color);
      --rz-toc-link-padding-block: 0.5rem;
      --rz-toc-link-padding-inline: 1rem;
      --rz-toc-link-font-size: calc(var(--rz-body-font-size) * 0.875);
      --rz-toc-link-font-weight: 400;
      --rz-toc-link-border: var(--rz-border-width) solid transparent;
      --rz-toc-link-border-radius: calc(var(--rz-border-radius) * 8);
      --rz-toc-link-color: var(--rz-text-color);
      --rz-toc-link-background-color: transparent;
      --rz-toc-link-hover-color: var(--rz-text-title-color);
      --rz-toc-link-hover-background-color: var(--rz-base-200);
      --rz-toc-link-selected-border: var(--rz-border-width) solid var(--rz-base-700);
      --rz-toc-link-selected-color: var(--rz-text-title-color);
      --rz-toc-link-selected-background-color: transparent;
      --rz-toc-link-selected-indicator-color: transparent;
      --rz-toc-link-selected-indicator-size: 0.125rem;
      --rz-toc-link-selected-indicator-inset-block: 0.5rem;
      --rz-toc-link-selected-indicator-inset-inline: 0 auto;
      --rz-toc-horizontal-shadow: var(--rz-shadow-3);
      --rz-toc-horizontal-border-radius: calc(var(--rz-border-radius) * 8);
      --rz-toc-horizontal-background-color: var(--rz-base-background-color);
      --rz-toc-horizontal-link-padding-block: 1.25rem;
      --rz-toc-horizontal-link-padding-inline: 1.25rem;
      --rz-toc-horizontal-link-font-size: var(--rz-body-font-size);
      --rz-toc-horizontal-link-selected-indicator-inset-block: auto 0;
      --rz-toc-horizontal-link-selected-indicator-inset-inline: 0.5rem;
      --rz-toc-horizontal-link-selected-border: var(--rz-border-width) solid transparent;
      --rz-toc-horizontal-link-selected-color: var(--rz-on-primary-lighter);
      --rz-toc-horizontal-link-selected-background-color: var(--rz-primary-lighter);
      --rz-toc-link-selected-indicator-border-radius: 0;
      --rz-tooltip-background-color: var(--rz-base-800);
      --rz-tooltip-color: var(--rz-white);
      --rz-tooltip-shadow: none;
      --rz-tooltip-padding: 0.25rem 0.5rem;
      --rz-tooltip-border-radius: var(--rz-border-radius);
      --rz-tooltip-font-size: 0.75rem;
      --rz-tree-background-color: transparent;
      --rz-tree-node-padding-block: 0.25rem;
      --rz-tree-node-padding-inline: 0.5rem;
      --rz-tree-node-selected-background-color: var(--rz-secondary-lighter);
      --rz-tree-node-selected-color: var(--rz-on-secondary-lighter);
      --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius) * 5);
      --rz-tree-node-margin-block: 0;
      --rz-tree-node-margin-inline: 0;
      --rz-tree-node-hover-background-color: var(--rz-base-400);
      --rz-tree-node-hover-color: var(--rz-text-color);
      --rz-tree-node-focus-outline: var(--rz-outline-focus);
      --rz-tree-node-focus-outline-offset: calc(-1 * var(--rz-outline-width));
      --rz-tree-node-toggle-width: 2rem;
      --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
      --rz-tree-node-toggle-hover-color: var(--rz-text-color);
      --rz-tree-transition: var(--rz-transition-all),  width 0,  height 0;
      --rz-upload-button-bar-background-color: var(--rz-base-100);
      --rz-upload-button-bar-padding: 0.5rem;
      --rz-upload-button-bar-border-radius: calc(var(--rz-border-radius) * 5);
      --rz-upload-files-background-color: var(--rz-base-background-color);
      --rz-upload-files-padding: 0.5rem 0;
      --rz-upload-files-remove-background-color: var(--rz-base-200);
      --rz-upload-files-remove-color: var(--rz-text-color);
      --rz-upload-files-margin: 0 0.5rem;
      --rz-upload-choose-background-color: var(--rz-base-200);
      --rz-upload-choose-color: var(--rz-text-color);
      --rz-upload-choose-hover-background-color: var(--rz-base-200);
      --rz-upload-choose-hover-color: var(--rz-text-title-color);
      --rz-upload-choose-active-background-color: var(--rz-base-200);
      --rz-upload-choose-active-color: var(--rz-text-title-color);
      --rz-upload-cancel-background-color: var(--rz-base-200);
      --rz-upload-cancel-color: var(--rz-text-color);
      --rz-upload-button-background-color: var(--rz-primary)
  }