@charset "UTF-8";
/*!
* WS Starter
* Designed by LRS Web Solutions (http://lrswebsolutions.com)
* Visit http://lrswebsolutions.com
*/
@font-face {
  font-family: PrimaryFont;
  src: url(https://fonts.google.com/share?selection.family=Source+Sans+3:ital,wght@0,200..900;1,200..900);
}
@font-face {
  font-family: SecondaryFont;
  src: url(https://fonts.google.com/share?selection.family=Source+Sans+3:ital,wght@0,200..900;1,200..900);
}
:root {
  --primary-color: #0b0d0e;
  --secondary-color: #24b4c1;
  --accent-one-color: #1a1a1a;
  --accent-two-color: #1a1a1a;
  --accent-three-color: #1a1a1a;
  --accent-four-color: #e3e3e3;
  --accent-five-color: #000000;
  --ultra-light: #fff;
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  height: 0.0625rem !important;
  margin: -1px !important;
  margin: -0.0625rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  width: 0.0625rem !important;
  white-space: nowrap !important;
  color: transparent;
}
.sr-only:focus, .sr-only:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
  color: transparent;
}

.offscreen {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

.hide {
  display: none !important;
}

.show {
  display: initial;
}

.invisible {
  visibility: hidden;
}

.clear {
  display: block;
  clear: both;
}

.clear-after:after {
  display: table;
  clear: both;
  content: "";
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-left,
.align-left {
  text-align: left;
}

.text-right,
.align-right {
  text-align: right;
}

.text-center,
.align-center {
  text-align: center;
}

.text-justify,
.align-justify {
  text-align: justify;
}

@media (orientation: landscape) {
  .show-landscape {
    display: block;
  }
}
@media (orientation: portrait) {
  .show-landscape {
    display: none;
  }
}

@media (orientation: portrait) {
  .show-portrait {
    display: block;
  }
}
@media (orientation: landscape) {
  .show-portrait {
    display: none;
  }
}

@media (orientation: landscape) {
  .hide-landscape {
    display: none;
  }
}
@media (orientation: portrait) {
  .hide-landscape {
    display: block;
  }
}

@media (orientation: portrait) {
  .hide-portrait {
    display: none;
  }
}
@media (orientation: landscape) {
  .hide-portrait {
    display: block;
  }
}

@media (min-width: 640px) {
  .show-small-only {
    display: none;
  }
}

@media (min-width: 0) and (max-width: 639px) {
  .show-medium-only {
    display: none;
  }
}
@media (min-width: 1024px) {
  .show-medium-only {
    display: none;
  }
}

.show-large-only {
  display: none;
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .show-large-only {
    display: block;
  }
}
@media (min-width: 1440px) {
  .show-large-only {
    display: none;
  }
}

.show-xlarge-only {
  display: none;
}
@media (min-width: 1440px) and (max-width: 1919px) {
  .show-xlarge-only {
    display: block;
  }
}
@media (min-width: 1920px) {
  .show-xlarge-only {
    display: none;
  }
}

.show-xxlarge-only {
  display: none;
}
@media (min-width: 1920px) {
  .show-xxlarge-only {
    display: none;
  }
}

.show-medium-up {
  display: none;
}
@media (min-width: 640px) {
  .show-medium-up {
    display: block;
  }
}

.show-large-up {
  display: none;
}
@media (min-width: 1024px) {
  .show-large-up {
    display: block;
  }
}

.show-xlarge-up {
  display: none;
}
@media (min-width: 1440px) {
  .show-xlarge-up {
    display: block;
  }
}

.show-xxlarge-up {
  display: none;
}
@media (min-width: 1920px) {
  .show-xxlarge-up {
    display: block;
  }
}

@media (min-width: 0) and (max-width: 639px) {
  .hide-small-only {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hide-medium-only {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .hide-large-only {
    display: none;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hide-xlarge-only {
    display: none;
  }
}

@media (min-width: 1920px) {
  .hide-xxlarge-only {
    display: none;
  }
}

@media (min-width: 640px) {
  .hide-medium-up {
    display: none;
  }
}

@media (min-width: 1024px) {
  .hide-large-up {
    display: none;
  }
}

@media (min-width: 1440px) {
  .hide-xlarge-up {
    display: none;
  }
}

@media (min-width: 1920px) {
  .hide-xxlarge-up {
    display: none;
  }
}

@media (min-width: 1024px) {
  .center-vert {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }
}

@media (min-width: 1024px) {
  .orderFirst {
    order: -1;
  }
}

@media (min-width: 1024px) {
  .order1 {
    order: 1;
  }
}

@media (min-width: 1024px) {
  .order2 {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .order3 {
    order: 3;
  }
}

@media (min-width: 1024px) {
  .order4 {
    order: 4;
  }
}

@media (min-width: 1024px) {
  .order5 {
    order: 5;
  }
}

@media (min-width: 1024px) {
  .order6 {
    order: 6;
  }
}

@media (min-width: 1024px) {
  .orderLast {
    order: 100;
  }
}

.content-form .ag__column {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

:root {
  --header-background: #fff;
  --header-dropshadow: 0 0 35px rgba(0, 0, 0, .1);
  --header-dropshadow: 0 0 2.1875rem rgba(0, 0, 0, .1);
  --header-text-color: #3D3D3D;
  --header-title-color: #1a1a1a;
  --header-link-color: #3D3D3D;
  --header-link-color-hover: #0032A0;
  --header-dropdown-bg-color: #ffffff;
  --header-dropdown-link-color: #3D3D3D;
  --header-dropdown-link-color-hover: #0032A0;
  --warning-color: #D4231A;
  --note-color: #8ABB2A;
  --highlight-color: #0032A0;
  --menu-border-color: #D8D8D8;
  --header-submenu-topborder-color: #cccccc;
  --header-submenu-link-color: #8D8D8D;
  --header-submenu-link-hover-color: #1a1a1a;
  --header-submenu-link-active-color: #1a1a1a;
  --header-submenu-link-border-color: #8D8D8D;
  --header-submenu-link-border-hover-color: #1a1a1a;
  --header-submenu-link-border-active-color: var(--primary-color);
  --header-submenu-link-svg-color: #b8b8b8;
  --header-submenu-link-svg-hover-color: #1a1a1a;
  --header-submenu-link-svg-active-color: var(--primary-color);
}
:root .dark-mode {
  --header-background: #3C3D3D;
  --header-dropshadow: 0 0 35px rgba(0, 0, 0, .1);
  --header-dropshadow: 0 0 2.1875rem rgba(0, 0, 0, .1);
  --header-text-color: #ffffff;
  --header-title-color: #ffffff;
  --header-link-color: #ffffff;
  --header-link-color-hover: #4FB3EA;
  --header-dropdown-bg-color: #262626;
  --header-dropdown-link-color: #ffffff;
  --header-dropdown-link-color-hover: #4FB3EA;
  --warning-color: #D4231A;
  --note-color: #8ABB2A;
  --highlight-color: #0032A0;
  --menu-border-color: #6C6C6C;
  --header-submenu-topborder-color: #626262;
  --header-submenu-link-color: #E6E6E6;
  --header-submenu-link-hover-color: #ffffff;
  --header-submenu-link-active-color: #ffffff;
  --header-submenu-link-border-color: #838484;
  --header-submenu-link-border-hover-color: #ffffff;
  --header-submenu-link-border-active-color: var(--primary-color);
  --header-submenu-link-svg-color: #B8B8B8;
  --header-submenu-link-svg-hover-color: #ffffff;
  --header-submenu-link-svg-active-color: var(--primary-color);
}

.header {
  position: relative;
  z-index: 30;
  padding: 20px;
  padding: 1.25rem;
  background: transparent;
  box-shadow: none;
}

.header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 25px 40px;
  padding: 1.5625rem 2.5rem;
  background: var(--header-background);
  box-shadow: var(--header-dropshadow);
  width: 100%;
  border-radius: 10px;
  border-radius: 0.625rem;
}

.header-navigation {
  position: static;
}

.header-chin {
  width: 100%;
  position: relative;
  margin: 30px 0 -20px;
  margin: 1.875rem 0 -1.25rem;
}
.header-chin::before {
  content: "";
  position: absolute;
  background: var(--header-submenu-topborder-color);
  height: 1px;
  height: 0.0625rem;
  width: calc(100% + 80px);
  width: calc(100% + 5rem);
  display: block;
  top: 0;
  left: -40px;
  left: -2.5rem;
}

.header-title {
  display: flex;
  align-items: center;
}
.header-title__icon {
  width: 45px;
  width: 2.8125rem;
  height: 40px;
  height: 2.5rem;
  margin-right: 12px;
  margin-right: 0.75rem;
}
.header-title span {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  font-size: 1.5rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  color: var(--header-title-color);
  padding: 0px 0 5px;
  padding: 0 0 0.3125rem;
}

.header-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
}
.header-menu__item {
  position: relative;
  border-left: 1px solid var(--menu-border-color);
  border-left: 0.0625rem solid var(--menu-border-color);
}
.header-menu__item:first-child {
  border-left: none;
}
.header-menu__item:last-child .header-menu__placeholder {
  padding: 0 30px;
  padding: 0 1.875rem;
}
.header-menu__item:last-child .header-menu__dropdown {
  right: 0;
  left: auto;
}
.header-menu__item .open-dropdown.header-menu__dropdown,
.header-menu__item .header-menu__dropdown--open-True.header-menu__dropdown {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.header-menu__item--toggle {
  padding: 0 30px;
  padding: 0 1.875rem;
}
.header-menu__placeholder, .header-menu__link {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--header-link-color);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  padding: 17px 30px;
  padding: 1.0625rem 1.875rem;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.header-menu__placeholder:hover, .header-menu__placeholder:focus, .header-menu__link:hover, .header-menu__link:focus {
  color: var(--header-link-color-hover);
  text-decoration: none;
}
.header-menu__linkicon {
  width: 10px;
  width: 0.625rem;
  height: 9px;
  height: 0.5625rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
}
.header-menu__dropicon {
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  margin: 2px 0 0 5px;
  margin: 0.125rem 0 0 0.3125rem;
}
.header-menu__dropdown {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50px;
  top: 3.125rem;
  left: 0;
  right: auto;
  min-width: 250px;
  min-width: 15.625rem;
  background-color: var(--header-dropdown-bg-color);
  padding: 20px 38px;
  padding: 1.25rem 2.375rem;
  border-radius: 15px;
  border-radius: 0.9375rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.15);
  overflow: hidden;
  list-style: none;
}
.header-menu__dropdownitem {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.header-menu__dropdownitem:last-of-type {
  margin-bottom: 0;
}
.header-menu__dropdownitem-link {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  color: var(--header-dropdown-link-color);
  text-decoration: none;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.header-menu__dropdownitem-link:hover, .header-menu__dropdownitem-link:focus {
  color: var(--header-dropdown-link-color-hover);
  text-decoration: none;
}
.header-menu__profileimg {
  margin-right: 10px;
  margin-right: 0.625rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  border-radius: 50px;
  border-radius: 3.125rem;
  overflow: hidden;
  float: left;
}

.header-submenu {
  position: relative;
  display: inline-flex;
  width: 100%;
  padding-left: 5px;
  padding-left: 0.3125rem;
  padding-right: 0;
  margin: 0 0 0 -5px;
  margin: 0 0 0 -0.3125rem;
  overflow: auto;
  list-style: none;
}
@media screen and (min-width: 786px) {
  .header-submenu::-webkit-scrollbar {
    width: 0px;
    width: 0;
    background: transparent;
  }
}
.header-submenu__item {
  padding: 20px 0 0;
  padding: 1.25rem 0 0;
  margin-right: 35px;
  margin-right: 2.1875rem;
}
.header-submenu__item:last-of-type {
  margin-right: 0;
}
.header-submenu__item--button {
  margin-left: auto;
}
.header-submenu__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  font-size: 1rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  color: var(--header-submenu-link-color);
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  text-decoration: none;
  white-space: nowrap;
}
.header-submenu__link svg,
.header-submenu__link svg path {
  fill: var(--header-submenu-link-svg-color);
  margin-right: 5px;
  margin-right: 0.3125rem;
  transition: all 0.33s ease-in-out;
}
.header-submenu__link:hover, .header-submenu__link:focus {
  color: var(--header-submenu-link-hover-color);
  text-decoration: none;
}
.header-submenu__link:hover::after, .header-submenu__link:focus::after {
  background-color: var(--header-submenu-link-border-hover-color);
}
.header-submenu__link:hover svg,
.header-submenu__link:hover svg path, .header-submenu__link:focus svg,
.header-submenu__link:focus svg path {
  fill: var(--header-submenu-link-svg-hover-color);
}
.header-submenu__link::after {
  position: absolute;
  background-color: var(--header-submenu-link-border-color);
  width: calc(100% + 10px);
  width: calc(100% + 0.625rem);
  height: 5px;
  height: 0.3125rem;
  border-top-left-radius: 3px;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 3px;
  border-top-right-radius: 0.1875rem;
  left: -5px;
  left: -0.3125rem;
  bottom: 0;
  transition: all 0.33s ease-in-out;
  content: "";
}
.header-submenu__link.active {
  color: var(--header-submenu-link-active-color);
}
.header-submenu__link.active:focus {
  outline: none;
}
.header-submenu__link.active::after {
  background-color: var(--header-submenu-link-border-active-color);
}
.header-submenu__link.active svg,
.header-submenu__link.active svg path {
  fill: var(--header-submenu-link-svg-active-color);
}
.header-submenu__link--button {
  padding-bottom: 0;
  padding-top: 2px;
  padding-top: 0.125rem;
}
.header-submenu__link--button::after {
  content: none;
}

.header-notification-toggle {
  padding: 12px 0;
  padding: 0.75rem 0;
  width: 43px;
  width: 2.6875rem;
  height: 43px;
  height: 2.6875rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 21;
  position: relative;
}
.header-notification-toggle::after {
  display: none;
}
.header-notification-toggle.is_active {
  background: white;
}
.header-notification-toggle__icon {
  width: 24px;
  width: 1.5rem;
  height: 26px;
  height: 1.625rem;
}

.view-all-notifications {
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  display: block;
}

.header-notifications {
  display: none;
  position: absolute;
  top: 48px;
  top: 3rem;
  left: 50%;
  right: auto;
  width: 440px;
  width: 27.5rem;
  background-color: white;
  padding: 34px 38px;
  padding: 2.125rem 2.375rem;
  border-radius: 15px;
  border-radius: 0.9375rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.15);
  transform: translate(-50%, 0);
  z-index: 1;
}
.header-notifications.is_active {
  display: block;
  z-index: 21;
}

.page {
  display: flex;
  transform: none;
  transition: 0.33s transform ease-in-out;
}
.page--login {
  display: block;
}
@media all and (min-width: 1024px) {
  .page--login {
    display: flex;
  }
}
.page--multi-site {
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.edit-styles .page {
  transform: scale(0.8) translateX(-10vw);
}
.page__container {
  width: auto;
  max-width: calc(100% - 80px);
  max-width: calc(100% - 5rem);
  margin: 0 auto;
  width: 1320px;
  width: 82.5rem;
}
@media all and (min-width: 640px) {
  .page__container {
    max-width: calc(100% - 160px);
    max-width: calc(100% - 10rem);
  }
}
.page__wrap {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  transition: all 0.33s ease-in-out;
}
.nav-open .page__wrap {
  width: calc(100% - 100px);
  width: calc(100% - 6.25rem);
}
.page__content {
  padding: 0px 20px 100px 20px;
  padding: 0 1.25rem 6.25rem 1.25rem;
  height: 100%;
  position: relative;
  z-index: 25;
  container-name: pagemain;
  container-type: inline-size;
}
.page__content:has(.show-modal) {
  z-index: 45;
}
.page__content--multi-site {
  height: auto;
  width: 100%;
}
.page__content--login {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  overflow: hidden;
  margin: 0 auto;
}
@media all and (min-width: 1024px) {
  .page__content--login {
    display: flex;
    width: calc(100% - 550px);
    width: calc(100% - 34.375rem);
    margin: 0 0 0 auto;
    min-height: 100vh;
  }
}
.page__header {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px 0 10px;
  margin: 1.25rem 0 0.625rem;
}
.page__main {
  padding-top: 58px;
  padding-top: 3.625rem;
}

.ag + .page__main {
  padding-top: 16px;
  padding-top: 1rem;
}

.sidebar-navigation--visible-True ~ .page__wrap {
  width: calc(100% - 100px);
  width: calc(100% - 6.25rem);
}

:root {
  --chat-window-bg-color: #ffffff;
  --chat-admin-bubble-bg-color: #EBEDF0;
  --chat-admin-bubble-text-color: #3D3D3D;
  --chat-admin-bubble-timestamp-color: #3D3D3D;
  --chat-user-bubble-bg-color: #303133;
  --chat-user-bubble-text-color: #ffffff;
  --chat-user-bubble-timestamp-color: #ffffff;
  --chat-user-name-color: #3D3D3D;
  --chat-user-status-color: #737373;
  --chat-user-status-online-color: #8ABB2A;
  --chat-user-time-color: #737373;
  --chat-user-attendees-color: #737373;
  --chat-user-icon-color: var(--primary-color);
}
:root .dark-mode {
  --chat-window-bg-color: #48494d;
  --chat-admin-bubble-bg-color: #EBEDF0;
  --chat-admin-bubble-text-color: #3D3D3D;
  --chat-admin-bubble-timestamp-color: #3D3D3D;
  --chat-user-bubble-bg-color: #303133;
  --chat-user-bubble-text-color: #ffffff;
  --chat-user-bubble-timestamp-color: #ffffff;
  --chat-user-name-color: #ffffff;
  --chat-user-status-color: #e6e6e6;
  --chat-user-status-online-color: #8ABB2A;
  --chat-user-time-color: #e6e6e6;
  --chat-user-attendees-color: #e6e6e6;
  --chat-user-icon-color: var(--primary-color);
}

.chat-scroll {
  position: relative;
  background-color: var(--chat-window-bg-color);
  width: 100%;
  height: 375px;
  height: 23.4375rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 0;
  padding: 1.25rem 0;
  margin: 0 0 25px;
  margin: 0 0 1.5625rem;
  font-family: effra, "open sans", sans-serif;
  border-radius: 5px;
  border-radius: 0.3125rem;
}
@media (min-width: 640px) {
  .chat-scroll {
    height: 530px;
    height: 33.125rem;
  }
}

.admin-chat-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.chat-bubble {
  display: block;
  position: relative;
  width: auto;
  max-width: 320px;
  max-width: 20rem;
  height: auto;
  color: white;
  padding: 15px 25px;
  padding: 0.9375rem 1.5625rem;
  margin: 10px 30px 20px;
  margin: 0.625rem 1.875rem 1.25rem;
  border-radius: 10px;
  border-radius: 0.625rem;
  clear: both;
  word-wrap: break-word;
}
.chat-bubble::after {
  position: absolute;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 27px;
  width: 1.6875rem;
  height: 18px;
  height: 1.125rem;
  bottom: -17px;
  bottom: -1.0625rem;
  content: "";
}
.chat-bubble--admin {
  float: right;
  background-color: var(--chat-admin-bubble-bg-color);
  color: var(--chat-admin-bubble-text-color);
}
.chat-bubble--admin::after {
  background-image: url(/_content/Antilles-Framework/assets/src/images/admin-bubble-tail.svg);
  right: 15px;
  right: 0.9375rem;
  left: auto;
}
.chat-bubble--admin .chat-bubble__timestamp {
  color: var(--chat-admin-bubble-timestamp-color);
  text-align: right;
}
.chat-bubble--user {
  background-color: var(--chat-user-bubble-bg-color);
  color: var(--chat-user-bubble-text-color);
  float: left;
}
.chat-bubble--user::after {
  background-image: url(/_content/Antilles-Framework/assets/src/images/user-bubble-tail.svg);
  left: 15px;
  left: 0.9375rem;
  right: auto;
}
.chat-bubble--user .chat-bubble__timestamp {
  color: var(--chat-user-bubble-timestamp-color);
}
.chat-bubble__text {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.chat-bubble__name {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
}
.chat-bubble__timestamp {
  display: block;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.chat-bubble__delete {
  position: absolute;
  border-radius: 50% !important;
  left: -40px;
  left: -2.5rem;
  top: 0px;
  top: 0;
}
.chat-bubble * {
  max-width: 100%;
}

.active-chats__user {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.active-chats__user:last-of-type {
  margin-bottom: 0;
}
.active-chats__user-info {
  position: relative;
  padding-left: 35px;
  padding-left: 2.1875rem;
  margin-left: -25px;
  margin-left: -1.5625rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.active-chats__name {
  display: block;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  color: var(--chat-user-name-color);
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.active-chats__user-icon {
  position: absolute;
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", FontAwesome;
  font-weight: 700;
  color: var(--chat-user-icon-color);
  top: 0px;
  top: 0;
  left: -10px;
  left: -0.625rem;
}
.active-chats__status {
  display: flex;
  align-items: center;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  color: var(--chat-user-status-color);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 21px;
  line-height: 1.3125rem;
  text-transform: uppercase;
  letter-spacing: 0.75px;
  letter-spacing: 0.04688rem;
}
.active-chats__status::before {
  position: relative;
  display: inline-block;
  background: var(--chat-user-status-online-color);
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  border-radius: 50px;
  border-radius: 3.125rem;
  margin-right: 7px;
  margin-right: 0.4375rem;
  content: "";
}
.active-chats__time {
  display: block;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  color: var(--chat-user-time-color);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.active-chats__attendees {
  display: block;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  color: var(--chat-user-attendees-color);
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.typing {
  position: relative;
  display: flex;
  align-items: center;
  height: 17px;
  height: 1.0625rem;
  left: 30px;
  left: 1.875rem;
  bottom: -20px;
  bottom: -1.25rem;
  width: 100%;
  padding: 10px 0;
  padding: 0.625rem 0;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  color: #606060;
}
.typing .dot {
  display: inline-block;
  animation: typingAnimation 1.8s infinite ease-in-out;
  background-color: #333333;
  border-radius: 50%;
  height: 7px;
  height: 0.4375rem;
  margin-right: 4px;
  margin-right: 0.25rem;
  vertical-align: middle;
  width: 7px;
  width: 0.4375rem;
}
.typing .dot:nth-child(1) {
  animation-delay: 200ms;
  margin-left: 5px;
  margin-left: 0.3125rem;
}
.typing .dot:nth-child(2) {
  animation-delay: 300ms;
}
.typing .dot:nth-child(3) {
  animation-delay: 400ms;
}
.typing .dot:last-child {
  margin-right: 0;
}

.waiting {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 0;
  padding: 0.625rem 0;
  z-index: 1;
}
.waiting .dot {
  background-color: #333333;
  width: 10px;
  width: 0.625rem;
  height: 10px;
  height: 0.625rem;
  border-radius: 10px;
  border-radius: 0.625rem;
  display: inline-block;
  margin: 5px;
  margin: 0.3125rem;
  opacity: 0;
}
.waiting .dot:nth-child(1) {
  animation: fade 3s ease 0s infinite;
}
.waiting .dot:nth-child(2) {
  animation: fade 3s ease 250ms infinite;
}
.waiting .dot:nth-child(3) {
  animation: fade 3s ease 500ms infinite;
}
.waiting .dot:nth-child(4) {
  animation: fade 3s ease-in-out 1s infinite;
}
.waiting .message {
  display: block;
  width: 100%;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
  color: #333333;
  text-align: center;
}

@keyframes typingAnimation {
  0% {
    transform: translateY(0px);
    transform: translateY(0);
    background-color: #333333;
  }
  28% {
    transform: translateY(-7px);
    transform: translateY(-0.4375rem);
    background-color: #777777;
  }
  44% {
    transform: translateY(0px);
    transform: translateY(0);
    background-color: #999999;
  }
}
@keyframes fade {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
  }
}
:root {
  --chat-transcript-bg-color: transparent;
  --chat-transcript-border-color: #BFBFBF;
}
:root .dark-mode {
  --chat-transcript-bg-color: transparent;
  --chat-transcript-border-color: #BFBFBF;
}

.trasncript-page__header {
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
}

.transcript {
  position: relative;
  background-color: var(--chat-transcript-bg-color);
  padding: 20px 0 30px;
  padding: 1.25rem 0 1.875rem;
  border: 1px solid var(--chat-transcript-border-color);
  border: 0.0625rem solid var(--chat-transcript-border-color);
  border-radius: 10px;
  border-radius: 0.625rem;
  overflow: auto;
}

.transcript-date-time {
  position: relative;
  display: inline-block;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
}
.transcript-date-time .spacer {
  margin: 0;
}
.transcript-date-time .spacer::before {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 24px;
  line-height: 1.5rem;
}

@media print {
  body {
    background: #fff;
  }
  .sidebar-navigation,
  .header,
  .footer {
    display: none;
  }
  .transcript-view * {
    visibility: hidden;
  }
  .antilles-page-meta__primary {
    margin-left: 0 !important;
  }
  .antilles-page-meta * {
    visibility: visible;
    white-space: nowrap;
    margin: 0;
    color: #000;
  }
  .button--return {
    display: none !important;
  }
  .transcript-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .transcript-container * {
    padding: 0;
  }
  .transcript-container .page__heading,
  .transcript-date-time {
    visibility: visible;
  }
  .transcript {
    position: relative;
  }
  .transcript * {
    visibility: visible;
    color: black;
    padding: 0;
  }
  .chat-bubble {
    max-width: 100%;
    float: none !important;
    margin: 20px;
    margin: 1.25rem;
  }
  .chat-bubble * {
    text-align: left !important;
  }
}
:root {
  --heading-color: var(--accent-one-color);
  --heading-color-secondary: var(--secondary-color);
  --heading-underline-color: #cccccc;
  --heading-color-emphasis: var(--primary-color);
  --paragraph-text-color: var(--accent-one-color);
  --hr-color: #BFBFBF;
}
:root .dark-mode {
  --heading-color: #f2f2f2;
  --heading-underline-color: #ccc;
  --heading-color-emphasis: #24b4c1;
  --paragraph-text-color: #f2f2f2;
}

.page__heading {
  display: inline-flex;
  align-items: center;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: var(--heading-color);
}
.page__heading--large {
  font-size: 36px;
  font-size: 2.25rem;
}
.page__heading--emphasis {
  color: var(--heading-color-emphasis);
}
.page__heading--title {
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: 0;
}
.page__heading--image {
  width: 250px;
  width: 15.625rem;
  height: 90px;
  height: 5.625rem;
  -o-object-position: center left;
     object-position: center left;
  -o-object-fit: contain;
     object-fit: contain;
}
.page__heading__text {
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 28px;
  line-height: 1.75rem;
  color: var(--paragraph-text-color);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
}
.page__heading__text--large {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 34px;
  line-height: 2.125rem;
  color: #1a1a1a;
}
.page__heading__text--light {
  color: #fff;
}
.page__heading svg {
  margin-right: 12px;
  margin-right: 0.75rem;
  max-height: 75px;
  max-height: 4.6875rem;
  max-width: 250px;
  max-width: 15.625rem;
}
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {
  margin-top: 0;
}
.page h1.underline,
.page h2.underline,
.page h3.underline,
.page h4.underline,
.page h5.underline,
.page h6.underline {
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--heading-underline-color);
  border-bottom: 0.0625rem solid var(--heading-underline-color);
}
.page p {
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
  color: var(--paragraph-text-color);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  font-size: 1.125rem;
  line-height: 1.875rem;
  letter-spacing: normal;
}
.page p.small-text,
.page p small {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  letter-spacing: normal;
}
.page p.medium-text {
  font-size: 18px;
  line-height: 28px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: normal;
}
@media (min-width: 640px) {
  .page p.medium-text {
    font-size: 20px;
    line-height: 32px;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: normal;
  }
}
.page p.large-text {
  font-size: 22px;
  line-height: 30px;
  font-size: 1.375rem;
  line-height: 1.875rem;
  letter-spacing: normal;
}
@media (min-width: 640px) {
  .page p.large-text {
    font-size: 24px;
    line-height: 34px;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: normal;
  }
}

.rz-tooltip {
  background: #000;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
  font-weight: 500;
  padding: 4px;
  padding: 0.25rem;
  border-radius: 5px;
  border-radius: 0.3125rem;
  max-width: 450px;
  max-width: 28.125rem;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .split-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.split-layout__image {
  margin: 0;
}
@media (min-width: 640px) {
  .split-layout__image {
    margin: 0 0 0 100px;
    margin: 0 0 0 6.25rem;
  }
}
.split-layout__image img {
  max-width: 100%;
}
.split-layout--img-left {
  flex-direction: row-reverse;
}
@media (min-width: 640px) {
  .split-layout--img-left .split-layout__image {
    margin: 0 100px 0 0;
    margin: 0 6.25rem 0 0;
  }
}
.split-layout__content {
  max-width: 540px;
  max-width: 33.75rem;
}
.split-layout__heading {
  margin: 0 0 12px 0;
  margin: 0 0 0.75rem 0;
}
.split-layout__text {
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
}
.split-layout__divider {
  width: 100%;
  height: 1px;
  height: 0.0625rem;
  margin: 45px 0;
  margin: 2.8125rem 0;
  background: #b3b3b3;
  border: 0;
}

hr {
  border: 0;
  background: var(--hr-color);
  margin: 15px 0 35px;
  margin: 0.9375rem 0 2.1875rem;
  height: 1px;
  height: 0.0625rem;
}

:root {
  --button-color1-bg-color: var(--primary-color);
  --button-color1-bg-color-hover: #009bcd;
  --button-color1-text-color: #fff;
  --button-color1-text-color-hover: #fff;
  --button-color1-border-color: var(--primary-color);
  --button-color1-border-color-hover: #1a1a1a;
  --button-color1-border-text-color: #1a1a1a;
  --button-color1-border-text-color-hover: #1a1a1a;
  --button-color2-bg-color: #94c93e;
  --button-color2-bg-color-hover: #8abb2a;
  --button-color2-text-color: #fff;
  --button-color2-text-color-hover: #fff;
  --button-color2-border-color: #94c93e;
  --button-color2-border-color-hover: #1a1a1a;
  --button-color2-border-text-color: #1a1a1a;
  --button-color2-border-text-color-hover: #1a1a1a;
  --button-color3-bg-color: #ed443b;
  --button-color3-bg-color-hover: #d4231a;
  --button-color3-text-color: #fff;
  --button-color3-text-color-hover: #fff;
  --button-color3-border-color: #ed443b;
  --button-color3-border-color-hover: #1a1a1a;
  --button-color3-border-text-color: #1a1a1a;
  --button-color3-border-text-color-hover: #1a1a1a;
  --button-link-bg-color: transparent;
  --button-link-bg-color-hover: transparent;
  --button-link-text-color: var(--primary-color);
  --button-link-text-color-hover: var(--primary-color);
  --button-link-border-color: var(--primary-color);
  --button-link-border-color-hover: var(--primary-color);
}
:root .dark-mode {
  --button-color1-bg-color: var(--primary-color);
  --button-color1-bg-color-hover: var(--primary-color);
  --button-color1-text-color: #fff;
  --button-color1-text-color-hover: #fff;
  --button-color1-border-color: var(--primary-color);
  --button-color1-border-color-hover: #fff;
  --button-color1-border-text-color: #fff;
  --button-color1-border-text-color-hover: #fff;
  --button-color2-bg-color: #94c93e;
  --button-color2-bg-color-hover: #8abb2a;
  --button-color2-text-color: #fff;
  --button-color2-text-color-hover: #fff;
  --button-color2-border-color: #94c93e;
  --button-color2-border-color-hover: #fff;
  --button-color2-border-text-color: #fff;
  --button-color2-border-text-color-hover: #fff;
  --button-color3-bg-color: #ed443b;
  --button-color3-bg-color-hover: #d4231a;
  --button-color3-text-color: #fff;
  --button-color3-text-color-hover: #fff;
  --button-color3-border-color: #ed443b;
  --button-color3-border-color-hover: #fff;
  --button-color3-border-text-color: #fff;
  --button-color3-border-text-color-hover: #fff;
}

.button-list {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: flex-end;
}
.button-list li {
  margin-right: 5px;
  margin-right: 0.3125rem;
}
.button-list li:last-child {
  margin-right: 0;
}
.button-list li .button {
  height: 100%;
  margin-bottom: 0;
}
.button-list li .button:last-of-type {
  margin-right: 0;
}
.button-list--align-center {
  justify-content: center;
}

.button,
a.button {
  position: relative;
  z-index: 0;
  display: inline-flex;
  width: auto;
  min-width: 140px;
  min-width: 8.75rem;
  padding: 7px 17px;
  padding: 0.4375rem 1.0625rem;
  overflow: hidden;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  /* Button Color Styles */
  /* Outline styles */
  /* Shape Modifiers */
  /* Arrow Modifiers */
  /* Effects */
}
.button::before,
a.button::before {
  content: none;
  opacity: 1;
}
.button:hover, .button:focus,
a.button:hover,
a.button:focus {
  text-decoration: none;
}
.button:disabled,
a.button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.button span:not(.afp):not(.button__slide-over-text),
a.button span:not(.afp):not(.button__slide-over-text) {
  margin: 0;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--button-color);
}
.button .afp,
a.button .afp {
  margin-right: 10px;
  margin-right: 0.625rem;
  color: currentColor;
}
.button .afp--round,
a.button .afp--round {
  position: relative;
  left: -10px;
  left: -0.625rem;
  margin-right: 0;
}
.button--link,
a.button--link {
  position: relative;
  display: inline-block;
  padding: 0;
  color: var(--button-link-text-color);
  text-decoration: none;
  background: var(--button-link-bg-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
}
.button--link::before,
a.button--link::before {
  content: none;
}
.button--link:hover, .button--link:focus,
a.button--link:hover,
a.button--link:focus {
  color: var(--button-link-text-color-hover);
  text-decoration: none;
  background: var(--button-link-bg-color-hover);
}
.button--link:hover::before, .button--link:focus::before,
a.button--link:hover::before,
a.button--link:focus::before {
  opacity: 1;
}
.button--link:visited,
a.button--link:visited {
  color: inherit;
}
.button--icon,
a.button--icon {
  position: relative;
  display: inline-block;
  min-width: 0;
  padding: 0;
  line-height: 0;
  color: var(--button-link-text-color);
  text-decoration: none;
  vertical-align: bottom;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.button--icon svg,
a.button--icon svg {
  fill: var(--button-link-text-color);
}
.button--icon::before,
a.button--icon::before {
  content: none;
}
.button--icon:hover, .button--icon:focus,
a.button--icon:hover,
a.button--icon:focus {
  color: var(--button-link-text-color-hover);
  text-decoration: none;
}
.button--icon:hover svg, .button--icon:focus svg,
a.button--icon:hover svg,
a.button--icon:focus svg {
  fill: var(--button-link-text-color-hover);
}
.button--icon:hover::before, .button--icon:focus::before,
a.button--icon:hover::before,
a.button--icon:focus::before {
  opacity: 1;
}
.button--icon:visited,
a.button--icon:visited {
  color: inherit;
}
.button--attachment,
a.button--attachment {
  padding: 10px 20px 10px 15px;
  padding: 0.625rem 1.25rem 0.625rem 0.9375rem;
  margin: 0 10px;
  margin: 0 0.625rem;
  background: var(--button-bg-color);
}
.button--attachment svg,
a.button--attachment svg {
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  fill: #fff;
}
.button.rz-button.rz-info.rz-shade-default.rz-button--tooltip,
a.button.rz-button.rz-info.rz-shade-default.rz-button--tooltip {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  border-radius: 50%;
}
.button.rz-button.rz-info.rz-shade-default.rz-button--tooltip i,
a.button.rz-button.rz-info.rz-shade-default.rz-button--tooltip i {
  font-size: 16px;
  font-size: 1rem;
}
.button__color1,
.button .rz-button.rz-primary.rz-shade-default,
.button .rz-primary.rz-shade-default.rz-paginator-element,
a.button__color1,
a.button .rz-button.rz-primary.rz-shade-default,
a.button .rz-primary.rz-shade-default.rz-paginator-element {
  color: var(--button-color1-text-color);
  background-color: var(--button-color1-bg-color);
  border-color: var(--button-color1-bg-color);
}
.button__color1 svg,
.button .rz-button.rz-primary.rz-shade-default svg,
.button .rz-primary.rz-shade-default.rz-paginator-element svg,
a.button__color1 svg,
a.button .rz-button.rz-primary.rz-shade-default svg,
a.button .rz-primary.rz-shade-default.rz-paginator-element svg {
  fill: var(--button-color1-text-color);
}
.button__color1:hover, .button__color1:focus,
.button .rz-button.rz-primary.rz-shade-default:hover,
.button .rz-button.rz-primary.rz-shade-default:focus,
.button .rz-primary.rz-shade-default.rz-paginator-element:hover,
.button .rz-primary.rz-shade-default.rz-paginator-element:focus,
a.button__color1:hover,
a.button__color1:focus,
a.button .rz-button.rz-primary.rz-shade-default:hover,
a.button .rz-button.rz-primary.rz-shade-default:focus,
a.button .rz-primary.rz-shade-default.rz-paginator-element:hover,
a.button .rz-primary.rz-shade-default.rz-paginator-element:focus {
  color: var(--button-color1-text-color-hover);
}
.button__color1:hover svg, .button__color1:focus svg,
.button .rz-button.rz-primary.rz-shade-default:hover svg,
.button .rz-button.rz-primary.rz-shade-default:focus svg,
.button .rz-primary.rz-shade-default.rz-paginator-element:hover svg,
.button .rz-primary.rz-shade-default.rz-paginator-element:focus svg,
a.button__color1:hover svg,
a.button__color1:focus svg,
a.button .rz-button.rz-primary.rz-shade-default:hover svg,
a.button .rz-button.rz-primary.rz-shade-default:focus svg,
a.button .rz-primary.rz-shade-default.rz-paginator-element:hover svg,
a.button .rz-primary.rz-shade-default.rz-paginator-element:focus svg {
  fill: var(--button-color1-text-color-hover);
}
.button__color2,
a.button__color2 {
  color: var(--button-color2-text-color);
  background-color: var(--button-color2-bg-color);
  border-color: var(--button-color2-bg-color);
}
.button__color2 svg,
a.button__color2 svg {
  fill: var(--button-color2-text-color);
}
.button__color2:hover, .button__color2:focus,
a.button__color2:hover,
a.button__color2:focus {
  color: var(--button-color2-text-color-hover);
}
.button__color2:hover svg, .button__color2:focus svg,
a.button__color2:hover svg,
a.button__color2:focus svg {
  fill: var(--button-color2-text-color-hover);
}
.button__color3,
a.button__color3 {
  color: var(--button-color3-text-color);
  background-color: var(--button-color3-bg-color);
  border-color: var(--button-color3-bg-color);
}
.button__color3 svg,
a.button__color3 svg {
  fill: var(--button-color3-text-color);
}
.button__color3:hover, .button__color3:focus,
a.button__color3:hover,
a.button__color3:focus {
  color: var(--button-color3-text-color-hover);
}
.button__color3:hover svg, .button__color3:focus svg,
a.button__color3:hover svg,
a.button__color3:focus svg {
  fill: var(--button-color3-text-color-hover);
}
.button__color1.button__outline,
.button .rz-button.rz-primary.rz-shade-default.button__outline,
a.button__color1.button__outline,
a.button .rz-button.rz-primary.rz-shade-default.button__outline {
  color: var(--button-color1-border-text-color) !important;
  background: transparent !important;
  border-color: var(--primary-color);
}
.button__color1.button__outline svg,
.button .rz-button.rz-primary.rz-shade-default.button__outline svg,
a.button__color1.button__outline svg,
a.button .rz-button.rz-primary.rz-shade-default.button__outline svg {
  fill: var(--button-color1-border-text-color) !important;
}
.button__color1.button__outline:hover, .button__color1.button__outline:focus,
.button .rz-button.rz-primary.rz-shade-default.button__outline:hover,
.button .rz-button.rz-primary.rz-shade-default.button__outline:focus,
a.button__color1.button__outline:hover,
a.button__color1.button__outline:focus,
a.button .rz-button.rz-primary.rz-shade-default.button__outline:hover,
a.button .rz-button.rz-primary.rz-shade-default.button__outline:focus {
  color: var(--button-color1-border-text-color-hover) !important;
  border-color: var(--button-color1-border-color-hover);
}
.button__color1.button__outline:hover svg, .button__color1.button__outline:focus svg,
.button .rz-button.rz-primary.rz-shade-default.button__outline:hover svg,
.button .rz-button.rz-primary.rz-shade-default.button__outline:focus svg,
a.button__color1.button__outline:hover svg,
a.button__color1.button__outline:focus svg,
a.button .rz-button.rz-primary.rz-shade-default.button__outline:hover svg,
a.button .rz-button.rz-primary.rz-shade-default.button__outline:focus svg {
  fill: var(--button-color1-border-text-color-hover) !important;
}
.button__color2.button__outline,
a.button__color2.button__outline {
  color: var(--button-color2-border-text-color) !important;
  background: transparent !important;
  border-color: var(--button-color2-border-color);
}
.button__color2.button__outline svg,
a.button__color2.button__outline svg {
  fill: var(--button-color2-border-text-color) !important;
}
.button__color2.button__outline:hover, .button__color2.button__outline:focus,
a.button__color2.button__outline:hover,
a.button__color2.button__outline:focus {
  color: var(--button-color2-border-text-color-hover) !important;
  border-color: var(--button-color2-border-color-hover);
}
.button__color2.button__outline:hover svg, .button__color2.button__outline:focus svg,
a.button__color2.button__outline:hover svg,
a.button__color2.button__outline:focus svg {
  fill: var(--button-color2-border-text-color-hover) !important;
}
.button__color3.button__outline,
a.button__color3.button__outline {
  color: var(--button-color3-border-text-color) !important;
  background: transparent !important;
  border-color: var(--button-color3-border-color);
}
.button__color3.button__outline svg,
a.button__color3.button__outline svg {
  fill: var(--button-color3-border-text-color) !important;
}
.button__color3.button__outline:hover, .button__color3.button__outline:focus,
a.button__color3.button__outline:hover,
a.button__color3.button__outline:focus {
  color: var(--button-color3-border-text-color-hover) !important;
  border-color: var(--button-color3-border-color-hover);
}
.button__color3.button__outline:hover svg, .button__color3.button__outline:focus svg,
a.button__color3.button__outline:hover svg,
a.button__color3.button__outline:focus svg {
  fill: var(--button-color3-border-text-color-hover) !important;
}
.button__boxed,
a.button__boxed {
  border-radius: 10px;
  border-radius: 0.625rem;
}
.button__pill,
a.button__pill {
  border-radius: 25px;
  border-radius: 1.5625rem;
}
.button__outline,
a.button__outline {
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-width: 0.125rem;
}
.button__arrow--left::before, .button__arrow--left::after, .button__arrow--right::before, .button__arrow--right::after,
a.button__arrow--left::before,
a.button__arrow--left::after,
a.button__arrow--right::before,
a.button__arrow--right::after {
  position: relative;
  top: 2px;
  top: 0.125rem;
  display: inline-block;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  content: "";
  transition: all 0.33s ease-in-out;
}
.button__arrow--left::before,
a.button__arrow--left::before {
  margin-right: 10px;
  margin-right: 0.625rem;
  content: "\e5c4";
}
.button__arrow--left::after,
a.button__arrow--left::after {
  content: none;
}
.button__arrow--right::before,
a.button__arrow--right::before {
  content: none;
}
.button__arrow--right::after,
a.button__arrow--right::after {
  margin-left: 10px;
  margin-left: 0.625rem;
  content: "\e5c8";
}
.button__fade,
a.button__fade {
  transition: all 0.33s ease-in-out;
}
.button__slide-over::after,
a.button__slide-over::after {
  position: absolute;
  left: 0;
  z-index: -1;
  display: block;
  width: 0;
  height: 100%;
  background: transparent;
  content: "";
  transition: all 0.6s ease-in-out;
}
.button__slide-over:hover::after, .button__slide-over:focus::after,
a.button__slide-over:hover::after,
a.button__slide-over:focus::after {
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.button__slide-over-text,
a.button__slide-over-text {
  position: relative;
  z-index: 1;
}
.button__border-grows,
a.button__border-grows {
  outline: 2px solid transparent;
  outline: 0.125rem solid transparent;
  transition: all 0.33s ease-in-out;
}
.button__border-grows:hover, .button__border-grows:focus,
a.button__border-grows:hover,
a.button__border-grows:focus {
  outline: auto;
  outline-style: solid;
  outline-width: 4px;
  outline-width: 0.25rem;
  outline-color: currentcolor;
  outline-offset: -4px;
  outline-offset: -0.25rem;
}
.button__arrow-appears,
a.button__arrow-appears {
  transition: all 0.33s ease-in-out;
}
.button__arrow-appears.button__arrow--left::before,
a.button__arrow-appears.button__arrow--left::before {
  margin-right: -15px;
  margin-right: -0.9375rem;
  opacity: 0;
}
.button__arrow-appears.button__arrow--left:hover::before, .button__arrow-appears.button__arrow--left:focus::before,
a.button__arrow-appears.button__arrow--left:hover::before,
a.button__arrow-appears.button__arrow--left:focus::before {
  margin-right: 10px;
  margin-right: 0.625rem;
  opacity: 1;
}
.button__arrow-appears.button__arrow--right::after,
a.button__arrow-appears.button__arrow--right::after {
  margin-left: -15px;
  margin-left: -0.9375rem;
  opacity: 0;
}
.button__arrow-appears.button__arrow--right:hover::after, .button__arrow-appears.button__arrow--right:focus::after,
a.button__arrow-appears.button__arrow--right:hover::after,
a.button__arrow-appears.button__arrow--right:focus::after {
  margin-left: 10px;
  margin-left: 0.625rem;
  opacity: 1;
}

a.back-button {
  display: inline-flex;
  vertical-align: bottom;
}
a.back-button::before {
  content: none;
}
a.back-button svg,
a.back-button path {
  transition: all 0.33s ease-in-out;
}
a.back-button:hover svg,
a.back-button:hover path, a.back-button:focus svg,
a.back-button:focus path {
  fill: #1a1a1a;
}
a.back-button + .page__heading {
  margin-left: 10px;
  margin-left: 0.625rem;
}

.branding {
  margin: 0;
}
.branding__logo {
  margin: 50px 0;
  margin: 3.125rem 0;
  height: 32px;
  height: 2rem;
}
@media (min-width: 1024px) {
  .centered .branding__logo {
    margin: 40px 0 20px;
    margin: 2.5rem 0 1.25rem;
  }
}
.stuck .branding__logo {
  margin: 20px 0;
  margin: 1.25rem 0;
  height: 20px;
  height: 1.25rem;
}

:root {
  --nav-background: #303133;
  --nav-item-color: rgba(255, 255, 255, 0.6);
  --nav-item-color-hover: var(--primary-color);
  --nav-item-icon-color: white;
  --subnav-background: #48494d;
  --subnav-title-color: white;
  --subnav-title-border: rgba(216,216,216, 0.25);
  --subnav-item-color: white;
  --subnav-item-hover: var(--primary-color);
  --subnav-back-color: #BFBFBF;
  --subnav-back-hover: white;
}

.sidebar-navigation {
  position: sticky;
  width: 100px;
  width: 6.25rem;
  max-height: 100vh;
  top: 0;
  margin-left: -100px;
  margin-left: -6.25rem;
  min-height: 100vh;
  padding: 40px 15px;
  padding: 2.5rem 0.9375rem;
  background: var(--nav-background);
  z-index: 56;
  order: -1;
  transition: all 0.33s ease-in-out;
}
.sidebar-navigation--visible-True {
  margin-left: 0;
}
.sidebar-navigation__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-navigation__logo {
  width: 100%;
  height: auto;
}
.sidebar-navigation__menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sidebar-navigation__toggle {
  position: absolute;
  width: 54px;
  width: 3.375rem;
  height: 54px;
  height: 3.375rem;
  z-index: 1000;
  bottom: 25px;
  bottom: 1.5625rem;
  left: 125px;
  left: 7.8125rem;
  background: transparent;
  border: 0;
  color: #fff;
  opacity: 0.25;
  background: #000;
  border-radius: 50%;
  text-align: center;
  line-height: 55px;
  line-height: 3.4375rem;
  padding: 0;
  cursor: pointer;
  transition: all 0.33s ease-in-out;
  transform: rotate(45deg);
}
.sidebar-navigation--visible-True .sidebar-navigation__toggle {
  transform: rotate(0deg);
  left: 25px;
  left: 1.5625rem;
}
.sidebar-navigation__toggle:hover, .sidebar-navigation__toggle:focus {
  opacity: 1;
}
.sidebar-navigation__error {
  position: relative;
  z-index: 2;
  margin-top: 20px;
  margin-top: 1.25rem;
  width: 100%;
}
.sidebar-navigation__error-toggle {
  width: 100%;
  text-align: center;
}
.sidebar-navigation__error-toggle:hover + .sidebar-navigation__error-message, .sidebar-navigation__error-toggle:focus + .sidebar-navigation__error-message {
  opacity: 1;
}
.sidebar-navigation__error-icon {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  cursor: pointer;
}
.sidebar-navigation__error-icon path {
  fill: yellow;
}
.sidebar-navigation__error-message {
  position: absolute;
  top: 20px;
  top: 1.25rem;
  left: 100%;
  opacity: 0;
  background: yellow;
  border-radius: 5px;
  border-radius: 0.3125rem;
  width: 250px;
  width: 15.625rem;
  padding: 20px;
  padding: 1.25rem;
}

.sidebar-navitem {
  margin: 50px 0;
  margin: 3.125rem 0;
  text-align: center;
}
.sidebar-navitem__link, .sidebar-navitem__toggle {
  display: block;
  color: var(--nav-item-color);
  font-size: 14px;
  line-height: 15px;
  font-size: 0.875rem;
  line-height: 0.9375rem;
  letter-spacing: normal;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.33s ease-in-out;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.sidebar-navitem__link:hover, .sidebar-navitem__link:focus, .sidebar-navitem__toggle:hover, .sidebar-navitem__toggle:focus {
  color: var(--nav-item-color-hover);
}
.sidebar-navitem__icon {
  display: block;
  margin: auto auto 5px auto;
  margin: auto auto 0.3125rem auto;
  color: var(--nav-item-icon-color);
  transition: all 0.33s ease-in-out;
}
.sidebar-navitem__icon--dashboard {
  opacity: 0.597;
  width: 30px;
  width: 1.875rem;
  height: 26px;
  height: 1.625rem;
}
.sidebar-navitem__icon--modules {
  opacity: 0.597;
  width: 36px;
  width: 2.25rem;
  height: 31px;
  height: 1.9375rem;
}
.sidebar-navitem__icon--resources {
  width: 28px;
  width: 1.75rem;
  height: 34px;
  height: 2.125rem;
}
.sidebar-navitem__icon--app {
  width: 30px;
  width: 1.875rem;
  height: 29px;
  height: 1.8125rem;
}
.sidebar-navitem__icon--settings {
  opacity: 0.597;
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
}
.sidebar-navitem.open, .sidebar-navitem--visible-True, .sidebar-navitem:hover, .sidebar-navitem:focus {
  cursor: pointer;
}
.sidebar-navitem.open .sidebar-navitem__link, .sidebar-navitem.open .sidebar-navitem__toggle, .sidebar-navitem--visible-True .sidebar-navitem__link, .sidebar-navitem--visible-True .sidebar-navitem__toggle, .sidebar-navitem:hover .sidebar-navitem__link, .sidebar-navitem:hover .sidebar-navitem__toggle, .sidebar-navitem:focus .sidebar-navitem__link, .sidebar-navitem:focus .sidebar-navitem__toggle {
  color: var(--nav-item-color-hover);
  text-decoration: none;
}
.sidebar-navitem.open .sidebar-navitem__icon, .sidebar-navitem--visible-True .sidebar-navitem__icon, .sidebar-navitem:hover .sidebar-navitem__icon, .sidebar-navitem:focus .sidebar-navitem__icon {
  color: var(--nav-item-color-hover);
}
.sidebar-navitem.open .sidebar-subnavitem,
.sidebar-navitem.open .sidebar-subnavigation__title, .sidebar-navitem--visible-True .sidebar-subnavitem,
.sidebar-navitem--visible-True .sidebar-subnavigation__title {
  opacity: 1;
  transition: all 0.33s ease-in-out;
  transition-delay: 0.5s;
}

.sidebar-subnavigation__list {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 0;
  height: 100vh;
  padding: 70px 0;
  padding: 4.375rem 0;
  overflow: hidden;
  text-align: left;
  background: var(--subnav-background);
  transition: all 0.5s ease-in-out;
  cursor: initial;
  list-style: none;
  visibility: hidden;
}
.open .sidebar-subnavigation__list, .sidebar-navitem--visible-True .sidebar-subnavigation__list {
  width: 280px;
  width: 17.5rem;
  z-index: 1;
  padding: 125px 0 0 40px;
  padding: 7.8125rem 0 0 2.5rem;
  visibility: visible;
}
.sidebar-subnavigation__title {
  display: block;
  width: 200px;
  width: 12.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 36px;
  line-height: 2.25rem;
  color: var(--subnav-title-color);
  text-decoration: none;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  border-bottom: 2px solid var(--subnav-title-border);
  border-bottom: 0.125rem solid var(--subnav-title-border);
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  opacity: 0;
}
.sidebar-subnavigation--hide-inactive-True > .sidebar-subnavigation__title,
.sidebar-subnavigation--hide-inactive-True > .sidebar-subnavitem:not(.sidebar-subnavitem--visible-True) {
  display: none;
}

.sidebar-subnavitem {
  width: 200px;
  width: 12.5rem;
  opacity: 0;
}
.sidebar-subnavitem__link, .sidebar-subnavitem__toggle {
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  line-height: 36px;
  line-height: 2.25rem;
  color: var(--subnav-item-color);
  text-decoration: none;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  transition: all 0.33s ease-in-out;
  background: transparent;
  border: 0;
  padding: 0;
}
.sidebar-subnavitem__link::before, .sidebar-subnavitem__toggle::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  width: 0.1875rem;
  height: 16px;
  height: 1rem;
  background-color: var(--subnav-item-hover);
  border-radius: 3px;
  border-radius: 0.1875rem;
  opacity: 0;
  content: "";
  transform: translateY(-50%);
  transition: all 0.33s ease-in-out;
}
.sidebar-subnavitem__link:hover, .sidebar-subnavitem__link:focus, .sidebar-subnavitem__toggle:hover, .sidebar-subnavitem__toggle:focus {
  color: #fff;
  text-decoration: none;
  padding-left: 10px;
  padding-left: 0.625rem;
  cursor: pointer;
}
.sidebar-subnavitem__link:hover::before, .sidebar-subnavitem__link:focus::before, .sidebar-subnavitem__toggle:hover::before, .sidebar-subnavitem__toggle:focus::before {
  opacity: 1;
}
.sidebar-subnavitem__link:hover.is_title, .sidebar-subnavitem__link:focus.is_title, .sidebar-subnavitem__toggle:hover.is_title, .sidebar-subnavitem__toggle:focus.is_title {
  padding-left: 0;
}
.sidebar-subnavitem__link:hover.is_title::before, .sidebar-subnavitem__link:focus.is_title::before, .sidebar-subnavitem__toggle:hover.is_title::before, .sidebar-subnavitem__toggle:focus.is_title::before {
  display: none;
}
.sidebar-subnavitem.is_active .sidebar-subnavitem__toggle, .sidebar-subnavitem--visible-True .sidebar-subnavitem__toggle {
  display: none;
}

.sidebar-childnavigation__list {
  position: relative;
  top: -900px;
  top: -56.25rem;
  height: 0;
  opacity: 0;
  list-style: none;
  padding: 0;
  visibility: hidden;
}
.sidebar-childnavigation__list.is_active, .sidebar-subnavitem--visible-True .sidebar-childnavigation__list {
  top: 0;
  height: 100%;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  visibility: visible;
}
.sidebar-childnavigation__back {
  display: block;
  color: var(--subnav-back-color);
  font-size: 14px;
  font-size: 0.875rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  background: transparent;
  border: 0;
}
.sidebar-childnavigation__back:hover, .sidebar-childnavigation__back:focus {
  color: var(--subnav-back-hover);
  cursor: pointer;
}
.sidebar-childnavigation__back:hover .sidebar-childnavigation__backicon, .sidebar-childnavigation__back:focus .sidebar-childnavigation__backicon {
  color: var(--subnav-back-hover);
}
.sidebar-childnavigation__backicon {
  margin-right: 5px;
  margin-right: 0.3125rem;
  cursor: pointer;
  width: 11px;
  width: 0.6875rem;
  height: 10px;
  height: 0.625rem;
}
.sidebar-childnavigation__title {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  line-height: 36px;
  line-height: 2.25rem;
  color: var(--subnav-title-color);
  text-decoration: none;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  border-bottom: 2px solid var(--subnav-title-border);
  border-bottom: 0.125rem solid var(--subnav-title-border);
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.sidebar-subnavigation__list.is_active .sidebar-subnavitem:not(.sidebar-subnavitem--visible-True),
.sidebar-subnavigation__list.is_active .sidebar-subnavigation__title {
  display: none;
}
.sidebar-subnavigation__list.is_active .sidebar-subnavitem.sidebar-subnavitem--visible-True {
  display: block;
}

.page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 55;
  width: 0;
  height: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.page-overlay.open, .sidebar-navitem--visible-True .page-overlay {
  width: 100vw;
  height: 100vh;
  pointer-events: all;
  opacity: 1;
}

:root {
  --text-color: #3D3D3D;
  --highlight-color: #0032A0;
  --border-color: #D8D8D8;
  --link-color: #3D3D3D;
  --link-color-hover: #0032A0;
}

.basic-notifications-list {
  border-bottom: 1px solid var(--border-color);
  border-bottom: 0.0625rem solid var(--border-color);
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  list-style: none;
  padding: 0;
}
.basic-notifications-list__item {
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 24px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: var(--text-color);
  padding-left: 20px;
  padding-left: 1.25rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.basic-notifications-list__item::before {
  position: absolute;
  top: 9px;
  top: 0.5625rem;
  left: 0;
  width: 10px;
  width: 0.625rem;
  height: 10px;
  height: 0.625rem;
  background-color: #3D3D3D;
  border-radius: 10px;
  border-radius: 0.625rem;
  content: "";
}
.basic-notifications-list__item--warn::before {
  background-color: var(--warning-color);
}
.basic-notifications-list__item--note::before {
  background-color: var(--note-color);
}
.basic-notifications-list__details {
  display: block;
  text-transform: none;
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  font-weight: 400;
}
.basic-notifications-list__details--highlight {
  display: inline-block;
  color: var(--highlight-color);
  font-weight: 700;
}

:root {
  --alerts-bg: rgba(0, 169, 224, .1);
  --alerts-text-color: #1a1a1a;
  --alerts-text-color-hover: #1a1a1a;
  --alerts-close-bg: #333333;
  --alerts-close-bg-hover: #ffffff;
  --alerts-close-color: #ffffff;
  --alerts-close-color-hover: #333333;
  --alerts-close-border-color: #ffffff;
  --alerts-close-border-color-hover: #333333;
  --alerts-arrows-color: #cccccc;
  --alerts-arrows-color-hover: #cccccc;
}
:root .dark-mode {
  --alerts-bg: #333333;
  --alerts-text-color: #ffffff;
  --alerts-text-color-hover: #000000;
  --alerts-close-bg: #333333;
  --alerts-close-bg-hover: #ffffff;
  --alerts-close-color: #ffffff;
  --alerts-close-color-hover: #333333;
  --alerts-close-border-color: #ffffff;
  --alerts-close-border-color-hover: #333333;
  --alerts-arrows-color: #cccccc;
  --alerts-arrows-color-hover: #cccccc;
}

/* Base styles for alert box */
.alert {
  position: sticky;
  padding: 15px 20px;
  padding: 0.9375rem 1.25rem;
  margin: -19px auto 1rem;
  margin: -1.1875rem auto 1rem;
  box-sizing: border-box;
  display: block;
  width: calc(100% - 80px);
  width: calc(100% - 5rem);
  left: 0;
  top: 0;
  border-radius: 0 0 10px 10px;
  border-radius: 0 0 0.625rem 0.625rem;
  border: 2px solid;
  border: 0.125rem solid;
  border-top: 0;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05rem;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.3125rem 0.3125rem rgba(0, 0, 0, 0.05);
  width: calc(100% - 80px);
  z-index: 55;
}

/* Remove border-radius for a true full-width look (optional) */
.alert-full {
  border-radius: 0; /* Removes rounded corners */
}

/* Alert types */
.alert-success {
  color: #FFFFFF;
  background-color: #218838;
  border-color: #1e7e34;
}

.alert-warning {
  color: #FFFFFF;
  background-color: #FD7E14;
  border-color: #dc6803;
}

.alert-danger {
  color: #FFFFFF;
  background-color: #B22222;
  border-color: #a01d1d;
}

.alert-info {
  color: #FFFFFF;
  background-color: #0056B3;
  border-color: #00428c;
}

/* Dismissible alert (fade and show) */
.alert-dismissible {
  padding-right: 3rem; /* Space for close button */
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.show {
  opacity: 1;
}

/* Close button styles */
.btn-close {
  position: absolute;
  display: block;
  top: 6px;
  top: 0.375rem;
  right: 5px;
  right: 0.3125rem;
  padding: 0.25rem;
  background-color: transparent;
  border: none;
  position: absolute;
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
  background: transparent url("/_content/Antilles-Framework/Antilles/assets/src/images/x-mark-white.svg") no-repeat center center;
  border: 0;
  cursor: pointer;
}

.alerts {
  overflow: hidden;
  border-radius: 10px;
  border-radius: 0.625rem;
  border: 1px solid var(--primary-color);
  border: 0.0625rem solid var(--primary-color);
  border-radius: 10px;
  margin-top: 10px;
  margin-top: 0.625rem;
}
.alerts .alert:hover, .alerts .alert:focus {
  text-decoration: none;
}

.validation-errors {
  position: relative;
  width: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  margin: 0;
}
.validation-errors:empty {
  display: none;
}
.validation-errors .validation-message {
  color: #fff;
  background: var(--alert-danger-bg-color);
  border: 1px solid var(--alert-danger-border);
  border: 0.0625rem solid var(--alert-danger-border);
  border-radius: 10px;
  border-radius: 0.625rem;
  margin: 15px auto;
  margin: 0.9375rem auto;
  font-weight: bold;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
}

.validation-success {
  position: relative;
  width: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  margin: 0;
}
.validation-success:empty {
  display: none;
}
.validation-success .validation-message {
  color: #1a1a1a;
  background: var(--alert-success-bg-color);
  border: 1px solid var(--alert-success-border);
  border: 0.0625rem solid var(--alert-success-border);
  border-radius: 10px;
  border-radius: 0.625rem;
  margin: 15px auto;
  margin: 0.9375rem auto;
  font-weight: bold;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
}

:root {
  --panel-bg-color: white;
  --panel-bg2-color: #F2F4F7;
  --panel-header-bg1-color: #EBEDF0;
  --panel-header-bg2-color: #0032A0;
  --panel-header-underline-color: var(--primary-color);
  --panel-header-icon-color: #24b4c1;
  --panel-title1-color: #1a1a1a;
  --panel-title2-color: #ffffff;
  --panel-plain-title-color: #3D3D3D;
  --panel-link-color: #3D3D3D;
  --panel-link-color-hover: #0032A0;
  --edit-link-color: #0032A0;
  --edit-link-color-hover: #3D3D3D;
  --border-color: #D8D8D8;
  --alert-close-color: #ffffff;
  --alert-success-bg-color: #D9F59F;
  --alert-success-border: rgba(148, 185, 70, .5);
  --alert-success-close-bg-color: #94B946;
  --alert-success-close-bg-color-hover: rgba(148, 185, 70, .5);
  --alert-warning-bg-color: #ffaf64;
  --alert-warning-border: rgba(223, 121, 20, .5);
  --alert-warning-close-bg-color: #df7914;
  --alert-warning-close-bg-color-hover: rgba(223, 121, 20, .5);
  --alert-danger-bg-color: #ff5149;
  --alert-danger-border: rgba(212, 35, 26, .5);
  --alert-danger-close-bg-color: #d4231a;
  --alert-danger-close-bg-color-hover: rgba(212, 35, 26, .5);
  --alert-info-bg-color: #79deff;
  --alert-info-border: rgba(0, 169, 224, .5);
  --alert-info-close-bg-color: var(--primary-color);
  --alert-info-close-bg-color-hover: rgba(0, 169, 224, .5);
}
:root .dark-mode {
  --panel-bg-color: #3c3d40;
  --panel-bg2-color: #F2F4F7;
  --panel-header-bg1-color: #67696c;
  --panel-header-bg2-color: #67696c;
  --panel-header-underline-color: #838484;
  --panel-header-icon-color: #24b4c1;
  --panel-title1-color: #ffffff;
  --panel-title2-color: #ffffff;
  --panel-plain-title-color: #ffffff;
  --panel-link-color: #e6e6e6;
  --panel-link-color-hover: #ffffff;
  --edit-link-color: #e6e6e6;
  --edit-link-color-hover: #ffffff;
  --border-color: #D8D8D8;
  --alert-close-color: #ffffff;
  --alert-success-bg-color: #D9F59F;
  --alert-success-border: rgba(148, 185, 70, .5);
  --alert-success-close-bg-color: #94B946;
  --alert-success-close-bg-color-hover: rgba(148, 185, 70, .5);
}

.panel {
  position: relative;
  background: var(--panel-bg-color);
  max-width: 100%;
  padding: 20px;
  padding: 1.25rem;
  border-radius: 10px;
  border-radius: 0.625rem;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 1.5625rem rgba(0, 0, 0, 0.05);
  margin-bottom: var(--gutter);
}
.panel__action-bar {
  margin-top: var(--gutter);
}
.panel--content-focus {
  padding: 0;
  border-radius: 15px;
  border-radius: 0.9375rem;
  overflow: hidden;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 1.5625rem rgba(0, 0, 0, 0.05);
}
.panel--flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}
.panel--project-nav {
  min-width: 180px;
  min-width: 11.25rem;
}
.panel--project-info {
  max-width: calc(100% - 240px);
  max-width: calc(100% - 15rem);
}
.panel__link {
  color: var(--panel-link-color);
  font-size: 16px;
  line-height: 30px;
  font-size: 1rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  font-weight: 700;
  text-decoration: none;
}
.panel__link:hover, .panel__link:focus {
  text-decoration: none;
  color: var(--panel-link-color-hover);
}
.panel__link.panel__edit {
  float: right;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 30px;
  font-size: 0.875rem;
  line-height: 1.875rem;
  letter-spacing: 0.075em;
  color: var(--edit-link-color);
}
.panel__link.panel__edit:hover, .panel__link.panel__edit:focus {
  color: var(--edit-link-color-hover);
}
.panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--panel-header-bg1-color);
  padding: 16px 20px 20px 20px;
  padding: 1rem 1.25rem 1.25rem 1.25rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  border-radius: 10px;
  border-radius: 0.625rem;
}
.panel__header--one .panel__title {
  color: var(--panel-title1-color);
}
.panel__header--two {
  background: var(--panel-header-bg2-color);
}
.panel__header--two .panel__title {
  color: var(--panel-title2-color);
}
.panel__header--underline {
  margin-bottom: 0;
  border-bottom: 4px solid var(--panel-header-underline-color);
  border-bottom: 0.25rem solid var(--panel-header-underline-color);
  border-bottom-left-radius: 5px;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 5px;
  border-bottom-right-radius: 0.3125rem;
}
.panel input[type=date].panel__header-input, .panel input[type=datetime].panel__header-input, .panel input[type=email].panel__header-input, .panel input[type=file].panel__header-input, .panel input[type=number].panel__header-input, .panel input[type=password].panel__header-input, .panel input[type=ssn].panel__header-input, .panel input[type=tel].panel__header-input, .panel input[type=text].panel__header-input, .panel input[type=time].panel__header-input, .panel input[type=url].panel__header-input, .panel textarea:not(.select2-search__field).panel__header-input {
  margin: 10px 0px 0;
  margin: 0.625rem 0 0;
  max-width: 200px;
  max-width: 12.5rem;
}
@media all and (min-width: 800px) {
  .panel input[type=date].panel__header-input, .panel input[type=datetime].panel__header-input, .panel input[type=email].panel__header-input, .panel input[type=file].panel__header-input, .panel input[type=number].panel__header-input, .panel input[type=password].panel__header-input, .panel input[type=ssn].panel__header-input, .panel input[type=tel].panel__header-input, .panel input[type=text].panel__header-input, .panel input[type=time].panel__header-input, .panel input[type=url].panel__header-input, .panel textarea:not(.select2-search__field).panel__header-input {
    margin: -9px 15px;
    margin: -0.5625rem 0.9375rem;
  }
}
.panel__header-field {
  position: absolute;
  width: auto;
  top: -80px;
  top: -5rem;
  right: 0;
  display: flex;
  justify-content: space-between;
  background: #dedede;
  border-radius: 0 10px 10px 0;
  border-radius: 0 0.625rem 0.625rem 0;
  height: 65px;
  height: 4.0625rem;
  padding: 20px;
  padding: 1.25rem;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.15);
}
.panel__header-field--important {
  background: rgba(255, 179, 2, 0.35);
  border-left-color: rgba(255, 179, 2, 0.65);
  justify-content: flex-start;
}
.panel__header-field--information {
  background: rgba(45, 204, 255, 0.35);
  border-left-color: rgba(45, 204, 255, 0.65);
}
.panel__header-field-label {
  margin-right: 10px;
  margin-right: 0.625rem;
}
.panel__header-cb--important {
  background: transparent url("/_content/Antilles-Framework/assets/src/images/warning.svg") no-repeat center;
  border: 0;
}
.panel__title {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  color: var(--panel-title1-color);
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  container-type: inline-size;
  container-name: panel-title;
}
.panel__icon {
  margin-right: 10px;
  margin-right: 0.625rem;
  color: var(--panel-header-icon-color);
}
.panel__icon--notification {
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
}
.panel__icon--visitor-analytics {
  width: 24px;
  width: 1.5rem;
  height: 22px;
  height: 1.375rem;
}
.panel__period {
  float: right;
  color: var(--panel-title1-color);
  font-weight: 700;
}
.panel__content {
  padding: 20px;
  padding: 1.25rem;
}
.panel__highlighted-text {
  display: inline-block;
  color: var(--highlight-color);
  font-weight: 700;
}
.panel__link {
  margin-top: auto;
  padding: 0 20px;
  padding: 0 1.25rem;
}
.panel__link a {
  display: block;
  padding-top: 10px;
  padding-top: 0.625rem;
  border-top: 1px solid var(--border-color);
  border-top: 0.0625rem solid var(--border-color);
}
.panel--plain .panel__header {
  background: none;
  padding-bottom: 0;
  margin: 0;
}
.panel--plain .panel__title {
  display: block;
  color: var(--panel-plain-title-color);
}
.panel--underline {
  border-bottom: 15px solid var(--panel-header-underline-color);
  border-bottom: 0.9375rem solid var(--panel-header-underline-color);
  border-bottom-left-radius: 10px;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 10px;
  border-bottom-right-radius: 0.625rem;
}
.panel--secondary {
  background: var(--panel-bg2-color);
  box-shadow: none;
}
.panel--button-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.panel--button-icon h3 {
  margin: 5px 0 0 0;
  margin: 0.3125rem 0 0 0;
}
.panel--button-icon .panel__icon {
  margin-right: 0;
}
.panel--button-icon .panel__icon--pages {
  width: 32px;
  width: 2rem;
  height: 35px;
  height: 2.1875rem;
}
.panel--button-icon .panel__icon--locations {
  width: 31px;
  width: 1.9375rem;
  height: 40px;
  height: 2.5rem;
}
.panel--button-icon .panel__icon--blog {
  width: 36px;
  width: 2.25rem;
  height: 35px;
  height: 2.1875rem;
}
.panel--button-icon .panel__icon--resources {
  width: 36px;
  width: 2.25rem;
  height: 30px;
  height: 1.875rem;
}
.panel--button-icon .panel__icon--portfolio {
  width: 41px;
  width: 2.5625rem;
  height: 35px;
  height: 2.1875rem;
}
.panel--button-icon .panel__icon--alerts {
  width: 35px;
  width: 2.1875rem;
  height: 35px;
  height: 2.1875rem;
}
.panel--button-bubbles.panel::before {
  content: "";
  background: #ddeff7;
  width: 47px;
  width: 2.9375rem;
  height: 47px;
  height: 2.9375rem;
  border-radius: 50%;
  position: absolute;
  top: -80px;
  top: -5rem;
  right: 87px;
  right: 5.4375rem;
  z-index: -1;
  left: auto;
}
.panel--button-bubbles.panel::after {
  content: "";
  background: #ddeff7;
  width: 110px;
  width: 6.875rem;
  height: 110px;
  height: 6.875rem;
  border-radius: 50%;
  position: absolute;
  top: -65px;
  top: -4.0625rem;
  right: -43px;
  right: -2.6875rem;
  z-index: -1;
}
.panel--button-icon-large {
  display: flex;
  background: #fff;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  position: relative;
}
.panel--button-icon-large .panel__icon {
  height: 60px;
  height: 3.75rem;
  width: auto;
  margin-right: 30px;
  margin-right: 1.875rem;
}
.panel--button-icon-large .panel__arrow {
  position: absolute;
  display: flex;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  right: 30px;
  right: 1.875rem;
}
.panel--button-icon-large .panel__arrow svg {
  width: 100%;
  height: auto;
}
.panel--button-icon-large .panel__arrow svg path {
  transition: all 0.33s ease-in-out;
}
.panel--button-icon-large:hover .panel__arrow svg path {
  fill: #0032a0;
}
.panel--alert {
  padding: 20px;
  padding: 1.25rem;
  font-weight: 600;
  overflow: hidden;
  border-radius: 10px;
  border-radius: 0.625rem;
  margin: 40px auto 0;
  margin: 2.5rem auto 0;
}
.panel--alert .panel__icon {
  position: absolute;
  bottom: 14px;
  bottom: 0.875rem;
  left: 17px;
  left: 1.0625rem;
  margin: 0;
}
.panel--alert .panel__icon--close {
  color: var(--alert-close-color);
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
}
.panel--alert .panel__close {
  position: absolute;
  top: -36px;
  top: -2.25rem;
  right: -35px;
  right: -2.1875rem;
  width: 72px;
  width: 4.5rem;
  height: 70px;
  height: 4.375rem;
  background: var(--alert-success-close-bg-color);
  border-radius: 50%;
  cursor: pointer;
}
.panel--alert .panel__close:hover {
  background: var(--alert-success-close-bg-color-hover);
}
.panel--alert-success {
  background: var(--alert-success-bg-color);
  border: 1px solid var(--alert-success-border);
  border: 0.0625rem solid var(--alert-success-border);
}
.panel--alert-success .panel__close {
  background: var(--alert-success-close-bg-color);
}
.panel--alert-success .panel__close:hover, .panel--alert-success .panel__close:focus {
  background: var(--alert-success-close-bg-color-hover);
}
.panel--alert-warning {
  background: var(--alert-warning-bg-color);
  border: 1px solid var(--alert-warning-border);
  border: 0.0625rem solid var(--alert-warning-border);
}
.panel--alert-warning .panel__close {
  background: var(--alert-warning-close-bg-color);
}
.panel--alert-warning .panel__close:hover, .panel--alert-warning .panel__close:focus {
  background: var(--alert-warning-close-bg-color-hover);
}
.panel--alert-danger {
  color: #fff;
  background: var(--alert-danger-bg-color);
  border: 1px solid var(--alert-danger-border);
  border: 0.0625rem solid var(--alert-danger-border);
}
.panel--alert-danger .panel__close {
  background: var(--alert-danger-close-bg-color);
}
.panel--alert-danger .panel__close:hover, .panel--alert-danger .panel__close:focus {
  background: var(--alert-danger-close-bg-color-hover);
}
.panel--alert-info {
  background: var(--alert-info-bg-color);
  border: 1px solid var(--alert-info-border);
  border: 0.0625rem solid var(--alert-info-border);
}
.panel--alert-info .panel__close {
  background: var(--alert-info-close-bg-color);
}
.panel--alert-info .panel__close:hover, .panel--alert-info .panel__close:focus {
  background: var(--alert-info-close-bg-color-hover);
}

.modal.login {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: none;
  max-width: 520px;
  max-width: 32.5rem;
  margin: auto;
}
@media (min-width: 1024px) {
  .modal.login.show-modal {
    top: auto;
    left: auto;
    right: 40px;
    right: 2.5rem;
    bottom: 40px;
    bottom: 2.5rem;
    transform: none;
  }
}

:root {
  --body-bg-color: #f6f8fa;
}
:root .dark-mode {
  --body-bg-color: #18181A;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: auto;
  box-sizing: border-box;
}

*::after,
*::before {
  box-sizing: border-box;
}

html {
  margin: 0;
}

html,
body {
  position: relative;
  height: 100%;
  font-size: 100%;
  -webkit-overflow-scrolling: touch;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
}

body {
  background: var(--body-bg-color);
  margin: 0 auto;
  overflow-x: hidden;
}

main {
  margin: 0;
}

.clearfix:after {
  display: table;
  clear: both;
  content: "";
}

a {
  color: blue;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: all 0.33s ease-in-out;
}
a:hover, a:focus {
  color: purple;
  text-decoration: underline;
}

input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.element-invisible {
  position: absolute !important;
  width: 1px;
  width: 0.0625rem;
  height: 1px;
  height: 0.0625rem;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem);
}

.clear {
  zoom: 1;
}
.clear:before, .clear:after {
  display: table;
  content: "";
}
.clear:after {
  clear: both;
}

:root {
  --banner-caption-color: #fff;
  --banner-caption-title-color: #fff;
  --banner-caption-link-background-color: #000;
  --banner-caption-link-color: #fff;
  --banner-caption-button-background-color: #000;
  --banner-caption-button-color: #fff;
  --banner-caption-button-border-color: #000;
  --banner-caption-button-background-color-hover: #000;
  --banner-caption-button-color-hover: #fff;
  --banner-caption-button-border-color-hover: #fff;
  --banner-splide-nav-pagination-background: #fff;
  --banner-splide-nav-background: #fff;
}
:root .dark-mode {
  --banner-caption-color: #000;
  --banner-caption-title-color: #000;
}

.banner {
  position: relative;
  height: 50vh;
}
@media (min-width: 640px) {
  .banner {
    height: 80vh;
    max-height: 815px;
    max-height: 50.9375rem;
  }
}
.transparent-nav .banner {
  margin-top: -135px;
  margin-top: -8.4375rem;
}
.transparent-nav .banner:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2) 43%);
  z-index: 4;
}
.banner__slide {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 50vh;
}
@media (min-width: 640px) {
  .banner__slide {
    height: 80vh;
    max-height: 815px;
    max-height: 50.9375rem;
  }
}
.banner__slide--overlay-yes::before {
  position: absolute;
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  content: "";
}
.banner__caption {
  position: absolute;
  bottom: 15%;
  width: 100%;
  color: var(--banner-caption-color);
  padding: 0 20px;
  padding: 0 1.25rem;
}
@media (min-width: 640px) {
  .banner__caption {
    padding: 0 100px;
    padding: 0 6.25rem;
  }
}
.banner__caption--title {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: var(--banner-caption-color);
  font-size: 30px;
  line-height: 34px;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: normal;
  font-style: normal;
}
@media (min-width: 640px) {
  .banner__caption--title {
    font-size: 45px;
    line-height: 54px;
    font-size: 2.8125rem;
    line-height: 3.375rem;
    letter-spacing: normal;
  }
}
.banner__caption--blurb {
  padding: 15px 0 0;
  padding: 0.9375rem 0 0;
  max-width: 800px;
  max-width: 50rem;
  width: 100%;
  color: var(--banner-caption-color);
  font-family: var(--primary-font);
  font-size: 22px;
  line-height: 30px;
  font-size: 1.375rem;
  line-height: 1.875rem;
  letter-spacing: normal;
}
.banner__caption--link {
  position: relative;
  display: inline-block;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  font-size: 1rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  color: var(--banner-caption-link-color);
  text-transform: uppercase;
  text-decoration: none;
  padding-top: 5px;
  padding-top: 0.3125rem;
  transition: all 0.33s ease-in-out;
}
.banner__caption--link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  height: 0.125rem;
  background-color: var(--banner-caption-link-background-color);
  transition: all 0.33s ease-in-out;
}
.banner__caption--link:hover, .banner__caption--link:focus {
  color: var(--banner-caption-link-color);
  text-decoration: none;
}
.banner__caption--link:hover::after, .banner__caption--link:focus::after {
  width: 100%;
}
.banner__caption--button {
  position: relative;
  display: inline-block;
  background: var(--banner-caption-button-background-color);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  font-size: 1.125rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  color: var(--banner-caption-button-color);
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px 25px;
  padding: 0.3125rem 1.5625rem;
  margin-top: 15px;
  margin-top: 0.9375rem;
  border: 1px solid var(--banner-caption-button-border-color);
  border: 0.0625rem solid var(--banner-caption-button-border-color);
  border-radius: 5px;
  border-radius: 0.3125rem;
  transition: all 0.33s ease-in-out;
}
.banner__caption--button:hover, .banner__caption--button:focus {
  color: var(--banner-caption-button-color-hover);
  border-color: var(--banner-caption-button-border-color-hover);
  background: var(--banner-caption-button-background-color-hover);
}

.splide__arrows {
  position: absolute;
  bottom: 40px;
  bottom: 2.5rem;
  width: 100%;
  z-index: 2;
}
@media (min-width: 640px) {
  .splide__arrows {
    position: static;
    bottom: auto;
  }
}
.splide__arrows button:hover, .splide__arrows button:focus {
  opacity: 1;
  background-color: var(--banner-splide-nav-background);
}

.splide__pagination {
  bottom: 30px;
  bottom: 1.875rem;
}
@media (min-width: 640px) {
  .splide__pagination {
    bottom: 40px;
    bottom: 2.5rem;
  }
}

.splide__pagination__page:hover, .splide__pagination__page:focus {
  opacity: 1;
  background-color: var(--banner-splide-nav-pagination-background);
}
.splide__pagination__page.is-active {
  background-color: var(--banner-splide-nav-pagination-background);
}

.content-section--textured {
  display: flex;
  align-items: center;
  overflow: hidden;
  background: radial-gradient(circle, rgb(59, 59, 59) 0%, rgb(26, 26, 26) 100%);
  min-height: 400px;
  min-height: 25rem;
}

.texturedBackground__background-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.texturedBackground__circle--path {
  fill: rgba(255, 255, 255, 0.025);
}

.texturedBackground__circle--svg-one {
  position: absolute;
  width: 3000px;
  width: 187.5rem;
  height: 500px;
  height: 31.25rem;
  bottom: -320px;
  bottom: -20rem;
  left: -1850px;
  left: -115.625rem;
  transform: scale(3.5, 1.25);
}

.texturedBackground__circle--svg-two {
  width: 2200px;
  width: 137.5rem;
  height: 1000px;
  height: 62.5rem;
  position: absolute;
  bottom: -320px;
  bottom: -20rem;
  left: -1220px;
  left: -76.25rem;
  transform: rotate(195deg) scale(3, 0.85);
}

.texturedBackground__circle--svg-three {
  width: 2200px;
  width: 137.5rem;
  height: 2200px;
  height: 137.5rem;
  position: absolute;
  bottom: -1120px;
  bottom: -70rem;
  left: -1020px;
  left: -63.75rem;
}

.texturedBackground__circle--svg-four {
  position: absolute;
  width: 400px;
  width: 25rem;
  height: 400px;
  height: 25rem;
  top: -400px;
  top: -25rem;
  bottom: auto;
  left: calc(100% - 200px);
  left: calc(100% - 12.5rem);
  transform: rotate(-90deg) scale(2.25, 1.5);
}

.texturedBackground__circle--svg-five {
  position: absolute;
  width: 800px;
  width: 50rem;
  height: 800px;
  height: 50rem;
  top: -800px;
  top: -50rem;
  bottom: auto;
  left: calc(100% - 500px);
  left: calc(100% - 31.25rem);
  transform: rotate(90deg) scale(2.25, 1.5);
}

.grid-list {
  --gutter: 60px;
  --gutter: 3.75rem;
  justify-content: space-between;
  margin: 60px 0 0;
  margin: 3.75rem 0 0;
}
.grid-list__item {
  margin-bottom: 70px;
  margin-bottom: 4.375rem;
}
@media all and (min-width: 1024px) {
  .grid-list__item {
    display: flex;
  }
}
.grid-list__icon {
  background: rgba(204, 204, 204, 0.35);
  min-width: 100px;
  min-width: 6.25rem;
  max-width: 100px;
  max-width: 6.25rem;
  height: 100px;
  height: 6.25rem;
  padding: 20px;
  padding: 1.25rem;
  border-radius: 50%;
  margin: 0 0 20px 0;
  margin: 0 0 1.25rem 0;
}
@media all and (min-width: 1024px) {
  .grid-list__icon {
    margin: 0 20px 0 0;
    margin: 0 1.25rem 0 0;
  }
}
.grid-list__icon svg,
.grid-list__icon img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.grid-list__heading {
  margin: 10px 0 5px;
  margin: 0.625rem 0 0.3125rem;
}
.grid-list__content {
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.75rem;
}

:root {
  --bc-background-color: #EBEDF0;
  --bc-text-color: #1a1a1a;
  --bc-dark-background-color: #1a1a1a;
  --bc-dark-text-color: #efefef;
}
:root .dark-mode {
  --bc-background-color: #222222;
  --bc-text-color: #ffffff;
  --bc-dark-background-color: #1a1a1a;
  --bc-dark-text-color: #efefef;
}

.block-container {
  padding: 25px 30px;
  padding: 1.5625rem 1.875rem;
  border-radius: 13px;
  border-radius: 0.8125rem;
}
.block-container .columns {
  margin: auto;
}
.block-container.light {
  background: var(--bc-background-color);
}
.block-container.light h1,
.block-container.light h2,
.block-container.light h3,
.block-container.light h4,
.block-container.light h5,
.block-container.light h6,
.block-container.light p,
.block-container.light ul,
.block-container.light ol {
  color: var(--bc-text-color);
}
.block-container.dark {
  background: var(--bc-dark-background-color);
}
.block-container.dark h1,
.block-container.dark h2,
.block-container.dark h3,
.block-container.dark h4,
.block-container.dark h5,
.block-container.dark h6,
.block-container.dark p,
.block-container.dark ul,
.block-container.dark ol {
  color: var(--bc-dark-text-color);
}

:root {
  --form-label-color: #1a1a1a;
  --form-heading-color: #1a1a1a;
  --form-input-border-color: #bfbfbf;
  --form-input-border-color-hover: #bfbfbf;
  --form-input-text-color: #1a1a1a;
  --form-input-bg-color: #fff;
  --form-cb-checkmark-color: #fff;
  --form-cb-bg-color: #fff;
  --form-cb-bg-checked-color: var(--primary-color);
  --form-cb-border-checked-color: var(--primary-color);
  --form-rb-dot-color: var(--primary-color);
  --form-rb-background-color: white;
  --form-input-time-clock-color: var(--primary-color);
  --form-submit-button-text-color: #fff;
  --form-submit-button-bg-color: #414141;
  --form-submit-button-text-color-hover: #fff;
  --form-submit-button-bg-color-hover: #1a1a1a;
  --profile-image-border-color: var(--primary-color);
  --profile-image-label-color: #0132a0;
}
:root .dark-mode {
  --form-label-color: #f2f2f2;
  --form-heading-color: #f2f2f2;
  --form-input-border-color: #8d8d8d;
  --form-input-text-color: #f2f2f2;
  --form-input-bg-color: #3c3d40;
  --form-cb-checkmark-color: #f2f2f2;
  --form-cb-bg-color: #3c3d40;
  --form-cb-bg-checked-color: var(--primary-color);
  --form-cb-border-checked-color: var(--primary-color);
  --form-rb-dot-color: var(--primary-color);
  --form-rb-background-color: #3c3d40;
  --profile-image-border-color: var(--primary-color);
  --profile-image-label-color: #f2f2f2;
}

.panel .ag__column > .button:only-child {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.form-header p {
  padding: 0;
}

fieldset {
  width: 100%;
}
fieldset legend {
  padding: 0;
}

.required-field:after {
  padding-left: 3px;
  padding-left: 0.1875rem;
  font-weight: bold;
  color: var(--rz-danger);
  content: "*";
}

input,
textarea:not(.select2-search__field) {
  display: block;
  width: 100%;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  margin-top: 5px;
  margin-top: 0.3125rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  color: var(--form-input-text-color);
  background: var(--form-input-bg-color);
  border: 1px solid var(--form-input-border-color);
  border: 0.0625rem solid var(--form-input-border-color);
  border-radius: 10px;
  border-radius: 0.625rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: normal;
}
input:focus,
textarea:not(.select2-search__field):focus {
  border-color: var(--form-input-border-color);
}
input.rz-state-disabled,
textarea:not(.select2-search__field).rz-state-disabled {
  font-style: italic;
  font-weight: bold;
  background: #eee;
}

input[type=time]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  background-image: url(/_content/Antilles-Framework/assets/src/images/input-clock.svg);
}

input[type=file] {
  padding: 15px 25px;
  padding: 0.9375rem 1.5625rem;
  margin-top: 8px;
  margin-top: 0.5rem;
}

input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
  border: 1px solid var(--form-input-border-color);
  border: 0.0625rem solid var(--form-input-border-color);
  -webkit-appearance: none;
          appearance: none;
}

textarea:not(.select2-search__field) {
  resize: none;
}

label {
  color: var(--form-label-color);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: normal;
}

.label--instruction {
  position: relative;
  top: -30px;
  top: -1.875rem;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
  font-weight: normal;
  text-align: right;
}

.form-field {
  width: 100%;
  margin-top: 5px;
  margin-top: 0.3125rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  border-radius: 15px;
  border-radius: 0.9375rem;
}

.profile-image-upload {
  position: relative;
  display: inline-flex;
  padding: 10px 40px 10px 10px;
  padding: 0.625rem 2.5rem 0.625rem 0.625rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  cursor: pointer;
  background: #fff;
  border: 2px solid var(--profile-image-border-color);
  border: 0.125rem solid var(--profile-image-border-color);
  border-radius: 65px;
  border-radius: 4.0625rem;
  align-items: center;
}
.profile-image-upload .profile-image {
  width: 70px;
  width: 4.375rem;
  height: 70px;
  height: 4.375rem;
  margin-right: 15px;
  margin-right: 0.9375rem;
}
.profile-image-upload label {
  color: var(--profile-image-label-color);
}
.profile-image-upload input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin-top: 0;
  border: 0;
  opacity: 0;
}
.profile-image-upload span {
  position: absolute;
  opacity: 0;
}
.profile-image-upload input[type=file]::-webkit-file-upload-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

select,
.rz-dropdown,
.form-control__select {
  width: 100%;
  height: 50px;
  height: 3.125rem;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  margin-top: 5px;
  margin-top: 0.3125rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  color: var(--form-input-text-color);
  cursor: pointer;
  background: var(--form-input-bg-color);
  background-image: url("/_content/Antilles-Framework/assets/src/images/icn-arrow.svg");
  background-position: 97% 50%;
  background-repeat: no-repeat;
  border: 1px solid var(--form-input-border-color);
  border: 0.0625rem solid var(--form-input-border-color);
  border-radius: 10px;
  border-radius: 0.625rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  /**[class*="rz-"] & {
    margin-bottom: 0;
    margin-top: 0;
  }*/
}
select:focus,
.rz-dropdown:focus,
.form-control__select:focus {
  border: 1px solid var(--form-input-border-color-hover);
  border: 0.0625rem solid var(--form-input-border-color-hover);
}
select[multiple],
.rz-dropdown[multiple],
.form-control__select[multiple] {
  overflow: auto;
  background-image: none;
}
select[multiple] option,
.rz-dropdown[multiple] option,
.form-control__select[multiple] option {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
select .rz-dropdown-trigger,
.rz-dropdown .rz-dropdown-trigger,
.form-control__select .rz-dropdown-trigger {
  display: none;
}
select .rz-dropdown-label,
.rz-dropdown .rz-dropdown-label,
.form-control__select .rz-dropdown-label {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
}

.multiselect-search {
  position: relative;
}
.multiselect-search input[type=text] {
  margin-bottom: 0;
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.multiselect-search select,
.multiselect-search .checkbox-list,
.multiselect-search .radio-list {
  padding: 20px 20px 40px;
  padding: 1.25rem 1.25rem 2.5rem;
  margin-top: 0;
  list-style: none;
  border: 1px solid var(--form-input-border-color);
  border: 0.0625rem solid var(--form-input-border-color);
  border-radius: 10px;
  border-radius: 0.625rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

ul.checkbox-list {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-left: 0;
  margin-left: 0 !important;
  list-style: none;
}
ul.checkbox-list li {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
ul.checkbox-list label {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.rz-chkbox {
  border-radius: 6px;
  border-radius: 0.375rem;
}

input[type=checkbox] {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 25px;
  height: 1.5625rem;
  cursor: pointer;
  opacity: 0;
}
input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  padding-left: 2rem;
  margin-bottom: 0;
  font-weight: 700;
}
input[type=checkbox] + label::before, input[type=checkbox] + label::after {
  position: absolute;
  display: inline-block;
  content: "";
}
input[type=checkbox] + label::before {
  top: 0;
  left: -30px;
  left: -1.875rem;
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
  background-color: var(--form-cb-bg-color);
  border: 1px solid var(--form-input-border-color-hover);
  border: 0.0625rem solid var(--form-input-border-color-hover);
  border-radius: 5px;
  border-radius: 0.3125rem;
}
input[type=checkbox] + label::after {
  top: 0;
  left: 0;
  content: none;
}
input[type=checkbox]:checked + label::after {
  top: 1px;
  top: 0.0625rem;
  left: -26px;
  left: -1.625rem;
  font-family: "Material Icons";
  font-size: 16px;
  font-size: 1rem;
  font-weight: 900;
  color: var(--form-cb-checkmark-color);
  content: "\e5ca";
}
input[type=checkbox]:checked + label::before {
  background-color: var(--form-cb-bg-checked-color);
  border: 1px solid var(--form-cb-border-checked-color);
  border: 0.0625rem solid var(--form-cb-border-checked-color);
  content: "";
  box-shadow: none;
}
input[type=checkbox]:focus + label::before {
  outline: 5px auto -webkit-focus-ring-color;
  outline: 0.3125rem auto -webkit-focus-ring-color;
}

.hide {
  display: none;
}

ul.radio-list {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-left: 0;
  margin-left: 0 !important;
}
ul.radio-list label {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
ul.radio-list li {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
ul.radio-list li::before {
  display: none;
}
ul.radio-list li:last-of-type {
  margin-bottom: 0;
}

input[type=radio] {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 25px;
  height: 1.5625rem;
  cursor: pointer;
  opacity: 0;
}
input[type=radio] + label {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  padding-left: 2rem;
  margin-top: 0;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  font-weight: 700;
}
input[type=radio] + label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
  background-color: var(--form-rb-background-color);
  border: 1px solid var(--form-input-border-color);
  border: 0.0625rem solid var(--form-input-border-color);
  border-radius: 50px;
  border-radius: 3.125rem;
  content: "";
}
input[type=radio]:checked + label::after {
  position: absolute;
  top: 5px;
  top: 0.3125rem;
  left: 5px;
  left: 0.3125rem;
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  background-color: var(--form-rb-dot-color);
  border-radius: 50px;
  border-radius: 3.125rem;
  content: "";
}
input[type=radio]:focus + label::before {
  outline: 5px auto -webkit-focus-ring-color;
  outline: 0.3125rem auto -webkit-focus-ring-color;
}

.form-group {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  align-items: center;
  flex-wrap: nowrap;
}
.form-group input[type=text].form-group__input,
.form-group input[type=file].form-group__input,
.form-group input[type=date].form-group__input,
.form-group input[type=datetime].form-group__input,
.form-group input[type=password].form-group__input,
.form-group input[type=email].form-group__input,
.form-group input[type=tel].form-group__input,
.form-group input[type=number].form-group__input,
.form-group input[type=time].form-group__input,
.form-group input[type=url].form-group__input,
.form-group input[type=ssn].form-group__input {
  width: calc(100% - 75px);
  width: calc(100% - 4.6875rem);
  margin: 0;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  border-radius: 0.625rem 0 0 0.625rem;
}
.form-group__button {
  width: 75px;
  width: 4.6875rem;
  height: 100%;
  min-width: 75px;
  min-width: 4.6875rem;
  border-radius: 0 10px 10px 0;
  border-radius: 0 0.625rem 0.625rem 0;
}

.col-last {
  margin-right: 0;
  clear: right;
}

.error-msg {
  position: relative;
  right: 0;
  bottom: 0;
  float: left;
}

.required label::after {
  position: absolute;
  top: -3px;
  top: -0.1875rem;
  font-weight: 600;
  color: red;
  content: "\e1eb";
}

.upload {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.form-builder-submit-controls input[type=submit] {
  min-width: 160px;
  min-width: 10rem;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  color: var(--form-submit-button-text-color);
  cursor: pointer;
  background: var(--form-submit-button-bg-color);
  border: 0;
  border-radius: 10px;
  border-radius: 0.625rem;
  transition: all 0.25s ease-in-out;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: normal;
}
.form-builder-submit-controls input[type=submit]:hover, .form-builder-submit-controls input[type=submit]:focus {
  color: var(--form-submit-button-text-color-hover);
  background: var(--form-submit-button-bg-color-hover);
}

.form-builder-captcha {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.form-footer p br[data-mce-bogus] {
  display: none;
}

.form-header p:first-of-type > br:first-of-type,
.form-footer p:first-of-type > br:first-of-type {
  display: none;
}

.pagination-controls {
  display: flex;
  width: 100%;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  background: var(--primary-color);
  justify-content: space-between;
  align-items: center;
}

:root {
  --menu-border-color: #D8D8D8;
}

.panel:before {
  content: none;
}
.panel--favorites {
  padding: 30px 40px 40px 40px;
  padding: 1.875rem 2.5rem 2.5rem 2.5rem;
}
.panel--favorites .panel__content {
  padding: 0;
}
.panel--favorites .panel--secondary {
  text-align: center;
}
.panel--analytics {
  height: calc(100% - 35px);
  height: calc(100% - 2.1875rem);
}
.panel--form {
  padding-bottom: 0;
}
.panel--blue-bar {
  position: relative;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.panel--blue-bar:after {
  content: "";
  height: 20px;
  height: 1.25rem;
  width: 100%;
  position: absolute;
  bottom: -20px;
  bottom: -1.25rem;
  left: 0;
  background: #00a2e1;
  border-radius: 0 0 10px 10px;
  border-radius: 0 0 0.625rem 0.625rem;
}
.panel .basic-notifications-list {
  border-bottom: none;
}

.featured-analytics h4 {
  font-size: 14px;
  line-height: 24px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
.featured-analytics__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.featured-analytics__header h3 {
  margin: 0;
  font-size: 18px;
  line-height: 20px;
  font-size: 1.125rem;
  line-height: 1.25rem;
  letter-spacing: normal;
}
.featured-analytics__icon {
  display: block;
  margin: auto;
  max-width: 100%;
}
.featured-analytics__icon--bar {
  width: 380px;
  width: 23.75rem;
  height: 151px;
  height: 9.4375rem;
}
.featured-analytics__icon--pie {
  width: 138px;
  width: 8.625rem;
  height: 150px;
  height: 9.375rem;
}

:root {
  --user-count-text-color: #1a1a1a;
  --spacer-color: var(--primary-color);
}
:root .dark-mode {
  --user-count-text-color: #ffffff;
  --spacer-color: var(--primary-color);
}

.transcript-page__header {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.antilles-page-meta {
  display: flex;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: var(--user-count-text-color);
  margin-right: 15px;
  margin-right: 0.9375rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  height: 100%;
}
@media (min-width: 1024px) {
  .antilles-page-meta {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.antilles-page-meta__secondary {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
}
.antilles-page-meta__primary {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0 0 0 10px;
  margin: 0 0 0 0.625rem;
  white-space: nowrap;
}

.spacer {
  margin: 0 5px;
  margin: 0 0.3125rem;
}
.spacer::before {
  position: relative;
  color: var(--spacer-color);
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  content: "/";
}
@media (min-width: 1024px) {
  .spacer::before {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.profile-image {
  display: none;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  border-radius: 50%;
  margin-right: 20px;
  margin-right: 1.25rem;
}

.content-form .password-change__title {
  font-size: 18px;
  font-size: 1.125rem;
}
.content-form .password-change__text {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0;
}

:root {
  --table-bg-color: #fff;
  --thead-bg-color: rgb(219 223 227 / 100%);
  --thead-text-color: #1a1a1a;
  --thead-th-border-color: transparent;
  --td-bg-color: #fff;
  --td-text-color: #1a1a1a;
  --td-border-color: #d8d8d8;
  --actions-button-bg-color: #fff;
  --actions-button-bg-color-hover: #0132a0;
  --actions-button-bg-color-active: #0132a0;
  --actions-button-text: #1a1a1a;
  --actions-button-text-hover: #fff;
  --actions-button-text-active: #fff;
  --actions-button-border: #4fb3ea;
  --actions-button-border-hover: #0132a0;
  --actions-button-border-active: #0132a0;
  --actions-list-bg-color: #fff;
  --actions-link-color: #0132a0;
  --actions-link-color-hover: #1a1a1a;
}

table.antilles-table,
table.tz-data-grid,
table.rz-grid-table {
  width: 100%;
  padding: 0;
  overflow: visible;
  background: var(--table-bg-color);
  border-spacing: 0;
  border-radius: 10px;
  border-radius: 0.625rem;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1.5625rem rgba(0, 0, 0, 0.1);
}
table.antilles-table thead,
table.tz-data-grid thead,
table.rz-grid-table thead {
  background-color: var(--thead-bg-color);
}
table.antilles-table thead tr,
table.tz-data-grid thead tr,
table.rz-grid-table thead tr {
  display: none;
}
@media screen and (width >= 990px) {
  table.antilles-table thead tr,
  table.tz-data-grid thead tr,
  table.rz-grid-table thead tr {
    display: table-row;
  }
}
table.antilles-table thead tr th,
table.tz-data-grid thead tr th,
table.rz-grid-table thead tr th {
  padding: 15px 10px;
  padding: 0.9375rem 0.625rem;
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--thead-text-color);
  text-align: left;
  text-transform: none;
  background-color: var(--thead-bg-color);
  border-right: 1px solid var(--thead-th-border-color);
  border-right: 0.0625rem solid var(--thead-th-border-color);
  border-bottom: 4px solid var(--panel-header-underline-color);
  border-bottom: 0.25rem solid var(--panel-header-underline-color);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
}
table.antilles-table thead tr th button,
table.tz-data-grid thead tr th button,
table.rz-grid-table thead tr th button {
  display: inline-flex;
  color: var(--thead-text-color);
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
}
table.antilles-table thead tr th:first-of-type,
table.tz-data-grid thead tr th:first-of-type,
table.rz-grid-table thead tr th:first-of-type {
  border-bottom-left-radius: 0;
  border-top-left-radius: 10px;
  border-top-left-radius: 0.625rem;
}
table.antilles-table thead tr th:last-of-type,
table.tz-data-grid thead tr th:last-of-type,
table.rz-grid-table thead tr th:last-of-type {
  border-top-right-radius: 10px;
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0;
}
table.antilles-table tbody tr td,
table.tz-data-grid tbody tr td,
table.rz-grid-table tbody tr td {
  display: block;
  padding: 15px 0;
  padding: 0.9375rem 0;
  clear: left;
  color: var(--td-text-color);
  background: var(--td-bg-color);
  border: 0;
  border-bottom: 1px solid var(--td-border-color);
  border-bottom: 0.0625rem solid var(--td-border-color);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
}
@media screen and (width >= 990px) {
  table.antilles-table tbody tr td,
  table.tz-data-grid tbody tr td,
  table.rz-grid-table tbody tr td {
    display: table-cell;
    padding: 15px 10px;
    padding: 0.9375rem 0.625rem;
  }
}
table.antilles-table tbody tr td:last-child,
table.tz-data-grid tbody tr td:last-child,
table.rz-grid-table tbody tr td:last-child {
  border-right: 0;
}
table.antilles-table tbody tr td.image-cell, table.antilles-table tbody tr td.edit-cell, table.antilles-table tbody tr td.delete-cell,
table.tz-data-grid tbody tr td.image-cell,
table.tz-data-grid tbody tr td.edit-cell,
table.tz-data-grid tbody tr td.delete-cell,
table.rz-grid-table tbody tr td.image-cell,
table.rz-grid-table tbody tr td.edit-cell,
table.rz-grid-table tbody tr td.delete-cell {
  padding: 0;
  text-align: center;
}
table.antilles-table tbody tr td.icon-cell,
table.tz-data-grid tbody tr td.icon-cell,
table.rz-grid-table tbody tr td.icon-cell {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
table.antilles-table tbody tr td.IsWorkComplete, table.antilles-table tbody tr td.IsBilled, table.antilles-table tbody tr td.status-cell,
table.tz-data-grid tbody tr td.IsWorkComplete,
table.tz-data-grid tbody tr td.IsBilled,
table.tz-data-grid tbody tr td.status-cell,
table.rz-grid-table tbody tr td.IsWorkComplete,
table.rz-grid-table tbody tr td.IsBilled,
table.rz-grid-table tbody tr td.status-cell {
  text-align: center;
}
table.antilles-table tbody tr td.IsWorkComplete span, table.antilles-table tbody tr td.IsBilled span, table.antilles-table tbody tr td.status-cell span,
table.tz-data-grid tbody tr td.IsWorkComplete span,
table.tz-data-grid tbody tr td.IsBilled span,
table.tz-data-grid tbody tr td.status-cell span,
table.rz-grid-table tbody tr td.IsWorkComplete span,
table.rz-grid-table tbody tr td.IsBilled span,
table.rz-grid-table tbody tr td.status-cell span {
  display: inline-block;
  width: 60px;
  width: 3.75rem;
  height: calc(100% - 10px);
  height: calc(100% - 0.625rem);
  padding: 8px;
  padding: 0.5rem;
  text-align: center;
  border: 2px solid #DBDFE3;
  border: 0.125rem solid #DBDFE3;
  border-radius: 5px;
  border-radius: 0.3125rem;
}
table.antilles-table tbody tr td.IsWorkComplete span.yellow, table.antilles-table tbody tr td.IsBilled span.yellow, table.antilles-table tbody tr td.status-cell span.yellow,
table.tz-data-grid tbody tr td.IsWorkComplete span.yellow,
table.tz-data-grid tbody tr td.IsBilled span.yellow,
table.tz-data-grid tbody tr td.status-cell span.yellow,
table.rz-grid-table tbody tr td.IsWorkComplete span.yellow,
table.rz-grid-table tbody tr td.IsBilled span.yellow,
table.rz-grid-table tbody tr td.status-cell span.yellow {
  border-color: #EDB90C;
}
table.antilles-table tbody tr td.IsWorkComplete span.red, table.antilles-table tbody tr td.IsBilled span.red, table.antilles-table tbody tr td.status-cell span.red,
table.tz-data-grid tbody tr td.IsWorkComplete span.red,
table.tz-data-grid tbody tr td.IsBilled span.red,
table.tz-data-grid tbody tr td.status-cell span.red,
table.rz-grid-table tbody tr td.IsWorkComplete span.red,
table.rz-grid-table tbody tr td.IsBilled span.red,
table.rz-grid-table tbody tr td.status-cell span.red {
  border-color: #BA371F;
}
@media screen and (width >= 990px) {
  table.antilles-table tbody tr:last-child td,
  table.tz-data-grid tbody tr:last-child td,
  table.rz-grid-table tbody tr:last-child td {
    border-bottom: 0;
  }
}
table.antilles-table tbody tr:last-child td:last-child,
table.tz-data-grid tbody tr:last-child td:last-child,
table.rz-grid-table tbody tr:last-child td:last-child {
  border-bottom: 0;
}
table.antilles-table .search-box,
table.tz-data-grid .search-box,
table.rz-grid-table .search-box {
  position: absolute;
  top: 10px;
  top: 0.625rem;
  border: 0;
}
table.antilles-table .search-box input[type=search],
table.tz-data-grid .search-box input[type=search],
table.rz-grid-table .search-box input[type=search] {
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  font-size: 16px;
  font-size: 1rem;
  border: 2px solid #1a1a1a;
  border: 0.125rem solid #1a1a1a;
  border-radius: 5px;
  border-radius: 0.3125rem;
  outline: 0;
}
table.antilles-table--status tbody tr td:first-child,
table.tz-data-grid--status tbody tr td:first-child,
table.rz-grid-table--status tbody tr td:first-child {
  padding-left: 28px;
  padding-left: 1.75rem;
  position: relative;
}
table.antilles-table--status tbody tr td:first-child::before,
table.tz-data-grid--status tbody tr td:first-child::before,
table.rz-grid-table--status tbody tr td:first-child::before {
  content: "";
  position: absolute;
  top: 10px;
  top: 0.625rem;
  left: 3px;
  left: 0.1875rem;
  width: 5px;
  width: 0.3125rem;
  height: calc(100% - 20px);
  height: calc(100% - 1.25rem);
  background: #DBDFE3;
  border-radius: 5px;
  border-radius: 0.3125rem;
}
table.antilles-table--status tbody tr td:first-child.yellow::before,
table.tz-data-grid--status tbody tr td:first-child.yellow::before,
table.rz-grid-table--status tbody tr td:first-child.yellow::before {
  background: #EDB90C;
}
table.antilles-table--status tbody tr td:first-child.red::before,
table.tz-data-grid--status tbody tr td:first-child.red::before,
table.rz-grid-table--status tbody tr td:first-child.red::before {
  background: #BA371F;
}

.actions-cell {
  position: relative;
  text-align: center;
}
.actions-cell * {
  text-align: center;
}

.actions-button {
  position: relative;
  z-index: 1;
  display: block;
  cursor: pointer;
  transition: all 0.33s ease-in-out;
}
.actions-button::before {
  content: "\e5d3";
  position: relative;
  display: flex;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  margin: auto;
  font-family: "Material Icons";
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--actions-button-text);
  background-color: var(--actions-button-bg-color);
  border: 2px solid var(--actions-button-border);
  border: 0.125rem solid var(--actions-button-border);
  border-radius: 50px;
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  transition: all 0.33s ease-in-out;
}
.actions-button.active {
  z-index: 3;
}
.actions-button.active::before {
  color: var(--actions-button-text-active);
  background-color: var(--actions-button-bg-color-active);
  border-color: var(--actions-button-border-active);
}
.actions-button:hover::before, .actions-button:focus::before {
  color: var(--actions-button-text-hover);
  background-color: var(--actions-button-bg-color-hover);
  border-color: var(--actions-button-border-hover);
}

.actions-options {
  position: absolute;
  top: 40px;
  top: 2.5rem;
  right: -25%;
  left: -25%;
  z-index: 0;
  display: block;
  min-width: 220px;
  min-width: 13.75rem;
  padding: 35px 30px;
  padding: 2.1875rem 1.875rem;
  margin: 0 auto;
  text-align: left;
  background: var(--actions-list-bg-color);
  border-radius: 20px;
  border-radius: 1.25rem;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1.5625rem rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  list-style: none;
  transition: all 0.33s ease-in-out;
}
.actions-options.active {
  top: 60px;
  top: 3.75rem;
  z-index: 2;
  opacity: 1;
  visibility: visible;
}
.actions-options__item {
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  text-align: left;
}
.actions-options__item:last-of-type {
  padding-bottom: 0;
}
.actions-options__link {
  display: inline-flex;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: var(--actions-link-color);
  text-decoration: none;
  align-items: center;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
}
.actions-options__link svg,
.actions-options__link svg path {
  margin-right: 5px;
  margin-right: 0.3125rem;
  fill: var(--actions-link-color);
  transition: all 0.33s ease-in-out;
}
.actions-options__link::before {
  content: none;
}
.actions-options__link:hover, .actions-options__link:focus {
  color: var(--actions-link-color-hover);
  text-decoration: none;
}
.actions-options__link:hover svg,
.actions-options__link:hover svg path, .actions-options__link:focus svg,
.actions-options__link:focus svg path {
  fill: var(--actions-link-color-hover);
}

.col-options {
  position: relative;
}

.sort-indicator {
  margin-left: 10px;
  margin-left: 0.625rem;
}
.col-sort-desc .sort-indicator::before {
  content: "\e5c5";
}
.col-sort-asc .sort-indicator::before {
  content: "\e5c7";
}
.sort-indicator::before {
  content: "\e164";
  position: relative;
  display: inline-block;
  font-family: "Material Icons";
  font-size: 16px;
  font-size: 1rem;
  font-weight: 900;
}

.content-table,
.content-table.rz-datatable {
  box-shadow: none;
}
.content-table tbody tr,
.content-table.rz-datatable tbody tr {
  border-top: 2px solid #dedede;
  border-top: 0.125rem solid #dedede;
}
.content-table tbody tr td,
.content-table.rz-datatable tbody tr td {
  padding: 20px 0;
  padding: 1.25rem 0;
}

:root {
  --vert-tabs-bg: #f2f2f2;
  --vert-tabs-border: #e9e9e9;
}

.tabs.accordion.tabs--vertical {
  display: flex;
}
.tabs.accordion.tabs--vertical .tab {
  position: relative;
  margin-right: 0 !important;
  display: block;
  width: 100%;
  padding: 0 10px;
  padding: 0 0.625rem;
}
.tabs.accordion.tabs--vertical .tab .standard-link {
  font-size: 14px;
  font-size: 0.875rem;
  white-space: normal;
  text-align: left;
  line-height: 15px;
  line-height: 0.9375rem;
}
.tabs.accordion.tabs--vertical .tab-list {
  display: flex;
}
.tabs.accordion.tabs--vertical .tab-con {
  min-width: 150px;
  min-width: 9.375rem;
  overflow: visible;
}
.tabs.accordion.tabs--vertical .tab-list[role=tablist] {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  text-indent: 0;
}
.tabs.accordion.tabs--vertical .tab-current {
  background: var(--vert-tabs-bg);
  border: 1px solid var(--vert-tabs-border);
  border: 0.0625rem solid var(--vert-tabs-border);
  border-right: 0;
  border-radius: 10px 0 0 10px;
  border-radius: 0.625rem 0 0 0.625rem;
}
.tabs.accordion.tabs--vertical .tab-current:after {
  content: "";
  position: absolute;
  background: var(--vert-tabs-bg);
  width: 10px;
  width: 0.625rem;
  right: -5px;
  right: -0.3125rem;
  height: 100%;
  top: 0;
}
.tabs.accordion.tabs--vertical .tab-content {
  padding: 10px 20px 5px;
  padding: 0.625rem 1.25rem 0.3125rem;
  background: var(--vert-tabs-bg);
  border: 1px solid var(--vert-tabs-border);
  border: 0.0625rem solid var(--vert-tabs-border);
  border-radius: 0 10px 10px 10px;
  border-radius: 0 0.625rem 0.625rem 0.625rem;
  width: 100%;
}

.page--editing {
  overflow: hidden;
  height: 100vh;
}

.page--editing .page-overlay {
  opacity: 1;
  width: 100vw;
  height: 100vh;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.45);
}

.page--editing .page__content {
  z-index: 25;
}

.page-preview {
  position: absolute;
  top: 0;
  left: 0;
  margin: 50px auto;
  margin: 3.125rem auto;
  border-radius: 15px;
  border-radius: 0.9375rem;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.05);
  position: relative;
  cursor: pointer;
  transition: all 0.33s ease-in-out;
  width: 100%;
}
.page--open-edit-menu .page-preview {
  height: 100vh;
  width: calc(100vw - 280px);
  width: calc(100vw - 17.5rem);
}
.page--editing .page-preview {
  top: -501px;
  top: -31.3125rem;
  left: -160px;
  left: -10rem;
  z-index: 30;
  margin-top: 0;
  border-radius: 0;
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  overflow-x: hidden;
}
.page--editing .page-preview main {
  margin: 0 auto;
}
.page--editing .page-preview::before, .page--editing .page-preview::after {
  content: none;
}
.page-preview:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  opacity: 0;
  content: "";
  background: rgba(0, 0, 0, 0.55);
  transition: all 0.33s ease-in-out;
}
.page-preview__edit-mode {
  width: calc(100% - 160px);
  width: calc(100% - 10rem);
  line-height: 50px;
  line-height: 3.125rem;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  border-radius: 0.625rem;
  position: absolute;
  z-index: 55;
  top: 150px;
  top: 9.375rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  font-weight: bold;
  transition: all 0.33s ease-in-out;
  cursor: pointer;
}
.page--editing .page-preview__edit-mode {
  pointer-events: none;
  display: none;
}
.page-preview:hover::before {
  opacity: 1;
}
.page-preview:hover .page-preview__edit-mode {
  opacity: 1;
}
.page-preview__edit-menu {
  position: absolute;
  top: 0;
  right: -250px;
  right: -15.625rem;
  z-index: 55;
  width: 250px;
  width: 15.625rem;
  background: #333;
  height: 100vh;
  transition: all 0.33s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.page--editing .page-preview__edit-menu {
  opacity: 1;
  pointer-events: all;
}
.page--open-edit-menu .page-preview__edit-menu {
  right: 0;
}

.toggle-edit-menu {
  position: absolute;
  left: -114px;
  left: -7.125rem;
  opacity: 0.5;
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 4px 10px;
  padding: 0.25rem 0.625rem;
  transition: all 0.33s ease-in-out;
  cursor: pointer;
}
.page--editing .toggle-edit-menu {
  opacity: 1;
  pointer-events: all;
}
.toggle-edit-menu:hover, .toggle-edit-menu:focus {
  opacity: 1;
}

.page-wrapper {
  width: 100%;
  transition: all 0.33s ease-in-out;
}
.page--open-edit-menu .page-wrapper {
  width: calc(100% - 250px);
  width: calc(100% - 15.625rem);
}

:root {
  --modal-text-color: #1a1a1a;
  --modal-link-color: #1a1a1a;
  --modal-link-color-hover: #414141;
  --modal-close-icon-color: #1a1a1a;
  --modal-bg-color: #fff;
}

.rz-dialog p {
  color: var(--modal-text-color);
}
.rz-dialog-content {
  padding: 0;
}

.modal,
.rz-dialog {
  display: none;
  overflow: visible !important;
  border-radius: 10px !important;
  border-radius: 0.625rem !important;
  padding-top: 20px;
  padding-top: 1.25rem;
}
.modal-open .modal,
.modal-open .rz-dialog {
  display: block;
}
.modal .rz-dialog-title,
.modal .rz-dialog-side-title,
.rz-dialog .rz-dialog-title,
.rz-dialog .rz-dialog-side-title {
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
  font-family: var(--primary-font);
  font-size: 36px;
  font-size: 2.25rem;
}
.modal .rz-dialog-content,
.rz-dialog .rz-dialog-content {
  overflow: hidden auto;
}
.modal .rz-dialog-content .modal__actions,
.rz-dialog .rz-dialog-content .modal__actions {
  min-width: calc(100% + 88px);
  min-width: calc(100% + 5.5rem);
  margin-left: -44px;
  margin-left: -2.75rem;
  margin-bottom: -64px;
  margin-bottom: -4rem;
}
.modal .modal-content,
.rz-dialog .modal-content {
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
  padding-top: 15px;
  padding-top: 0.9375rem;
}
.modal .modal-content p,
.rz-dialog .modal-content p {
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  color: var(--modal-text-color);
  text-align: center;
}
.modal .close-modal,
.rz-dialog .close-modal {
  top: -80px;
  top: -5rem;
  right: -70px;
  right: -4.375rem;
  width: 31px;
  width: 1.9375rem;
  height: 30px;
  height: 1.875rem;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  transition: all 0.33s ease-in-out;
}
.modal .close-modal::before,
.rz-dialog .close-modal::before {
  transition: all 0.33s ease-in-out;
}
.modal .close-modal:hover, .modal .close-modal:focus,
.rz-dialog .close-modal:hover,
.rz-dialog .close-modal:focus {
  background: rgb(255, 255, 255);
}
.modal .rz-dialog-titlebar-close,
.rz-dialog .rz-dialog-titlebar-close {
  display: none !important;
}
.modal-overlay,
.rz-dialog-overlay {
  display: block;
}
.modal::before,
.rz-dialog::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
  height: 0.9375rem;
  background: var(--primary-color);
  border-radius: 9px 9px 0 0;
  border-radius: 0.5625rem 0.5625rem 0 0;
}
.modal.hidden,
.rz-dialog.hidden {
  display: none;
}

.availability {
  border: 1px solid #bfbfbf;
  border: 0.0625rem solid #bfbfbf;
  border-radius: 10px;
  border-radius: 0.625rem;
  padding: 15px 25px 20px;
  padding: 0.9375rem 1.5625rem 1.25rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.availability__day-title {
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  border-bottom: 1px solid #bfbfbf;
  border-bottom: 0.0625rem solid #bfbfbf;
  padding: 10px 0;
  padding: 0.625rem 0;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.availability__slot {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.availability__slot--hidden {
  display: none;
}
.availability__slot-label {
  display: block;
  width: 100%;
}
.availability__clear-button.rz-button {
  height: 39px;
  height: 2.4375rem;
  width: 40px;
  width: 2.5rem;
  margin-top: 5px;
  margin-top: 0.3125rem;
  margin-left: 15px;
  margin-left: 0.9375rem;
}
.availability input[type=time].availability__time {
  width: 250px;
  width: 15.625rem;
  max-width: 35%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.availability input[type=time].availability__time--start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.availability input[type=time].availability__time--end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}

.attributions .login__sidebar {
  position: fixed;
}
.attributions__main {
  margin: 0 80px 0 auto;
  margin: 0 5rem 0 auto;
  display: flex;
  align-items: center;
  padding-top: 100px;
  padding-top: 6.25rem;
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
}
.attributions__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.attributions__list-item:before {
  content: none;
}

.changeLog {
  background: #fff;
  border-radius: 15px;
  border-radius: 0.9375rem;
  padding: 20px 60px 40px 60px;
  padding: 1.25rem 3.75rem 2.5rem 3.75rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.15);
  margin-top: 20px;
  margin-top: 1.25rem;
}
.changeLog::before {
  content: "Change Log for " attr(data-date) " Version: " attr(data-version);
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  display: block;
}
.changeLog__list-item {
  margin-left: 40px;
  margin-left: 2.5rem;
}

:root {
  --breadcrumb-caption-color: #fff;
  --breadcrumb-title-color: #fff;
  --breadcrumb-item-color: #1a1a1a;
  --breadcrumb-link-color: #1a1a1a;
  --breadcrumb-link-color-hover: #1a1a1a;
  --breadcrumb-link-color-active: #1a1a1a;
  --breadcrumb-link-divider: #d9d9d9;
}
:root .dark-mode {
  --breadcrumb-text-color: #000;
  --breadcrumb-title-color: #000;
}

.breadcrumbs-container {
  position: relative;
  margin: 0px 18px;
  margin: 0 1.125rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  z-index: 20;
}

.breadcrumb {
  position: absolute;
  padding: 0;
  margin: 0;
  text-transform: capitalize;
}
.breadcrumb li {
  position: relative;
  display: inline-block;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  font-size: 1rem;
  line-height: 1.875rem;
  letter-spacing: normal;
}
.breadcrumb li::after {
  content: "/";
  position: relative;
  display: inline-block;
  font-family: var(--primary-font);
  font-size: 16px;
  line-height: 30px;
  font-size: 1rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  color: var(--breadcrumb-link-divider);
  margin: 0 5px;
  margin: 0 0.3125rem;
}
.breadcrumb li:last-of-type {
  margin-right: 0;
}
.breadcrumb li:last-of-type::after {
  content: none;
}
.breadcrumb a {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  color: var(--breadcrumb-link-color);
  text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:focus {
  color: var(--breadcrumb-link-color-hover);
  text-decoration: underline;
}

.human-resources {
  padding: 20px 0 0 0;
  padding: 1.25rem 0 0 0;
  margin: 0;
  list-style: none;
  container-type: inline-size;
  container-name: hr;
}

.employee {
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  background: transparent;
  border: 3px solid var(--primary-color);
  border: 0.1875rem solid var(--primary-color);
  border-radius: 27px;
  border-radius: 1.6875rem;
}
@container hr (inline-size > 250px) {
  .employee {
    display: flex;
    padding: 5px 11px;
    padding: 0.3125rem 0.6875rem;
    border-radius: 50px;
    border-radius: 3.125rem;
    justify-content: space-between;
    justify-content: space-between;
    align-items: center;
  }
}
.employee__schedule-heading {
  width: 100%;
  display: flex;
  align-items: center;
}
.employee__date-picker {
  margin: 0;
  padding: 0px 11px;
  padding: 0 0.6875rem;
  border-radius: 5px;
  border-radius: 0.3125rem;
  margin-left: 10px;
  margin-left: 0.625rem;
}
.employee__date-picker .rz-inputtext {
  margin-bottom: 0;
  margin-left: 15px;
  margin-left: 0.9375rem;
  border: 0 !important;
}
.employee__date-picker .rz-button:not(.rz-state-disabled) {
  top: calc(50% + 3px);
  top: calc(50% + 0.1875rem);
  right: 0;
  transform: translateY(-50%);
}
.employee__schedule {
  order: -1;
}
@media all and (min-width: 1050px) {
  .sidebar-navigation--visible-False ~ .page__wrap .employee__schedule {
    order: 1;
  }
}
@media all and (min-width: 1150px) {
  .sidebar-navigation--visible-True ~ .page__wrap .employee__schedule {
    order: 1;
  }
}
.employee__name {
  margin-bottom: 7px;
  margin-bottom: 0.4375rem;
  line-height: 30px;
  line-height: 1.875rem;
}
@container hr (inline-size > 250px) {
  .employee__name {
    margin-bottom: 0;
  }
}
.employee__availability {
  min-width: 40px;
  min-width: 2.5rem;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  margin: -3px -8px;
  margin: -0.1875rem -0.5rem;
  text-align: center;
  background: color-mix(in srgb, var(--primary-color), transparent 80%);
  border-radius: 50px;
  border-radius: 3.125rem;
}
.employee__availability--container {
  align-self: flex-start;
}

.schedule-date-select {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  width: 231px;
  width: 14.4375rem;
}

.scheduled-days {
  margin-top: 20px;
  margin-top: 1.25rem;
  --gutter: 20px;
  --gutter: 1.25rem;
  container-type: inline-size;
  container-name: schedule;
}

.scheduled-day {
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  overflow: visible;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  gap: 1.25rem;
  padding: 0 20px 35px;
  padding: 0 1.25rem 2.1875rem;
  position: relative;
}
.scheduled-day::after {
  content: "";
  width: calc(100% + 42px);
  width: calc(100% + 2.625rem);
  height: 1px;
  height: 0.0625rem;
  background: #ccc;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.scheduled-day:last-child::after {
  content: none;
}
@container schedule (inline-size > 0) {
  .scheduled-day.ag__column--one-third, .scheduled-day.ag__column[class*="1/3"], .scheduled-day.ag__column[class*="4/12"] {
    width: 100%;
  }
}
@container schedule (inline-size > 440px) {
  .scheduled-day.ag__column--one-third, .scheduled-day.ag__column[class*="1/3"], .scheduled-day.ag__column[class*="4/12"] {
    width: calc(50% - var(--gutter));
  }
}
@container schedule (inline-size > 700px) {
  .scheduled-day.ag__column--one-third, .scheduled-day.ag__column[class*="1/3"], .scheduled-day.ag__column[class*="4/12"] {
    width: calc(33.3333333333% - var(--gutter));
  }
}
.scheduled-day__date {
  display: flex;
  min-width: calc(100% + 42px);
  min-width: calc(100% + 2.625rem);
  padding: 5px 15px 7px;
  padding: 0.3125rem 0.9375rem 0.4375rem;
  margin-top: -1px;
  margin-top: -0.0625rem;
  margin-left: -20px;
  margin-left: -1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
  color: #fff;
  text-transform: uppercase;
  background: var(--primary-color);
  border-radius: 10px;
  border-radius: 0.625rem;
  justify-content: space-between;
  align-items: center;
}
.scheduled-day__date > div {
  margin: 0;
}
.scheduled-day__date--day {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 24px;
  line-height: 1.5rem;
  text-transform: capitalize;
}
.scheduled-day__date--date {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  line-height: 1.5rem;
}
.scheduled-day__assignment {
  position: relative;
  min-height: 35px;
  min-height: 2.1875rem;
  padding: 15px 10px 10px;
  padding: 0.9375rem 0.625rem 0.625rem;
  border: 1px solid #bec6d1;
  border: 0.0625rem solid #bec6d1;
  border-radius: 10px;
  border-radius: 0.625rem;
  flex: 1 1 calc((100% - 60px) / 3);
  flex: 1 1 calc((100% - 3.75rem) / 3);
  max-width: calc((100% - 60px) / 3);
  max-width: calc((100% - 3.75rem) / 3);
}
.scheduled-day__assignment--collapsed .scheduled-day__collapse-resource {
  top: 5px;
  top: 0.3125rem;
  right: 5px;
  right: 0.3125rem;
  background-image: url("/_content/Antilles-Framework/Antilles/assets/src/images/plus.svg");
}
.scheduled-day__assignment--collapsed .scheduled-day__assignment-name {
  top: 4px;
  top: 0.25rem;
}
.scheduled-day__assignment--collapsed .scheduled-day__clients, .scheduled-day__assignment--collapsed .scheduled-day__employees {
  height: 0;
  overflow: hidden;
}
.scheduled-day__assignment-name {
  position: absolute;
  top: -12px;
  top: -0.75rem;
  display: inline-block;
  width: auto;
  max-width: calc(100% - 30px);
  max-width: calc(100% - 1.875rem);
  padding-right: 5px;
  padding-right: 0.3125rem;
  padding-left: 5px;
  padding-left: 0.3125rem;
  font-size: 14px;
  font-size: 0.875rem;
  background: #fff;
}
.scheduled-day__clients, .scheduled-day__employees {
  padding: 0;
  margin: 0;
  list-style: none;
}
.scheduled-day__employees {
  width: 100%;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.scheduled-day__client, .scheduled-day__employee {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  padding: 0.4375rem 0;
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: 1px solid #bec6d1;
  border-bottom: 0.0625rem solid #bec6d1;
}
.scheduled-day__client:has(h3), .scheduled-day__employee:has(h3) {
  border: 0;
}
.scheduled-day__client form, .scheduled-day__employee form {
  height: 24px;
  height: 1.5rem;
}
.scheduled-day__employee {
  font-weight: bold;
  padding: 7px 20px;
  padding: 0.4375rem 1.25rem;
}
.scheduled-day__employee:nth-child(even) {
  background: #f2f2f2;
}
.scheduled-day__employee:has(.scheduled-day__employees) {
  background: #fff;
}
.scheduled-day__employee-name {
  width: 100%;
  margin-top: 30px;
  margin-top: 1.875rem;
}
.page .scheduled-day__employee-name {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.scheduled-day__delete {
  vertical-align: sub;
  background: transparent;
  border: 0;
}
.scheduled-day__collapse-resource {
  position: absolute;
  top: -12px;
  top: -0.75rem;
  right: -10px;
  right: -0.625rem;
  display: block;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  cursor: pointer;
  background: #fff url("/_content/Antilles-Framework/Antilles/assets/src/images/minus.svg") no-repeat center center;
  background-size: 12px;
  background-size: 0.75rem;
  border: 1px solid #bec6d1;
  border: 0.0625rem solid #bec6d1;
  border-radius: 20px;
  border-radius: 1.25rem;
}
.scheduled-day__remove-client {
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  margin-right: 0;
  margin-left: auto;
  cursor: pointer;
  background: #fff;
  background: transparent url("/_content/Antilles-Framework/Antilles/assets/src/images/x-mark.svg") no-repeat center center;
  background-size: 12px;
  background-size: 0.75rem;
  border: 0;
}
.scheduled-day__remove-client:has(svg) {
  position: relative;
  left: -20px;
  left: -1.25rem;
  background: transparent;
  fill: #943f2a;
}
.scheduled-day__remove-client svg {
  width: 15px;
  width: 0.9375rem;
}
.scheduled-day__assign-resource.rz-button.rz-button-md {
  width: auto;
  padding: 0 20px;
  padding: 0 1.25rem;
  margin: 0 0 0 auto;
  font-size: 18px;
  font-size: 1.125rem;
  color: var(--primary-color) !important;
  background-color: #fff !important;
}
.scheduled-day__assign-resource.rz-button.rz-button-md .rz-button-box {
  margin: 0;
}
.scheduled-day__assign-resource.rz-button.rz-button-md .rz-button-box .rz-button-text {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 37px;
  line-height: 2.3125rem;
}
.scheduled-day form {
  margin: 0;
}
.scheduled-day .button {
  min-width: 105px;
  min-width: 6.5625rem;
  padding: 3px 0;
  padding: 0.1875rem 0;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 5px;
  border-radius: 0.3125rem;
}

.project-model {
  padding: 20px 80px;
  padding: 1.25rem 5rem;
}
.project-model__title {
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
}
.project-model__details {
  display: block;
  padding: 10px 0;
  padding: 0.625rem 0;
}
.project-model__notes {
  max-width: 750px;
  max-width: 46.875rem;
  height: 250px;
  height: 15.625rem;
  min-width: 0;
}

.project-navigation {
  list-style: none;
  padding: 0;
  margin: 0;
}
.project-navigation__button {
  text-indent: 0;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.project-navigation__button:before {
  content: none;
}

.content-form .work-order {
  display: block;
  padding: 15px 0;
  padding: 0.9375rem 0;
}
.content-form .work-order__label {
  font-weight: 700;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  width: 180px;
  width: 11.25rem;
}
.content-form .work-order__line {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.content-form .work-order__description-text-container {
  padding: 25px 30px;
  padding: 1.5625rem 1.875rem;
  min-height: 100px;
  min-height: 6.25rem;
  align-items: start;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  margin-top: 30px;
  margin-top: 1.875rem;
  width: 100%;
}
.content-form .work-order__description-label {
  line-height: 1rem;
  margin-right: 10px;
  margin-right: 0.625rem;
}
.content-form .work-order__materials-list {
  margin: 25px auto;
  margin: 1.5625rem auto;
}
.content-form .work-order__total-billed--input {
  border: 0;
  color: #fff;
  font-weight: 600;
  background: var(--primary-color);
}
.content-form .work-order__signature-box {
  background: #f2f2f2;
  border-radius: 5px;
  border-radius: 0.3125rem;
  display: flex;
  flex-wrap: nowrap;
  padding: 0 25px;
  padding: 0 1.5625rem;
}
.content-form .work-order__signature-box--input {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 30px 15px;
  padding: 1.875rem 0.9375rem;
}

.billing {
  display: flex;
}

:root {
  --edit-field-background: #fff;
  --edit-field-outline: #dedede;
}
:root .dark-mode {
  --edit-field-background: #fff;
  --edit-field-outline: #dedede;
}

.custom-fields--edit .ag__column {
  background: var(--edit-field-background);
  border-radius: 7px;
  border-radius: 0.4375rem;
  padding: 6px;
  padding: 0.375rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  outline: 1px solid var(--edit-field-outline);
  outline: 0.0625rem solid var(--edit-field-outline);
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  height: 1.75rem;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-right: 0.5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  min-height: 2rem;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-top: 0.3125rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-bottom: 3px;
  margin-bottom: 0.1875rem;
  max-width: 100%;
  resize: none;
  height: 18px;
  height: 1.125rem;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border: 0.0625rem solid #aaa;
  border-radius: 4px;
  border-radius: 0.25rem;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  left: -6250rem;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  padding: 0.375rem;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
  padding: 0.25rem;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  padding: 0.25rem;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  height: 0.0625rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  width: 0.0625rem !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border: 0.0625rem solid #aaa;
  border-radius: 4px;
  border-radius: 0.25rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
  line-height: 1.75rem;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  height: 1.625rem;
  margin-right: 20px;
  margin-right: 1.25rem;
  padding-right: 0px;
  padding-right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  height: 1.625rem;
  position: absolute;
  top: 1px;
  top: 0.0625rem;
  right: 1px;
  right: 0.0625rem;
  width: 20px;
  width: 1.25rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-width: 0.3125rem 0.25rem 0 0.25rem;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-left: -0.25rem;
  margin-top: -2px;
  margin-top: -0.125rem;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  left: 0.0625rem;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
  border-width: 0 0.25rem 0.3125rem 0.25rem;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border: 0.0625rem solid #aaa;
  border-radius: 4px;
  border-radius: 0.25rem;
  cursor: text;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  padding-right: 5px;
  padding-right: 0.3125rem;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
  padding-right: 1.5625rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  height: 1.25rem;
  margin-right: 10px;
  margin-right: 0.625rem;
  margin-top: 5px;
  margin-top: 0.3125rem;
  position: absolute;
  right: 0;
  padding: 1px;
  padding: 0.0625rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border: 0.0625rem solid #aaa;
  border-radius: 4px;
  border-radius: 0.25rem;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-top: 5px;
  margin-top: 0.3125rem;
  padding: 0;
  padding-left: 20px;
  padding-left: 1.25rem;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-left: 0.125rem;
  padding-right: 5px;
  padding-right: 0.3125rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-right: 0.0625rem solid #aaa;
  border-top-left-radius: 4px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: 0.25rem;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  padding: 0 0.25rem;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-left: 0.3125rem;
  padding-right: 2px;
  padding-right: 0.125rem;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-left: 0.0625rem solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: 0.25rem;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-left: 0.625rem;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  border: solid black 0.0625rem;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  border: 0.0625rem solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  max-height: 12.5rem;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
  padding: 0.375rem;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border: 0.0625rem solid #aaa;
  border-radius: 4px;
  border-radius: 0.25rem;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
  border: 0.0625rem solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
  line-height: 1.75rem;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  height: 1.625rem;
  margin-right: 20px;
  margin-right: 1.25rem;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-left: 0.0625rem solid #aaa;
  border-top-right-radius: 4px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: 0.25rem;
  height: 26px;
  height: 1.625rem;
  position: absolute;
  top: 1px;
  top: 0.0625rem;
  right: 1px;
  right: 0.0625rem;
  width: 20px;
  width: 1.25rem;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-width: 0.3125rem 0.25rem 0 0.25rem;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-left: -0.25rem;
  margin-top: -2px;
  margin-top: -0.125rem;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-right: 0.0625rem solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: 0.25rem;
  left: 1px;
  left: 0.0625rem;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
  border: 0.0625rem solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
  border-width: 0 0.25rem 0.3125rem 0.25rem;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border: 0.0625rem solid #aaa;
  border-radius: 4px;
  border-radius: 0.25rem;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  padding-right: 5px;
  padding-right: 0.3125rem;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
  border: 0.0625rem solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border: 0.0625rem solid #aaa;
  border-radius: 4px;
  border-radius: 0.25rem;
  display: inline-block;
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-top: 5px;
  margin-top: 0.3125rem;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-left: 0.125rem;
  padding-right: 5px;
  padding-right: 0.3125rem;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: 0.25rem;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  padding: 0 0.25rem;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-left: 0.3125rem;
  padding-right: 2px;
  padding-right: 0.125rem;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: 0.25rem;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
  border: 0.0625rem solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  border: 0.0625rem solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
  border: 0.0625rem solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  max-height: 12.5rem;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
  padding: 0.375rem;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.kiosk-display {
  max-width: none;
}

.page__main .close-button {
  position: absolute;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.33s ease-in-out;
  top: 5px;
  top: 0.3125rem;
  right: 5px;
  right: 0.3125rem;
}
.page__main .close-button svg {
  fill: white;
}
.page__main .close-button:hover {
  opacity: 1;
}
.page__main .close-button::before {
  content: none;
}
.page__main--kiosk-display {
  position: absolute;
  background: linear-gradient(180deg, #143B80 0%, #0C2551 100%);
  overflow: hidden;
  transform-origin: top left;
  width: 3860px;
  width: 241.25rem;
  height: 2140px;
  height: 133.75rem;
}
.page__main--kiosk-display input[type=date] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
  height: 90px;
  height: 5.625rem;
  margin: 0;
  padding: 0;
}
.page__main--kiosk-display input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  background: transparent;
}
.page__main--full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 255000;
}

.kiosk {
  position: relative;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 86px;
  padding: 0 5.375rem;
}
.kiosk__heading {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.kiosk__title {
  font-size: 58px;
  font-size: 3.625rem;
  font-weight: 400;
  vertical-align: middle;
  display: flex;
  align-items: center;
  height: auto;
  line-height: 1rem;
  min-height: 0;
  max-height: none;
  color: #fff;
}
.kiosk__title svg {
  width: 77px;
  width: 4.8125rem;
  height: 77px;
  height: 4.8125rem;
  margin-right: 20px;
  margin-right: 1.25rem;
}
.kiosk__schedule-table {
  height: 1794px;
  height: 112.125rem;
  overflow-y: scroll;
  flex-grow: 1;
  border-radius: 20px;
  border-radius: 1.25rem;
  margin-right: 86px;
  margin-right: 5.375rem;
  margin-bottom: 86px;
  margin-bottom: 5.375rem;
  max-width: calc(100% - 724px);
  max-width: calc(100% - 45.25rem);
  scrollbar-width: none;
}
.kiosk__date {
  display: flex;
  align-items: center;
  color: #fff;
  margin-top: -70px;
  margin-top: -4.375rem;
  padding-right: 40px;
  padding-right: 2.5rem;
  font-size: 58px;
  font-size: 3.625rem;
  font-weight: 400;
}

.schedule-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 20px;
  border-radius: 1.25rem;
  overflow-y: scroll;
}
.schedule-table__header {
  position: sticky;
  top: 0;
  z-index: 55;
  background: #00153B;
  height: 135px;
  height: 8.4375rem;
  color: #fff;
  font-size: 45px;
  font-size: 2.8125rem;
}
.schedule-table__header-cell {
  padding: 0 70px;
  padding: 0 4.375rem;
  text-align: left;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
  border-bottom: 0.125rem solid #ccc;
  white-space: nowrap;
  background: #03225A;
}
.schedule-table__header-cell:first-child {
  padding: 0;
  text-align: center;
  background: #00153B;
  width: 200px;
  width: 12.5rem;
}
.schedule-table__body-row {
  border-bottom: 2px solid #C3C9D4;
  border-bottom: 0.125rem solid #C3C9D4;
  display: flex;
}
.schedule-table__body-row:nth-child(even) {
  background: #F2F3F9;
}
.schedule-table__body-row:last-child {
  border-bottom: none;
}
.schedule-table__body-cell {
  font-size: 36px;
  font-size: 2.25rem;
  padding: 20px 10px 20px 40px;
  padding: 1.25rem 0.625rem 1.25rem 2.5rem;
  text-align: left;
  font-weight: bold;
  display: block;
  width: 20%;
}
.schedule-table__body-cell:first-child {
  padding: 0px 15px;
  padding: 0 0.9375rem;
  text-align: center;
  max-width: 200px;
  max-width: 12.5rem;
  min-width: 200px;
  min-width: 12.5rem;
  border-right: 1px solid #D9D9D9;
  border-right: 0.0625rem solid #D9D9D9;
}
.schedule-table__footer {
  position: sticky;
  bottom: 0;
  z-index: 55;
}
.schedule-table__footer-row {
  background: #6F758E;
}
.schedule-table__footer-cell {
  font-size: 36px;
  font-size: 2.25rem;
  padding: 40px 15px 40px 20px;
  padding: 2.5rem 0.9375rem 2.5rem 1.25rem;
  text-align: left;
  font-weight: bold;
  color: #fff;
  border: 0;
}
.schedule-table__footer-cell:first-child {
  vertical-align: top;
  padding: 40px 15px;
  padding: 2.5rem 0.9375rem;
  text-align: center;
}
.schedule-table__footer-cell .schedule-table__list-item strong {
  color: #fff;
}
.schedule-table__list-container {
  height: 100%;
  scrollbar-width: none;
}
.schedule-table__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.schedule-table__context-data {
  color: #000;
  font-weight: 400;
  font-size: 0.95em;
}
.schedule-table__list-item {
  position: relative;
  padding-left: 25px;
  padding-left: 1.5625rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 600;
  max-width: calc(100% - 20px);
  max-width: calc(100% - 1.25rem);
}
.schedule-table__list-item strong {
  font-weight: 400;
  font-size: 28px;
  font-size: 1.75rem;
  color: #737373;
}
.schedule-table__list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  left: 0;
  width: 4px;
  width: 0.25rem;
  border-radius: 4px;
  border-radius: 0.25rem;
  height: 100%;
  background: #143880;
  opacity: 0.3;
}
.schedule-table__list-item--complete-True {
  color: #b40000;
  font-weight: bold;
}
.schedule-table__list-item--complete-True::before {
  background: #b40000;
  opacity: 1;
}
.schedule-table__list-item--urgent {
  color: #ec6c00;
  font-weight: bold;
}
.schedule-table__list-item--urgent::before {
  background: #ec6c00;
  opacity: 1;
}

.marquee {
  height: auto;
  width: 2964px;
  width: 185.25rem;
  overflow: hidden;
  position: relative;
}

.marquee__content {
  display: flex;
  flex-direction: column;
  animation: marquee-scroll linear infinite;
  animation-duration: var(--scroll-speed, 20s);
  will-change: transform;
}
.marquee__content:hover, .marquee__content:focus {
  animation-play-state: paused;
}
.disable-auto-scroll .marquee__content {
  animation-play-state: paused;
}

@keyframes marquee-scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
.assigned-jobs {
  position: relative;
  width: calc(20% - 100px);
  width: calc(20% - 6.25rem);
  max-height: calc(100% - 288px);
  max-height: calc(100% - 18rem);
  background: #fff;
  position: relative;
  z-index: 10;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  border-radius: 1.25rem;
}
.assigned-jobs .marquee {
  width: 100%;
}
.assigned-jobs__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.assigned-jobs__heading {
  position: sticky;
  top: 0;
  z-index: 50;
  width: calc(100% + 100px);
  width: calc(100% + 6.25rem);
  height: 134px;
  height: 8.375rem;
  background: #fff;
  line-height: 124px;
  line-height: 7.75rem;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border: 0.125rem solid rgba(0, 0, 0, 0.5);
  border-left: 0;
  border-right: 0;
  display: block;
  z-index: 5;
  font-size: 45px;
  font-size: 2.8125rem;
  top: -50px;
  top: -3.125rem;
  background: #00153B;
  color: #fff;
  text-align: left;
  padding: 50px 50px 0;
  padding: 3.125rem 3.125rem 0;
}
.assigned-jobs__technician {
  padding: 15px 0 25px;
  padding: 0.9375rem 0 1.5625rem;
}
.assigned-jobs__technician:nth-child(even) {
  background: #f2f3f9;
  border: 2px solid #cdc9d4;
  border: 0.125rem solid #cdc9d4;
}
.assigned-jobs__tech-name {
  position: relative;
  font-size: 40px;
  font-size: 2.5rem;
  padding-left: 50px;
  padding-left: 3.125rem;
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.assigned-jobs__project-number {
  position: relative;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 45px;
  line-height: 2.8125rem;
  font-weight: bold;
  margin-top: 25px;
  margin-top: 1.5625rem;
}
.assigned-jobs__project-client {
  font-size: 40px;
  font-size: 2.5rem;
}
.assigned-jobs__project-client::after {
  content: " - ";
}
.assigned-jobs__project-name {
  font-size: 50px;
  font-size: 3.125rem;
  display: inline;
}
.assigned-jobs__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 32px;
  line-height: 2rem;
}
.assigned-jobs__list-item {
  padding: 5px 0 5px 20px;
  padding: 0.3125rem 0 0.3125rem 1.25rem;
  margin-left: 25px;
  margin-left: 1.5625rem;
}
.assigned-jobs__project {
  position: relative;
  padding-left: 25px;
  padding-left: 1.5625rem;
  margin-bottom: 0;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 600;
  max-width: 520px;
  max-width: 32.5rem;
}
.assigned-jobs__project strong {
  font-weight: 400;
  font-size: 28px;
  font-size: 1.75rem;
  color: #737373;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.assigned-jobs__project::before {
  content: "";
  width: 2px;
  width: 0.125rem;
  height: 60%;
  position: absolute;
  left: 0px;
  left: 0;
  top: 25%;
  background: #143880;
  opacity: 0.3;
}

.project-card {
  background: #fff;
  border-radius: 10px;
  border-radius: 0.625rem;
  padding: 10px 60px;
  padding: 0.625rem 3.75rem;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.25);
}
.project-card > *[class*="--urgent-True"]::before {
  z-index: -1;
  content: "";
  position: absolute;
  bottom: -70px;
  bottom: -4.375rem;
  right: 0;
  width: 90px;
  width: 5.625rem;
  height: 70px;
  height: 4.375rem;
  display: block;
  text-align: center;
  text-indent: 0;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #fff;
  border-radius: 10px;
  border-radius: 0.625rem;
  background: var(--accent-three-color) url(/_content/Antilles-Framework/assets/src/images/ICN-exclaim-circle.svg) no-repeat center center;
  background-size: 45px 45px;
  background-size: 2.8125rem 2.8125rem;
}
.project-card__title {
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 72px;
  line-height: 4.5rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.project-card__project-number {
  position: relative;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 32px;
  line-height: 2rem;
  float: right;
  margin-top: -29px;
  margin-top: -1.8125rem;
  border-left: 2px solid #e1e6f0;
  border-left: 0.125rem solid #e1e6f0;
  border-bottom: 2px solid #e1e6f0;
  border-bottom: 0.125rem solid #e1e6f0;
  border-radius: 0 0 0 15px;
  border-radius: 0 0 0 0.9375rem;
  background: #e1e6f0;
  font-weight: bold;
  padding: 10px 25px 10px 25px;
  padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
}
.project-card__project-client {
  font-size: 40px;
  font-size: 2.5rem;
}
.project-card__project-client::after {
  content: " - ";
}
.project-card__project-name {
  font-size: 50px;
  font-size: 3.125rem;
  display: inline;
}
.project-card__project-name + .project-card__project-note::before {
  content: ", ";
}
.project-card__project-note {
  font-size: 50px;
  font-size: 3.125rem;
  display: inline;
}
.project-card__divider {
  height: 3px;
  height: 0.1875rem;
  border-radius: 2px;
  border-radius: 0.125rem;
  background-color: #e1e6f0;
  margin: 25px 0;
  margin: 1.5625rem 0;
}
.project-card__heading {
  font-size: 50px;
  font-size: 3.125rem;
}
.project-card__detail {
  font-size: 58px;
  font-size: 3.625rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.project-card__detail-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.project-card__detail-list-item {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

/* Scrolling animation */
@keyframes scroll-jobs {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
.messages {
  width: 100%;
}
.messages__history {
  width: 100%;
  height: 650px;
  height: 40.625rem;
  background: #dddfde;
  border-radius: 15px 15px 0 0;
  border-radius: 0.9375rem 0.9375rem 0 0;
}
.messages__action {
  background: #c3c4c6;
  width: 100%;
  border-radius: 0 0 15px 15px;
  border-radius: 0 0 0.9375rem 0.9375rem;
  padding: 15px;
  padding: 0.9375rem;
  display: flex;
  position: relative;
}
.messages__action form {
  width: 100%;
}
.messages__text {
  border-radius: 15px 0 0 15px;
  border-radius: 0.9375rem 0 0 0.9375rem;
  margin: 0;
}
.messages__image {
  background: transparent;
  border: 0;
  position: absolute;
  width: 35px;
  width: 2.1875rem;
  height: 35px;
  height: 2.1875rem;
  right: 140px;
  right: 8.75rem;
  top: 50%;
  transform: translateY(-50%);
  fill: var(--primary-color);
}
.messages__image svg {
  width: 100%;
  height: 100%;
}
.messages__send.rz-button.rz-button-md {
  width: 125px;
  width: 7.8125rem;
  height: 50px;
  height: 3.125rem;
  border: 0;
  background: var(--primary-color);
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.005rem;
  border-radius: 0 15px 15px 0;
  border-radius: 0 0.9375rem 0.9375rem 0;
  box-sizing: border-box;
}

.chat-bubble > .rz-button.rz-button-md {
  position: absolute;
}
.chat-bubble .rz-button.rz-button-md {
  height: auto;
  margin: 0;
  padding: 0;
}
.chat-bubble__attachment {
  background: #fefefe;
  border-radius: 5px;
  border-radius: 0.3125rem;
  margin: 5px 0;
  margin: 0.3125rem 0;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  text-transform: uppercase;
}
.chat-bubble__attachment:hover, .chat-bubble__attachment:focus {
  background-color: var(--primary-color);
  color: #fff;
}
.chat-bubble__attachment:hover a, .chat-bubble__attachment:focus a {
  color: #fff;
}
.chat-bubble__attachment a {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.005rem;
  text-decoration: none;
}
.chat-bubble__attachment a::before {
  content: none;
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 0;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe, .gslide video {
  outline: 0 !important;
  border: none;
  min-height: 165px;
  min-height: 10.3125rem;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: 0;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
  min-width: 12.5rem;
}

.desc-bottom .gslide-image img, .desc-top .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img, .desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  margin: auto;
}

.gslide-video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  max-height: calc(100vh - 2.5rem);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  padding: 1.25rem;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-bottom .gslide-media, .desc-top .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left, .gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom, .gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  padding: 1.1875rem 0.6875rem;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: 700;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  height: 1.5625rem;
  width: 25px;
  width: 1.5625rem;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border: 0.125rem solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  height: calc(100vh + 0.0625rem);
  position: fixed;
  top: -1px;
  top: -0.0625rem;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gclose, .gnext, .gprev {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  width: 1.625rem;
  height: 44px;
  height: 2.75rem;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gclose svg, .gnext svg, .gprev svg {
  display: block;
  width: 25px;
  width: 1.5625rem;
  height: auto;
  margin: 0;
  padding: 0;
}

.gclose.disabled, .gnext.disabled, .gprev.disabled {
  opacity: 0.1;
}

.gclose .garrow, .gnext .garrow, .gprev .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
  outline: 0.125rem solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
  opacity: 0 !important;
}

.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
  padding: 1.375rem 1.25rem;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: 400;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  margin-bottom: 1.1875rem;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  border-radius: 0.25rem;
}

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  left: 1.875rem;
  width: 40px;
  width: 2.5rem;
  height: 50px;
  height: 3.125rem;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  right: 1.875rem;
  width: 40px;
  width: 2.5rem;
  height: 50px;
  height: 3.125rem;
}

.glightbox-clean .gclose {
  width: 35px;
  width: 2.1875rem;
  height: 35px;
  height: 2.1875rem;
  top: 15px;
  top: 0.9375rem;
  right: 10px;
  right: 0.625rem;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  width: 1.125rem;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left, .gslide-description.description-right {
    max-width: 275px;
    max-width: 17.1875rem;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0.0625rem 0.125rem 0.5625rem 0 rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 0.0625rem 0.125rem 0.5625rem 0 rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
    right: 1.25rem;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
@-webkit-keyframes animate {
  0% {
    opacity: 1;
    transform: scale(1.12);
  }
  100% {
    opacity: 0;
  }
}
.loader-overlay {
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  width: 100%;
  padding: 30px;
  padding: 1.875rem;
  height: 100%;
}
.loader-overlay .loader {
  width: 168px;
  width: 10.5rem;
  height: 168px;
  height: 10.5rem;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.loader-overlay .loader div {
  position: absolute;
  opacity: 0.5;
  width: 36px;
  width: 2.25rem;
  height: 36px;
  height: 2.25rem;
  border-radius: 18px;
  border-radius: 1.125rem;
  animation: animate linear 1s infinite;
}
.loader-overlay .loader div:nth-child(1) {
  animation-delay: -0.875s;
  background: #8ec640;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.loader-overlay .loader div:nth-child(2) {
  background: #de3c27;
  animation-delay: -0.75s;
  right: 19px;
  right: 1.1875rem;
  top: 19px;
  top: 1.1875rem;
}
.loader-overlay .loader div:nth-child(3) {
  background: #e38e25;
  animation-delay: -0.625s;
  top: calc(50% - 18px);
  top: calc(50% - 1.125rem);
  right: 0;
}
.loader-overlay .loader div:nth-child(4) {
  background: #30c0cc;
  animation-delay: -0.5s;
  bottom: 19px;
  bottom: 1.1875rem;
  right: 19px;
  right: 1.1875rem;
}
.loader-overlay .loader div:nth-child(5) {
  background: #8ec640;
  animation-delay: -0.375s;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
}
.loader-overlay .loader div:nth-child(6) {
  background: #30c0cc;
  animation-delay: -0.25s;
  left: 19px;
  left: 1.1875rem;
  bottom: 19px;
  bottom: 1.1875rem;
}
.loader-overlay .loader div:nth-child(7) {
  background: #e38e25;
  animation-delay: -0.125s;
  top: calc(50% - 18px);
  top: calc(50% - 1.125rem);
  left: 0;
}
.loader-overlay .loader div:nth-child(8) {
  background: #de3c27;
  animation-delay: 0s;
  left: 19px;
  left: 1.1875rem;
  top: 19px;
  top: 1.1875rem;
}

:root {
  --fc_titleColor: white;
  --fc_textColor: white;
  --fc_linkColor: #3dd8e6;
  --fc_linkColor-hover: white;
  --fc_contentBackground: linear-gradient(315deg, rgba(5, 39, 80, 1) 0%, rgba(7, 24, 43, 1) 100%);
  --lc_borderColor: rgba(27, 51, 56, 0.55);
  --lc-inputFocusBorder: rgba(36, 180, 193, 0.6);
  --lc_inputPlaceholderColor: #1a1a1a;
  --lc_inputHoverShadow: rgb(36, 180, 193, 0.5);
  --lo_buttonShadow: rgb(0, 0, 0, 0.16);
  --lo_buttonShadowHover: rgb(36, 180, 193, 0.5);
  --lo_text: rgb(54, 63, 66, 1);
  --help_linkButtonColor: rgb(0, 0, 0, 0.5);
  --help_linkButtonColorHover: rgba(36,180,193,.6);
  --help_linkButtonColorFocus: rgba(36,180,193,.6);
}

.dark-mode {
  --fc_titleColor: black;
}

.login {
  flex-wrap: wrap;
}
@media all and (min-width: 1024px) {
  .login {
    flex-wrap: nowrap;
  }
}

.login__sidebar {
  position: relative;
  margin: 0;
}
@media all and (min-width: 1024px) {
  .login__sidebar {
    width: 550px;
    width: 34.375rem;
    max-width: 40vw;
  }
}
.login__sidebar::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 110%;
  height: 100%;
  background: url(/_content/Antilles-Framework/assets/src/images/login-gradient.svg) no-repeat;
  background-position: right;
  background-size: cover;
  content: "";
}
@media all and (min-width: 1024px) {
  .login__sidebar::before {
    width: 100%;
  }
}

.login__main {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  margin: 0 0 0 auto;
}

.featured-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 30px 20px 50px;
  padding: 1.25rem 1.875rem 1.25rem 3.125rem;
  margin: 0 auto;
}
@media all and (min-width: 1024px) {
  .featured-content {
    top: 50%;
    max-width: 475px;
    max-width: 29.6875rem;
    padding: 60px 80px;
    padding: 3.75rem 5rem;
    transform: translateY(-50%);
  }
}
.featured-content__image {
  display: none;
}
@media all and (min-width: 1024px) {
  .featured-content__image {
    display: block;
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
  }
}
.featured-content__title {
  margin: 0 0 7px;
  margin: 0 0 0.4375rem;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 28px;
  line-height: 1.75rem;
  color: var(--fc_textColor);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
}
@media all and (min-width: 1024px) {
  .featured-content__title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
.featured-content__text {
  display: none;
}
@media all and (min-width: 1024px) {
  .featured-content__text {
    display: block;
    margin-top: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 28px;
    line-height: 1.75rem;
    color: var(--fc_textColor);
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
  }
}
.featured-content__link {
  color: var(--fc_linkColor);
  text-decoration: none;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: normal;
}
@media all and (min-width: 1024px) {
  .featured-content__link {
    font-size: 18px;
    line-height: 18px;
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: normal;
  }
}
.featured-content__link::after {
  position: relative;
  display: inline-block;
  margin-left: 7px;
  margin-left: 0.4375rem;
  font-family: "Material Icons";
  font-size: 12px;
  font-size: 0.75rem;
  color: var(--fc_linkColor);
  content: "\e5c8";
  opacity: 0.5;
  transition: all 0.33s ease-in-out;
}
@media all and (min-width: 1024px) {
  .featured-content__link::after {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.featured-content__link:hover, .featured-content__link:focus {
  color: var(--fc_linkColor-hover);
  text-decoration: none;
}
.featured-content__link:hover::after, .featured-content__link:focus::after {
  margin-left: 12px;
  margin-left: 0.75rem;
  opacity: 1;
}

.login-wrapper {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  max-width: 660px;
  max-width: 41.25rem;
  padding: 20px 30px;
  padding: 1.25rem 1.875rem;
  text-align: center;
  margin: 0 auto;
}
@media all and (min-width: 1024px) {
  .login-wrapper {
    height: 650px;
    height: 40.625rem;
    top: 50%;
    padding: 60px 80px;
    padding: 3.75rem 5rem;
    margin: 0 auto 200px;
    margin: 0 auto 12.5rem;
    transform: translateY(-50%);
  }
}
.login-wrapper__form {
  padding: 35px 0 0;
  padding: 2.1875rem 0 0;
}
.login-wrapper__logo {
  position: relative;
  display: block;
  max-width: 100%;
  width: 380px;
  width: 23.75rem;
  height: auto;
  margin: auto;
}
.login-wrapper__login-controls {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 500px;
  max-width: 31.25rem;
  margin: 0 auto 10px;
  margin: 0 auto 0.625rem;
}
.login-wrapper__login-controls::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  height: 0.125rem;
  max-width: 340px;
  max-width: 21.25rem;
  margin: auto;
  background: rgba(var(--lc_border-color), 0.1);
  border-radius: 5px;
  border-radius: 0.3125rem;
  content: "";
}
.login-wrapper__login-controls--input {
  position: relative;
  display: block;
  width: 100%;
  padding: 16px 20px;
  padding: 1rem 1.25rem;
  border: 1px solid var(--lc_borderColor);
  border: 0.0625rem solid var(--lc_borderColor);
  border-radius: 10px;
  border-radius: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.login-wrapper__login-controls--input:focus {
  outline: 1px solid rgba(var(lc_inputFocusBorder), 0.6);
  outline: 0.0625rem solid rgba(var(lc_inputFocusBorder), 0.6);
  box-shadow: 0 0 15px rgba(var(--lc_inputFocusBorder), 0.16);
  box-shadow: 0 0 0.9375rem rgba(var(--lc_inputFocusBorder), 0.16);
}
.login-wrapper__login-controls--input::-moz-placeholder {
  font-size: 18px;
  font-size: 1.125rem;
  color: var(--lc_inputPlaceholderColor);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
}
.login-wrapper__login-controls--input::placeholder {
  font-size: 18px;
  font-size: 1.125rem;
  color: var(--lc_inputPlaceholderColor);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
}
.content-form .login-wrapper__login-controls--select {
  margin-top: 40px;
  margin-top: 2.5rem;
}
.login-wrapper__login-controls--input-button {
  position: absolute;
  right: 10px;
  right: 0.625rem;
  bottom: 24px;
  bottom: 1.5rem;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  margin-right: 0;
  cursor: pointer;
  background: url(/_content/Antilles-Framework/assets/src/images/input-button-arrow.svg) no-repeat;
  background-size: contain;
  border: 0;
  border-radius: 50%;
  transition: all 0.33s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.login-wrapper__login-controls--input-button:hover, .login-wrapper__login-controls--input-button:focus {
  outline: 1px solid rgba(var(--lc_inputHoverShadow), 0.6);
  outline: 0.0625rem solid rgba(var(--lc_inputHoverShadow), 0.6);
  box-shadow: 0 0 5px var(--lc_inputHoverShadow);
  box-shadow: 0 0 0.3125rem var(--lc_inputHoverShadow);
}
.login-wrapper__login-options {
  position: relative;
  display: block;
  max-width: 300px;
  max-width: 18.75rem;
  padding: 0;
  margin: 0 auto 25px;
  margin: 0 auto 1.5625rem;
  text-align: center;
  list-style: none;
}
.login-wrapper__login-options li {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.login-wrapper__login-options li:last-of-type {
  margin-bottom: 0;
}
.login-wrapper__login-options a {
  display: inline-flex;
  min-width: 260px;
  min-width: 16.25rem;
  /*box-shadow: 0 0 15px rgba(black, .16);*/
  padding: 13px 35px;
  padding: 0.8125rem 2.1875rem;
  font-size: 16px;
  font-size: 1rem;
  color: var(--lo_text);
  text-decoration: none;
  background: white;
  border: 1px solid var(--lc_borderColor);
  border: 0.0625rem solid var(--lc_borderColor);
  border-radius: 10px;
  border-radius: 0.625rem;
  justify-content: center;
  align-items: center;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
}
.login-wrapper__login-options a:hover, .login-wrapper__login-options a:focus {
  box-shadow: 0 0 15px rgba(var(--lo_buttonShadowHover), 0.5);
  box-shadow: 0 0 0.9375rem rgba(var(--lo_buttonShadowHover), 0.5);
}
.login-wrapper__login-options a:focus {
  outline: 1px solid rgba(var(--lo_buttonShadowHover), 0.6);
  outline: 0.0625rem solid rgba(var(--lo_buttonShadowHover), 0.6);
}
.login-wrapper__login-options a::before {
  position: relative;
  display: inline-block;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  margin-right: 10px;
  margin-right: 0.625rem;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.login-wrapper__login-options--google::before {
  background-image: url(/_content/Antilles-Framework/assets/src/images/Google__G__Logo.svg);
}
.login-wrapper__login-options--microsoft::before {
  background-image: url(/_content/Antilles-Framework/assets/src/images/Microsoft-logo.svg);
}
.login-wrapper__antilles-version {
  display: block;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  color: #5c6d73;
  text-align: center;
  margin: 20px 0 0;
  margin: 1.25rem 0 0;
}
.login-wrapper__links {
  margin: 15px 0;
  margin: 0.9375rem 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.login-wrapper__privacy-policy-link {
  color: rgba(92, 109, 115, 0.5);
}
.login-wrapper__privacy-policy-link::before {
  content: none;
}

.antilles-help {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 0;
  padding: 1.875rem 0;
  text-align: center;
}
@media all and (min-width: 1024px) {
  .antilles-help {
    position: absolute;
    right: 40px;
    right: 2.5rem;
    bottom: 40px;
    bottom: 2.5rem;
    z-index: 1;
    height: auto;
    padding: 0;
    text-align: left;
  }
}
.antilles-help::before {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 528px;
  width: 33rem;
  height: 528px;
  height: 33rem;
  background-color: rgba(36, 180, 193, 0.6);
  border-radius: 50%;
  content: "";
}
@media all and (min-width: 1024px) {
  .antilles-help::before {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: -1;
    display: block;
    width: 528px;
    width: 33rem;
    height: 528px;
    height: 33rem;
    transform: translate(50%, 75%);
  }
}
.antilles-help button.help {
  display: inline-flex;
  width: auto;
  padding: 14px 25px;
  padding: 0.875rem 1.5625rem;
  font-size: 16px;
  font-size: 1rem;
  color: var(--help_linkButtonColor);
  text-decoration: none;
  background: white;
  border: 0;
  border-radius: 31px;
  border-radius: 1.9375rem;
  align-items: center;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.16);
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
}
@media all and (min-width: 1024px) {
  .antilles-help button.help {
    float: right;
  }
}
.antilles-help button.help::before {
  content: none;
}
.antilles-help button.help:hover, .antilles-help button.help:focus {
  box-shadow: 0 0 15px rgba(var(--help_linkButtonColorHover), 0.5);
  box-shadow: 0 0 0.9375rem rgba(var(--help_linkButtonColorHover), 0.5);
}
.antilles-help button.help:focus {
  outline: 1px solid rgba(var(--help_linkButtonColorFocus), 0.6);
  outline: 0.0625rem solid rgba(var(--help_linkButtonColorFocus), 0.6);
}

:root {
  --footer-text-color: #3D3D3D;
  --footer-background-color: #E6E8EB;
  --footer-link-color: #0032A0;
  --footer-link-color-hover: #3D3D3D;
}
:root .dark-mode {
  --footer-background-color: #333;
  --footer-text-color: #e6e8eb;
  --footer-link-color: #24b4c1;
  --footer-link-color-hover: #24b4c1;
}

.footer {
  background: var(--footer-background-color);
  width: 100%;
  margin-top: auto;
  color: var(--footer-text-color);
  font-weight: 700;
}
.footer__container {
  display: flex;
  justify-content: space-between;
  padding: 35px 60px;
  padding: 2.1875rem 3.75rem;
}
.footer a {
  color: var(--footer-link-color);
  text-decoration: none;
}
.footer a:hover, .footer a:focus {
  color: var(--footer-link-color-hover);
  text-decoration: underline;
}

h1:focus {
  outline: none;
}

a, .btn-link {
  color: #0071c1;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
  padding-top: 1.1rem;
}

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

.invalid {
  outline: 1px solid red;
  outline: 0.0625rem solid red;
}

.validation-message {
  color: red;
}

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

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

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

:root {
  --rz-input-height: 50px;
  --rz-input-height: 3.125rem;
  --rz-input-padding: 10px 20px;
  --rz-input-padding: 0.625rem 1.25rem;
  --rz-input-value-color: var(--form-input-text-color);
  --rz-input-placeholder-color: var(--rz-text-tertiary-color);
  --rz-input-background-color: var(--form-input-bg-color);
  --rz-input-border: var(--form-input-border-color);
  --rz-input-border-radius: 15px;
  --rz-input-border-radius: 0.9375rem;
  --rz-input-shadow: none;
  --rz-input-hover-shadow: none;
  --rz-input-hover-border: var(--rz-border-primary-light);
  --rz-input-focus-shadow: 0px 0px 0px 1px var(--rz-white), 0px 0px 0px 3px rgba(17, 81, 243, 0.2);
  --rz-input-focus-shadow: 0 0 0 0.0625rem var(--rz-white), 0 0 0 0.1875rem rgba(17, 81, 243, 0.2);
  --rz-input-focus-border: var(--rz-border-primary-light);
  --rz-input-disabled-border: var(--rz-border-disabled);
  --rz-input-disabled-shadow: none;
  --rz-input-disabled-background-color: var(--rz-base-100);
  --rz-input-disabled-color: var(--rz-text-tertiary-color);
  --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
  --rz-input-disabled-opacity: 0.5;
  --rz-input-transition: var(--rz-transition-all);
}

.content-form .rz-listbox {
  width: 100%;
  border: 1px solid var(--form-input-border-color);
  border: 0.0625rem solid var(--form-input-border-color);
}
.content-form .rz-listbox-header {
  border-bottom-color: var(--form-input-border-color);
}
.content-form .rz-listbox input[type=text] {
  border-radius: 0;
  border: 0;
  padding: 0;
  line-height: var(--rz-input-line-height);
  width: 0;
}
.content-form .rz-multiselect-item {
  font-weight: bold;
}
.content-form .rz-multiselect-item.rz-state-highlight, .content-form .rz-multiselect-item:hover, .content-form .rz-multiselect-item:focus {
  color: #fff;
  background-color: var(--form-cb-bg-checked-color);
  cursor: pointer;
}
.content-form .rz-listbox-filter-container .rzi-search:before {
  content: none;
}
.content-form .rz-chkbox-box,
.content-form .rz-radiobutton-box {
  border: 1px solid var(--form-input-border-color);
  border: 0.0625rem solid var(--form-input-border-color);
}
.content-form .rz-chkbox-box.rz-state-active,
.content-form .rz-chkbox-box .rzi,
.content-form .rz-radiobutton-box.rz-state-active,
.content-form .rz-radiobutton-box .rzi {
  background: var(--form-cb-bg-checked-color);
  border-color: var(--form-cb-border-checked-color);
}
.content-form .rz-chkbox-box .rzi-check:before,
.content-form .rz-radiobutton-box .rzi-check:before {
  top: 1px;
  top: 0.0625rem;
  left: 1px;
  left: 0.0625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 900;
  color: var(--form-cb-checkmark-color);
  content: "\e5ca";
}

.rs-data-grid-data {
  border-bottom: 1px solid var(--table-cell-border);
  border-bottom: 0.0625rem solid var(--table-cell-border);
}

.rz-lookup-panel .rz-grid-table thead {
  display: none;
}

.rz-spinner-button {
  right: 5px;
  right: 0.3125rem;
}

.rz-spinner-input.rz-inputtext {
  margin: 0 !important;
}

.rz-chkbox {
  vertical-align: sub;
  margin: 0 5px 0 0;
  margin: 0 0.3125rem 0 0;
}

@font-face {
  font-family: "Material Symbols";
  src: url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2 supports variations"), url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 700;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSans3VF-Upright.ttf.woff2") format("woff2 supports variations"), url("../fonts/SourceSans3VF-Upright.ttf.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 200 900;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSans3VF-Italic.ttf.woff2") format("woff2 supports variations"), url("../fonts/SourceSans3VF-Italic.ttf.woff2") format("woff2-variations");
  font-style: italic;
  font-weight: 200 900;
}
[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-800) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rz-w-stretch {
  width: -webkit-fill-available !important;
  width: -moz-available !important;
  width: stretch !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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;
  }
}
h1.rz-heading {
  font-size: 2rem;
  line-height: 1.1875em;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--rz-text-title-color);
  margin-block-start: 0;
  margin-block-end: 1rem;
}

h2.rz-heading {
  font-size: 1.5rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--rz-text-title-color);
  margin-block-start: 0;
  margin-block-end: 1rem;
}

h3.rz-heading {
  font-size: 1.125rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--rz-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.75rem;
}

h4.rz-heading {
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--rz-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

h5.rz-heading {
  font-size: 0.875rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--rz-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

h6.rz-heading {
  font-size: 0.75rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--rz-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

.rz-text-display-h1 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-display-h1-font-size);
  line-height: var(--rz-text-display-h1-line-height);
  font-weight: var(--rz-text-display-h1-font-weight);
  letter-spacing: var(--rz-text-display-h1-letter-spacing);
  color: var(--rz-text-display-h1-color);
  margin-block-start: var(--rz-text-display-h1-margin-block-start);
  margin-block-end: var(--rz-text-display-h1-margin-block-end);
}

.rz-text-display-h2 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-display-h2-font-size);
  line-height: var(--rz-text-display-h2-line-height);
  font-weight: var(--rz-text-display-h2-font-weight);
  letter-spacing: var(--rz-text-display-h2-letter-spacing);
  color: var(--rz-text-display-h2-color);
  margin-block-start: var(--rz-text-display-h2-margin-block-start);
  margin-block-end: var(--rz-text-display-h2-margin-block-end);
}

.rz-text-display-h3 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-display-h3-font-size);
  line-height: var(--rz-text-display-h3-line-height);
  font-weight: var(--rz-text-display-h3-font-weight);
  letter-spacing: var(--rz-text-display-h3-letter-spacing);
  color: var(--rz-text-display-h3-color);
  margin-block-start: var(--rz-text-display-h3-margin-block-start);
  margin-block-end: var(--rz-text-display-h3-margin-block-end);
}

.rz-text-display-h4 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-display-h4-font-size);
  line-height: var(--rz-text-display-h4-line-height);
  font-weight: var(--rz-text-display-h4-font-weight);
  letter-spacing: var(--rz-text-display-h4-letter-spacing);
  color: var(--rz-text-display-h4-color);
  margin-block-start: var(--rz-text-display-h4-margin-block-start);
  margin-block-end: var(--rz-text-display-h4-margin-block-end);
}

.rz-text-display-h5 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-display-h5-font-size);
  line-height: var(--rz-text-display-h5-line-height);
  font-weight: var(--rz-text-display-h5-font-weight);
  letter-spacing: var(--rz-text-display-h5-letter-spacing);
  color: var(--rz-text-display-h5-color);
  margin-block-start: var(--rz-text-display-h5-margin-block-start);
  margin-block-end: var(--rz-text-display-h5-margin-block-end);
}

.rz-text-display-h6 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-display-h6-font-size);
  line-height: var(--rz-text-display-h6-line-height);
  font-weight: var(--rz-text-display-h6-font-weight);
  letter-spacing: var(--rz-text-display-h6-letter-spacing);
  color: var(--rz-text-display-h6-color);
  margin-block-start: var(--rz-text-display-h6-margin-block-start);
  margin-block-end: var(--rz-text-display-h6-margin-block-end);
}

.rz-text-h1 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-h1-font-size);
  line-height: var(--rz-text-h1-line-height);
  font-weight: var(--rz-text-h1-font-weight);
  letter-spacing: var(--rz-text-h1-letter-spacing);
  color: var(--rz-text-h1-color);
  margin-block-start: var(--rz-text-h1-margin-block-start);
  margin-block-end: var(--rz-text-h1-margin-block-end);
}

.rz-text-h2 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-h2-font-size);
  line-height: var(--rz-text-h2-line-height);
  font-weight: var(--rz-text-h2-font-weight);
  letter-spacing: var(--rz-text-h2-letter-spacing);
  color: var(--rz-text-h2-color);
  margin-block-start: var(--rz-text-h2-margin-block-start);
  margin-block-end: var(--rz-text-h2-margin-block-end);
}

.rz-text-h3 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-h3-font-size);
  line-height: var(--rz-text-h3-line-height);
  font-weight: var(--rz-text-h3-font-weight);
  letter-spacing: var(--rz-text-h3-letter-spacing);
  color: var(--rz-text-h3-color);
  margin-block-start: var(--rz-text-h3-margin-block-start);
  margin-block-end: var(--rz-text-h3-margin-block-end);
}

.rz-text-h4 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-h4-font-size);
  line-height: var(--rz-text-h4-line-height);
  font-weight: var(--rz-text-h4-font-weight);
  letter-spacing: var(--rz-text-h4-letter-spacing);
  color: var(--rz-text-h4-color);
  margin-block-start: var(--rz-text-h4-margin-block-start);
  margin-block-end: var(--rz-text-h4-margin-block-end);
}

.rz-text-h5 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-h5-font-size);
  line-height: var(--rz-text-h5-line-height);
  font-weight: var(--rz-text-h5-font-weight);
  letter-spacing: var(--rz-text-h5-letter-spacing);
  color: var(--rz-text-h5-color);
  margin-block-start: var(--rz-text-h5-margin-block-start);
  margin-block-end: var(--rz-text-h5-margin-block-end);
}

.rz-text-h6 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-h6-font-size);
  line-height: var(--rz-text-h6-line-height);
  font-weight: var(--rz-text-h6-font-weight);
  letter-spacing: var(--rz-text-h6-letter-spacing);
  color: var(--rz-text-h6-color);
  margin-block-start: var(--rz-text-h6-margin-block-start);
  margin-block-end: var(--rz-text-h6-margin-block-end);
}

.rz-text-subtitle1 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-subtitle1-font-size);
  line-height: var(--rz-text-subtitle1-line-height);
  font-weight: var(--rz-text-subtitle1-font-weight);
  letter-spacing: var(--rz-text-subtitle1-letter-spacing);
  color: var(--rz-text-subtitle1-color);
  margin-block-start: var(--rz-text-subtitle1-margin-block-start);
  margin-block-end: var(--rz-text-subtitle1-margin-block-end);
}

.rz-text-subtitle2 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-subtitle2-font-size);
  line-height: var(--rz-text-subtitle2-line-height);
  font-weight: var(--rz-text-subtitle2-font-weight);
  letter-spacing: var(--rz-text-subtitle2-letter-spacing);
  color: var(--rz-text-subtitle2-color);
  margin-block-start: var(--rz-text-subtitle2-margin-block-start);
  margin-block-end: var(--rz-text-subtitle2-margin-block-end);
}

.rz-text-body1 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-body1-font-size);
  line-height: var(--rz-text-body1-line-height);
  font-weight: var(--rz-text-body1-font-weight);
  letter-spacing: var(--rz-text-body1-letter-spacing);
  color: var(--rz-text-body1-color);
  margin-block-start: var(--rz-text-body1-margin-block-start);
  margin-block-end: var(--rz-text-body1-margin-block-end);
}

.rz-text-body2 {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-body2-font-size);
  line-height: var(--rz-text-body2-line-height);
  font-weight: var(--rz-text-body2-font-weight);
  letter-spacing: var(--rz-text-body2-letter-spacing);
  color: var(--rz-text-body2-color);
  margin-block-start: var(--rz-text-body2-margin-block-start);
  margin-block-end: var(--rz-text-body2-margin-block-end);
}

.rz-text-button {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-button-font-size);
  line-height: var(--rz-text-button-line-height);
  font-weight: var(--rz-text-button-font-weight);
  letter-spacing: var(--rz-text-button-letter-spacing);
  color: var(--rz-text-button-color);
  margin-block-start: var(--rz-text-button-margin-block-start);
  margin-block-end: var(--rz-text-button-margin-block-end);
}

.rz-text-caption {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-caption-font-size);
  line-height: var(--rz-text-caption-line-height);
  font-weight: var(--rz-text-caption-font-weight);
  letter-spacing: var(--rz-text-caption-letter-spacing);
  color: var(--rz-text-caption-color);
  margin-block-start: var(--rz-text-caption-margin-block-start);
  margin-block-end: var(--rz-text-caption-margin-block-end);
}

.rz-text-overline {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-overline-font-size);
  line-height: var(--rz-text-overline-line-height);
  font-weight: var(--rz-text-overline-font-weight);
  letter-spacing: var(--rz-text-overline-letter-spacing);
  text-transform: var(--rz-text-overline-text-transform);
  color: var(--rz-text-overline-color);
  margin-block-start: var(--rz-text-overline-margin-block-start);
  margin-block-end: var(--rz-text-overline-margin-block-end);
}

.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 {
  vertical-align: middle;
  margin-block-start: 0;
  margin-block-end: 0;
}

.rz-form .row .rz-label {
  min-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);
  padding-inline-start: 0;
  border-top: var(--rz-input-border);
  border-bottom: var(--rz-input-border);
  border-color: transparent;
}

.rz-layout ::-moz-selection {
  background-color: var(--rz-text-selection-background-color);
  color: var(--rz-text-selection-color);
}

.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 {
  box-sizing: border-box;
  font-family: var(--rz-icon-font-family);
  font-weight: var(--rz-icon-weight, inherit);
  font-style: normal;
  font-size: var(--rz-icon-size);
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  font-variation-settings: "FILL" var(--rz-icon-fill), "GRAD" var(--rz-icon-grade), "opsz" var(--rz-icon-optical-size);
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rz-pager-element, .rz-button {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  color: var(--rz-button-base-color);
  background-color: var(--rz-button-base-background-color);
  background-size: var(--rz-button-background-size);
  background-repeat: no-repeat;
  border: none;
  border-radius: var(--rz-button-border-radius);
  outline: none;
  box-shadow: var(--rz-button-shadow);
  font-size: 1.0625rem;
  font-family: inherit;
  line-height: var(--rz-button-line-height);
  text-decoration: none;
  transition: var(--rz-button-transition);
  -webkit-appearance: none;
}
.rz-pager-element:focus, .rz-button:focus {
  outline: var(--rz-outline-normal);
}
.rz-pager-element:focus-visible, .rz-button:focus-visible {
  outline: var(--rz-button-focus-outline);
  outline-offset: var(--rz-button-focus-outline-offset);
}
.rz-pager-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) {
  cursor: pointer;
}
@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 {
    text-decoration: none;
    background-image: var(--rz-button-hover-gradient);
    background-size: var(--rz-button-hover-background-size);
    box-shadow: var(--rz-button-hover-shadow);
  }
}
.rz-pager-element:not(.rz-state-disabled):not(:active):focus-visible, .rz-button:not(.rz-state-disabled):not(:active):focus-visible {
  text-decoration: none;
  background-image: var(--rz-button-focus-gradient);
  background-size: var(--rz-button-focus-background-size);
  box-shadow: var(--rz-button-focus-shadow);
}
.rz-pager-element:not(.rz-state-disabled):active, .rz-button:not(.rz-state-disabled):active {
  text-decoration: none;
  background-image: var(--rz-button-active-gradient);
  background-size: var(--rz-button-active-background-size);
  box-shadow: var(--rz-button-active-shadow);
}
.rz-state-disabled.rz-pager-element, .rz-button.rz-state-disabled {
  opacity: var(--rz-button-disabled-opacity);
  cursor: initial;
}
.rz-state-empty.rz-pager-element, .rz-button.rz-state-empty {
  opacity: var(--rz-button-empty-opacity);
  cursor: initial;
}
.rz-pager-element .rz-button-box, .rz-button .rz-button-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: var(--rz-button-vertical-align);
  line-height: var(--rz-button-line-height);
}
.rz-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: transparent;
}
.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);
    color: var(--rz-on-primary-lighter);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):active {
  background-color: var(--rz-primary-lighter);
  color: var(--rz-on-primary-lighter);
  background-image: none;
}

.rz-button.rz-variant-outlined.rz-secondary {
  background-color: transparent;
}
.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);
    color: var(--rz-on-secondary-lighter);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):active {
  background-color: var(--rz-secondary-lighter);
  color: var(--rz-on-secondary-lighter);
  background-image: none;
}

.rz-button.rz-variant-outlined.rz-info {
  background-color: transparent;
}
.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);
    color: var(--rz-on-info-lighter);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):active {
  background-color: var(--rz-info-lighter);
  color: var(--rz-on-info-lighter);
  background-image: none;
}

.rz-button.rz-variant-outlined.rz-warning {
  background-color: transparent;
}
.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);
    color: var(--rz-on-warning-lighter);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):active {
  background-color: var(--rz-warning-lighter);
  color: var(--rz-on-warning-lighter);
  background-image: none;
}

.rz-button.rz-variant-outlined.rz-error {
  background-color: transparent;
}
.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);
    color: var(--rz-on-error-lighter);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):active {
  background-color: var(--rz-error-lighter);
  color: var(--rz-on-error-lighter);
  background-image: none;
}

.rz-button.rz-variant-outlined.rz-danger {
  background-color: transparent;
}
.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);
    color: var(--rz-on-danger-lighter);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):active {
  background-color: var(--rz-danger-lighter);
  color: var(--rz-on-danger-lighter);
  background-image: none;
}

.rz-button.rz-variant-outlined.rz-success {
  background-color: transparent;
}
.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);
    color: var(--rz-on-success-lighter);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):active {
  background-color: var(--rz-success-lighter);
  color: var(--rz-on-success-lighter);
  background-image: none;
}

.rz-button.rz-variant-outlined.rz-base {
  background-color: transparent;
}
.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);
    color: var(--rz-on-base-lighter);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active {
  background-color: var(--rz-base-lighter);
  color: var(--rz-on-base-lighter);
  background-image: none;
}

.rz-button.rz-variant-outlined.rz-light {
  background-color: transparent;
}
.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, 0.12);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):active {
  background-color: rgba(255, 255, 255, 0.12);
  background-image: none;
}

.rz-button.rz-variant-outlined.rz-dark {
  background-color: transparent;
}
.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, 0.12);
    background-image: none;
  }
}
.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):active {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: none;
}

.rz-button.rz-variant-text.rz-primary {
  background-color: transparent;
  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);
    color: var(--rz-on-primary-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):active {
  background-color: var(--rz-primary-lighter);
  color: var(--rz-on-primary-lighter);
  background-image: none;
  box-shadow: none;
}

.rz-button.rz-variant-text.rz-secondary {
  background-color: transparent;
  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);
    color: var(--rz-on-secondary-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):active {
  background-color: var(--rz-secondary-lighter);
  color: var(--rz-on-secondary-lighter);
  background-image: none;
  box-shadow: none;
}

.rz-button.rz-variant-text.rz-info {
  background-color: transparent;
  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);
    color: var(--rz-on-info-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):active {
  background-color: var(--rz-info-lighter);
  color: var(--rz-on-info-lighter);
  background-image: none;
  box-shadow: none;
}

.rz-button.rz-variant-text.rz-warning {
  background-color: transparent;
  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);
    color: var(--rz-on-warning-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):active {
  background-color: var(--rz-warning-lighter);
  color: var(--rz-on-warning-lighter);
  background-image: none;
  box-shadow: none;
}

.rz-button.rz-variant-text.rz-error {
  background-color: transparent;
  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);
    color: var(--rz-on-error-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):active {
  background-color: var(--rz-error-lighter);
  color: var(--rz-on-error-lighter);
  background-image: none;
  box-shadow: none;
}

.rz-button.rz-variant-text.rz-danger {
  background-color: transparent;
  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);
    color: var(--rz-on-danger-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):active {
  background-color: var(--rz-danger-lighter);
  color: var(--rz-on-danger-lighter);
  background-image: none;
  box-shadow: none;
}

.rz-button.rz-variant-text.rz-success {
  background-color: transparent;
  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);
    color: var(--rz-on-success-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):active {
  background-color: var(--rz-success-lighter);
  color: var(--rz-on-success-lighter);
  background-image: none;
  box-shadow: none;
}

.rz-button.rz-variant-text.rz-base {
  background-color: transparent;
  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);
    color: var(--rz-on-base-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active {
  background-color: var(--rz-base-lighter);
  color: var(--rz-on-base-lighter);
  background-image: none;
  box-shadow: none;
}

.rz-button.rz-variant-text.rz-light {
  color: var(--rz-base-200);
  background-color: transparent;
  box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover {
    background-color: rgba(255, 255, 255, 0.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, 0.12);
  background-image: none;
  box-shadow: none;
}

.rz-button.rz-variant-text.rz-dark {
  color: var(--rz-base-900);
  background-color: transparent;
  box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover {
    background-color: rgba(0, 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, 0.12);
  background-image: none;
  box-shadow: none;
}

.rz-button-lg {
  padding: 0.875rem 1.5rem;
  height: auto;
  line-height: 1.5rem;
  min-height: 3.25rem;
  min-width: 3.25rem;
  border-radius: calc(2 * var(--rz-border-radius));
  font-size: 1rem;
  font-weight: 600;
}
.rz-button-lg .rz-button-box {
  line-height: 1.5rem;
  gap: 0.25rem;
}
.rz-button-lg.rz-button-icon-left {
  padding: 0 1.375rem;
}
.rz-button-lg.rz-button-icon-only, .rz-button-lg.rz-pager-element {
  padding: 0.875rem;
}
.rz-button-lg .rzi {
  font-size: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}

.rz-pager-element, .rz-button-md {
  padding: 0.5rem 1rem;
  height: auto;
  line-height: 1.25rem;
  min-height: 2.25rem;
  min-width: 2.25rem;
  font-size: var(--rz-body-font-size);
  font-weight: 600;
}
.rz-pager-element .rz-button-box, .rz-button-md .rz-button-box {
  line-height: 1.25rem;
  gap: 0.25rem;
}
.rz-button-icon-left.rz-pager-element, .rz-button-md.rz-button-icon-left {
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.rz-pager-element, .rz-button-md.rz-button-icon-only {
  padding: 0.5rem;
}
.rz-pager-element .rzi, .rz-button-md .rzi {
  font-size: var(--rz-icon-size);
  line-height: var(--rz-icon-size);
  width: var(--rz-icon-size);
  height: var(--rz-icon-size);
}

.rz-pager.rz-density-compact .rz-pager-element, .rz-fileupload .rz-button, .rz-button-sm {
  padding: 0.25rem 0.75rem;
  height: auto;
  line-height: 1.25rem;
  min-height: 1.75rem;
  min-width: 1.75rem;
  font-size: var(--rz-body-font-size);
}
.rz-pager.rz-density-compact .rz-pager-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box {
  line-height: 1.25rem;
  gap: 0.25rem;
}
.rz-pager.rz-density-compact .rz-button-icon-left.rz-pager-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left {
  padding: 0.25rem 0.75rem 0.25rem 0.25rem;
}
.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: 0.25rem;
}
.rz-pager.rz-density-compact .rz-pager-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi {
  font-size: var(--rz-icon-size);
  line-height: var(--rz-icon-size);
  width: var(--rz-icon-size);
  height: var(--rz-icon-size);
}

.rz-button-xs {
  padding: 0.125rem 0.25rem;
  height: auto;
  line-height: 1rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.rz-button-xs .rz-button-box {
  line-height: 1rem;
  gap: 0.125rem;
}
.rz-button-xs.rz-button-icon-left {
  padding: 0.125rem 0.5rem 0.125rem 0.125rem;
}
.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-pager-element {
  padding: 0.125rem;
}
.rz-button-xs .rzi {
  font-size: calc(0.8 * var(--rz-icon-size));
  line-height: calc(0.8 * var(--rz-icon-size));
  width: calc(0.8 * var(--rz-icon-size));
  height: calc(0.8 * var(--rz-icon-size));
}

@keyframes button-icon-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rz-badge {
  box-sizing: border-box;
  color: var(--rz-text-contrast-color);
  display: inline-block;
  padding: var(--rz-badge-padding);
  font-size: var(--rz-badge-font-size);
  font-weight: var(--rz-badge-font-weight);
  line-height: var(--rz-badge-line-height);
  text-align: center;
  text-transform: var(--rz-badge-text-transform);
  white-space: nowrap;
  border-radius: var(--rz-badge-border-radius);
  letter-spacing: var(--rz-badge-letter-spacing);
}
.rz-button .rz-badge {
  vertical-align: top;
}

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

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

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

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

.rz-badge-error {
  background-color: var(--rz-danger);
  color: var(--rz-on-danger);
}
.rz-badge-error.rz-shade-lighter {
  background-color: var(--rz-error-lighter);
  color: var(--rz-on-error-lighter);
}
.rz-badge-error.rz-shade-light {
  background-color: var(--rz-error-light);
  color: var(--rz-on-error-light);
}
.rz-badge-error.rz-shade-default {
  background-color: var(--rz-error);
  color: var(--rz-on-error);
}
.rz-badge-error.rz-shade-dark {
  background-color: var(--rz-error-dark);
  color: var(--rz-on-error-dark);
}
.rz-badge-error.rz-shade-darker {
  background-color: var(--rz-error-darker);
  color: var(--rz-on-error-darker);
}

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

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

.rz-badge-base {
  background-color: var(--rz-base-200);
  color: var(--rz-text-color);
}
.rz-badge-base.rz-shade-lighter {
  background-color: var(--rz-base-lighter);
  color: var(--rz-on-base-lighter);
}
.rz-badge-base.rz-shade-light {
  background-color: var(--rz-base-light);
  color: var(--rz-on-base-light);
}
.rz-badge-base.rz-shade-default {
  background-color: var(--rz-base);
  color: var(--rz-on-base);
}
.rz-badge-base.rz-shade-dark {
  background-color: var(--rz-base-dark);
  color: var(--rz-on-base-dark);
}
.rz-badge-base.rz-shade-darker {
  background-color: var(--rz-base-darker);
  color: var(--rz-on-base-darker);
}

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

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

.rz-variant-outlined.rz-badge-primary {
  background-color: transparent;
}
.rz-variant-outlined.rz-badge-primary.rz-shade-lighter {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
  color: var(--rz-primary-lighter);
}
.rz-variant-outlined.rz-badge-primary.rz-shade-light {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
  color: var(--rz-primary-light);
}
.rz-variant-outlined.rz-badge-primary.rz-shade-default {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
  color: var(--rz-primary);
}
.rz-variant-outlined.rz-badge-primary.rz-shade-dark {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
  color: var(--rz-primary-dark);
}
.rz-variant-outlined.rz-badge-primary.rz-shade-darker {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
  color: var(--rz-primary-darker);
}

.rz-variant-outlined.rz-badge-secondary {
  background-color: transparent;
}
.rz-variant-outlined.rz-badge-secondary.rz-shade-lighter {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
  color: var(--rz-secondary-lighter);
}
.rz-variant-outlined.rz-badge-secondary.rz-shade-light {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
  color: var(--rz-secondary-light);
}
.rz-variant-outlined.rz-badge-secondary.rz-shade-default {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
  color: var(--rz-secondary);
}
.rz-variant-outlined.rz-badge-secondary.rz-shade-dark {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
  color: var(--rz-secondary-dark);
}
.rz-variant-outlined.rz-badge-secondary.rz-shade-darker {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
  color: var(--rz-secondary-darker);
}

.rz-variant-outlined.rz-badge-info {
  background-color: transparent;
}
.rz-variant-outlined.rz-badge-info.rz-shade-lighter {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
  color: var(--rz-info-lighter);
}
.rz-variant-outlined.rz-badge-info.rz-shade-light {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
  color: var(--rz-info-light);
}
.rz-variant-outlined.rz-badge-info.rz-shade-default {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
  color: var(--rz-info);
}
.rz-variant-outlined.rz-badge-info.rz-shade-dark {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
  color: var(--rz-info-dark);
}
.rz-variant-outlined.rz-badge-info.rz-shade-darker {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
  color: var(--rz-info-darker);
}

.rz-variant-outlined.rz-badge-warning {
  background-color: transparent;
}
.rz-variant-outlined.rz-badge-warning.rz-shade-lighter {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
  color: var(--rz-warning-lighter);
}
.rz-variant-outlined.rz-badge-warning.rz-shade-light {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
  color: var(--rz-warning-light);
}
.rz-variant-outlined.rz-badge-warning.rz-shade-default {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
  color: var(--rz-warning);
}
.rz-variant-outlined.rz-badge-warning.rz-shade-dark {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
  color: var(--rz-warning-dark);
}
.rz-variant-outlined.rz-badge-warning.rz-shade-darker {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
  color: var(--rz-warning-darker);
}

.rz-variant-outlined.rz-badge-error {
  background-color: transparent;
}
.rz-variant-outlined.rz-badge-error.rz-shade-lighter {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
  color: var(--rz-error-lighter);
}
.rz-variant-outlined.rz-badge-error.rz-shade-light {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
  color: var(--rz-error-light);
}
.rz-variant-outlined.rz-badge-error.rz-shade-default {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error);
  color: var(--rz-error);
}
.rz-variant-outlined.rz-badge-error.rz-shade-dark {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
  color: var(--rz-error-dark);
}
.rz-variant-outlined.rz-badge-error.rz-shade-darker {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
  color: var(--rz-error-darker);
}

.rz-variant-outlined.rz-badge-danger {
  background-color: transparent;
}
.rz-variant-outlined.rz-badge-danger.rz-shade-lighter {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
  color: var(--rz-danger-lighter);
}
.rz-variant-outlined.rz-badge-danger.rz-shade-light {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
  color: var(--rz-danger-light);
}
.rz-variant-outlined.rz-badge-danger.rz-shade-default {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
  color: var(--rz-danger);
}
.rz-variant-outlined.rz-badge-danger.rz-shade-dark {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
  color: var(--rz-danger-dark);
}
.rz-variant-outlined.rz-badge-danger.rz-shade-darker {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
  color: var(--rz-danger-darker);
}

.rz-variant-outlined.rz-badge-success {
  background-color: transparent;
}
.rz-variant-outlined.rz-badge-success.rz-shade-lighter {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
  color: var(--rz-success-lighter);
}
.rz-variant-outlined.rz-badge-success.rz-shade-light {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
  color: var(--rz-success-light);
}
.rz-variant-outlined.rz-badge-success.rz-shade-default {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
  color: var(--rz-success);
}
.rz-variant-outlined.rz-badge-success.rz-shade-dark {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
  color: var(--rz-success-dark);
}
.rz-variant-outlined.rz-badge-success.rz-shade-darker {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
  color: var(--rz-success-darker);
}

.rz-variant-outlined.rz-badge-base {
  background-color: transparent;
}
.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: transparent;
}
.rz-variant-outlined.rz-badge-light.rz-shade-default {
  box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-200);
  color: var(--rz-base-200);
}

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

.rz-variant-text.rz-badge-primary {
  background-color: transparent;
}
.rz-variant-text.rz-badge-primary.rz-shade-lighter {
  color: var(--rz-primary-lighter);
}
.rz-variant-text.rz-badge-primary.rz-shade-light {
  color: var(--rz-primary-light);
}
.rz-variant-text.rz-badge-primary.rz-shade-default {
  color: var(--rz-primary);
}
.rz-variant-text.rz-badge-primary.rz-shade-dark {
  color: var(--rz-primary-dark);
}
.rz-variant-text.rz-badge-primary.rz-shade-darker {
  color: var(--rz-primary-darker);
}

.rz-variant-text.rz-badge-secondary {
  background-color: transparent;
}
.rz-variant-text.rz-badge-secondary.rz-shade-lighter {
  color: var(--rz-secondary-lighter);
}
.rz-variant-text.rz-badge-secondary.rz-shade-light {
  color: var(--rz-secondary-light);
}
.rz-variant-text.rz-badge-secondary.rz-shade-default {
  color: var(--rz-secondary);
}
.rz-variant-text.rz-badge-secondary.rz-shade-dark {
  color: var(--rz-secondary-dark);
}
.rz-variant-text.rz-badge-secondary.rz-shade-darker {
  color: var(--rz-secondary-darker);
}

.rz-variant-text.rz-badge-info {
  background-color: transparent;
}
.rz-variant-text.rz-badge-info.rz-shade-lighter {
  color: var(--rz-info-lighter);
}
.rz-variant-text.rz-badge-info.rz-shade-light {
  color: var(--rz-info-light);
}
.rz-variant-text.rz-badge-info.rz-shade-default {
  color: var(--rz-info);
}
.rz-variant-text.rz-badge-info.rz-shade-dark {
  color: var(--rz-info-dark);
}
.rz-variant-text.rz-badge-info.rz-shade-darker {
  color: var(--rz-info-darker);
}

.rz-variant-text.rz-badge-warning {
  background-color: transparent;
}
.rz-variant-text.rz-badge-warning.rz-shade-lighter {
  color: var(--rz-warning-lighter);
}
.rz-variant-text.rz-badge-warning.rz-shade-light {
  color: var(--rz-warning-light);
}
.rz-variant-text.rz-badge-warning.rz-shade-default {
  color: var(--rz-warning);
}
.rz-variant-text.rz-badge-warning.rz-shade-dark {
  color: var(--rz-warning-dark);
}
.rz-variant-text.rz-badge-warning.rz-shade-darker {
  color: var(--rz-warning-darker);
}

.rz-variant-text.rz-badge-error {
  background-color: transparent;
}
.rz-variant-text.rz-badge-error.rz-shade-lighter {
  color: var(--rz-error-lighter);
}
.rz-variant-text.rz-badge-error.rz-shade-light {
  color: var(--rz-error-light);
}
.rz-variant-text.rz-badge-error.rz-shade-default {
  color: var(--rz-error);
}
.rz-variant-text.rz-badge-error.rz-shade-dark {
  color: var(--rz-error-dark);
}
.rz-variant-text.rz-badge-error.rz-shade-darker {
  color: var(--rz-error-darker);
}

.rz-variant-text.rz-badge-danger {
  background-color: transparent;
}
.rz-variant-text.rz-badge-danger.rz-shade-lighter {
  color: var(--rz-danger-lighter);
}
.rz-variant-text.rz-badge-danger.rz-shade-light {
  color: var(--rz-danger-light);
}
.rz-variant-text.rz-badge-danger.rz-shade-default {
  color: var(--rz-danger);
}
.rz-variant-text.rz-badge-danger.rz-shade-dark {
  color: var(--rz-danger-dark);
}
.rz-variant-text.rz-badge-danger.rz-shade-darker {
  color: var(--rz-danger-darker);
}

.rz-variant-text.rz-badge-success {
  background-color: transparent;
}
.rz-variant-text.rz-badge-success.rz-shade-lighter {
  color: var(--rz-success-lighter);
}
.rz-variant-text.rz-badge-success.rz-shade-light {
  color: var(--rz-success-light);
}
.rz-variant-text.rz-badge-success.rz-shade-default {
  color: var(--rz-success);
}
.rz-variant-text.rz-badge-success.rz-shade-dark {
  color: var(--rz-success-dark);
}
.rz-variant-text.rz-badge-success.rz-shade-darker {
  color: var(--rz-success-darker);
}

.rz-variant-text.rz-badge-base {
  background-color: transparent;
}
.rz-variant-text.rz-badge-base.rz-shade-lighter {
  color: var(--rz-base-lighter);
}
.rz-variant-text.rz-badge-base.rz-shade-light {
  color: var(--rz-base-light);
}
.rz-variant-text.rz-badge-base.rz-shade-default {
  color: var(--rz-base);
}
.rz-variant-text.rz-badge-base.rz-shade-dark {
  color: var(--rz-base-dark);
}
.rz-variant-text.rz-badge-base.rz-shade-darker {
  color: var(--rz-base-darker);
}

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

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

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

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

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

.rz-dragging {
  cursor: grabbing;
}

.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-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 {
  box-shadow: var(--rz-input-hover-shadow);
  border: var(--rz-input-hover-border);
}

.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-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 {
  box-shadow: var(--rz-input-focus-shadow);
  border: var(--rz-input-focus-border);
  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, :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 {
  color: var(--rz-input-disabled-color);
  box-shadow: var(--rz-input-disabled-shadow);
  background-color: var(--rz-input-disabled-background-color);
  border: var(--rz-input-disabled-border);
  opacity: var(--rz-input-disabled-opacity);
}
:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::-moz-placeholder, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled::-moz-placeholder, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::-moz-placeholder, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled::-moz-placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::-moz-placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::-moz-placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::-moz-placeholder, :not(.rz-form-field-content) > .rz-colorpicker:disabled::-moz-placeholder, .rz-lookup-search :not(.rz-form-field-content) > input:disabled::-moz-placeholder, :not(.rz-form-field-content) > .rz-numeric:disabled::-moz-placeholder, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled::-moz-placeholder, :not(.rz-form-field-content) > .rz-multiselect:disabled::-moz-placeholder, :not(.rz-form-field-content) > .rz-dropdown:disabled::-moz-placeholder, :not(.rz-form-field-content) > .mask:disabled::-moz-placeholder, :not(.rz-form-field-content) > .rz-textarea:disabled::-moz-placeholder, :not(.rz-form-field-content) > .rz-textbox:disabled::-moz-placeholder {
  color: var(--rz-input-disabled-placeholder-color);
}
: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, :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, :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);
  color: var(--rz-input-disabled-color);
  border: none;
}

input {
  color: var(--rz-input-value-color);
  font-size: var(--rz-input-font-size);
}
input::-moz-placeholder {
  color: var(--rz-input-placeholder-color);
}
input::placeholder {
  color: var(--rz-input-placeholder-color);
}

.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-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
  box-sizing: border-box;
  border: var(--rz-input-border);
  border-radius: var(--rz-input-border-radius);
  box-shadow: var(--rz-input-shadow);
  background-color: var(--rz-input-background-color);
}

.rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
  height: var(--rz-input-height);
  line-height: var(--rz-input-line-height);
  color: var(--rz-input-value-color);
  font-family: inherit;
  font-size: var(--rz-input-font-size);
  transition: var(--rz-input-transition);
  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 {
  box-shadow: none;
  background-color: transparent;
  outline: none;
  border: 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);
  min-height: var(--rz-header-min-height);
  border-bottom: var(--rz-header-border);
  color: var(--rz-header-color);
  box-shadow: var(--rz-header-shadow);
}
.rz-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--rz-header-z);
}
.rz-header a {
  text-decoration: none;
}

.rz-footer {
  padding: var(--rz-footer-padding);
  border-top: var(--rz-footer-border);
  background-color: var(--rz-footer-background-color);
  color: var(--rz-footer-color);
}
.rz-footer.fixed {
  position: fixed;
  z-index: var(--rz-footer-z);
  bottom: 0;
  left: 0;
  right: 0;
}

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

@media (max-width: 768px) {
  .rz-sidebar-responsive {
    width: 0;
    opacity: 0;
  }
}
.rz-sidebar-expanded {
  width: var(--rz-sidebar-width);
  opacity: 1;
}

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

.rz-card {
  box-sizing: border-box;
  padding: var(--rz-card-padding);
  border-radius: var(--rz-card-border-radius);
  background-color: var(--rz-card-background-color);
}
.rz-card.rz-variant-filled {
  box-shadow: var(--rz-card-shadow);
}
.rz-card.rz-variant-flat {
  background-color: var(--rz-card-flat-background-color);
}
.rz-card.rz-variant-outlined {
  background: transparent;
  border: var(--rz-card-border);
}
.rz-card.rz-variant-text {
  background: transparent;
}
.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-body {
  margin: var(--rz-layout-body-margin);
  padding: var(--rz-layout-body-padding);
  border-radius: var(--rz-layout-body-border-radius);
  background-color: var(--rz-layout-body-background-color);
}
.rz-body:only-child {
  background-color: transparent;
}
.rz-layout .rz-body {
  transform: translateZ(0);
}

.rz-accordion {
  box-sizing: border-box;
  border-radius: var(--rz-accordion-border-radius);
  box-shadow: var(--rz-accordion-shadow);
}
.rz-accordion > div:first-child {
  border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0;
}
.rz-accordion > div:last-child, .rz-accordion > div:last-child > div {
  border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius);
}
.rz-accordion > div:only-child {
  border-radius: var(--rz-accordion-border-radius);
}
.rz-accordion:focus {
  outline: var(--rz-outline-normal);
}
.rz-accordion:focus-visible {
  outline: var(--rz-accordion-item-focus-outline);
}
.rz-accordion .rz-accordion-header {
  background-color: var(--rz-accordion-item-background-color);
  margin: var(--rz-accordion-item-margin);
}
.rz-accordion .rz-accordion-header:not(:first-child) {
  border-top: var(--rz-accordion-item-border);
}
.rz-accordion .rz-accordion-header > a {
  padding-block: var(--rz-accordion-item-padding-block);
  padding-inline: var(--rz-accordion-item-padding-inline);
  color: var(--rz-accordion-item-color);
  line-height: var(--rz-accordion-item-line-height);
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: var(--rz-accordion-item-font-size);
  font-weight: var(--rz-accordion-item-font-weight);
  cursor: pointer;
}
.rz-accordion .rz-accordion-header > a:hover {
  color: var(--rz-accordion-hover-color);
}
.rz-accordion .rz-accordion-header > a span:not(.rz-accordion-toggle-icon) {
  flex-grow: 1;
}
:focus-visible .rz-accordion .rz-accordion-header.rz-state-focused {
  outline: var(--rz-accordion-item-focus-outline);
  outline-offset: var(--rz-accordion-item-focus-outline-offset);
}
.rz-accordion .rz-accordion-header .rzi {
  font-size: var(--rz-accordion-icon-font-size);
  margin-inline: var(--rz-accordion-icon-margin-inline);
}

.rz-accordion-toggle-icon {
  width: var(--rz-accordion-icon-width);
  height: var(--rz-accordion-icon-height);
  font-size: var(--rz-accordion-icon-font-size);
  order: var(--rz-accordion-toggle-icon-order);
}
.rz-accordion-toggle-icon.rzi {
  margin-inline: var(--rz-accordion-toggle-icon-margin-inline);
}
.rz-accordion-toggle-icon.rzi-chevron-right:before {
  content: "arrow_right";
}
.rz-accordion-toggle-icon.rzi-chevron-down:before {
  content: "arrow_drop_down";
}

.rz-accordion-content-wrapper-overflown {
  overflow: hidden;
}

.rz-accordion-content {
  font-size: var(--rz-accordion-content-font-size);
  background-color: var(--rz-accordion-item-background-color);
  padding-block: var(--rz-accordion-content-padding-block);
  padding-inline: var(--rz-accordion-content-padding-inline);
}

/* Right-to-left toggle icons */
*[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-right:before {
  content: "arrow_left";
}
*[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-down:before {
  content: "arrow_drop_down";
}

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

.rz-panel-titlebar {
  display: flex;
  justify-content: space-between;
}

.rz-panel-content {
  margin: var(--rz-panel-content-margin);
}

.rz-panel-content-wrapper[aria-hidden=true] {
  display: none;
}

.rz-panel-title {
  line-height: var(--rz-panel-title-line-height);
  font-weight: var(--rz-panel-title-font-weight);
}

.rz-panel-titlebar-toggler {
  width: var(--rz-panel-toggle-icon-width);
  height: var(--rz-panel-toggle-icon-height);
  font-size: var(--rz-panel-toggle-icon-font-size);
  border-radius: var(--rz-panel-toggle-icon-border-radius);
  background-color: var(--rz-panel-toggle-icon-background-color);
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.rz-panel-titlebar-toggler:hover {
  text-decoration: none;
  color: var(--rz-panel-hover-color);
}
.rz-panel-titlebar-toggler:focus {
  outline: var(--rz-outline-normal);
}
.rz-panel-titlebar-toggler:focus-visible {
  outline: var(--rz-panel-toggle-icon-focus-outline);
  outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset);
}
.rz-panel-titlebar-toggler .rzi-minus:before {
  content: "remove";
}
.rz-panel-titlebar-toggler .rzi-plus:before {
  content: "add";
}

.rz-sidebar-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: none;
  padding: var(--rz-sidebar-toggle-padding);
  margin-inline-end: var(--rz-sidebar-toggle-margin-inline-end);
  border-inline-end: var(--rz-sidebar-toggle-border);
  background-color: var(--rz-sidebar-toggle-background-color);
  color: var(--rz-sidebar-toggle-color);
}
.rz-justify-content-flex-end .rz-sidebar-toggle {
  border-inline-start: var(--rz-sidebar-toggle-border);
  border-inline-end: none;
}
.rz-sidebar-toggle:focus {
  outline: none;
}
.rz-sidebar-toggle:focus-visible {
  outline: var(--rz-sidebar-toggle-focus-outline);
  outline-offset: var(--rz-sidebar-toggle-focus-outline-offset);
}
.rz-sidebar-toggle:focus-visible, .rz-sidebar-toggle:hover {
  color: var(--rz-sidebar-toggle-hover-color);
  background: var(--rz-sidebar-toggle-hover-background-color);
  border-radius: var(--rz-sidebar-toggle-hover-border-radius);
}
.rz-sidebar-toggle .rzi {
  width: var(--rz-sidebar-toggle-icon-width);
  height: var(--rz-sidebar-toggle-icon-height);
  font-size: var(--rz-sidebar-toggle-icon-width);
}

.rz-navigation-item-link {
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
.rz-navigation-item-link:hover {
  text-decoration: none;
}

.rz-navigation-item-text {
  flex: auto;
}

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

.rz-context-menu .rz-menu, .rz-context-menu .rz-navigation-menu {
  box-shadow: var(--rz-context-menu-box-shadow);
  border: var(--rz-menu-border);
  border-radius: var(--rz-menu-border-radius);
}

.rz-context-menu .rz-menu:not(.rz-profile-menu) {
  align-items: stretch;
  background-color: var(--rz-menu-background-color);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
  color: var(--rz-menu-item-color);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
  color: var(--rz-menu-item-icon-color);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
  border-radius: var(--rz-menu-item-border-radius);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
  padding-block: var(--rz-menu-item-padding-block);
  padding-inline: var(--rz-menu-item-padding-inline);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover {
  background-color: var(--rz-menu-item-hover-background-color);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
  color: var(--rz-menu-item-hover-color);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
  color: var(--rz-menu-item-icon-hover-color);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
  color: var(--rz-menu-item-selected-color);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
  color: var(--rz-menu-item-selected-color);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before {
  display: none;
}

.rz-menu:not(.rz-profile-menu) {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  background-color: var(--rz-menu-top-item-background-color);
}
.rz-context-menu .rz-menu:not(.rz-profile-menu) {
  padding-block: var(--rz-context-menu-padding-block);
  padding-inline: var(--rz-context-menu-padding-inline);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
  color: var(--rz-menu-top-item-color);
  white-space: nowrap;
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
  color: var(--rz-menu-top-item-icon-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
  border-radius: var(--rz-menu-top-item-border-radius);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
  padding-block: var(--rz-menu-top-item-padding-block);
  padding-inline: var(--rz-menu-top-item-padding-inline);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover {
  background-color: var(--rz-menu-top-item-hover-background-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
  color: var(--rz-menu-top-item-hover-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
  color: var(--rz-menu-top-item-icon-hover-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
  color: var(--rz-menu-top-item-selected-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
  color: var(--rz-menu-top-item-selected-color);
}
.rz-menu:not(.rz-profile-menu):focus {
  outline: var(--rz-outline-normal);
}
.rz-menu:not(.rz-profile-menu):focus-visible {
  outline: var(--rz-menu-item-focus-outline);
}
.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
  outline: var(--rz-menu-item-focus-outline);
  outline-offset: var(--rz-menu-item-focus-outline-offset);
}
.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before {
  position: absolute;
  content: "";
  inset-block-end: -2px;
  inset-block-end: -0.125rem;
  height: 1px;
  height: 0.0625rem;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background-color: var(--rz-menu-top-item-selected-color);
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.5rem;
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item {
  position: relative;
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
  list-style: none;
  overflow: hidden;
  position: absolute;
  padding-block: var(--rz-context-menu-padding-block);
  padding-inline: var(--rz-context-menu-padding-inline);
  margin: 0;
  min-width: 100%;
  box-shadow: var(--rz-context-menu-box-shadow);
  z-index: 3;
  border-radius: var(--rz-menu-border-radius);
  background-color: var(--rz-menu-background-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper {
  border-radius: var(--rz-menu-item-border-radius);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link {
  padding-block: var(--rz-menu-item-padding-block);
  padding-inline: var(--rz-menu-item-padding-inline);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover {
  background-color: var(--rz-menu-item-hover-background-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
  color: var(--rz-menu-item-hover-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
  color: var(--rz-menu-item-icon-hover-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
  color: var(--rz-menu-item-color);
  white-space: nowrap;
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
  color: var(--rz-menu-item-icon-color);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu {
  position: static;
  box-shadow: none;
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
  color: var(--rz-menu-item-color);
  margin-inline-start: var(--rz-menu-item-offset);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
  margin-inline-start: calc(var(--rz-menu-item-offset) * 2);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
  margin-inline-start: calc(var(--rz-menu-item-offset) * 3);
}
.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) {
  margin-inline: var(--rz-menu-item-icon-margin-inline);
}

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

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

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

.rz-menu-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--rz-menu-top-item-color);
}
.rz-menu-toggle:hover {
  background-color: transparent;
  color: var(--rz-menu-top-item-hover-color);
}
.rz-menu-toggle:active {
  background-color: transparent;
  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 {
    position: static;
    box-shadow: none;
    border-radius: 0;
  }
  .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 {
  box-sizing: border-box;
  list-style: none;
  padding-block: var(--rz-panel-menu-padding-block);
  padding-inline: var(--rz-panel-menu-padding-inline);
  margin-block-start: 0;
  margin-block-end: 0;
  overflow: auto;
  font-size: var(--rz-panel-menu-font-size);
  font-weight: var(--rz-panel-menu-font-weight);
  color: var(--rz-panel-menu-item-color);
  background-color: var(--rz-panel-menu-item-background-color);
  /* First level items */
  /* Second level items */
}
.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-wrapper {
  position: relative;
  line-height: var(--rz-panel-menu-item-line-height);
  transition: var(--rz-panel-menu-item-transition);
  border-radius: var(--rz-panel-menu-item-border-radius);
  overflow: hidden;
}
.rz-panel-menu .rz-navigation-item-wrapper:hover {
  background-color: var(--rz-panel-menu-item-hover-background-color);
  color: var(--rz-panel-menu-item-hover-color);
}
.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
  color: var(--rz-panel-menu-item-hover-color);
}
.rz-panel-menu .rz-navigation-item-active,
.rz-panel-menu .rz-navigation-item-wrapper-active {
  background-color: var(--rz-panel-menu-item-active-background-color);
  color: var(--rz-panel-menu-item-active-color);
}
.rz-panel-menu .rz-navigation-item-active:before,
.rz-panel-menu .rz-navigation-item-wrapper-active:before {
  position: absolute;
  content: "";
  inset-block-start: 0;
  inset-block-end: 0;
  width: 4px;
  width: 0.25rem;
  background-color: var(--rz-panel-menu-item-active-indicator);
}
.rz-panel-menu .rz-navigation-item-active .rz-navigation-item-icon,
.rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
  color: var(--rz-panel-menu-item-active-color);
}
.rz-panel-menu .rz-navigation-item-link {
  padding-block: var(--rz-panel-menu-item-padding-block);
  padding-inline: var(--rz-panel-menu-item-padding-inline);
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.rz-panel-menu a.rz-navigation-item-link {
  cursor: pointer;
  text-decoration: none;
}
.rz-panel-menu .rz-navigation-item-text {
  flex: auto;
}
.rz-panel-menu .rz-navigation-item-icon-children {
  margin-inline-start: auto;
  font-size: var(--rz-panel-menu-toggle-icon-font-size);
  opacity: var(--rz-panel-menu-toggle-icon-opacity);
  z-index: 1;
}
.rz-panel-menu .rz-navigation-item-icon {
  height: var(--rz-panel-menu-icon-height);
  width: var(--rz-panel-menu-icon-width);
  color: var(--rz-panel-menu-icon-color);
  margin-inline: var(--rz-panel-menu-icon-margin-inline);
  font-size: var(--rz-panel-menu-icon-font-size);
  transition: var(--rz-panel-menu-item-transition);
}
.rz-panel-menu .rz-navigation-menu {
  list-style: none;
  padding: 0;
  margin-block-end: 0;
  overflow: hidden;
  /* Third level items */
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
  margin-block: var(--rz-panel-menu-item-2nd-level-margin-block);
  margin-inline: var(--rz-panel-menu-item-2nd-level-margin-inline);
  border-radius: var(--rz-panel-menu-item-2nd-level-border-radius);
  background-color: var(--rz-panel-menu-item-2nd-level-background-color);
  overflow: hidden;
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
  background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color);
  color: var(--rz-panel-menu-item-2nd-level-hover-color);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
  color: var(--rz-panel-menu-item-2nd-level-hover-color);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active,
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
  background-color: var(--rz-panel-menu-item-2nd-level-active-background-color);
  color: var(--rz-panel-menu-item-2nd-level-active-color);
  font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active .rz-navigation-item-icon,
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
  color: var(--rz-panel-menu-item-2nd-level-active-color);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
  height: var(--rz-panel-menu-icon-2nd-level-icon-size);
  width: var(--rz-panel-menu-icon-2nd-level-icon-size);
  font-size: var(--rz-panel-menu-icon-2nd-level-icon-size);
  margin-inline: var(--rz-panel-menu-icon-2nd-level-margin-inline);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item {
  border-block-end: none;
  color: var(--rz-panel-menu-item-2nd-level-color);
  font-size: var(--rz-panel-menu-item-2nd-level-font-size);
  font-weight: var(--rz-panel-menu-item-2nd-level-font-weight);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item:first-child {
  margin-block-start: var(--rz-panel-menu-2nd-level-vertical-offset);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child {
  margin-block-end: var(--rz-panel-menu-2nd-level-vertical-offset);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
  padding-block: var(--rz-panel-menu-item-2nd-level-padding-block);
  padding-inline: var(--rz-panel-menu-item-2nd-level-padding-inline);
  padding-inline-start: var(--rz-panel-menu-item-2nd-level-offset);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-menu {
  margin: 0;
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper {
  color: var(--rz-panel-menu-item-3rd-level-color);
  background-color: var(--rz-panel-menu-item-3rd-level-background-color);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
  color: var(--rz-panel-menu-item-3rd-level-hover-color);
  background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active,
.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
  background-color: var(--rz-panel-menu-item-3rd-level-active-background-color);
  color: var(--rz-panel-menu-item-3rd-level-active-color);
}

ul.rz-profile-menu {
  box-sizing: border-box;
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-block: var(--rz-profile-menu-padding-block);
  padding-inline: var(--rz-profile-menu-padding-inline);
  display: inline-block;
  background-color: var(--rz-profile-menu-top-item-background-color);
  border-inline-start: var(--rz-profile-menu-border);
  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-menu {
  list-style: none;
  overflow: hidden;
  position: absolute;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-block: var(--rz-context-menu-padding-block);
  padding-inline: var(--rz-context-menu-padding-inline);
  border-radius: var(--rz-profile-menu-border-radius);
  background-color: var(--rz-profile-menu-background-color);
  box-shadow: var(--rz-context-menu-box-shadow);
  text-align: start;
  inset-block-start: calc(100% - 2px);
  inset-block-start: calc(100% - 0.125rem);
  inset-inline-end: 0;
  min-width: 100%;
  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 {
  width: var(--rz-profile-menu-item-icon-width);
  height: var(--rz-profile-menu-item-icon-height);
  font-size: var(--rz-profile-menu-item-icon-font-size);
  margin-inline: var(--rz-profile-menu-item-icon-margin-inline);
}

.rz-gravatar {
  box-sizing: border-box;
  width: var(--rz-gravatar-width);
  height: var(--rz-gravatar-height);
  display: inline-block;
  border-radius: var(--rz-gravatar-border-radius);
  box-shadow: var(--rz-gravatar-box-shadow);
}

.rz-steps {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.rz-steps .rz-widget-content {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.rz-steps ul {
  list-style: none;
  padding: 0;
}
.rz-steps .rz-menuitem-link {
  display: inline-flex;
  align-items: center;
  color: var(--rz-steps-color);
  cursor: pointer;
  text-decoration: none;
}
.rz-steps .rz-menuitem-link:hover {
  text-decoration: none;
  color: var(--rz-steps-title-selected-color) !important;
}
.rz-steps .rz-state-disabled .rz-menuitem-link {
  color: var(--rz-text-disabled-color);
  cursor: default;
}
.rz-steps .rz-state-disabled .rz-menuitem-link:hover {
  color: var(--rz-text-disabled-color) !important;
}
.rz-steps .rz-state-highlight .rz-steps-title {
  color: var(--rz-steps-title-selected-color);
}
.rz-steps .rz-state-highlight .rz-steps-number {
  background: var(--rz-steps-number-selected-background);
  color: var(--rz-steps-number-selected-color);
}

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

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

.rz-steps-number {
  text-align: center;
  line-height: var(--rz-steps-number-line-height);
  color: var(--rz-steps-number-color);
  padding-block: var(--rz-steps-number-padding-block);
  padding-inline: var(--rz-steps-number-padding-inline);
  width: var(--rz-steps-number-width);
  height: var(--rz-steps-number-height);
  background-color: var(--rz-steps-number-background-color);
  border-radius: var(--rz-steps-number-border-radius);
}

.rz-steps-buttons {
  display: flex;
  justify-content: space-between;
  padding-block: var(--rz-steps-buttons-padding-block);
  padding-inline: var(--rz-steps-buttons-padding-inline);
}

.rz-steps-next,
.rz-steps-prev {
  display: inline-flex;
  align-items: center;
  color: var(--rz-steps-button-color) !important;
  text-decoration: none;
}
.rz-steps-next:not(.rz-state-disabled):hover,
.rz-steps-prev:not(.rz-state-disabled):hover {
  cursor: pointer;
  color: var(--rz-steps-title-selected-color) !important;
}
.rz-steps-next:hover,
.rz-steps-prev:hover {
  text-decoration: none;
}
.rz-steps-next.rz-state-disabled,
.rz-steps-prev.rz-state-disabled {
  opacity: 0.5 !important;
}

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

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

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

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

.rz-checkbox-list-vertical {
  box-sizing: border-box;
}
.rz-checkbox-list-vertical .rz-checkbox {
  display: flex;
  align-items: center;
  margin-block: var(--rz-checkbox-margin-block);
  margin-inline: var(--rz-checkbox-margin-inline);
  cursor: pointer;
}

.rz-checkbox-list-horizontal {
  box-sizing: border-box;
}
.rz-checkbox-list-horizontal .rz-checkbox {
  display: inline-flex;
  align-items: center;
}

.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 {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: var(--rz-checkbox-width);
  min-width: var(--rz-checkbox-width);
  height: var(--rz-checkbox-height);
}
.rz-chkbox:focus {
  outline: var(--rz-outline-normal);
}
.rz-chkbox:focus-visible .rz-chkbox-box {
  outline: var(--rz-checkbox-focus-outline);
  outline-offset: var(--rz-checkbox-focus-outline-offset);
}

.rz-chkbox-box {
  position: absolute;
  cursor: pointer;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--rz-input-border);
  border-width: var(--rz-checkbox-border-width);
  border-radius: var(--rz-checkbox-border-radius);
  box-shadow: var(--rz-input-shadow);
  background-color: var(--rz-input-background-color);
  transition: var(--rz-transition-all);
}
.rz-chkbox-box:hover:not(.rz-state-disabled) {
  border-width: var(--rz-checkbox-border-width);
}
.rz-chkbox-box.rz-state-disabled {
  cursor: initial;
  color: var(--rz-input-disabled-color);
  box-shadow: var(--rz-input-disabled-shadow);
  background-color: var(--rz-input-disabled-background-color);
  border: var(--rz-input-disabled-border);
  border-width: var(--rz-checkbox-border-width);
  opacity: var(--rz-input-disabled-opacity);
}
.rz-chkbox-box .rzi {
  width: var(--rz-checkbox-icon-width);
  height: var(--rz-checkbox-icon-height);
  font-size: var(--rz-checkbox-icon-font-size);
  color: var(--rz-checkbox-checked-color);
  vertical-align: middle;
  background-color: var(--rz-checkbox-checked-icon-background-color);
  border-radius: var(--rz-checkbox-checked-icon-border-radius);
}
.rz-chkbox-box .rzi-check:before {
  content: "check";
}
.rz-chkbox-box .rzi-times {
  width: var(--rz-checkbox-tri-icon-width);
  height: var(--rz-checkbox-tri-icon-height);
  font-size: var(--rz-checkbox-tri-icon-font-size);
}
.rz-chkbox-box .rzi-times:before {
  content: "remove";
}
.rz-chkbox-box.rz-state-active {
  background-color: var(--rz-checkbox-checked-background-color);
  border: var(--rz-checkbox-checked-border);
}
.rz-chkbox-box.rz-state-active:hover: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: 0.5;
}

.rz-switch {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 3rem;
  min-width: 3rem;
  height: 1.8rem;
  border-radius: calc(5 * var(--rz-border-radius));
}
.rz-switch:focus {
  outline: var(--rz-outline-normal);
}
.rz-switch:focus-visible {
  outline: var(--rz-switch-focus-outline);
  outline-offset: var(--rz-switch-focus-outline-offset);
}

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

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

.rz-switch .rz-switch-circle {
  background: var(--rz-switch-background-color);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: calc(5 * var(--rz-border-radius));
}

.rz-switch.rz-switch-checked .rz-switch-circle {
  background: var(--rz-switch-checked-background-color);
}

.rz-switch .rz-switch-circle:before {
  background: var(--rz-switch-circle-background-color);
  width: 1.26rem;
  height: 1.26rem;
  inset-inline-start: 0.27rem;
  margin-block-start: -0.63rem;
  border-radius: calc(5 * var(--rz-border-radius) - 3px);
  border-radius: calc(5 * var(--rz-border-radius) - 0.1875rem);
  transition: transform 0.2s linear;
  box-shadow: var(--rz-switch-box-shadow);
}

.rz-switch-circle:before {
  position: absolute;
  content: "";
  inset-block-start: 50%;
}

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

.rz-switch.rz-switch-checked .rz-switch-circle:before {
  background: var(--rz-switch-checked-circle-background-color);
  transform: translateX(1.2rem);
}

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

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

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

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

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

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

.rz-radiobutton-box {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit;
  border: var(--rz-input-border);
  border-width: var(--rz-radio-border-width);
  border-radius: var(--rz-radio-border-radius);
  box-shadow: var(--rz-input-shadow);
  background-color: var(--rz-input-background-color);
  transition: var(--rz-transition-all);
}
.rz-radiobutton-box:hover:not(.rz-state-disabled) {
  border-width: var(--rz-radio-border-width);
}
.rz-radiobutton-box:active:not(.rz-state-disabled) {
  background-color: var(--rz-radio-active-background-color);
  box-shadow: var(--rz-radio-active-shadow);
  border-width: var(--rz-radio-border-width);
}
.rz-radiobutton-box.rz-state-disabled {
  cursor: initial;
  box-shadow: var(--rz-input-disabled-shadow);
  background-color: var(--rz-input-disabled-background-color);
  border: var(--rz-input-disabled-border);
  border-width: var(--rz-radio-border-width);
  opacity: var(--rz-input-disabled-opacity);
}
.rz-radiobutton-box .rzi {
  width: var(--rz-radio-icon-width);
  height: var(--rz-radio-icon-height);
  color: var(--rz-radio-checked-color);
}
.rz-radiobutton-box .rzi-circle-on {
  border-radius: var(--rz-radio-border-radius);
  vertical-align: middle;
  background-color: var(--rz-radio-circle-background-color);
  box-shadow: var(--rz-radio-circle-shadow);
}
.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) {
  background-color: var(--rz-radio-circle-hover-background-color);
}
.rz-radiobutton-box.rz-state-active {
  background-color: var(--rz-radio-checked-background-color);
  border: var(--rz-radio-checked-border);
  border-width: var(--rz-radio-border-width);
}
.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) {
  background-color: var(--rz-radio-checked-hover-background-color);
  border: var(--rz-radio-checked-border);
  box-shadow: var(--rz-radio-checked-hover-shadow);
  border-width: var(--rz-radio-border-width);
}
.rz-radiobutton-box.rz-state-active.rz-state-disabled {
  background-color: var(--rz-radio-checked-background-color);
  border: var(--rz-radio-checked-border);
  border-width: var(--rz-radio-border-width);
  opacity: 0.5;
}

.rz-fieldset {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  min-width: 0;
  border: var(--rz-fieldset-border);
  border-radius: var(--rz-fieldset-border-radius);
}

.rz-fieldset-content {
  padding: var(--rz-fieldset-padding);
}

.rz-fieldset-content-wrapper {
  overflow: hidden;
}

.rz-fieldset-legend-text {
  vertical-align: middle;
}

.rz-fieldset-toggler {
  vertical-align: middle;
  width: var(--rz-fieldset-toggle-width);
  height: var(--rz-fieldset-toggle-height);
  background-color: var(--rz-fieldset-toggle-background-color);
  color: var(--rz-fieldset-toggle-color);
  border: var(--rz-fieldset-toggle-border);
}
.rz-fieldset-toggler.rzi {
  text-align: center;
  font-size: var(--rz-fieldset-toggle-font-size);
  line-height: var(--rz-fieldset-toggle-height);
  margin-block: var(--rz-fieldset-toggle-margin-block);
  margin-inline: var(--rz-fieldset-toggle-margin-inline);
}
.rz-fieldset-toggler.rzi-minus:before {
  content: "remove";
}
.rz-fieldset-toggler.rzi-plus:before {
  content: "add";
}
a:focus .rz-fieldset-toggler {
  outline: var(--rz-outline-normal);
}
a:focus-visible .rz-fieldset-toggler {
  outline: var(--rz-fieldset-toggle-focus-outline);
  outline-offset: var(--rz-fieldset-toggle-focus-outline-offset);
}

.rz-fieldset-legend {
  float: none;
  margin-block: var(--rz-fieldset-legend-margin-block);
  margin-inline: var(--rz-fieldset-legend-margin-inline);
  padding-block: var(--rz-fieldset-legend-padding-block);
  padding-inline: var(--rz-fieldset-legend-padding-inline);
  width: auto;
  color: var(--rz-fieldset-legend-color);
  font-size: var(--rz-fieldset-legend-font-size);
}
.rz-fieldset-legend a {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.rz-fieldset-legend a:focus {
  outline: var(--rz-outline-normal);
}

.rz-multiselect, .rz-dropdown {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  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 {
  position: absolute;
  display: flex;
  align-items: center;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
}
.rz-multiselect-trigger .rzi, .rz-dropdown-trigger .rzi {
  width: var(--rz-dropdown-trigger-icon-width);
  height: var(--rz-dropdown-trigger-icon-height);
  font-size: var(--rz-dropdown-trigger-icon-height);
  margin-block: var(--rz-dropdown-trigger-icon-margin-block);
  margin-inline: var(--rz-dropdown-trigger-icon-margin-inline);
}
.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before {
  content: "arrow_drop_down";
}

.rz-dropdown-clear-icon {
  position: absolute;
  inset-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem);
  inset-block-start: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: var(--rz-dropdown-trigger-icon-height);
  opacity: 0.4;
}
.rz-dropdown-clear-icon:before {
  content: "close";
}
.rz-dropdown-clear-icon:hover {
  opacity: 1;
}
.rz-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 {
  position: absolute;
  background-color: var(--rz-dropdown-open-background-color);
  border-radius: var(--rz-input-border-radius);
  border: var(--rz-dropdown-panel-border);
  box-shadow: var(--rz-dropdown-panel-shadow);
}

.rz-dropdown-panel {
  box-sizing: content-box;
  padding: var(--rz-dropdown-panel-padding);
}

.rz-multiselect-panel {
  box-sizing: content-box;
  padding: var(--rz-dropdown-panel-padding);
}
.rz-multiselect-panel .rz-chkbox {
  margin-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;
  padding: var(--rz-dropdown-items-padding);
  margin: 0;
}
.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li {
  /* The 'No results found' item has no CSS class */
}

.rz-dropdown-items-wrapper,
.rz-multiselect-items-wrapper {
  overflow: auto;
  margin: var(--rz-dropdown-items-margin);
  border-radius: var(--rz-input-border-radius);
}

.rz-multiselect-items-wrapper {
  overflow: auto;
}

.rz-dropdown-filter-container {
  padding: var(--rz-dropdown-filter-padding);
  border-bottom: var(--rz-dropdown-filter-border);
}

.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter {
  background-color: transparent;
  color: var(--rz-text-color);
}

.rz-multiselect-header {
  display: flex;
  align-items: center;
  padding: var(--rz-dropdown-item-padding);
  margin: var(--rz-dropdown-items-margin);
}

.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item {
  padding: var(--rz-dropdown-item-padding);
  transition: var(--rz-dropdown-item-transition);
  cursor: default;
  font-size: var(--rz-dropdown-item-font-size);
}
.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);
  color: var(--rz-dropdown-item-selected-color);
  box-shadow: var(--rz-dropdown-item-selected-shadow);
  border-radius: 0;
}
.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 {
  opacity: var(--rz-dropdown-item-disabled-opacity);
  cursor: initial;
}
.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);
  color: var(--rz-dropdown-item-hover-color);
  border-radius: 0;
}

.rz-multiselect-close {
  display: none;
}

.rz-multiselect-filter-container {
  flex: auto;
  border-bottom: var(--rz-dropdown-filter-border);
}
.rz-multiselect-filter-container .rz-inputtext {
  padding: 0;
}

.rz-multiselect-item {
  display: flex;
  align-items: center;
}

.rz-multiselect-item-content {
  flex: 1;
}

.rz-multiselect-label-container,
.rz-dropdown-label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-block: var(--rz-dropdown-label-padding-block);
  padding-inline: var(--rz-dropdown-label-padding-inline);
  margin: 0;
}

.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: 0.25rem;
  margin-inline-end: 3rem;
}
.rz-dropdown-chips .rz-chip {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: var(--rz-chip-gap);
  padding-block: var(--rz-chip-padding-block);
  padding-inline: var(--rz-chip-padding-inline);
  color: var(--rz-chip-color);
  background-color: var(--rz-chip-background-color);
  border-radius: var(--rz-chip-border-radius);
}
.rz-dropdown-chips .rz-chip .rz-chip-text {
  font-size: var(--rz-chip-font-size);
}
.rz-dropdown-chips .rz-chip .rz-button {
  border-radius: var(--rz-chip-border-radius);
  box-shadow: none;
  align-self: stretch;
}
.rz-dropdown-chips .rz-chip .rzi {
  vertical-align: middle;
  font-size: 1rem;
}

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

.rz-autocomplete {
  box-sizing: border-box;
  display: inline-block;
  border: var(--rz-input-border);
  border-radius: var(--rz-input-border-radius);
  background-color: var(--rz-input-background-color);
  transition: var(--rz-input-transition);
  overflow: hidden;
}
.rz-autocomplete-input {
  padding-block: var(--rz-input-padding-block);
  padding-inline: var(--rz-input-padding-inline);
  background-color: transparent;
  color: var(--rz-input-value-color);
  box-shadow: var(--rz-input-shadow);
  border: none;
  height: var(--rz-input-height);
  line-height: var(--rz-input-line-height);
  width: 100%;
  transition: var(--rz-input-transition);
}
.rz-autocomplete-input:focus {
  outline: none;
}
.rz-autocomplete-input:disabled {
  border: none;
}

.rz-autocomplete-panel {
  overflow: auto;
  box-sizing: content-box;
}

.rz-listbox {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--rz-listbox-background-color);
  border: var(--rz-listbox-border);
  border-radius: var(--rz-listbox-border-radius);
  text-align: start;
}
.rz-listbox .rz-chkbox {
  margin-block: var(--rz-listbox-checkbox-margin-block);
  margin-inline: var(--rz-listbox-checkbox-margin-inline);
}
.rz-listbox:not(.rz-state-disabled) .rz-listbox-item:hover:hover {
  background-color: var(--rz-dropdown-item-hover-background-color);
  color: var(--rz-dropdown-item-hover-color);
  border-radius: 0;
}
.rz-listbox:focus, .rz-listbox:focus-within {
  outline: var(--rz-outline-normal);
  border: var(--rz-listbox-focus-border);
  box-shadow: var(--rz-listbox-focus-shadow);
}

.rz-listbox-list {
  margin: 0;
  padding: 0;
}

.rz-listbox-item {
  cursor: default;
  padding: var(--rz-listbox-item-padding);
  margin: var(--rz-listbox-item-margin);
  cursor: default;
  font-size: var(--rz-dropdown-item-font-size);
}
.rz-listbox-item.rz-state-highlight {
  background-color: var(--rz-dropdown-item-selected-background-color);
  color: var(--rz-dropdown-item-selected-color);
  box-shadow: var(--rz-dropdown-item-selected-shadow);
  border-radius: 0;
}
.rz-listbox-item.rz-state-highlight:hover {
  background-color: var(--rz-dropdown-item-selected-hover-background-color);
  color: var(--rz-dropdown-item-selected-hover-color);
}
.rz-listbox-item.rz-state-disabled {
  opacity: var(--rz-dropdown-item-disabled-opacity);
  cursor: initial;
}

.rz-listbox-header {
  display: flex;
  align-items: center;
  padding-block: var(--rz-listbox-header-padding-block);
  padding-inline: var(--rz-listbox-header-padding-inline);
  border-bottom: var(--rz-listbox-filter-border);
}

.rz-listbox-list-wrapper {
  flex: auto;
  overflow: auto;
  padding: var(--rz-listbox-padding);
}

.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext {
  flex: auto;
  width: 0;
  border: none;
  line-height: var(--rz-input-line-height);
}
.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus {
  outline: none;
}
.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search {
  width: var(--rz-listbox-header-icon-width);
  height: var(--rz-listbox-header-icon-height);
  line-height: var(--rz-listbox-header-icon-height);
  font-size: var(--rz-listbox-header-icon-height);
}
.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before {
  content: "search";
}

.rz-listbox-filter-container {
  flex: auto;
}
.rz-listbox-filter-container .rz-inputtext {
  background-color: transparent;
}

.rz-splitbutton {
  box-sizing: border-box;
  display: inline-flex;
}
.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-pager-element .rz-button-text {
  display: none;
}
.rz-splitbutton .rz-button.rz-splitbutton-menubutton {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) {
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

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

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

.rz-menuitem .rz-menuitem-link {
  color: inherit;
  display: block;
  text-decoration: none;
}
.rz-menuitem .rz-menuitem-link:hover {
  text-decoration: none;
}
.rz-menuitem .rz-menuitem-icon {
  vertical-align: top;
  margin-inline: var(--rz-menu-item-icon-margin-inline);
}

.rz-splitbutton-menubutton {
  margin-inline-start: 1px;
  margin-inline-start: 0.0625rem;
}
.rz-splitbutton-menubutton.rz-variant-outlined {
  border-inline-start: 0;
  margin-inline-start: calc(-1 * var(--rz-border-width));
}
.rz-splitbutton-menubutton .rz-button-text {
  display: none;
}
.rz-splitbutton-menubutton .rzi-chevron-down:before {
  content: "arrow_drop_down";
}

.rz-slider {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  border: var(--rz-slider-border);
  border-radius: var(--rz-slider-border-radius);
  background-color: var(--rz-slider-background-color);
}
.rz-slider.rz-state-disabled {
  background-color: var(--rz-slider-disabled-background-color);
  border: var(--rz-slider-disabled-border);
}
.rz-slider.rz-state-disabled .rz-slider-range {
  background-color: var(--rz-slider-disabled-range-background-color);
  border: var(--rz-slider-disabled-range-border);
}
.rz-slider.rz-state-disabled .rz-slider-handle {
  background-color: var(--rz-slider-disabled-handle-background-color);
  border: var(--rz-slider-disabled-handle-border);
}

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

.rz-slider-range {
  position: absolute;
  inset-block-start: -1px;
  inset-block-start: -0.0625rem;
  inset-block-end: -1px;
  inset-block-end: -0.0625rem;
  inset-inline-start: -1px;
  inset-inline-start: -0.0625rem;
  border-start-start-radius: var(--rz-slider-border-radius);
  border-end-start-radius: var(--rz-slider-border-radius);
  background-color: var(--rz-slider-range-background-color);
  border: var(--rz-slider-range-border);
}

.rz-slider-handle {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  margin-inline-start: calc(var(--rz-slider-handle-width) / -2);
  background-color: var(--rz-slider-handle-background-color);
  border: var(--rz-slider-handle-border);
  border-radius: var(--rz-slider-handle-border-radius);
  box-shadow: var(--rz-slider-handle-shadow);
  width: var(--rz-slider-handle-width);
  height: var(--rz-slider-handle-height);
  transition: var(--rz-slider-handle-transition);
}

.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active {
  background-color: var(--rz-slider-handle-hover-background-color);
  box-shadow: var(--rz-slider-handle-hover-shadow);
  border: var(--rz-slider-handle-hover-border);
  cursor: pointer;
  outline: none;
}
.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus {
  outline: var(--rz-outline-normal);
}
.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible {
  outline: var(--rz-slider-handle-focus-outline);
  outline-offset: var(--rz-slider-handle-focus-outline-offset);
}

.rz-rating {
  box-sizing: border-box;
  display: inline-flex;
  font-size: var(--rz-rating-font-size);
  height: 1em;
}
.rz-rating.rz-state-disabled .rzi {
  opacity: var(--rz-rating-disabled-opacity);
  color: var(--rz-rating-disabled-color);
}
.rz-rating a {
  width: 1em;
  height: 1em;
  text-decoration: none;
  cursor: default;
  outline: none;
}
.rz-rating .rzi {
  color: var(--rz-rating-color);
  font-size: 1em;
}
.rz-rating .rzi-ban {
  color: var(--rz-rating-ban-icon-color);
}
.rz-rating .rzi-ban:before {
  content: "highlight_off";
}
.rz-rating .rzi-star-o {
  opacity: var(--rz-rating-opacity);
}
.rz-rating .rzi-star-o:before {
  content: "star_border";
}
.rz-rating .rzi-star {
  color: var(--rz-rating-selected-color);
}
.rz-rating .rzi-star:before {
  content: "star";
}
.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover {
  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 {
  color: var(--rz-rating-selected-color);
}
.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o:before {
  content: "star";
}
.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 .rzi-star-o:before {
  content: "star";
}

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

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

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

.rz-selectbutton {
  box-sizing: border-box;
  display: inline-flex;
}
.rz-selectbutton .rz-button:focus-visible {
  z-index: 1;
}

.rz-selectbutton .rz-button.rz-button-xs {
  margin-inline-start: -1px;
  margin-inline-start: -0.0625rem;
  display: inline-block;
  background-color: var(--rz-selectbar-background-color);
  color: var(--rz-selectbar-color);
  border: var(--rz-selectbar-border);
  border-radius: 0;
}
.rz-selectbutton .rz-button.rz-button-xs:first-child {
  margin-inline-start: 0;
  border-start-start-radius: var(--rz-selectbar-border-radius);
  border-end-start-radius: var(--rz-selectbar-border-radius);
}
.rz-selectbutton .rz-button.rz-button-xs:last-child {
  border-start-end-radius: var(--rz-selectbar-border-radius);
  border-end-end-radius: var(--rz-selectbar-border-radius);
}
.rz-selectbutton .rz-button.rz-button-xs.rz-state-active {
  background-color: var(--rz-selectbar-selected-background-color);
  color: var(--rz-selectbar-selected-color);
  border: var(--rz-selectbar-selected-border);
}

.rz-selectbutton .rz-button.rz-button-sm {
  margin-inline-start: -1px;
  margin-inline-start: -0.0625rem;
  display: inline-block;
  background-color: var(--rz-selectbar-background-color);
  color: var(--rz-selectbar-color);
  border: var(--rz-selectbar-border);
  border-radius: 0;
}
.rz-selectbutton .rz-button.rz-button-sm:first-child {
  margin-inline-start: 0;
  border-start-start-radius: var(--rz-selectbar-border-radius);
  border-end-start-radius: var(--rz-selectbar-border-radius);
}
.rz-selectbutton .rz-button.rz-button-sm:last-child {
  border-start-end-radius: var(--rz-selectbar-border-radius);
  border-end-end-radius: var(--rz-selectbar-border-radius);
}
.rz-selectbutton .rz-button.rz-button-sm.rz-state-active {
  background-color: var(--rz-selectbar-selected-background-color);
  color: var(--rz-selectbar-selected-color);
  border: var(--rz-selectbar-selected-border);
}

.rz-selectbutton .rz-button.rz-button-md {
  margin-inline-start: -1px;
  margin-inline-start: -0.0625rem;
  display: inline-block;
  background-color: var(--rz-selectbar-background-color);
  color: var(--rz-selectbar-color);
  border: var(--rz-selectbar-border);
  border-radius: 0;
}
.rz-selectbutton .rz-button.rz-button-md:first-child {
  margin-inline-start: 0;
  border-start-start-radius: var(--rz-selectbar-border-radius);
  border-end-start-radius: var(--rz-selectbar-border-radius);
}
.rz-selectbutton .rz-button.rz-button-md:last-child {
  border-start-end-radius: var(--rz-selectbar-border-radius);
  border-end-end-radius: var(--rz-selectbar-border-radius);
}
.rz-selectbutton .rz-button.rz-button-md.rz-state-active {
  background-color: var(--rz-selectbar-selected-background-color);
  color: var(--rz-selectbar-selected-color);
  border: var(--rz-selectbar-selected-border);
}

.rz-selectbutton .rz-button.rz-button-lg {
  margin-inline-start: -1px;
  margin-inline-start: -0.0625rem;
  display: inline-block;
  background-color: var(--rz-selectbar-background-color);
  color: var(--rz-selectbar-color);
  border: var(--rz-selectbar-border);
  border-radius: 0;
}
.rz-selectbutton .rz-button.rz-button-lg:first-child {
  margin-inline-start: 0;
  border-start-start-radius: var(--rz-selectbar-border-radius);
  border-end-start-radius: var(--rz-selectbar-border-radius);
}
.rz-selectbutton .rz-button.rz-button-lg:last-child {
  border-start-end-radius: var(--rz-selectbar-border-radius);
  border-end-end-radius: var(--rz-selectbar-border-radius);
}
.rz-selectbutton .rz-button.rz-button-lg.rz-state-active {
  background-color: var(--rz-selectbar-selected-background-color);
  color: var(--rz-selectbar-selected-color);
  border: var(--rz-selectbar-selected-border);
}

.rz-datepicker {
  display: inline-block;
  position: relative;
}
.rz-datepicker .rz-readonly {
  cursor: pointer;
}
.rz-datepicker > .rz-inputtext {
  width: 100%;
  line-height: var(--rz-datepicker-line-height);
  padding-inline-end: calc(1rem + var(--rz-datepicker-trigger-icon-width));
}
.rz-datepicker:not(.rz-state-disabled):hover .rz-datepicker-trigger {
  box-shadow: none;
  color: var(--rz-datepicker-trigger-icon-hover-color);
}
.rz-datepicker.rz-state-disabled > .rz-inputtext {
  color: var(--rz-input-disabled-color);
  box-shadow: var(--rz-input-disabled-shadow);
  background-color: var(--rz-input-disabled-background-color);
  border: var(--rz-input-disabled-border);
  opacity: var(--rz-input-disabled-opacity);
}
.rz-datepicker.rz-state-disabled > .rz-inputtext::-moz-placeholder {
  color: var(--rz-input-disabled-placeholder-color);
}
.rz-datepicker.rz-state-disabled > .rz-inputtext::placeholder {
  color: var(--rz-input-disabled-placeholder-color);
}

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

.rz-datepicker-trigger {
  box-shadow: none;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0.625rem;
  transform: translateY(-50%);
  background-color: transparent;
  padding: 0;
  vertical-align: text-top;
  color: var(--rz-datepicker-trigger-icon-color);
  width: var(--rz-datepicker-trigger-icon-width);
  height: var(--rz-datepicker-trigger-icon-height);
  font-size: var(--rz-datepicker-trigger-icon-height);
}
.rz-datepicker-trigger.rz-state-disabled {
  border: none;
  box-shadow: none;
  cursor: initial;
  opacity: 1;
  color: var(--rz-input-disabled-color);
}
.rz-datepicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-datepicker-trigger:not(.rz-state-disabled):hover:active {
  background-color: transparent;
}
.rz-datepicker-trigger:not(.rz-state-disabled):active {
  box-shadow: none !important;
  background-image: none !important;
}
.rz-datepicker-trigger .rzi-calendar,
.rz-datepicker-trigger .rzi-time {
  font-size: inherit;
  vertical-align: top;
}
.rz-datepicker-trigger .rzi-calendar:before {
  content: "calendar_today";
}
.rz-datepicker-trigger .rzi-time:before {
  content: "schedule";
}
.rz-datepicker-trigger .rz-button-text {
  display: none;
}

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

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

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

/* Calendar Styles */
.rz-calendar {
  box-sizing: border-box;
}

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

.rz-calendar-prev,
.rz-calendar-next {
  border-radius: var(--rz-datepicker-prev-next-button-border-radius);
}
.rz-calendar-prev .rzi,
.rz-calendar-next .rzi {
  color: var(--rz-datepicker-header-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--rz-datepicker-prev-next-icon-size);
}
*[dir=rtl] .rz-calendar-prev .rzi,
*[dir=rtl] .rz-calendar-next .rzi {
  transform: rotate(180deg);
}

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

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

.rz-calendar-title {
  order: 2;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.25rem;
}

.rz-calendar-month-dropdown {
  width: var(--rz-datepicker-month-dropdown-width);
}

.rz-calendar-year-dropdown {
  width: var(--rz-datepicker-year-dropdown-width);
}

.rz-calendar-view-container {
  padding-block: var(--rz-datepicker-calendar-padding-block);
  padding-inline: var(--rz-datepicker-calendar-padding-inline);
}
.rz-calendar-view-container:focus {
  outline: var(--rz-outline-normal);
}
.rz-calendar-view-container:focus-visible {
  outline: var(--rz-datepicker-focus-outline);
  outline-offset: var(--rz-datepicker-focus-outline-offset);
}

.rz-calendar-view {
  table-layout: fixed;
  border-collapse: collapse;
}
.rz-calendar-view th {
  font-weight: normal;
  font-size: var(--rz-datepicker-calendar-header-font-size);
  text-transform: var(--rz-datepicker-calendar-header-text-transform);
  color: var(--rz-datepicker-calendar-header-color);
  padding: var(--rz-datepicker-calendar-item-padding);
  text-align: center;
}
.rz-calendar-view td {
  text-align: center;
  border-top: var(--rz-datepicker-calendar-border);
  padding: 0;
}
.rz-calendar-view td .rz-state-default {
  display: block;
  padding: var(--rz-datepicker-calendar-item-padding);
  color: var(--rz-datepicker-calendar-color);
  font-size: var(--rz-datepicker-calendar-font-size);
  border-radius: var(--rz-datepicker-calendar-border-radius);
  transition: var(--rz-datepicker-calendar-transition);
}
.rz-calendar-view td .rz-state-default.rz-calendar-today {
  color: var(--rz-datepicker-calendar-today-color);
  background-color: var(--rz-datepicker-calendar-today-background-color);
  box-shadow: var(--rz-datepicker-calendar-today-box-shadow);
  border-radius: var(--rz-datepicker-calendar-today-border-radius);
}
.rz-calendar-view td .rz-state-default.rz-state-focused, .rz-calendar-view td .rz-state-default:hover {
  text-decoration: none;
  color: var(--rz-datepicker-calendar-hover-color);
  background-color: var(--rz-datepicker-calendar-hover-background-color);
  cursor: pointer;
}
.rz-calendar-view td .rz-state-active,
.rz-calendar-view td .rz-state-active.rz-calendar-today {
  color: var(--rz-datepicker-calendar-selected-color);
  background-color: var(--rz-datepicker-calendar-selected-background-color);
  padding: var(--rz-datepicker-calendar-item-padding);
  box-shadow: none;
}
.rz-calendar-view td .rz-state-active.rz-state-focused, .rz-calendar-view td .rz-state-active:hover,
.rz-calendar-view td .rz-state-active.rz-calendar-today.rz-state-focused,
.rz-calendar-view td .rz-state-active.rz-calendar-today:hover {
  color: var(--rz-datepicker-calendar-selected-hover-color);
  background-color: var(--rz-datepicker-calendar-selected-hover-background-color);
}
.rz-calendar-view .rz-state-disabled {
  opacity: 0.5;
}
.rz-calendar-view .rz-calendar-other-month {
  opacity: 0.5;
}
.rz-calendar-view .rz-calendar-week-number {
  opacity: 0.5;
}

/* Time Picker Styles */
.rz-timepicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--rz-timepicker-gap);
  border-top: var(--rz-datepicker-calendar-border);
  padding-block: var(--rz-timepicker-padding-block);
  padding-inline: var(--rz-timepicker-padding-inline);
  color: var(--rz-timepicker-color);
}
.rz-timepicker .rzi-chevron-up:before {
  content: "expand_less";
}
.rz-timepicker .rzi-chevron-down:before {
  content: "expand_more";
}
.rz-timepicker .rz-separator {
  color: var(--rz-timepicker-separator-color);
}
.rz-timepicker .rz-separator a {
  display: none;
}
.rz-timepicker .rz-button-md {
  padding: var(--rz-timepicker-button-padding);
  text-transform: uppercase;
}

.rz-hour-picker,
.rz-minute-picker,
.rz-second-picker {
  background-color: var(--rz-timepicker-background-color);
  width: 4rem;
}

.rz-ampm-picker a {
  text-decoration: none;
}

.rz-numeric {
  display: inline-block;
  position: relative;
  padding: 0px;
  padding: 0;
}
.rz-numeric input[type=number],
.rz-numeric input[type=text] {
  -moz-appearance: textfield;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  line-height: var(--rz-numeric-line-height);
  padding-block: var(--rz-numeric-input-padding-block);
  padding-inline: var(--rz-numeric-input-padding-inline);
  outline: none;
}
.rz-numeric input[type=number]::-webkit-inner-spin-button, .rz-numeric input[type=number]::-webkit-outer-spin-button,
.rz-numeric input[type=text]::-webkit-inner-spin-button,
.rz-numeric input[type=text]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.rz-numeric.rz-state-disabled .rz-numeric-button {
  background-color: var(--rz-numeric-button-disabled-background-color);
  color: var(--rz-numeric-button-disabled-color);
}
.rz-numeric.rz-state-disabled .rz-numeric-button:active, .rz-numeric.rz-state-disabled .rz-numeric-button:hover {
  background-color: var(--rz-numeric-button-disabled-background-color);
  color: var(--rz-numeric-button-disabled-color);
  background-image: none;
  box-shadow: none;
  cursor: initial;
}

.rz-numeric-button {
  position: absolute;
  inset-inline-end: var(--rz-numeric-button-offset);
  padding: 0;
  width: var(--rz-numeric-button-width);
  height: var(--rz-numeric-button-height);
  border-radius: var(--rz-numeric-button-border-radius);
  background-color: var(--rz-numeric-button-background-color);
  color: var(--rz-numeric-button-color);
}
.rz-numeric-button:hover {
  background-color: var(--rz-numeric-button-background-color);
}
.rz-numeric-button .rzi {
  font-size: var(--rz-numeric-button-height);
  vertical-align: top;
}
.rz-numeric-button .rzi-caret-up:before {
  content: "expand_less";
}
.rz-numeric-button .rzi-caret-down:before {
  content: "expand_more";
}

.rz-numeric-up {
  inset-block-start: var(--rz-numeric-button-offset);
}

.rz-numeric-down {
  inset-block-end: var(--rz-numeric-button-offset);
}

.rz-fileupload {
  box-sizing: border-box;
  display: inline-block;
}
.rz-fileupload .rz-button {
  vertical-align: middle;
  -webkit-appearance: none !important;
}

.rz-fileupload-choose {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background-color: var(--rz-upload-choose-background-color);
  color: var(--rz-upload-choose-color);
}
.rz-fileupload-choose input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  min-height: 100%;
  cursor: pointer;
}
.rz-fileupload-choose.rz-state-disabled input[type=file] {
  cursor: default;
}
.rz-fileupload-choose:not(.rz-state-disabled) {
  background-color: var(--rz-upload-choose-background-color);
  color: var(--rz-upload-choose-color);
}
.rz-fileupload-choose:not(.rz-state-disabled):hover {
  background-color: var(--rz-upload-choose-hover-background-color);
  color: var(--rz-upload-choose-hover-color);
}
.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
  background-color: var(--rz-upload-choose-hover-background-color);
  color: var(--rz-upload-choose-hover-color);
}
.rz-fileupload-choose:not(.rz-state-disabled):active {
  background-color: var(--rz-upload-choose-active-background-color);
  color: var(--rz-upload-choose-active-color);
}

.rz-fileupload-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rz-fileupload-row > div {
  margin: var(--rz-upload-files-margin);
}
.rz-fileupload-row .rz-button-text {
  display: none;
}
.rz-fileupload-row .rz-button {
  background-color: var(--rz-upload-files-remove-background-color);
  color: var(--rz-upload-files-remove-color);
}
.rz-fileupload-row .rz-button .rzi-close,
.rz-fileupload-row .rz-button .rzi-times,
.rz-fileupload-row .rz-button .rz-icon-trash {
  display: block;
}
.rz-fileupload-row .rz-button .rzi-close:before,
.rz-fileupload-row .rz-button .rzi-times:before,
.rz-fileupload-row .rz-button .rz-icon-trash:before {
  content: "close";
}

.rz-fileupload-buttonbar {
  position: relative;
  background-color: var(--rz-upload-button-bar-background-color);
  padding: var(--rz-upload-button-bar-padding);
  border-radius: var(--rz-upload-button-bar-border-radius);
}
.rz-fileupload-buttonbar .rz-button:nth-child(3) {
  float: right;
  background-color: var(--rz-upload-cancel-background-color);
  color: var(--rz-upload-cancel-color);
}

.rz-fileupload-files {
  background-color: var(--rz-upload-files-background-color);
  padding: var(--rz-upload-files-padding);
}

.rz-datatable {
  position: relative;
  box-shadow: var(--rz-grid-shadow);
  border: var(--rz-grid-cell-border);
  border-radius: var(--rz-grid-border-radius);
  background-color: var(--rz-grid-background-color);
  overflow: hidden;
}
.rz-datatable:focus {
  outline: var(--rz-outline-normal);
}
.rz-datatable:focus-visible {
  outline: var(--rz-grid-focus-outline);
  outline-offset: var(--rz-grid-focus-outline-offset);
}
.rz-datatable .rz-col-icon {
  text-align: center;
  vertical-align: middle;
  width: var(--rz-grid-column-icon-width);
  padding: var(--rz-grid-column-icon-padding);
}
.rz-datatable .rzi-chevron-circle-right {
  vertical-align: top;
  /* Right-to-left arrow icons */
}
.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 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rz-datatable-tablewrapper > table,
.rz-datatable-scrollable-header-box > table,
.rz-datatable-scrollable-table-wrapper > table,
.rz-datatable-scrollable-footer-box > table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.rz-resizable-column {
  position: relative;
}

.rz-datatable-reorder-indicator-up {
  position: absolute;
}
.rz-datatable-reorder-indicator-up:before {
  content: "arrow_drop_down";
}

.rz-datatable-reorder-indicator-down {
  position: absolute;
}
.rz-datatable-reorder-indicator-down:before {
  content: "arrow_drop_up";
}

.rz-column-resizer {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  height: 100%;
  cursor: col-resize;
  width: var(--rz-grid-column-resizer-width);
}
.rz-column-resizer:after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  height: 100%;
  width: var(--rz-grid-column-resizer-helper-width);
  background-color: transparent;
}
.rz-column-resizer:hover:after, .rz-column-resizer:active:after {
  background-color: var(--rz-grid-column-resizer-helper-background-color);
}

.rz-rowgroup-header .fa,
.rz-row-toggler {
  color: var(--rz-grid-cell-color);
}

.rz-datatable-scrollable-footer {
  background-color: var(--rz-grid-header-background-color);
  border-top: var(--rz-grid-cell-border);
}

.rz-datatable-thead th,
.rz-grid-table thead th {
  background-color: var(--rz-grid-header-background-color);
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: inherit;
  border-bottom: var(--rz-grid-header-cell-border-bottom);
}
.rz-datatable-thead th:not(:last-child),
.rz-grid-table thead th:not(:last-child) {
  border-inline-end: var(--rz-grid-header-cell-border);
}
.rz-datatable-thead th > div:not(.rz-cell-filter),
.rz-grid-table thead th > div:not(.rz-cell-filter) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  outline: none;
  padding: var(--rz-grid-header-cell-padding);
}
.rz-datatable-thead th.rz-state-focused,
.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-datatable-thead th .rz-column-title,
.rz-grid-table thead th .rz-column-title {
  display: inline-flex;
  flex: auto;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  font-size: var(--rz-grid-header-font-size);
  line-height: var(--rz-grid-header-line-height);
  text-transform: var(--rz-grid-header-text-transform);
  color: var(--rz-grid-header-color);
  padding-inline: var(--rz-grid-header-title-padding-inline);
  font-weight: var(--rz-grid-header-font-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rz-datatable-thead th .rz-column-title-content,
.rz-grid-table thead th .rz-column-title-content {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rz-datatable-thead th .rz-column-title-content:has(.rz-chkbox),
.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) {
  overflow: visible;
}
.rz-datatable-thead th.rz-text-align-center .rz-column-title,
.rz-grid-table thead th.rz-text-align-center .rz-column-title {
  justify-content: center;
  padding-inline-start: 0;
}
.rz-datatable-thead th.rz-text-align-center.rz-sortable-column .rz-column-title,
.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title {
  padding-inline-start: var(--rz-grid-sort-icon-width);
}
.rz-datatable-thead th.rz-text-align-right .rz-column-title,
.rz-grid-table thead th.rz-text-align-right .rz-column-title {
  justify-content: right;
}
.rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title,
.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title {
  padding-inline-start: var(--rz-grid-sort-icon-width);
}
.rz-datatable-thead th .rz-column-drag + .rz-column-title,
.rz-grid-table thead th .rz-column-drag + .rz-column-title {
  padding-inline-start: 0;
}

.rz-datatable-tfoot td, .rz-grid-table tfoot td {
  background-color: var(--rz-grid-foot-background-color);
  font-size: var(--rz-grid-cell-font-size);
  line-height: var(--rz-grid-cell-line-height);
  color: var(--rz-grid-foot-cell-color);
  padding: var(--rz-grid-cell-padding);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rz-datatable-tfoot td:not(:last-child), .rz-grid-table tfoot td:not(:last-child) {
  border-inline-end: var(--rz-grid-right-cell-border);
}
.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell {
  border-inline-end: var(--rz-grid-right-cell-border);
}

.rz-datatable-scrollable-header {
  background-color: var(--rz-grid-header-background-color);
  border-bottom: var(--rz-grid-bottom-cell-border);
}

.rz-datatable-scrollable-body {
  overflow: auto;
  border-top: none;
  flex: auto;
  border-bottom-right-radius: var(--rz-border-radius);
  border-bottom-left-radius: var(--rz-border-radius);
}

.rz-has-pager .rz-datatable-scrollable-body {
  border-radius: 0;
}

.rz-sortable-column {
  cursor: pointer;
}
.rz-sortable-column:focus {
  outline: none;
}
.rz-sortable-column.rz-state-active {
  background-color: var(--rz-grid-header-sorted-background-color);
}
.rz-sortable-column > div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc) {
  color: var(--rz-grid-sort-icon-color);
}
.rz-sortable-column .rzi-grid-sort {
  width: var(--rz-grid-sort-icon-width);
  height: var(--rz-grid-sort-icon-height);
  font-size: var(--rz-grid-sort-icon-height);
  text-align: left;
}
.rz-sortable-column .rzi-sort {
  color: transparent;
}
.rz-sortable-column .rzi-sort:before {
  content: "sort";
}
.rz-sortable-column .rzi-sort-asc {
  color: var(--rz-grid-header-color);
}
.rz-sortable-column .rzi-sort-asc:before {
  content: "arrow_drop_up";
}
.rz-sortable-column .rzi-sort-desc {
  color: var(--rz-grid-header-color);
}
.rz-sortable-column .rzi-sort-desc:before {
  content: "arrow_drop_down";
}

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
  background-color: var(--rz-grid-stripe-background-color);
}
.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
  background-color: var(--rz-grid-stripe-odd-background-color);
}

.rz-grid-table-composite .rz-datatable-thead th, .rz-grid-table-composite.rz-grid-table thead th {
  border-bottom: var(--rz-grid-header-cell-border);
}
.rz-grid-table-composite .rz-datatable-thead th.rz-composite-cell, .rz-grid-table-composite.rz-grid-table thead th.rz-composite-cell {
  border-inline-end: var(--rz-grid-header-cell-border);
}

.rz-datatable-data td,
.rz-grid-table td {
  padding: var(--rz-grid-cell-padding);
  border-bottom: var(--rz-grid-bottom-cell-border);
}
.rz-datatable-data td:not(:last-child),
.rz-grid-table td:not(:last-child) {
  border-inline-end: var(--rz-grid-right-cell-border);
}
.rz-datatable-data td.rz-composite-cell,
.rz-grid-table td.rz-composite-cell {
  border-inline-end: var(--rz-grid-right-cell-border);
}
.rz-datatable-data td .rz-cell-data,
.rz-grid-table td .rz-cell-data {
  color: var(--rz-grid-cell-color);
  font-size: var(--rz-grid-cell-font-size);
  line-height: var(--rz-grid-cell-line-height);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button),
.rz-grid-table td .rz-cell-data:has(.rz-chkbox),
.rz-grid-table td .rz-cell-data:has(.rz-button) {
  overflow: visible;
}
.rz-datatable-data td .rz-cell-toggle,
.rz-grid-table td .rz-cell-toggle {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.rz-datatable-data td .rz-column-footer,
.rz-grid-table td .rz-column-footer {
  color: var(--rz-grid-foot-cell-color);
}
.rz-datatable-data tr td:first-child,
.rz-grid-table tr td:first-child {
  border-inline-start: none;
}
.rz-datatable-data tr td:last-child:not(.rz-composite-cell),
.rz-grid-table tr td:last-child:not(.rz-composite-cell) {
  border-inline-end: none;
}
.rz-datatable-data tr:first-child > td,
.rz-grid-table tr:first-child > td {
  border-top: none;
}
.rz-datatable-data tr:last-child > td,
.rz-grid-table tr:last-child > td {
  border-bottom: none;
}

.rz-grid-table.rz-grid-gridlines-both > thead > tr > th,
.rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell,
.rz-grid-table.rz-grid-gridlines-both > tbody > tr > td,
.rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td {
  border-bottom: var(--rz-grid-cell-border);
}
.rz-grid-table.rz-grid-gridlines-both > thead > tr > th:not(:last-child),
.rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell:not(:last-child),
.rz-grid-table.rz-grid-gridlines-both > tbody > tr > td:not(:last-child),
.rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td:not(:last-child) {
  border-inline-end: var(--rz-grid-cell-border);
}
.rz-grid-table.rz-grid-gridlines-none > thead > tr > th,
.rz-grid-table.rz-grid-gridlines-none > thead > tr > th.rz-composite-cell,
.rz-grid-table.rz-grid-gridlines-none > tbody > tr > td,
.rz-grid-table.rz-grid-gridlines-none > tfoot > tr > td {
  border-bottom: none;
  border-inline-end: none;
}
.rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th,
.rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th.rz-composite-cell,
.rz-grid-table.rz-grid-gridlines-horizontal > tbody > tr > td,
.rz-grid-table.rz-grid-gridlines-horizontal > tfoot > tr > td {
  border-bottom: var(--rz-grid-cell-border);
  border-inline-end: none;
}
.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th,
.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell,
.rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td,
.rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td {
  border-bottom: none;
}
.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th:not(:last-child),
.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell:not(:last-child),
.rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td:not(:last-child),
.rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td:not(:last-child) {
  border-inline-end: var(--rz-grid-cell-border);
}

.rz-datatable-reflow tbody td > .rz-column-title {
  display: none;
}

.rz-datatable-scrollable {
  display: flex;
  flex-direction: column;
}
.rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper {
  height: 0;
}
.rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view {
  height: 0;
}

.rz-datatable-scrollable-wrapper {
  display: flex;
  flex-direction: column;
  flex: auto;
}

.rz-datatable-scrollable-view {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
}

.rz-datatable-header {
  background-color: var(--rz-grid-toolbar-background-color);
  padding: var(--rz-grid-header-padding);
  border-bottom: var(--rz-grid-bottom-cell-border);
}
.rz-datatable-header .rzi-plus {
  font-size: var(--rz-grid-cell-font-size);
}
.rz-datatable-header .rzi-plus:before {
  content: "add";
}

.rz-cell-filter {
  padding: var(--rz-grid-filter-padding);
  margin: var(--rz-grid-filter-margin);
  border-top: var(--rz-grid-filter-border);
  font-size: var(--rz-grid-filter-font-size);
  font-weight: normal;
}
.rz-cell-filter .rz-cell-filter-label {
  display: flex;
  flex: auto;
  align-items: center;
}
.rz-cell-filter .rz-cell-filter-label > .rzi {
  width: var(--rz-grid-filter-icon-width);
  height: var(--rz-grid-filter-icon-height);
  font-size: var(--rz-grid-filter-icon-font-size);
  margin-inline: var(--rz-grid-filter-icon-margin-inline);
  color: var(--rz-grid-filter-color);
}
.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear {
  margin-inline-start: auto;
}
.rz-cell-filter .rz-cell-filter-label .rz-current-filter {
  margin-inline-start: 0.5rem;
}

.rz-selectable tbody tr.rz-data-row td,
.rz-selectable tbody tr.rz-data-row .rz-cell-data {
  transition: background-color var(--rz-transition), color var(--rz-transition);
}
.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after,
.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before,
.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after {
  content: "";
  position: absolute;
  inset: 0;
  transition: background-color var(--rz-transition), color var(--rz-transition);
}
.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before,
.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before,
.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before {
  z-index: -1;
}
.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after,
.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after,
.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after {
  z-index: -2;
  background-color: var(--rz-grid-frozen-cell-background-color);
}
.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before,
.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before {
  z-index: -2;
  background-color: var(--rz-grid-frozen-cell-background-color);
}
.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after,
.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after {
  z-index: -1;
}
.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
  background-color: var(--rz-grid-selected-background-color);
}
.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before {
  background-color: var(--rz-grid-selected-background-color);
}
.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after {
  background-color: var(--rz-grid-selected-background-color);
}
.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
  color: var(--rz-grid-selected-color);
}
.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi {
  color: var(--rz-grid-selected-color);
}
.rz-selectable tbody tr.rz-data-row.rz-state-focused > td {
  background-color: var(--rz-grid-cell-focus-background-color);
  color: var(--rz-grid-cell-focus-color);
}
.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before {
  background-color: var(--rz-grid-cell-focus-background-color);
  color: var(--rz-grid-cell-focus-color);
}
.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after {
  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: 0.5;
  pointer-events: none;
}
.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td {
  background-color: var(--rz-grid-hover-background-color);
}
.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before {
  background-color: var(--rz-grid-hover-background-color);
}
.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after {
  background-color: var(--rz-grid-hover-background-color);
}
.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data {
  color: var(--rz-grid-hover-color);
}

.rz-cell-filter-content {
  display: flex;
  flex: auto;
  align-items: center;
  color: var(--rz-grid-filter-color);
  min-height: 1.375rem;
  container-type: inline-size;
  container-name: rz-cell-filter-content;
}

@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 {
    position: absolute;
    z-index: 1;
    min-height: 0;
    inset-inline-start: calc(var(--rz-border-width));
    height: calc(var(--rz-input-height) - var(--rz-border-width) * 2);
    max-height: calc(var(--rz-input-height) - var(--rz-border-width) * 2);
    line-height: calc(1.25rem - var(--rz-border-width) * 2);
    border-start-start-radius: calc(var(--rz-input-border-radius) - var(--rz-border-width));
    border-start-end-radius: 0;
    border-end-start-radius: calc(var(--rz-input-border-radius) - var(--rz-border-width));
    border-end-end-radius: 0;
  }
  .rz-cell-filter-content:has(.rz-filter-button) .rz-cell-filter-label {
    position: relative;
    min-width: 4.5rem;
  }
  .rz-cell-filter-content:has(.rz-filter-button) .rz-textbox,
  .rz-cell-filter-content:has(.rz-filter-button) .rz-inputtext {
    text-indent: 2.25rem;
  }
}
.rz-expanded-row > td {
  border-bottom: none;
  background-color: var(--rz-grid-hover-background-color);
}
.rz-expanded-row > td .rz-cell-data,
.rz-expanded-row > td .rz-row-toggler {
  color: var(--rz-grid-hover-color);
}

.rz-expanded-row-template {
  background-color: var(--rz-grid-detail-template-background-color);
  padding: var(--rz-grid-detail-template-padding);
  border: var(--rz-grid-detail-template-border);
  border-radius: var(--rz-grid-detail-template-border-radius);
}

.rz-expanded-row-content > td {
  padding-top: 0;
  background-color: var(--rz-grid-detail-template-background-color);
}

.rz-rowgroup-header a:hover {
  text-decoration: none;
}
.rz-rowgroup-header td {
  border-top: var(--rz-grid-border);
  border-bottom: var(--rz-grid-border);
}

.rz-datatable-loading {
  position: absolute;
  inset: 0;
  background-color: var(--rz-grid-loading-indicator-background-color);
  z-index: 2;
}

.rz-datatable-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--rz-grid-loading-indicator-color);
  z-index: 2;
}
.rz-datatable-loading-content .rzi-circle-o-notch {
  animation: rotation 0.5s linear infinite;
  font-size: 2rem;
}
.rz-datatable-loading-content .rzi-circle-o-notch:before {
  content: "refresh";
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  .rz-datatable-reflow .rz-data-grid-data > table,
  .rz-datatable-reflow .rz-datatable-tablewrapper > table,
  .rz-datatable-reflow .rz-datatable-scrollable-header-box > table,
  .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table {
    table-layout: auto;
    display: block;
  }
  .rz-datatable-reflow .rz-data-grid-data > table > tbody,
  .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody,
  .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody,
  .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody {
    display: block;
  }
  .rz-datatable-reflow thead th {
    display: none;
  }
  .rz-datatable-reflow .rz-data-row {
    display: block;
  }
  .rz-datatable-reflow .rz-data-row > td {
    display: block;
    width: 100% !important;
    text-align: left !important;
    border: none;
  }
  .rz-datatable-reflow .rz-data-row > td .rz-column-title {
    display: block;
  }
}
.rz-grid-filter {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}
.rz-grid-filter .rz-dropdown,
.rz-grid-filter .rz-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;
  width: 36rem;
}

.rz-date-filter {
  display: flex;
  align-items: stretch;
  background-color: var(--rz-grid-filter-background-color);
  gap: var(--rz-grid-filter-gap);
  padding: var(--rz-grid-filter-gap);
}
.rz-date-filter .rz-listbox {
  min-width: 11em;
}
.rz-date-filter .rz-listbox .rz-listbox-item {
  font-size: 0.875rem;
}
.rz-date-filter .rz-datepicker-inline {
  border-radius: var(--rz-border-radius);
}
.rz-date-filter .rz-datepicker-inline table {
  width: 100%;
}

.rz-grid-filter-buttons {
  display: flex;
  justify-content: space-between;
  padding: var(--rz-grid-filter-buttons-padding);
  background-color: var(--rz-grid-filter-buttons-background-color);
  border-top: var(--rz-grid-filter-buttons-border);
}
.rz-grid-filter-buttons .rz-button.rz-shade-default.rz-clear-filter {
  background-color: var(--rz-grid-clear-filter-button-background-color);
  color: var(--rz-grid-clear-filter-button-color);
  box-shadow: var(--rz-grid-clear-filter-button-shadow);
  padding-inline: var(--rz-grid-filter-button-padding-inline);
}
.rz-grid-filter-buttons .rz-button.rz-shade-default.rz-apply-filter {
  background-color: var(--rz-grid-apply-filter-button-background-color);
  color: var(--rz-grid-apply-filter-button-color);
  box-shadow: var(--rz-grid-apply-filter-button-shadow);
  padding-inline: var(--rz-grid-filter-button-padding-inline);
}

.rz-grid-filter-icon {
  justify-self: flex-end;
  color: var(--rz-grid-filter-color);
  margin-inline: var(--rz-grid-header-filter-icon-margin-inline);
  font-size: var(--rz-grid-header-filter-icon-font-size);
  transition: var(--rz-grid-state-transition);
  font-weight: 400;
}
.rz-grid-filter-icon:hover {
  cursor: pointer;
  color: var(--rz-grid-header-filter-icon-hover-color);
}

.rz-grid-filter-active {
  color: var(--rz-grid-header-filter-icon-active-color) !important;
  --rz-icon-fill: 1;
}

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

.rz-data-grid-data {
  overflow: auto;
  flex: 1;
  outline: var(--rz-outline-normal);
  box-shadow: var(--rz-grid-data-border-shadow);
}

.rz-grid-table td, .rz-grid-table th {
  padding: var(--rz-grid-cell-padding);
}

.rz-grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.rz-grid-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

.rz-grid-table-fixed {
  table-layout: fixed;
}
.rz-grid-table-fixed .rz-frozen-cell {
  position: -webkit-sticky;
  position: sticky;
}
.rz-grid-table-fixed .rz-frozen-cell-left,
.rz-grid-table-fixed .rz-frozen-cell-right,
.rz-grid-table-fixed .rz-frozen-cell-left-inner,
.rz-grid-table-fixed .rz-frozen-cell-right-inner {
  background: var(--rz-grid-frozen-cell-background-color);
  z-index: 1;
}
.rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12);
  box-shadow: 0.3125rem 0 0.3125rem -0.3125rem rgba(0, 0, 0, 0.12);
  border-inline-end: var(--rz-grid-frozen-cell-border) !important;
}
*[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
  box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12);
  box-shadow: -0.3125rem 0 0.3125rem -0.3125rem rgba(0, 0, 0, 0.12);
}
.rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end {
  box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12);
  box-shadow: -0.3125rem 0 0.3125rem -0.3125rem rgba(0, 0, 0, 0.12);
  border-inline-start: var(--rz-grid-frozen-cell-border) !important;
}
*[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end {
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12);
  box-shadow: 0.3125rem 0 0.3125rem -0.3125rem rgba(0, 0, 0, 0.12);
}
.rz-grid-table-fixed .rz-frozen-cell-left-inner,
.rz-grid-table-fixed .rz-frozen-cell-right-inner {
  border-inline-end: var(--rz-grid-frozen-cell-border) !important;
  border-inline-start: var(--rz-grid-frozen-cell-border) !important;
}

.rz-grid-table tfoot, .rz-grid-table tfoot td {
  position: sticky;
  bottom: 0;
  z-index: 1;
}

.rz-grid-table {
  width: 100%;
  position: relative;
  border-collapse: separate;
  border-spacing: 0;
}
.rz-grid-table th {
  white-space: nowrap;
  overflow: hidden;
}
.rz-grid-table td {
  white-space: nowrap;
  overflow: hidden;
}

.rz-grid-table tbody > div {
  display: table-row;
}

.rz-column-drag {
  cursor: grab;
  font-size: inherit;
  color: var(--rz-column-drag-handle-color);
  transition: var(--rz-grid-state-transition);
  margin-inline: var(--rz-column-drag-handle-margin-inline);
}
.rz-column-drag:after {
  content: "more_vert";
}
.rz-column-drag:hover {
  color: var(--rz-column-drag-handle-hover-color);
}
.rz-column-drag:active {
  color: var(--rz-column-drag-handle-hover-color);
  cursor: grabbing;
}

.rz-column-draggable {
  background-color: var(--rz-grid-header-background-color);
  border-radius: var(--rz-border-radius);
  box-shadow: var(--rz-column-draggable-shadow);
  padding: 0;
  display: flex;
  align-items: center;
}
.rz-column-draggable > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  outline: none;
  padding: 0;
}
.rz-column-draggable .rz-column-drag {
  max-width: 1rem;
}
.rz-column-draggable .rz-column-title {
  display: inline-flex;
  flex: auto;
  font-size: var(--rz-grid-header-font-size);
  font-weight: var(--rz-grid-header-font-weight);
  line-height: var(--rz-grid-header-line-height);
  text-transform: var(--rz-grid-header-text-transform);
  color: var(--rz-grid-header-color);
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rz-column-draggable .rz-grid-filter-icon {
  display: none;
}

.rz-group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--rz-grid-group-header-gap);
  padding: var(--rz-grid-group-header-padding);
  background-color: var(--rz-grid-header-background-color);
  border-bottom: var(--rz-grid-bottom-cell-border);
}

.rz-group-header-items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rz-grid-group-header-gap);
}

.rz-group-header-item {
  display: flex;
  align-items: center;
  color: var(--rz-grid-group-header-item-color);
  background-color: var(--rz-grid-group-header-item-background-color);
  border: var(--rz-grid-group-header-item-border);
  border-radius: var(--rz-grid-group-header-item-border-radius);
  padding-block: var(--rz-grid-group-header-item-padding-block);
  padding-inline: var(--rz-grid-group-header-item-padding-inline);
  width: -moz-fit-content;
  width: fit-content;
  float: left;
}
.rz-group-header-item .rz-dialog-titlebar-close {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.rz-group-header-item-title {
  font-size: var(--rz-grid-header-font-size);
  font-weight: var(--rz-grid-header-font-weight);
  margin-inline: var(--rz-grid-group-header-item-title-margin-inline);
}

.rz-group-header-drop {
  font-size: var(--rz-body-font-size);
  color: var(--rz-text-tertiary-color);
  height: -moz-fit-content;
  height: fit-content;
}

.rz-column-picker {
  display: flex;
}

.rz-filter-menu-symbol {
  width: 1.75rem;
  display: inline-block;
}

.rz-filter-button {
  flex: none;
  margin-inline-end: 0.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 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rz-pager-gap);
  flex-wrap: wrap;
  background-color: var(--rz-pager-background-color);
  padding: var(--rz-pager-padding);
  /* Right-to-left arrow icons */
}
.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;
  width: var(--rz-pager-dropdown-width);
  overflow: visible;
}
.rz-pager .rz-pagesize-text {
  order: 2;
  font-size: var(--rz-pager-summary-font-size);
  color: var(--rz-pager-summary-color);
}
.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 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);
  color: var(--rz-pager-back-button-color);
  border-radius: var(--rz-pager-button-border-radius);
}

.rz-pager-element:hover {
  text-decoration: none;
}

.rz-pager-last,
.rz-pager-next {
  background-color: var(--rz-pager-next-button-background-color);
  color: var(--rz-pager-next-button-color);
  border-radius: var(--rz-pager-button-border-radius);
}

.rz-pager-page {
  display: inline-block;
  min-width: var(--rz-pager-numeric-button-min-width);
  text-align: center;
  gap: var(--rz-pager-gap);
  background-color: var(--rz-pager-numeric-button-background-color);
  border: var(--rz-pager-numeric-button-border);
  border-radius: var(--rz-pager-button-border-radius);
  padding: var(--rz-pager-numeric-button-padding);
  color: var(--rz-pager-numeric-button-color);
}
.rz-pager-page.rz-state-active {
  background-color: var(--rz-pager-numeric-button-selected-background-color);
  color: var(--rz-pager-numeric-button-selected-color);
  border: var(--rz-pager-numeric-button-selected-border);
  padding: var(--rz-pager-numeric-button-selected-padding);
}

.rz-pager-summary {
  padding-inline-end: var(--rz-pager-summary-padding);
  font-size: var(--rz-pager-summary-font-size);
  color: var(--rz-pager-summary-color);
}
.rz-align-right .rz-pager-summary {
  margin-right: auto;
}
.rz-align-left .rz-pager-summary {
  order: 2;
  margin-left: auto;
  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: 0.5rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(9, 1fr);
    text-align: center;
  }
  .rz-pager .rz-dropdown {
    grid-column: 1/4;
    width: auto;
    margin: 0 !important;
    text-align: left;
  }
  .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: 0.5rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(9, 1fr);
    text-align: center;
  }
  .rz-pager .rz-dropdown {
    grid-column: 1/4;
    width: auto;
    margin: 0 !important;
    text-align: left;
  }
  .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 {
  position: absolute;
  overflow: hidden;
  box-shadow: var(--rz-overlay-shadow);
  border: var(--rz-overlay-border);
  border-radius: var(--rz-border-radius);
  background-color: var(--rz-overlay-background-color);
}

.rz-tree {
  box-sizing: border-box;
  display: inline-block;
  overflow: auto;
}
.rz-tree:focus {
  outline: var(--rz-outline-normal);
}
.rz-tree:focus-visible {
  outline: var(--rz-outline-focus);
  outline-offset: var(--rz-tree-node-focus-outline-offset);
}

.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler {
  visibility: hidden;
}

.rz-treenode {
  padding-inline-start: var(--rz-tree-node-toggle-width);
}

.rz-tree-toggler {
  cursor: pointer;
  margin-inline-start: calc(var(--rz-tree-node-toggle-width) * -1);
  width: var(--rz-tree-node-toggle-width);
  height: 1.5rem;
  font-size: var(--rz-icon-size);
  line-height: 1.5rem;
  text-align: center;
  color: var(--rz-tree-node-toggle-color);
  transition: var(--rz-tree-transition);
}
.rz-tree-toggler.rzi-caret-right {
  /* Right-to-left arrow icons */
}
.rz-tree-toggler.rzi-caret-right:before {
  content: "arrow_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: "arrow_drop_down";
  margin-inline-start: -0.125rem;
}
.rz-tree-toggler:hover {
  color: var(--rz-tree-node-toggle-hover-color);
}

.rz-treenode-content {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-block: var(--rz-tree-node-margin-block);
  margin-inline: var(--rz-tree-node-margin-inline);
}
.rz-treenode-content .rz-treenode-label {
  display: flex;
  align-items: center;
  cursor: inherit;
  padding-block: var(--rz-tree-node-padding-block);
  padding-inline: var(--rz-tree-node-padding-inline);
}
.rz-treenode-content .rz-treenode-label .rzi:first-child {
  margin-inline-end: 0.25rem;
}
.rz-tree:focus-visible .rz-treenode-content.rz-state-focused .rz-treenode-label {
  outline: var(--rz-tree-node-focus-outline);
  outline-offset: var(--rz-tree-node-focus-outline-offset);
}
.rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
  background-color: var(--rz-tree-node-hover-background-color);
  color: var(--rz-tree-node-hover-color);
  border-radius: var(--rz-tree-node-selected-border-radius);
}
.rz-treenode-content .rz-chkbox {
  margin-inline-end: 0.25rem;
}

.rz-tree-container,
.rz-treenode-children {
  list-style: none;
  padding: 0;
  margin: 0;
}

.rz-treenode-label {
  transition: var(--rz-tree-transition);
}
.rz-treenode-content-selected .rz-treenode-label {
  border-radius: var(--rz-tree-node-selected-border-radius);
  color: var(--rz-tree-node-selected-color);
  background-color: var(--rz-tree-node-selected-background-color);
}

.rz-datalist,
.rz-datagrid {
  background-color: var(--rz-datalist-background-color);
  border-end-start-radius: var(--rz-datalist-border-radius);
  border-end-end-radius: var(--rz-datalist-border-radius);
  box-shadow: var(--rz-datalist-shadow);
  border: var(--rz-datalist-border);
}

.rz-g > div, .rz-datalist-data > li {
  border-radius: var(--rz-datalist-border-radius);
  border: var(--rz-datalist-item-border);
  box-shadow: var(--rz-datalist-item-shadow);
  padding: var(--rz-datalist-item-padding);
  background-color: var(--rz-datalist-item-background-color);
}

.rz-datalist-data {
  list-style: none;
  padding: var(--rz-datalist-padding);
  margin: 0;
}
.rz-datalist-data > li {
  margin-block: var(--rz-datalist-item-margin-block);
  margin-inline: var(--rz-datalist-item-margin-inline);
}
.rz-datalist-data > li:first-child {
  margin-block-start: 0;
}
.rz-datalist-data > li:last-child {
  margin-block-end: 0;
}

.rz-g {
  display: flex;
  flex-wrap: wrap;
}
.rz-g > div {
  flex: auto;
  margin-block: var(--rz-datalist-item-margin-block);
  margin-inline: var(--rz-datalist-item-margin-inline);
}

.rz-datalist-content {
  box-sizing: border-box;
  position: relative;
}

.rz-datafilter {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  align-items: center;
}
.rz-datafilter .rz-selectbutton {
  display: inline-flex;
}
.rz-datafilter .rz-datafilter-group {
  position: relative;
  margin: 0.25rem 0 0;
  padding: 0;
  flex-basis: 100%;
}
.rz-datafilter .rz-datafilter-group .rz-datafilter-group {
  margin: 0;
}
.rz-datafilter .rz-datafilter-item {
  position: relative;
  list-style: none;
  margin: 0;
  padding-block: var(--rz-datafilter-item-padding-block);
  padding-inline: calc(var(--rz-datafilter-item-padding-inline-start) + var(--rz-datafilter-item-indentation)) 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
}
.rz-datafilter .rz-datafilter-item:before {
  content: "";
  position: absolute;
  background-color: transparent;
  width: var(--rz-datafilter-item-path-width);
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: calc(var(--rz-datafilter-item-padding-inline-start) / 2);
  border: 0;
  border-inline-start: var(--rz-datafilter-item-path-border);
}
.rz-datafilter .rz-datafilter-item:after {
  content: "";
  position: absolute;
  background-color: transparent;
  width: var(--rz-datafilter-item-path-width);
  height: calc(var(--rz-datafilter-item-padding-block) + var(--rz-input-height) / 2);
  inset-block-start: 0;
  inset-inline-start: calc(var(--rz-datafilter-item-padding-inline-start) / 2);
  border: 0;
  border-block-end: var(--rz-datafilter-item-path-border);
  border-inline-start: var(--rz-datafilter-item-path-border);
}
.rz-datafilter .rz-datafilter-item .rz-multiselect,
.rz-datafilter .rz-datafilter-item .rz-dropdown {
  flex: 10rem 1;
}
.rz-datafilter .rz-datafilter-group-item:after {
  height: calc(var(--rz-input-height) / 2);
}
.rz-datafilter .rz-datafilter-bar {
  padding-block: 0;
  padding-inline: calc(var(--rz-datafilter-item-padding-inline-start) + var(--rz-datafilter-item-indentation)) 0;
}
.rz-datafilter .rz-datafilter-bar:before {
  display: none;
}
.rz-datafilter .rz-datafilter-bar:after {
  height: calc(var(--rz-input-height) / 2);
  border-end-start-radius: var(--rz-datafilter-item-path-border-radius);
}
.rz-datafilter .rz-datafilter-bar .rz-splitbutton {
  margin-block-start: 0.3125rem;
}
.rz-datafilter .rz-datafilter-editor {
  flex: 10rem 4;
}
.rz-datafilter .rz-button.rz-datafilter-item-clear {
  color: var(--rz-text-secondary-color);
  opacity: 0.5;
}
.rz-datafilter .rz-button.rz-datafilter-item-clear:hover {
  opacity: 1;
}

.rz-scheduler {
  box-sizing: border-box;
  container-name: scheduler;
  container-type: inline-size;
  display: flex;
  height: 400px;
  height: 25rem;
  flex-direction: column;
  border-radius: var(--rz-scheduler-border-radius);
  border: 1px solid var(--rz-scheduler-border-color);
  border: 0.0625rem solid var(--rz-scheduler-border-color);
  box-shadow: var(--rz-scheduler-shadow);
  color: var(--rz-scheduler-color);
  background: var(--rz-scheduler-background-color);
  overflow: hidden;
  background-clip: border-box;
}
.rz-scheduler a.rz-event-list-btn {
  position: absolute;
  padding-inline-start: 0.25rem;
  color: var(--rz-scheduler-event-list-button-color);
  font-size: var(--rz-scheduler-event-list-button-font-size);
}
.rz-scheduler a.rz-event-list-btn:hover {
  cursor: pointer;
  color: var(--rz-scheduler-event-list-button-color);
  text-decoration: underline;
}

.rz-slot {
  display: flex;
  height: 1.5em;
  border-block-start: 1px solid var(--rz-scheduler-border-color);
  border-block-start: 0.0625rem solid var(--rz-scheduler-border-color);
  border-inline-start: 1px solid var(--rz-scheduler-border-color);
  border-inline-start: 0.0625rem solid var(--rz-scheduler-border-color);
}

.rz-slot-title {
  text-align: end;
  font-size: var(--rz-scheduler-slot-title-font-size);
  padding: var(--rz-scheduler-slot-title-padding);
}

.rz-slot-hours {
  flex: 0 0 5rem;
}
.rz-slot-hours .rz-slot-header {
  height: 1.5rem;
  text-align: end;
  font-size: var(--rz-scheduler-header-font-size);
  padding: 0 0.25rem;
  border-inline-end: 1px solid var(--rz-scheduler-border-color);
  border-inline-end: 0.0625rem solid var(--rz-scheduler-border-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rz-slot-minor {
  border-block-start: 1px solid var(--rz-scheduler-minor-border-color);
  border-block-start: 0.0625rem solid var(--rz-scheduler-minor-border-color);
}

.rz-day-view .rz-slot,
.rz-slots:first-child .rz-slot {
  border-inline-start: none;
}

.rz-event {
  position: absolute;
  padding-block: var(--rz-scheduler-event-padding-block);
  padding-inline: var(--rz-scheduler-event-padding-inline);
  cursor: pointer;
}

.rz-event-content {
  background: var(--rz-scheduler-event-background-color);
  border-radius: var(--rz-scheduler-border-radius);
  color: var(--rz-scheduler-event-color);
  height: 100%;
  padding: var(--rz-scheduler-event-content-padding);
  font-size: var(--rz-scheduler-event-font-size);
  line-height: var(--rz-scheduler-event-line-height);
  overflow: hidden;
}

.rz-events {
  position: relative;
}

.rz-scheduler-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--rz-scheduler-toolbar-padding);
  background: var(--rz-scheduler-toolbar-background-color);
}
.rz-scheduler-nav .rz-scheduler-nav-title {
  display: flex;
  align-self: center;
  font-size: var(--rz-scheduler-toolbar-title-font-size);
  font-weight: var(--rz-scheduler-toolbar-title-font-weight);
  color: var(--rz-scheduler-toolbar-title-color);
}

.rz-view-header {
  border-block-start: var(--rz-scheduler-header-border);
  border-block-end: var(--rz-scheduler-header-border);
  background-color: var(--rz-scheduler-header-background-color);
  text-transform: var(--rz-scheduler-header-text-transform);
  color: var(--rz-scheduler-header-color);
  display: flex;
}
.rz-view-header .rz-slot-header {
  flex: 1;
  text-align: center;
  font-size: var(--rz-scheduler-header-font-size);
  padding: var(--rz-scheduler-header-padding);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rz-view-header .rz-slot-hour-header {
  flex: 0 0 5rem;
}

.rz-view {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.rz-view-content {
  flex: auto;
  display: flex;
  overflow: auto;
  height: 0;
}
.rz-view-content:focus {
  outline: var(--rz-outline-normal);
}
.rz-view-content:focus-visible {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-scheduler-focus-outline-offset);
}
.rz-view-content:focus-visible .rz-slot:has(.rz-state-focused) {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-scheduler-focus-outline-offset);
}
.rz-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-outline-offset);
}

.rz-slots {
  flex: 1;
  font-size: 1rem;
}

.rz-scheduler-nav-views {
  display: flex;
}
.rz-scheduler-nav-views .rz-button.rz-primary {
  background: var(--rz-scheduler-view-button-background-color);
  color: var(--rz-scheduler-view-button-color);
  border: var(--rz-scheduler-view-button-border);
  border-radius: 0;
  border-inline-end: none;
}
.rz-scheduler-nav-views .rz-button.rz-primary:first-child {
  border-start-start-radius: var(--rz-scheduler-border-radius);
  border-end-start-radius: var(--rz-scheduler-border-radius);
}
.rz-scheduler-nav-views .rz-button.rz-primary:last-child {
  border-start-end-radius: var(--rz-scheduler-border-radius);
  border-end-end-radius: var(--rz-scheduler-border-radius);
  border-inline-end: var(--rz-scheduler-view-button-border);
}
.rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
  background-color: var(--rz-scheduler-view-selected-background-color);
  border-color: var(--rz-scheduler-view-selected-border-color);
  color: var(--rz-scheduler-view-selected-color);
}
.rz-scheduler-nav-views .rz-button.rz-primary:focus-visible {
  z-index: 1;
}

.rz-scheduler-nav-prev-next {
  display: flex;
}
.rz-scheduler-nav-prev-next .rz-button {
  background-color: var(--rz-scheduler-prev-next-button-background-color);
  color: var(--rz-scheduler-prev-next-button-color);
  padding-block: var(--rz-scheduler-prev-next-button-padding-block);
  padding-inline: var(--rz-scheduler-prev-next-button-padding-inline);
  font-size: var(--rz-scheduler-prev-next-button-font-size);
}
.rz-scheduler-nav-prev-next .rz-button.rz-today {
  margin-inline-start: var(--rz-scheduler-today-button-margin-inline-start);
  padding: var(--rz-scheduler-today-button-padding);
  font-size: var(--rz-scheduler-today-button-font-size);
  text-transform: var(--rz-scheduler-today-button-text-transform);
}
.rz-scheduler-nav-prev-next .rz-button.rz-prev {
  border-start-start-radius: var(--rz-scheduler-prev-button-border-start-start-radius);
  border-start-end-radius: var(--rz-scheduler-prev-button-border-start-end-radius);
  border-end-start-radius: var(--rz-scheduler-prev-button-border-end-start-radius);
  border-end-end-radius: var(--rz-scheduler-prev-button-border-end-end-radius);
}
.rz-scheduler-nav-prev-next .rz-button.rz-next {
  border-start-start-radius: var(--rz-scheduler-next-button-border-start-start-radius);
  border-start-end-radius: var(--rz-scheduler-next-button-border-start-end-radius);
  border-end-start-radius: var(--rz-scheduler-next-button-border-end-start-radius);
  border-end-end-radius: var(--rz-scheduler-next-button-border-end-end-radius);
}
.rz-scheduler-nav-prev-next .rz-button:focus-visible {
  z-index: 1;
}

/* Right-to-left .rz-scheduler-nav-prev-next */
*[dir=rtl] .rz-scheduler-nav-prev-next .rz-button.rz-prev .rzi,
*[dir=rtl] .rz-scheduler-nav-prev-next .rz-button.rz-next .rzi {
  transform: rotate(180deg);
}

.rz-event-list .rz-event {
  position: static;
}

.rz-week {
  flex: 1;
  font-size: 1rem;
}
.rz-week .rz-slots {
  display: flex;
  height: 100%;
}
.rz-week:first-child .rz-slot {
  border-block-start: none;
}

.rz-month {
  flex: 1;
  font-size: 1rem;
}
.rz-month .rz-slots {
  display: flex;
  height: 100%;
}
.rz-month:nth-child(2) .rz-slot {
  border-block-start: none;
}
.rz-month .rz-slot {
  flex: 1;
  height: 100%;
  display: flex;
  border-block-start: 1px solid var(--rz-scheduler-border-color);
  border-block-start: 0.0625rem solid var(--rz-scheduler-border-color);
  border-inline-start: 1px solid var(--rz-scheduler-border-color);
  border-inline-start: 0.0625rem solid var(--rz-scheduler-border-color);
}
.rz-month .rz-slot:first-child {
  position: sticky;
  z-index: 9998;
  inset-inline-start: 0;
  justify-content: center;
  align-items: center;
  background-color: var(--rz-scheduler-header-background-color);
  border-inline-start: none;
  border-inline-end: 1px solid var(--rz-scheduler-border-color);
  border-inline-end: 0.0625rem solid var(--rz-scheduler-border-color);
}
.rz-month .rz-slot:first-child .rz-slot-header {
  text-align: center;
  font-size: var(--rz-scheduler-header-font-size);
  padding: var(--rz-scheduler-header-padding);
  text-transform: var(--rz-scheduler-header-text-transform);
  color: var(--rz-scheduler-header-color);
}
.rz-month .rz-slot:nth-child(2) {
  border-inline-start: none;
}

.rz-day-view .rz-slot:nth-of-type(2) {
  border-block-start: none;
}
.rz-day-view .rz-view-header {
  overflow-y: scroll;
  scrollbar-width: auto;
}

.rz-week-view-content {
  flex: 1;
  display: flex;
}
.rz-week-view-content:focus {
  outline: var(--rz-outline-normal);
}
.rz-week-view-content:focus-visible {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-scheduler-focus-outline-offset);
}
.rz-week-view-content:focus-visible .rz-slots.rz-state-focused {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-scheduler-focus-outline-offset);
}
.rz-week-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-outline-offset);
}

.rz-week-view .rz-slot:nth-of-type(2) {
  border-block-start: none;
}
.rz-week-view .rz-view-header {
  overflow-y: scroll;
  scrollbar-width: auto;
}

.rz-month-view .rz-view-content {
  flex: 1;
  flex-direction: column;
}
.rz-month-view .rz-slot {
  flex: 1;
  height: 100%;
}
.rz-month-view .rz-slot:first-child {
  border-inline-start: none;
}

.rz-planner-view {
  overflow: auto;
}
.rz-planner-view .rz-view-header {
  position: sticky;
  inset-block-start: 0px;
  inset-block-start: 0;
  min-height: 2.25rem;
  z-index: 9999;
}
.rz-planner-view:focus-visible {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-scheduler-focus-outline-offset);
}
.rz-planner-view:focus-visible .rz-slot.rz-state-focused {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-scheduler-focus-outline-offset);
}
.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-outline-offset);
}
.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header {
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
}
.rz-planner-view .rz-month .rz-slot:last-child {
  justify-content: center;
  align-items: center;
  background-color: var(--rz-scheduler-header-background-color);
}
.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header {
  writing-mode: vertical-rl;
  text-align: center;
  font-size: var(--rz-scheduler-header-font-size);
  padding: var(--rz-scheduler-header-padding);
  text-transform: var(--rz-scheduler-header-text-transform);
  color: var(--rz-scheduler-header-color);
}
.rz-planner-view .rz-month .rz-slot.rz-other-month {
  background-color: var(--rz-scheduler-other-month-background-color);
}
.rz-planner-view .rz-month .rz-slot.rz-weekend {
  color: var(--rz-scheduler-weekend-color);
  background-color: var(--rz-scheduler-weekend-background-color);
}

.rz-timeline-view {
  flex: auto;
  overflow: auto;
  flex-wrap: wrap;
  flex-direction: unset;
}
.rz-timeline-view .rz-view-header {
  position: sticky;
  inset-block-start: 0px;
  inset-block-start: 0;
  min-height: 36px;
  min-height: 2.25rem;
  z-index: 9999;
}
.rz-timeline-view .rz-view-header .rz-slot-header {
  min-width: var(--rz-scheduler-timeline-slot-width);
  flex: 0 0 auto;
}
.rz-timeline-view:focus-visible {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-scheduler-focus-outline-offset);
}
.rz-timeline-view:focus-visible .rz-slot.rz-state-focused {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-scheduler-focus-outline-offset);
}
.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-outline-offset);
}
.rz-timeline-view .rz-month {
  flex: 0 0 auto;
}
.rz-timeline-view .rz-month .rz-slots {
  flex: 0 0 auto;
}
.rz-timeline-view .rz-month .rz-slot {
  width: var(--rz-scheduler-timeline-slot-width);
  height: var(--rz-scheduler-timeline-slot-height);
}
.rz-timeline-view .rz-month .rz-slot.rz-other-month {
  background-color: var(--rz-scheduler-other-month-background-color);
}
.rz-timeline-view .rz-month .rz-slot.rz-weekend {
  color: var(--rz-scheduler-weekend-color);
  background-color: var(--rz-scheduler-weekend-background-color);
}

.rz-year-view {
  overflow: auto;
  padding: var(--rz-scheduler-year-padding);
  --rz-gap: var(--rz-scheduler-year-padding);
}
.rz-year-view .rz-flex-column,
.rz-year-view .rz-week {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.rz-year-view .rz-slot {
  flex: 1;
  border-block-start: none;
  justify-content: center;
  height: initial;
  padding: var(--rz-scheduler-year-slot-padding);
  cursor: pointer;
}
.rz-year-view .rz-slot .rz-slot-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: var(--rz-scheduler-year-slot-title-width);
  min-width: 2rem;
  min-height: 2rem;
  border-radius: var(--rz-scheduler-year-slot-title-border-radius);
  transition: var(--rz-datepicker-calendar-transition);
}
.rz-year-view .rz-slot .rz-slot-title.rz-other-month {
  opacity: 0.5;
}
.rz-year-view .rz-slot .rz-slot-title.rz-has-appointments {
  color: var(--rz-scheduler-event-color);
  background-color: var(--rz-scheduler-event-background-color);
}
.rz-year-view .rz-slot .rz-slot-title.rz-state-focused {
  color: var(--rz-datepicker-calendar-hover-color);
  background: var(--rz-datepicker-calendar-hover-background-color);
}
.rz-year-view .rz-slot:hover .rz-slot-title:not(.rz-has-appointments) {
  color: var(--rz-datepicker-calendar-hover-color);
  background: var(--rz-datepicker-calendar-hover-background-color);
}

.rz-year-month:focus {
  outline: var(--rz-outline-normal);
}
.rz-year-month:focus-visible {
  outline: var(--rz-scheduler-focus-outline);
  outline-offset: var(--rz-outline-offset);
  border-radius: var(--rz-border-radius);
}

@container scheduler (width < 640px) {
  .rz-scheduler-nav .rz-scheduler-nav-prev-next {
    justify-content: space-between;
    margin-block-end: 0.5rem;
    margin-inline-end: 0.5rem;
    order: 1;
  }
  .rz-scheduler-nav .rz-scheduler-nav-title {
    justify-content: center;
    width: 100%;
    order: 3;
  }
  .rz-scheduler-nav .rz-scheduler-nav-views {
    margin-block-end: 0.5rem;
    justify-content: center;
    flex-grow: 1;
    order: 2;
  }
  .rz-scheduler-nav .rz-scheduler-nav-views .rz-button {
    flex-grow: 1;
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.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-wrap: wrap;
    flex-direction: unset;
  }
  .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 {
    width: var(--rz-scheduler-planner-slot-width);
    height: var(--rz-scheduler-planner-slot-height);
  }
}
@media (max-width: 576px) {
  .rz-scheduler-nav .rz-scheduler-nav-prev-next {
    justify-content: space-between;
    margin-block-end: 0.5rem;
    margin-inline-end: 0.5rem;
    order: 1;
  }
  .rz-scheduler-nav .rz-scheduler-nav-title {
    justify-content: center;
    width: 100%;
    order: 3;
  }
  .rz-scheduler-nav .rz-scheduler-nav-views {
    margin-block-end: 0.5rem;
    justify-content: center;
    flex-grow: 1;
    order: 2;
  }
  .rz-scheduler-nav .rz-scheduler-nav-views .rz-button {
    flex-grow: 1;
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.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-wrap: wrap;
    flex-direction: unset;
  }
  .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 {
    width: var(--rz-scheduler-planner-slot-width);
    height: var(--rz-scheduler-planner-slot-height);
  }
}
.rz-tabview {
  box-sizing: border-box;
  display: flex;
}
.rz-tabview:focus {
  outline: var(--rz-outline-normal);
}
.rz-tabview:focus-visible {
  outline: var(--rz-outline-focus);
  outline-offset: var(--rz-outline-offset);
}
.rz-tabview:focus-visible .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
  outline: var(--rz-tabs-tab-focus-outline);
  outline-offset: var(--rz-tabs-tab-focus-outline-offset);
}
.rz-tabview.rz-tabview-top {
  flex-direction: column;
}
.rz-tabview.rz-tabview-top-right {
  flex-direction: column;
}
.rz-tabview.rz-tabview-bottom {
  flex-direction: column-reverse;
}
.rz-tabview.rz-tabview-bottom-right {
  flex-direction: column-reverse;
}
.rz-tabview.rz-tabview-left {
  flex-direction: row;
}
.rz-tabview.rz-tabview-right {
  flex-direction: row-reverse;
}

.rz-tabview-nav {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
.rz-tabview-nav li {
  border: var(--rz-tabs-border);
  background-color: var(--rz-tabs-tab-background-color);
  color: var(--rz-tabs-tab-color);
  transition: var(--rz-tabs-transition);
}
.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  background-color: var(--rz-tabs-tab-hover-background-color);
  color: var(--rz-tabs-tab-hover-color);
}
.rz-tabview-nav li a,
.rz-tabview-nav li a:not([href]):not([class]) {
  display: flex;
  align-items: center;
  color: inherit;
  padding-block: var(--rz-tabs-tab-padding-block);
  padding-inline: var(--rz-tabs-tab-padding-inline);
  font-size: var(--rz-tabs-tab-font-size);
  line-height: var(--rz-tabs-tab-line-height);
  font-weight: var(--rz-tabs-tab-font-weight);
  text-transform: var(--rz-tabs-tab-text-transform);
  letter-spacing: var(--rz-tabs-tab-letter-spacing);
  text-decoration: none;
  cursor: pointer;
}
.rz-tabview-nav li a:hover,
.rz-tabview-nav li a:not([href]):not([class]):hover {
  text-decoration: none;
}
.rz-tabview-nav li.rz-state-disabled {
  opacity: 0.5;
}
.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
  background-color: var(--rz-tabs-tab-focus-background-color);
  border-color: var(--rz-tabs-tab-focus-background-color);
  color: var(--rz-tabs-tab-focus-color);
}
.rz-tabview-nav .rz-tabview-selected {
  background-color: var(--rz-tabs-tab-selected-background-color);
  color: var(--rz-tabs-tab-selected-color);
  position: relative;
}
.rz-tabview-top > .rz-tabview-nav {
  flex-direction: row;
}
.rz-tabview-top > .rz-tabview-nav li {
  border-top-width: 2px;
  border-top-width: 0.125rem;
  border-bottom-color: var(--rz-tabs-tab-background-color);
  border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
}
.rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  border-top-color: var(--rz-tabs-tab-selected-top-border-color);
}
.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
  border-bottom-color: var(--rz-tabs-background-color);
  margin-bottom: -1px;
  margin-bottom: -0.0625rem;
  border-top-color: var(--rz-tabs-tab-selected-top-border-color);
}
.rz-tabview-top-right > .rz-tabview-nav {
  justify-content: right;
}
.rz-tabview-bottom > .rz-tabview-nav {
  flex-direction: row;
}
.rz-tabview-bottom > .rz-tabview-nav li {
  border-bottom-width: 2px;
  border-bottom-width: 0.125rem;
  border-top-color: var(--rz-tabs-tab-background-color);
  border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
}
.rz-tabview-bottom > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
}
.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected {
  border-top-color: var(--rz-tabs-background-color);
  margin-top: -1px;
  margin-top: -0.0625rem;
  padding-top: 1px;
  padding-top: 0.0625rem;
  border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
}
.rz-tabview-bottom-right > .rz-tabview-nav {
  justify-content: right;
}
.rz-tabview-left > .rz-tabview-nav {
  flex-direction: column;
}
.rz-tabview-left > .rz-tabview-nav li {
  border-left-width: 2px;
  border-left-width: 0.125rem;
  border-right-color: var(--rz-tabs-tab-background-color);
  border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
}
.rz-tabview-left > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  border-left-color: var(--rz-tabs-tab-selected-top-border-color);
}
.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {
  border-right-color: var(--rz-tabs-background-color);
  margin-right: -1px;
  margin-right: -0.0625rem;
  border-left-color: var(--rz-tabs-tab-selected-top-border-color);
}
.rz-tabview-right > .rz-tabview-nav {
  flex-direction: column;
}
.rz-tabview-right > .rz-tabview-nav li {
  border-right-width: 2px;
  border-right-width: 0.125rem;
  border-left-color: var(--rz-tabs-tab-background-color);
  border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
}
.rz-tabview-right > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  border-right-color: var(--rz-tabs-tab-selected-top-border-color);
}
.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected {
  border-left-color: var(--rz-tabs-background-color);
  margin-left: -1px;
  margin-left: -0.0625rem;
  padding-left: 1px;
  padding-left: 0.0625rem;
  border-right-color: var(--rz-tabs-tab-selected-top-border-color);
}
*[dir=rtl] .rz-tabview-left > .rz-tabview-nav, *[dir=rtl] .rz-tabview-right > .rz-tabview-nav {
  order: 1;
}

.rz-tabview-panels {
  background-color: var(--rz-tabs-background-color);
  border: var(--rz-tabs-border);
  box-shadow: var(--rz-tabs-shadow);
  flex: 1;
  overflow: auto;
}
.rz-tabview-top > .rz-tabview-panels {
  border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
}
.rz-tabview-bottom > .rz-tabview-panels {
  border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
}
.rz-tabview-left > .rz-tabview-panels {
  border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
}
.rz-tabview-right > .rz-tabview-panels {
  border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
}

@media screen and (forced-colors: active), (forced-colors: none) {
  .rz-tabview-panels {
    flex: auto;
  }
}
.rz-tabview-panel {
  padding: var(--rz-tabs-padding);
}

.rz-tabview-icon {
  font-size: var(--rz-tabs-icon-font-size);
  margin-inline: var(--rz-tabs-icon-margin-inline);
}

.rz-tooltip {
  box-sizing: border-box;
  position: absolute;
  transition: top 0.2s, left 0.2s;
  top: 0;
  left: 0;
}

.rz-tooltip-content {
  background: var(--rz-tooltip-background-color);
  color: var(--rz-tooltip-color);
  box-shadow: var(--rz-tooltip-shadow);
  padding: var(--rz-tooltip-padding);
  border-radius: var(--rz-tooltip-border-radius);
  font-size: var(--rz-tooltip-font-size);
  white-space: nowrap;
}

.rz-tooltip .rz-top-tooltip-content {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.rz-tooltip .rz-top-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  inset-block-end: 0;
  inset-inline-start: 12px;
  inset-inline-start: 0.75rem;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -12px) rotate(45deg);
  transform: translate(-50%, -0.75rem) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.rz-tooltip .rz-bottom-tooltip-content {
  margin-top: -8px;
  margin-top: -0.5rem;
}

.rz-tooltip .rz-bottom-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  inset-block-start: 0;
  inset-inline-start: 12px;
  inset-inline-start: 0.75rem;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -12px) rotate(45deg);
  transform: translate(-50%, -0.75rem) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.rz-tooltip .rz-left-tooltip-content {
  margin-right: 8px;
  margin-right: 0.5rem;
}

.rz-tooltip .rz-left-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  top: 20px;
  top: 1.25rem;
  right: 0;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -10px) rotate(45deg);
  transform: translate(-50%, -0.625rem) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.rz-tooltip .rz-right-tooltip-content {
  margin-left: 0;
}

.rz-tooltip .rz-right-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  top: 20px;
  top: 1.25rem;
  left: 0;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -10px) rotate(45deg);
  transform: translate(-50%, -0.625rem) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.rz-dialog-wrapper {
  box-sizing: border-box;
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: var(--rz-dialog-zindex);
  align-items: center;
  justify-content: center;
}

.rz-dialog {
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 150px;
  min-width: 9.375rem;
  max-height: 100%;
  min-height: 150px;
  min-height: 9.375rem;
  z-index: var(--rz-dialog-zindex);
  opacity: 1;
  background-color: var(--rz-dialog-background-color);
  box-shadow: var(--rz-dialog-shadow);
  border-radius: var(--rz-dialog-border-radius);
}

.rz-dialog-side {
  box-sizing: border-box;
  position: fixed;
  z-index: var(--rz-dialog-zindex);
  opacity: 1;
  background-color: var(--rz-dialog-background-color);
  box-shadow: var(--rz-dialog-shadow);
  border-radius: var(--rz-dialog-border-radius);
  overflow-y: auto;
}

.rz-dialog-titlebar,
.rz-dialog-side-titlebar {
  display: flex;
  align-items: normal;
  padding-block: var(--rz-dialog-title-padding-block);
  padding-inline: var(--rz-dialog-title-padding-inline);
  font-size: var(--rz-dialog-title-font-size);
  line-height: var(--rz-dialog-title-line-height);
  background-color: var(--rz-dialog-title-background-color);
  border-block-end: var(--rz-dialog-title-border);
}

.rz-dialog-title,
.rz-dialog-side-title {
  flex: auto;
  font-weight: var(--rz-dialog-title-font-weight);
  letter-spacing: var(--rz-dialog-title-letter-spacing);
  color: var(--rz-dialog-title-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rz-dialog-titlebar-close .rzi-times,
.rz-dialog-side-titlebar-close .rzi-times {
  font-size: var(--rz-dialog-close-font-size);
  color: var(--rz-dialog-close-color);
  vertical-align: var(--rz-dialog-close-vertical-align);
}
.rz-dialog-titlebar-close .rzi-times:before,
.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;
  padding: var(--rz-dialog-content-padding);
  overflow: auto;
}

.rz-dialog-confirm, .rz-dialog-alert {
  max-width: 400px;
  max-width: 25rem;
  margin: 0.75rem;
}

.rz-dialog-confirm-message, .rz-dialog-alert-message {
  margin-block-end: 1.5rem;
}

.rz-dialog-confirm-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.rz-dialog-confirm-buttons .rz-button {
  flex: 8rem 1;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.rz-dialog-alert-buttons {
  text-align: end;
  gap: 0.5rem;
}
.rz-dialog-alert-buttons .rz-button {
  flex: 8rem 1;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.rz-dialog-mask {
  position: fixed;
  z-index: var(--rz-dialog-mask-zindex);
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--rz-dialog-mask-background-color);
  opacity: 0.5;
}

.no-scroll {
  overflow: hidden;
  padding-inline-end: 15px;
  padding-inline-end: 0.9375rem;
}

.rz-dialog-side-position-right {
  right: 0;
  min-width: 150px;
  min-width: 9.375rem;
  width: 400px;
  width: 25rem;
  max-width: 100%;
  height: 100%;
}

.rz-dialog-side-position-left {
  left: 0;
  min-width: 150px;
  min-width: 9.375rem;
  width: 400px;
  width: 25rem;
  max-width: 100%;
  height: 100%;
}

.rz-dialog-side-position-top {
  top: 0;
  min-height: 150px;
  min-height: 9.375rem;
  height: 250px;
  height: 15.625rem;
  width: 100%;
}

.rz-dialog-side-position-bottom {
  bottom: 0;
  min-height: 150px;
  min-height: 9.375rem;
  height: 250px;
  height: 15.625rem;
  width: 100%;
}

@media (max-width: 768px) {
  .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
    position: absolute;
    width: 100% !important;
    inset-block-start: 0px !important;
    inset-block-start: 0 !important;
    border-radius: 0;
  }
  .rz-dialog-content {
    -webkit-overflow-scrolling: touch;
  }
  .rz-dialog-confirm, .rz-dialog-alert {
    max-width: 355px;
    max-width: 22.1875rem;
  }
  .no-scroll {
    padding-inline-end: 0;
  }
}
.rz-notification {
  box-sizing: border-box;
  position: fixed;
  z-index: 1002;
  inset-block-start: 100px;
  inset-block-start: 6.25rem;
  inset-inline-end: 1rem;
}

.rz-notification-item-wrapper {
  position: static;
  width: 250px;
  width: 15.625rem;
  min-width: 20rem;
  background-color: var(--rz-notification-container-background-color);
  margin: 1rem 0;
}

.rz-notification-item {
  display: flex;
  align-items: flex-start;
  gap: var(--rz-notification-gap);
  border-radius: var(--rz-notification-border-radius);
  box-shadow: var(--rz-notification-shadow);
  padding: var(--rz-notification-padding);
}
.rz-notification-success .rz-notification-item {
  color: var(--rz-notification-success-color);
  background-color: var(--rz-notification-success-background-color);
}
.rz-notification-warn .rz-notification-item {
  color: var(--rz-notification-warning-color);
  background-color: var(--rz-notification-warning-background-color);
}
.rz-notification-error .rz-notification-item {
  color: var(--rz-notification-error-color);
  background-color: var(--rz-notification-error-background-color);
}
.rz-notification-info .rz-notification-item {
  color: var(--rz-notification-info-color);
  background-color: var(--rz-notification-info-background-color);
}

.rz-notification-message-wrapper {
  flex: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--rz-notification-gap);
}

.rz-notification-message {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.rz-notification-title {
  font-weight: bold;
}

.rz-notification-icon {
  margin: var(--rz-notification-icon-margin);
}
.rz-notification-icon.rzi-check {
  color: var(--rz-notification-success-icon-color);
}
.rz-notification-icon.rzi-check:before {
  content: "check";
}
.rz-notification-icon.rzi-exclamation-triangle {
  color: var(--rz-notification-warning-icon-color);
}
.rz-notification-icon.rzi-exclamation-triangle:before {
  content: "warning";
}
.rz-notification-icon.rzi-info-circle {
  color: var(--rz-notification-info-icon-color);
}
.rz-notification-icon.rzi-info-circle:before {
  content: "info";
}
.rz-notification-icon.rzi-times {
  color: var(--rz-notification-error-icon-color);
}
.rz-notification-icon.rzi-times:before {
  content: "error";
}

.rz-notification-close {
  cursor: pointer;
  opacity: 0.75;
}
.rz-notification-close:before {
  content: "close";
}

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

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

.rz-messages-error {
  display: inline-block;
  color: var(--rz-form-error-color);
  font-size: var(--rz-form-error-font-size);
  padding: var(--rz-validator-text-padding);
}

.rz-message-popup {
  position: absolute;
  background-color: var(--rz-validator-background-color);
  transform: var(--rz-validator-transform);
  box-shadow: var(--rz-validator-shadow);
  padding: var(--rz-validator-padding);
  border-radius: var(--rz-border-radius);
  color: var(--rz-validator-color);
  pointer-events: none;
}
.rz-message-popup:before {
  content: "";
  border: var(--rz-validator-pointer-size) solid transparent;
  border-bottom-color: var(--rz-validator-background-color);
  position: absolute;
  inset-block-start: calc(-2 * var(--rz-validator-pointer-size));
  inset-inline-start: calc(var(--rz-border-radius) + var(--rz-validator-pointer-size) / 2);
}

.rz-layout::-webkit-scrollbar,
.rz-layout ::-webkit-scrollbar,
.rz-scrollbars::-webkit-scrollbar,
.rz-scrollbars ::-webkit-scrollbar {
  background-color: var(--rz-scrollbar-background-color);
  width: var(--rz-scrollbar-size);
  height: var(--rz-scrollbar-size);
}
.rz-layout::-webkit-scrollbar-thumb,
.rz-layout ::-webkit-scrollbar-thumb,
.rz-scrollbars::-webkit-scrollbar-thumb,
.rz-scrollbars ::-webkit-scrollbar-thumb {
  background: var(--rz-scrollbar-color);
  border: 4px solid rgba(0, 0, 0, 0);
  border: 0.25rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: var(--rz-scrollbar-border-radius);
  min-width: var(--rz-scrollbar-size);
  min-height: var(--rz-scrollbar-size);
}
.rz-layout::-webkit-scrollbar-corner,
.rz-layout ::-webkit-scrollbar-corner,
.rz-scrollbars::-webkit-scrollbar-corner,
.rz-scrollbars ::-webkit-scrollbar-corner {
  background-color: var(--rz-scrollbar-background-color);
}

.rz-login {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rz-login .rz-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.rz-login .rz-form .rz-form-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.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: 0.5rem;
}
.rz-login .rz-form .rz-messages-error {
  position: absolute;
}
.rz-login .rz-register {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background-color: var(--rz-login-register-background-color);
  margin-block: var(--rz-login-register-margin-block);
  margin-inline: var(--rz-login-register-margin-inline);
  padding-block: var(--rz-login-register-padding-block);
  padding-inline: var(--rz-login-register-padding-inline);
  border-radius: var(--rz-border-radius);
}
.rz-login .rz-register .rz-button {
  margin-block: var(--rz-login-register-button-margin-block);
  margin-inline: var(--rz-login-register-button-margin-inline);
}
.rz-login .rz-login-buttons {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.rz-lookup-panel {
  background-color: var(--rz-lookup-panel-background-color);
  padding: var(--rz-lookup-panel-padding);
  container-type: inline-size;
  container-name: rz-lookup-panel;
}

.rz-lookup-search {
  display: flex;
  gap: var(--rz-lookup-search-gap);
  margin-bottom: var(--rz-lookup-search-margin-bottom);
}
.rz-lookup-search input {
  flex: auto;
}

.ssrsviewer {
  display: flex;
}
.ssrsviewer iframe {
  flex: auto;
}

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

.rz-map-container {
  height: 100%;
}

.rz-gauge,
.rz-arc-gauge {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 300px;
  width: 18.75rem;
  height: 300px;
  height: 18.75rem;
}

.rz-gauge .rz-line,
.rz-gauge .rz-tick {
  stroke: var(--rz-gauge-scale-color);
}
.rz-gauge .rz-tick-text {
  font-size: var(--rz-gauge-scale-font-size);
  fill: var(--rz-gauge-scale-label-color);
}

.rz-arc-gauge .rz-line,
.rz-arc-gauge .rz-tick {
  stroke: var(--rz-gauge-arc-scale-color);
}
.rz-arc-gauge .rz-tick-text {
  font-size: var(--rz-gauge-scale-font-size);
  fill: var(--rz-gauge-arc-scale-label-color);
}

.rz-gauge-value {
  position: absolute;
  transform: translateX(-50%);
  padding: 0.5rem;
}

.rz-arc-gauge-value {
  position: absolute;
  transform: translate(-50%, -50%);
  padding: 0.5rem;
}

.rz-gauge-pointer {
  fill: var(--rz-gauge-pointer-color);
}

.rz-arc-gauge-scale-value {
  fill: var(--rz-gauge-arc-value-color);
}

.rz-arc-gauge-scale {
  fill: var(--rz-gauge-arc-scale-color);
}

.rz-progressbar {
  box-sizing: border-box;
  border-radius: var(--rz-progressbar-border-radius);
  height: var(--rz-progressbar-height);
  position: relative;
  background-color: var(--rz-progressbar-background-color);
  text-align: center;
  display: flex;
  align-items: center;
}

.rz-progressbar-value {
  border-radius: var(--rz-progressbar-border-radius);
  position: absolute;
  background-color: var(--rz-progressbar-value-background-color);
  height: 100%;
  width: var(--rz-progressbar-value);
  transition: var(--rz-progressbar-value-transition);
}

.rz-progressbar-label,
.rz-progressbar-label-value {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 50%;
  margin-top: calc(-1 * var(--rz-progressbar-height) / 2);
  text-align: center;
  font-size: var(--rz-progressbar-font-size);
  line-height: var(--rz-progressbar-height);
}

.rz-progressbar-label-value {
  color: var(--rz-progressbar-color);
  -webkit-clip-path: inset(0 0 0 var(--rz-progressbar-value));
          clip-path: inset(0 0 0 var(--rz-progressbar-value));
}

.rz-progressbar-circular {
  box-sizing: border-box;
  position: relative;
}

.rz-progressbar-circular-viewbox {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.rz-progressbar-circular-label {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.rz-progressbar-circular-background {
  stroke: var(--rz-progressbar-background-color);
  stroke-width: var(--rz-progressbar-circular-stroke-width);
}

.rz-progressbar-circular-value {
  stroke-linecap: var(--rz-progressbar-circular-value-endpoint);
  stroke-width: var(--rz-progressbar-circular-value-stroke-width);
  stroke: var(--rz-progressbar-value-background-color);
  transition: var(--rz-progressbar-value-transition);
}

.rz-progressbar-determinate .rz-progressbar-circular-value {
  stroke-dasharray: 100;
  transform: rotate(-0.25turn);
}

.rz-progressbar-indeterminate {
  overflow: hidden;
}
.rz-progressbar-indeterminate .rz-progressbar-value {
  background-color: transparent;
}
.rz-progressbar-indeterminate .rz-progressbar-value:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--rz-progressbar-value-background-color);
  will-change: left, right;
  animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite rz-progressbar-indeterminate-anim;
}
*[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:before {
  animation-name: rz-progressbar-indeterminate-anim-rtl;
}
.rz-progressbar-indeterminate .rz-progressbar-value:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--rz-progressbar-value-background-color);
  will-change: left, right;
  animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite rz-progressbar-indeterminate-anim-short;
  animation-delay: 1.15s;
}
*[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:after {
  animation-name: rz-progressbar-indeterminate-anim-short-rtl;
}
@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% {
    right: -35%;
    left: 100%;
  }
  60%, 100% {
    right: 100%;
    left: -90%;
  }
}
@keyframes rz-progressbar-indeterminate-anim-short-rtl {
  0% {
    right: -200%;
    left: 100%;
  }
  60%, 100% {
    right: 107%;
    left: -8%;
  }
}
.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 {
  width: 6rem;
  height: 6rem;
  font-size: calc(var(--rz-progressbar-font-size) * 1.25);
}

.rz-progressbar-circular-md {
  width: 3rem;
  height: 3rem;
  font-size: calc(var(--rz-progressbar-font-size) * 0.75);
}

.rz-progressbar-circular-sm {
  width: 2rem;
  height: 2rem;
  font-size: calc(var(--rz-progressbar-font-size) * 0.5);
}

.rz-progressbar-circular-xs {
  width: 1.25rem;
  height: 1.25rem;
  font-size: calc(var(--rz-progressbar-font-size) * 0.375);
}

.rz-chart {
  box-sizing: border-box;
  position: relative;
  height: 300px;
  height: 18.75rem;
}

.rz-area-series {
  fill-opacity: 0.8;
}

.rz-scheme-pastel .rz-series-0 {
  fill: var(--rz-series-1);
  stroke: var(--rz-series-1);
}
.rz-scheme-pastel .rz-series-0-tooltip .rz-chart-tooltip-content {
  border: 1px solid var(--rz-series-1);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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);
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem 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;
  border: 0.0625rem solid #d43d51;
}

.rz-marker {
  stroke: var(--rz-chart-marker-stroke);
}

.rz-area-series .rz-marker {
  fill-opacity: 1;
}

.rz-axis {
  stroke: var(--rz-chart-axis-color);
  font-size: var(--rz-chart-axis-font-size);
}

.rz-axis .rz-grid-line {
  stroke: var(--rz-chart-axis-color);
}

.rz-tick-text {
  stroke: none;
  fill: var(--rz-chart-axis-label-color);
}

.rz-series-data-label {
  fill: var(--rz-chart-axis-label-color);
}

.rz-value-axis .rz-tick-text {
  text-anchor: end;
  /* Right-to-left anchor */
}
*[dir=rtl] .rz-value-axis .rz-tick-text {
  text-anchor: start;
}

.rz-category-axis .rz-tick-text {
  text-anchor: middle;
}

.rz-axis .rz-axis-title {
  stroke: none;
  text-anchor: middle;
  fill: var(--rz-text-title-color);
}

.rz-donut-title {
  text-anchor: middle;
  fill: var(--rz-text-title-color);
}

.rz-donut-content {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rz-legend {
  position: absolute;
  display: flex;
  font-size: var(--rz-chart-legend-font-size);
}

.rz-legend-right {
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
}

.rz-legend-left {
  left: 0;
  top: 0;
  bottom: 0;
  align-items: center;
}

.rz-legend-top {
  top: 0;
  left: 0;
  right: 0;
  justify-content: center;
}

.rz-legend-bottom {
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
}

.rz-legend-items {
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
}

.rz-legend-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0.25rem;
  cursor: pointer;
}
.rz-legend-item:focus {
  outline: var(--rz-outline-normal);
}
.rz-legend-item:focus-visible {
  outline: var(--rz-chart-legend-focus-outline);
  outline-offset: var(--rz-chart-legend-focus-outline-offset);
  border-radius: var(--rz-border-radius);
}

.rz-legend-top .rz-legend-item,
.rz-legend-bottom .rz-legend-item {
  display: inline-flex;
}

.rz-chart-tooltip {
  position: absolute;
  transform: translate(-50%, -100%);
  transition: top 0.2s, left 0.2s;
  top: 0;
  left: 0;
}

.rz-chart-tooltip-content {
  background: var(--rz-chart-tooltip-background);
  color: var(--rz-chart-tooltip-color);
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.15);
  padding: 0.5rem;
  border-radius: var(--rz-chart-tooltip-border-radius);
  white-space: nowrap;
  font-size: var(--rz-chart-tooltip-font-size);
}

.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  left: 50%;
  bottom: 0;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -11px) rotate(45deg);
  transform: translate(-50%, -0.6875rem) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.rz-chart-tooltip-title {
  font-weight: 700;
}

.rz-chart-tooltip-item-value {
  font-weight: 600;
  text-align: end;
  font-variant-numeric: tabular-nums;
}

.rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-title {
  padding: 0 0.5rem;
}
.rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-content {
  border: none;
}

.rz-chart-tooltip-item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.125rem 0.5rem;
  border-radius: var(--rz-chart-tooltip-item-border-radius);
}
.rz-chart-tooltip-item-content:hover {
  background-color: var(--rz-chart-tooltip-item-hover-background-color);
}
.rz-chart-tooltip-item-content .rz-legend-item {
  margin: 0;
  cursor: inherit;
}

.rz-link {
  box-sizing: border-box;
  color: var(--rz-link-color);
  text-decoration: none;
  cursor: pointer;
}
.rz-link .rz-link-text {
  -webkit-text-decoration: var(--rz-link-text-decoration);
          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 {
  -webkit-text-decoration: var(--rz-link-hover-text-decoration);
          text-decoration: var(--rz-link-hover-text-decoration);
}
.rz-link:focus-visible {
  outline: var(--rz-link-focus-outline);
}

.rz-state-highlight .link {
  color: var(--rz-text-contrast-color);
}

.rz-html-editor {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: var(--rz-editor-border-radius);
  border: var(--rz-editor-border);
  overflow: hidden;
}
.rz-html-editor:focus-within {
  outline: var(--rz-editor-focus-outline);
  outline-offset: var(--rz-editor-focus-outline-offset);
}

.rz-html-editor-content {
  flex: 1;
  overflow: auto;
  padding: 0.5rem;
  outline: none;
  background-color: var(--rz-editor-content-background-color);
}

.rz-html-editor-source.rz-textarea {
  --rz-input-hover-shadow: none;
  --rz-input-border: none;
  --rz-input-hover-border: none;
  --rz-input-focus-shadow: none;
  --rz-input-focus-border: none;
  flex: 1;
  padding: 0.5rem;
  overflow: auto;
  outline: none;
  background-color: var(--rz-editor-content-background-color);
}

.rz-html-editor-toolbar {
  border-bottom: var(--rz-editor-border);
  display: flex;
  line-height: 1rem;
  flex-wrap: wrap;
  background-color: var(--rz-editor-toolbar-background-color);
}
.rz-html-editor-toolbar .rzi {
  font-size: 1rem;
}
.rz-html-editor-toolbar > * {
  margin: var(--rz-editor-toolbar-item-margin);
}

.rz-html-editor-colorpicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rz-editor-button-background-color);
  padding: var(--rz-editor-button-padding);
}
.rz-html-editor-colorpicker .rz-colorpicker-trigger {
  color: inherit;
  background-color: var(--rz-editor-button-background-color);
}
.rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi {
  font-size: 1.25rem;
  height: 1rem;
}
.rz-html-editor-colorpicker .rz-colorpicker-value {
  display: none;
}
.rz-html-editor-colorpicker .rz-colorpicker {
  border: none;
  box-shadow: none;
  padding: 0;
  height: auto;
  background-color: var(--rz-editor-button-background-color);
}
.rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
  border: none;
  box-shadow: none;
}

.rz-html-editor-color {
  border: none;
  display: flex;
  flex-direction: column;
  background: inherit;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  position: relative;
}
.rz-html-editor-color:disabled {
  color: var(--rz-input-disabled-color);
}

.rz-html-editor-color-value {
  position: absolute;
  bottom: -4px;
  bottom: -0.25rem;
  height: 4px;
  height: 0.25rem;
  width: 100%;
}

.rz-html-editor-button {
  color: var(--rz-editor-button-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rz-editor-button-background-color);
  padding: var(--rz-editor-button-padding);
}
.rz-html-editor-button.rz-selected {
  background-color: var(--rz-editor-button-selected-background-color);
  color: var(--rz-editor-button-selected-color);
  border-radius: var(--rz-editor-border-radius);
}
.rz-html-editor-button:disabled {
  color: var(--rz-editor-button-disabled-color);
}

.rz-html-editor-dropdown {
  display: inline-flex;
  padding: var(--rz-editor-button-padding);
  align-items: center;
  cursor: pointer;
}
.rz-html-editor-dropdown.rz-disabled {
  color: var(--rz-input-disabled-color);
  cursor: default;
}

.rz-html-editor-dropdown-item {
  cursor: default;
  font-size: var(--rz-dropdown-item-font-size);
  padding: var(--rz-dropdown-item-padding);
  white-space: nowrap;
}
.rz-html-editor-dropdown-item:hover {
  background-color: var(--rz-dropdown-item-hover-background-color);
  color: var(--rz-dropdown-item-hover-color);
  border-radius: 0;
}
.rz-html-editor-dropdown-item.rz-selected {
  background-color: var(--rz-dropdown-item-selected-background-color);
  color: var(--rz-dropdown-item-selected-color);
}

.rz-html-editor-dropdown-trigger {
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  color: inherit;
  background-color: inherit;
}
.rz-html-editor-dropdown-trigger .rzi:before {
  content: "arrow_drop_down";
}

.rz-html-editor-dropdown-items {
  display: none;
}

.rz-html-editor-dialog-item {
  margin-bottom: 1rem;
}
.rz-html-editor-dialog-item label:first-child {
  display: block;
}

.rz-html-editor-dialog-buttons {
  text-align: right;
}

.rz-html-editor-separator {
  width: 1px;
  width: 0.0625rem;
  background-color: var(--rz-editor-separator-background-color);
}

.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
  border: none;
}
.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi {
  font-size: 1.25rem;
  height: 1rem;
}

.rz-colorpicker {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.rz-colorpicker.rz-state-disabled {
  cursor: default;
}

button.rz-colorpicker-trigger {
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  color: var(--rz-text-color);
  background-color: inherit;
  outline: none;
}
button.rz-colorpicker-trigger .rzi {
  font-size: var(--rz-icon-size);
}
button.rz-colorpicker-trigger .rzi:before {
  content: "arrow_drop_down";
}
.rz-state-disabled button.rz-colorpicker-trigger {
  color: var(--rz-input-disabled-color);
}

.rz-colorpicker-popup {
  display: none;
  position: absolute;
  border: var(--rz-colorpicker-panel-border);
  background-color: var(--rz-colorpicker-panel-background-color);
  box-shadow: var(--rz-colorpicker-panel-shadow);
  min-width: 200px;
  min-width: 12.5rem;
  max-width: var(--rz-colorpicker-panel-max-width);
  padding: var(--rz-colorpicker-panel-padding);
  border-radius: var(--rz-border-radius);
}

.rz-colorpicker-value {
  flex: 1;
  border-radius: var(--rz-colorpicker-value-border-radius);
  border: var(--rz-colorpicker-panel-border);
  min-width: 20px;
  min-width: 1.25rem;
  min-height: 20px;
  min-height: 1.25rem;
}

.rz-saturation-picker {
  height: var(--rz-colorpicker-saturation-height);
  position: relative;
  touch-action: none;
  border-radius: var(--rz-border-radius);
}
.rz-saturation-picker:focus {
  outline: var(--rz-outline-normal);
}
.rz-saturation-picker:focus-visible {
  outline: var(--rz-colorpicker-focus-outline);
  outline-offset: var(--rz-colorpicker-focus-outline-offset);
}

.rz-saturation-white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 0 0 0.0625rem rgba(0, 0, 0, 0.06);
}

.rz-saturation-black,
.rz-saturation-white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--rz-border-radius);
  border-start-start-radius: calc(var(--rz-border-radius) - 1px);
  border-start-start-radius: calc(var(--rz-border-radius) - 0.0625rem);
}

.rz-saturation-black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.rz-saturation-handle {
  position: absolute;
  width: var(--rz-colorpicker-handle-size);
  height: var(--rz-colorpicker-handle-size);
  border: var(--rz-colorpicker-handle-border);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: var(--rz-colorpicker-handle-shadow);
}

.rz-hue-picker {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  touch-action: none;
  position: relative;
  background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%);
  border-radius: var(--rz-border-radius);
  height: var(--rz-colorpicker-handle-size);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 0 0 0.0625rem rgba(0, 0, 0, 0.06);
}
.rz-hue-picker:active {
  cursor: none;
}
.rz-hue-picker:focus {
  outline: var(--rz-outline-normal);
}
.rz-hue-picker:focus-visible {
  outline: var(--rz-colorpicker-focus-outline);
  outline-offset: var(--rz-colorpicker-focus-outline-offset);
}

.rz-alpha-picker {
  touch-action: none;
  position: relative;
  border-radius: var(--rz-border-radius);
  height: var(--rz-colorpicker-handle-size);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 0 0 0.0625rem rgba(0, 0, 0, 0.06);
}
.rz-alpha-picker:active {
  cursor: none;
}
.rz-alpha-picker:focus {
  outline: var(--rz-outline-normal);
}
.rz-alpha-picker:focus-visible {
  outline: var(--rz-colorpicker-focus-outline);
  outline-offset: var(--rz-colorpicker-focus-outline-offset);
}

.rz-hue-handle,
.rz-alpha-handle {
  position: absolute;
  height: 100%;
  width: 8px;
  width: 0.5rem;
  border: var(--rz-colorpicker-handle-border);
  border-radius: calc(var(--rz-border-radius) / 2);
  transform: translateX(-50%);
  box-shadow: var(--rz-colorpicker-handle-shadow);
}

.rz-colorpicker-preview-area {
  display: flex;
}

.rz-hue-and-alpha {
  flex: 1;
  padding-inline-end: 8px;
  padding-inline-end: 0.5rem;
}

.rz-alpha-picker:before,
.rz-colorpicker-preview:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: var(--rz-border-radius);
  background-image: linear-gradient(45deg, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(-45deg, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--rz-text-disabled-color) 75%), linear-gradient(-45deg, transparent 75%, var(--rz-text-disabled-color) 75%);
  background-size: 8px 8px;
  background-size: 0.5rem 0.5rem;
  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
  background-position: 0 0, 0 0.25rem, 0.25rem -0.25rem, -0.25rem 0;
}

.rz-colorpicker-preview {
  position: relative;
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 0.0625rem inset, rgba(0, 0, 0, 0.25) 0 0 0.25rem inset;
  border-radius: var(--rz-border-radius);
}

.rz-colorpicker-rgba {
  display: flex;
  gap: 4px;
  gap: 0.25rem;
}

.rz-color-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  color: var(--rz-colorpicker-input-labels-color);
  font-size: 0.75rem;
  text-transform: uppercase;
}
.rz-color-box .rz-textbox {
  width: 80px;
  width: 5rem;
  margin-inline-end: 4px;
  margin-inline-end: 0.25rem;
  padding: var(--rz-colorpicker-hex-input-padding);
  height: var(--rz-colorpicker-hex-input-height);
}
.rz-color-box .rz-numeric {
  padding: var(--rz-colorpicker-rgba-input-padding);
  height: var(--rz-colorpicker-rgba-input-height);
}
.rz-color-box .rz-numeric .rz-numeric-input {
  padding: 0;
  outline: none;
}
.rz-color-box .rz-numeric button {
  display: none;
}
.rz-color-box .rz-numeric button:hover {
  display: initial;
}

.rz-colorpicker-button {
  justify-content: flex-end;
  display: flex;
}

.rz-colorpicker-section:not(:last-child) {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.rz-colorpicker-colors {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rz-colorpicker-items-gap);
}

.rz-colorpicker-item {
  width: var(--rz-colorpicker-item-size);
  height: var(--rz-colorpicker-item-size);
  border-radius: var(--rz-colorpicker-item-border-radius);
  box-shadow: var(--rz-colorpicker-item-shadow);
  cursor: pointer;
}
.rz-colorpicker-item:focus {
  outline: var(--rz-outline-normal);
}
.rz-colorpicker-item:focus-visible {
  outline: var(--rz-colorpicker-focus-outline);
  outline-offset: var(--rz-colorpicker-focus-outline-offset);
}

.rz-splitter {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.rz-splitter > .rz-splitter-bar {
  flex: 0 0 auto;
  position: relative;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rz-splitter-bar-color);
  background-color: var(--rz-splitter-bar-background-color);
  opacity: 0.4;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rz-splitter > .rz-splitter-bar > .rz-collapse {
  display: table;
}
.rz-splitter > .rz-splitter-bar > .rz-collapse:before {
  font-family: var(--rz-icon-font-family);
  line-height: normal;
  display: table-cell;
}
.rz-splitter > .rz-splitter-bar > .rz-collapse:hover {
  cursor: pointer;
}
.rz-splitter > .rz-splitter-bar > .rz-resize {
  border: 1px solid var(--rz-splitter-bar-color);
  border: 0.0625rem solid var(--rz-splitter-bar-color);
  border-radius: 1px;
  border-radius: 0.0625rem;
}
.rz-splitter > .rz-splitter-bar > .rz-expand {
  display: table;
}
.rz-splitter > .rz-splitter-bar > .rz-expand:before {
  font-family: var(--rz-icon-font-family);
  line-height: normal;
  display: table-cell;
}
.rz-splitter > .rz-splitter-bar > .rz-expand:hover {
  cursor: pointer;
}
.rz-splitter > .rz-splitter-bar-resizable:hover {
  background-color: var(--rz-splitter-bar-background-color);
  opacity: var(--rz-splitter-bar-hover-opacity);
}
.rz-splitter > .rz-splitter-bar-resizable:active {
  background-color: var(--rz-splitter-bar-background-color-active);
  opacity: var(--rz-splitter-bar-hover-opacity);
}
.rz-splitter > .rz-splitter-bar-resizable:active > .rz-expand, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-collapse {
  color: var(--rz-splitter-bar-color-active);
}
.rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize {
  border: 1px solid var(--rz-splitter-bar-color-active);
  border: 0.0625rem solid var(--rz-splitter-bar-color-active);
}
.rz-splitter > .rz-splitter-bar-resizable:disabled {
  opacity: 0.2;
}
.rz-splitter-horizontal {
  flex-direction: row;
}
.rz-splitter-horizontal > .rz-splitter-bar {
  flex-direction: column;
  width: 8px;
  width: 0.5rem;
}
.rz-splitter-horizontal > .rz-splitter-bar > .rz-collapse:before {
  content: "arrow_left";
}
.rz-splitter-horizontal > .rz-splitter-bar > .rz-resize {
  height: 16px;
  height: 1rem;
  margin: 2px 0;
  margin: 0.125rem 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;
  height: 0.5rem;
}
.rz-splitter-vertical > .rz-splitter-bar > .rz-collapse:before {
  content: "arrow_drop_up";
}
.rz-splitter-vertical > .rz-splitter-bar > .rz-resize {
  width: 16px;
  width: 1rem;
  margin: 0 2px;
  margin: 0 0.125rem;
}
.rz-splitter-vertical > .rz-splitter-bar > .rz-expand:before {
  content: "arrow_drop_down";
}
.rz-splitter-vertical > .rz-splitter-bar-resizable:hover {
  cursor: row-resize;
}
.rz-splitter-pane {
  overflow: hidden;
  position: relative;
  flex: 0 0 auto;
}
.rz-splitter-pane-collapsed {
  flex: 0 1 0% !important;
  overflow: hidden !important;
  display: block !important;
}
.rz-splitter-pane-lastresizable {
  flex: 1 1 auto;
}

.rz-splitter-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Radzen Blazor Layout reset styles */
:root:has(.rz-layout) {
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-size: var(--rz-root-font-size);
}
:root:has(.rz-layout) body {
  margin: 0;
  color: var(--rz-text-color);
  background-color: var(--rz-body-background-color);
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-body-font-size);
  line-height: var(--rz-body-line-height);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* RadzenLayout styles */
.rz-layout {
  box-sizing: border-box;
  height: 100vh;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer";
  background-color: var(--rz-layout-background-color);
}
.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-header,
  .rz-footer,
  .rz-body {
    width: 100vw;
  }
  .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 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
  content: "»";
  display: inline-block;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  font-size: 1rem;
  line-height: 1.25rem;
}

.rz-breadcrumb-item {
  display: inline-flex;
  align-items: center;
}
.rz-breadcrumb-item .rz-link {
  display: inline-flex;
  align-items: center;
}

.rz-alert {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: var(--rz-alert-gap);
  margin: var(--rz-alert-margin);
  padding: var(--rz-alert-padding);
  width: 100%;
  border-radius: var(--rz-alert-border-radius);
  background-color: var(--rz-alert-background-color);
  color: var(--rz-alert-color);
}
.rz-alert-lg {
  --rz-alert-gap: 1.5rem;
  --rz-alert-margin: 1.5rem 0;
  --rz-alert-padding: 1.5rem;
  --rz-alert-message-margin: 0.25rem 0;
  --rz-alert-icon-margin: 0.25rem 0;
}
.rz-alert-md {
  --rz-alert-gap: 1rem;
  --rz-alert-margin: 1rem 0;
  --rz-alert-padding: 1rem;
  --rz-alert-message-margin: 0.25rem 0;
  --rz-alert-icon-margin: 0.25rem 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.25rem 0;
  --rz-alert-icon-margin: 0.25rem 0;
}
.rz-alert-xs {
  --rz-alert-gap: 0.25rem;
  --rz-alert-margin: 0.25rem 0;
  --rz-alert-padding: 0.25rem;
  --rz-alert-message-margin: 0;
  --rz-alert-icon-margin: 0;
}
.rz-alert .rz-alert-item {
  flex: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--rz-alert-gap);
}
.rz-alert .rz-alert-icon {
  color: var(--rz-alert-icon-color);
  margin: var(--rz-alert-icon-margin);
  font-size: var(--rz-alert-icon-size);
}
.rz-alert .rz-alert-message {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: var(--rz-alert-message-margin);
}
.rz-alert .rz-alert-title {
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-text-h6-font-size);
  line-height: var(--rz-text-h6-line-height);
  font-weight: var(--rz-text-h6-font-weight);
  letter-spacing: var(--rz-text-h6-letter-spacing);
  color: var(--rz-alert-title-color);
  margin-bottom: var(--rz-text-h6-margin-bottom);
}
.rz-alert.rz-variant-filled {
  box-shadow: var(--rz-alert-box-shadow);
}
.rz-alert.rz-variant-text {
  --rz-alert-padding: 0;
  --rz-alert-background-color: transparent;
  --rz-alert-gap: 0.5rem;
  --rz-alert-margin: 0;
}
.rz-alert.rz-variant-text .rz-alert-item {
  flex: unset;
}
.rz-alert.rz-variant-text .rz-alert-message {
  flex-direction: row;
}
.rz-alert.rz-variant-text .rz-alert-title {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin-bottom: 0;
  margin-right: 0.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 {
  -webkit-animation: mic-blink 2s linear infinite;
  -moz-animation: mic-blink 2s linear infinite;
  animation: mic-blink 2s linear infinite;
}

.rz-flex-row {
  flex-direction: row !important;
}

.rz-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.rz-flex-column {
  flex-direction: column !important;
}

.rz-flex-column-reverse {
  flex-direction: column-reverse !important;
}

.rz-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 {
  max-width: calc((100% - 11 * var(--rz-gap)) / 12);
  flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
}

.rz-row > .rz-col-2 {
  max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
  flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
}

.rz-row > .rz-col-3 {
  max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
  flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
}

.rz-row > .rz-col-4 {
  max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
  flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
}

.rz-row > .rz-col-5 {
  max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
  flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
}

.rz-row > .rz-col-6 {
  max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
}

.rz-row > .rz-col-7 {
  max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
  flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
}

.rz-row > .rz-col-8 {
  max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
  flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
}

.rz-row > .rz-col-9 {
  max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
  flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
}

.rz-row > .rz-col-10 {
  max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
  flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
}

.rz-row > .rz-col-11 {
  max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
  flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
}

.rz-row > .rz-col-12 {
  max-width: 100%;
  flex-basis: 100%;
}

@media (min-width: 576px) {
  .rz-row > .rz-col-xs-1 {
    max-width: calc((100% - 11 * var(--rz-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
  }
  .rz-row > .rz-col-xs-2 {
    max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
    flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-3 {
    max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
    flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-4 {
    max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
    flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-5 {
    max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
    flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-6 {
    max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
    flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-7 {
    max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
    flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-8 {
    max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
    flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-9 {
    max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
    flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-10 {
    max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
    flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-11 {
    max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
    flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
  }
  .rz-row > .rz-col-xs-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 768px) {
  .rz-row > .rz-col-sm-1 {
    max-width: calc((100% - 11 * var(--rz-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
  }
  .rz-row > .rz-col-sm-2 {
    max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
    flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-3 {
    max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
    flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-4 {
    max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
    flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-5 {
    max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
    flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-6 {
    max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
    flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-7 {
    max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
    flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-8 {
    max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
    flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-9 {
    max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
    flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-10 {
    max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
    flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-11 {
    max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
    flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
  }
  .rz-row > .rz-col-sm-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1024px) {
  .rz-row > .rz-col-md-1 {
    max-width: calc((100% - 11 * var(--rz-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
  }
  .rz-row > .rz-col-md-2 {
    max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
    flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-3 {
    max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
    flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-4 {
    max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
    flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-5 {
    max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
    flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-6 {
    max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
    flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-7 {
    max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
    flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-8 {
    max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
    flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-9 {
    max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
    flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-10 {
    max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
    flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-11 {
    max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
    flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
  }
  .rz-row > .rz-col-md-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1280px) {
  .rz-row > .rz-col-lg-1 {
    max-width: calc((100% - 11 * var(--rz-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
  }
  .rz-row > .rz-col-lg-2 {
    max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
    flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-3 {
    max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
    flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-4 {
    max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
    flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-5 {
    max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
    flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-6 {
    max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
    flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-7 {
    max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
    flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-8 {
    max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
    flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-9 {
    max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
    flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-10 {
    max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
    flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-11 {
    max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
    flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
  }
  .rz-row > .rz-col-lg-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1920px) {
  .rz-row > .rz-col-xl-1 {
    max-width: calc((100% - 11 * var(--rz-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
  }
  .rz-row > .rz-col-xl-2 {
    max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
    flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-3 {
    max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
    flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-4 {
    max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
    flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-5 {
    max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
    flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-6 {
    max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
    flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-7 {
    max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
    flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-8 {
    max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
    flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-9 {
    max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
    flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-10 {
    max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
    flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-11 {
    max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
    flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
  }
  .rz-row > .rz-col-xl-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 2560px) {
  .rz-row > .rz-col-xx-1 {
    max-width: calc((100% - 11 * var(--rz-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
  }
  .rz-row > .rz-col-xx-2 {
    max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
    flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-3 {
    max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
    flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-4 {
    max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
    flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-5 {
    max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
    flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-6 {
    max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
    flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-7 {
    max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
    flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-8 {
    max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
    flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-9 {
    max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
    flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-10 {
    max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
    flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-11 {
    max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
    flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
  }
  .rz-row > .rz-col-xx-12 {
    max-width: 100%;
    flex-basis: 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 {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  margin-block: var(--rz-form-field-margin-block);
  margin-inline: var(--rz-form-field-margin-inline);
  box-shadow: var(--rz-form-field-shadow);
  transition: var(--rz-input-transition);
}
.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 {
  display: flex;
  flex: 0;
  align-items: center;
  white-space: nowrap;
  padding-block: var(--rz-form-field-start-end-padding-block);
  padding-inline: var(--rz-form-field-start-end-padding-inline);
}

.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 {
  color: var(--rz-input-disabled-color);
  box-shadow: var(--rz-input-disabled-shadow);
}
.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::-moz-placeholder, .rz-form-field.rz-state-disabled :not(.rz-button):disabled::-moz-placeholder {
  color: var(--rz-input-disabled-placeholder-color);
}
.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 {
  margin: 0;
  --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);
  box-shadow: var(--rz-input-shadow);
}
.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-flat .rz-form-field-content .rz-datepicker-trigger {
  top: calc(50% + 0.4375rem);
}
.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content {
  border: var(--rz-input-hover-border);
  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);
  box-shadow: var(--rz-input-focus-shadow);
}
.rz-form-field.rz-variant-filled .rz-form-field-content {
  border: var(--rz-form-field-filled-border);
  border-radius: var(--rz-form-field-filled-border-radius);
  background-color: var(--rz-form-field-filled-background-color);
}
.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 {
  border: var(--rz-form-field-filled-hover-border);
  box-shadow: var(--rz-form-field-filled-hover-shadow);
  background-color: var(--rz-form-field-filled-hover-background-color);
}
.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 {
  border: var(--rz-form-field-filled-focus-border);
  box-shadow: var(--rz-form-field-filled-focus-shadow);
  background-color: var(--rz-form-field-filled-background-color);
}
.rz-form-field.rz-variant-text .rz-form-field-content {
  border-color: transparent;
  box-shadow: none;
  --rz-input-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 {
  content: "";
  position: absolute;
  z-index: 1;
  inset-inline-start: 50%;
  inset-inline-end: 50%;
  bottom: calc(-1 * var(--rz-border-width));
  height: calc(var(--rz-border-width) + 1px);
  height: calc(var(--rz-border-width) + 0.0625rem);
  border: var(--rz-input-focus-border);
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  transition: inset-inline-start var(--rz-transition), inset-inline-end var(--rz-transition), border-width var(--rz-transition);
}
.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--rz-border-width));
  top: auto;
  height: var(--rz-border-width);
  border-bottom: var(--rz-input-border);
}
.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-bottom: var(--rz-input-hover-border);
}
.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-bottom: var(--rz-input-disabled-border);
}
.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 {
  inset-inline-start: calc(-1 * var(--rz-border-width));
  inset-inline-end: calc(-1 * var(--rz-border-width));
  border: var(--rz-input-focus-border);
  border-inline-start-width: var(--rz-border-width);
  border-inline-end-width: 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 {
  position: absolute;
  pointer-events: none;
  padding: var(--rz-form-field-label-padding);
  inset-block-start: 50%;
  inset-inline-end: auto;
  border-radius: var(--rz-border-radius);
  inset-inline-start: var(--rz-form-field-label-inset-inline-start);
  max-width: calc(100% - 1.5rem);
  transform: translate(0, -50%);
  background-color: transparent;
  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-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label {
  transform: translate(0, 0.625rem);
}
.rz-textbox:not(:-moz-placeholder-shown) ~ .rz-form-field-label {
  inset-inline-end: auto;
  inset-block-start: var(--rz-form-field-label-floating-top);
  padding-block-start: 0;
  padding-block-end: 0;
  transform: translate(0, 0);
  color: var(--rz-input-placeholder-color);
  background-color: var(--rz-form-field-label-floating-background-color);
  font-size: 0.75rem;
  line-height: 1rem;
  max-width: calc(100% - 1.5rem);
}
.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-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .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-state-empty:has(.rz-placeholder) ~ .rz-form-field-label {
  inset-inline-end: auto;
  inset-block-start: var(--rz-form-field-label-floating-top);
  padding-block-start: 0;
  padding-block-end: 0;
  transform: translate(0, 0);
  color: var(--rz-input-placeholder-color);
  background-color: var(--rz-form-field-label-floating-background-color);
  font-size: 0.75rem;
  line-height: 1rem;
  max-width: calc(100% - 1.5rem);
}
.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-state-empty:has(.rz-placeholder) ~ .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-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label {
  color: var(--rz-form-field-label-focus-color);
}
.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 {
  color: var(--rz-form-field-label-focus-color);
}
.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-numeric:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-numeric:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .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 {
  right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  left: auto;
}
.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 {
  right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  left: auto;
}
.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 {
  right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  left: auto;
}
.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 {
  right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  left: auto;
}
.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 {
  top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  bottom: auto;
}
.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 {
  top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
  bottom: auto;
}
.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 {
  content: "";
  position: absolute;
  background-color: var(--rz-timeline-line-color);
}
.rz-timeline-column .rz-timeline-item:before {
  width: var(--rz-timeline-line-width);
  top: 0;
  bottom: 0;
  left: calc(50% - var(--rz-timeline-line-width) / 2);
  right: auto;
}
.rz-timeline-column .rz-timeline-item:first-child:before {
  top: calc(50% - var(--rz-timeline-line-width) / 2);
  border-top-left-radius: var(--rz-timeline-line-border-radius);
  border-top-right-radius: var(--rz-timeline-line-border-radius);
}
.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 {
  bottom: calc(50% - var(--rz-timeline-line-width) / 2);
  border-bottom-left-radius: var(--rz-timeline-line-border-radius);
  border-bottom-right-radius: var(--rz-timeline-line-border-radius);
}
.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 {
  top: calc(50% - var(--rz-timeline-line-width) / 2);
  bottom: auto;
  left: 0;
  right: 0;
  height: var(--rz-timeline-line-width);
}
.rz-timeline-row .rz-timeline-item:first-child:before {
  left: calc(50% - var(--rz-timeline-line-width) / 2);
  border-top-left-radius: var(--rz-timeline-line-border-radius);
  border-bottom-left-radius: var(--rz-timeline-line-border-radius);
}
.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 {
  right: calc(50% - var(--rz-timeline-line-width) / 2);
  border-top-right-radius: var(--rz-timeline-line-border-radius);
  border-bottom-right-radius: var(--rz-timeline-line-border-radius);
}
.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 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 var(--rz-timeline-axis-size);
}
.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 {
  position: relative;
  display: flex;
  flex: 0 1 var(--rz-timeline-point-size);
  align-items: center;
  justify-content: center;
  height: var(--rz-timeline-point-size);
  width: var(--rz-timeline-point-size);
  border: var(--rz-timeline-point-border);
  border-radius: var(--rz-timeline-point-border-radius);
  background-color: var(--rz-timeline-point-background-color);
  color: var(--rz-timeline-point-color);
}

.rz-timeline-point-outlined {
  background-color: var(--rz-base-background-color);
  color: var(--rz-timeline-point-color);
  border-color: var(--rz-timeline-point-background-color);
}

.rz-timeline-point-flat {
  border: 0;
}

.rz-timeline-point-text {
  background-color: var(--rz-base-background-color);
  color: var(--rz-timeline-point-color);
  border: 0;
}

.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);
  color: var(--rz-primary);
  border-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);
  color: var(--rz-secondary);
  border-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);
  color: var(--rz-info);
  border-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);
  color: var(--rz-warning);
  border-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);
  color: var(--rz-danger);
  border-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);
  color: var(--rz-danger);
  border-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);
  color: var(--rz-success);
  border-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);
  color: var(--rz-base-200);
  border-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);
  color: var(--rz-base-200);
  border-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);
  color: var(--rz-base-900);
  border-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 .rzi {
  font-size: 2rem;
}

.rz-timeline-axis-md {
  --rz-timeline-point-size: 1.5rem;
}
.rz-timeline-axis-md .rzi {
  font-size: 1rem;
}

.rz-timeline-axis-sm {
  --rz-timeline-point-size: 1rem;
}
.rz-timeline-axis-sm .rzi {
  font-size: 0.625rem;
}

.rz-timeline-axis-xs {
  --rz-timeline-point-size: 0.75rem;
}
.rz-timeline-axis-xs .rzi {
  font-size: 0.5rem;
}

.rz-picklist-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  --rz-gap: 1rem;
}

.rz-picklist-source-wrapper,
.rz-picklist-target-wrapper {
  flex: 1;
  --rz-gap: 0.5rem;
  overflow: hidden;
}
.rz-picklist-source-wrapper .rz-listbox,
.rz-picklist-target-wrapper .rz-listbox {
  width: 100%;
  height: 100%;
}

.rz-picklist-buttons.rz-flex-row .rzi {
  transform: rotate(90deg);
}

:root {
  /* Theme Colors */
  --rz-white: #ffffff;
  --rz-black: #000000;
  --rz-base: #dadfe2;
  --rz-base-50: #ffffff;
  --rz-base-100: #f6f7fa;
  --rz-base-200: #e9edf0;
  --rz-base-300: #dadfe2;
  --rz-base-400: #c1c9cb;
  --rz-base-500: #95a4a8;
  --rz-base-600: #77858b;
  --rz-base-700: #545e61;
  --rz-base-800: #3a474d;
  --rz-base-900: #28363c;
  --rz-base-light: #e9edf0;
  --rz-base-lighter: #f6f7fa;
  --rz-base-dark: #77858b;
  --rz-base-darker: #28363c;
  --rz-primary: #ff6d41;
  --rz-primary-light: #ff7f58;
  --rz-primary-lighter: rgba(255, 109, 65, 0.16);
  --rz-primary-dark: #eb643c;
  --rz-primary-darker: #bf5231;
  --rz-secondary: #35a0d7;
  --rz-secondary-light: #4dabdc;
  --rz-secondary-lighter: rgba(53, 160, 215, 0.2);
  --rz-secondary-dark: #3193c6;
  --rz-secondary-darker: #2878a1;
  --rz-info: #2cc8c8;
  --rz-info-light: #4ed1d1;
  --rz-info-lighter: rgba(44, 200, 200, 0.2);
  --rz-info-dark: #25a8a8;
  --rz-info-darker: #219696;
  --rz-success: #5dbf74;
  --rz-success-light: #77c98a;
  --rz-success-lighter: rgba(93, 191, 116, 0.16);
  --rz-success-dark: #4ea061;
  --rz-success-darker: #468f57;
  --rz-warning: #fac152;
  --rz-warning-light: #fbcb6e;
  --rz-warning-lighter: rgba(250, 193, 82, 0.2);
  --rz-warning-dark: #d2a245;
  --rz-warning-darker: #bc913e;
  --rz-danger: #f9777f;
  --rz-danger-light: #fa8d93;
  --rz-danger-lighter: rgba(249, 119, 127, 0.2);
  --rz-danger-dark: #d1646b;
  --rz-danger-darker: #bb595f;
  --rz-on-base: #28363c;
  --rz-on-base-light: #28363c;
  --rz-on-base-lighter: #28363c;
  --rz-on-base-dark: #ffffff;
  --rz-on-base-darker: #ffffff;
  --rz-on-primary: #ffffff;
  --rz-on-primary-light: #ffffff;
  --rz-on-primary-lighter: #ff6d41;
  --rz-on-primary-dark: #ffffff;
  --rz-on-primary-darker: #ffffff;
  --rz-on-secondary: #ffffff;
  --rz-on-secondary-light: #ffffff;
  --rz-on-secondary-lighter: #35a0d7;
  --rz-on-secondary-dark: #ffffff;
  --rz-on-secondary-darker: #ffffff;
  --rz-on-info: #ffffff;
  --rz-on-info-light: #ffffff;
  --rz-on-info-lighter: #2cc8c8;
  --rz-on-info-dark: #ffffff;
  --rz-on-info-darker: #ffffff;
  --rz-on-success: #ffffff;
  --rz-on-success-light: #ffffff;
  --rz-on-success-lighter: #5dbf74;
  --rz-on-success-dark: #ffffff;
  --rz-on-success-darker: #ffffff;
  --rz-on-warning: #ffffff;
  --rz-on-warning-light: #ffffff;
  --rz-on-warning-lighter: #fac152;
  --rz-on-warning-dark: #ffffff;
  --rz-on-warning-darker: #ffffff;
  --rz-on-danger: #ffffff;
  --rz-on-danger-light: #ffffff;
  --rz-on-danger-lighter: #f9777f;
  --rz-on-danger-dark: #ffffff;
  --rz-on-danger-darker: #ffffff;
  --rz-series-1: #0479cc;
  --rz-series-2: #68d5c8;
  --rz-series-3: #ff6d41;
  --rz-series-4: #cb6992;
  --rz-series-5: #e6c54f;
  --rz-series-6: #f9777f;
  --rz-series-7: #5dbf74;
  --rz-series-8: #4db9f2;
  --rz-series-9: #06a9e0;
  --rz-series-10: #92e6de;
  --rz-series-11: #ff995b;
  --rz-series-12: #e093be;
  --rz-series-13: #f0dc6f;
  --rz-series-14: #fba7b2;
  --rz-series-15: #82d9a2;
  --rz-series-16: #6cd5f7;
  --rz-series-17: #0063c2;
  --rz-series-18: #50cdbe;
  --rz-series-19: #ff5628;
  --rz-series-20: #c1527f;
  --rz-series-21: #e1ba36;
  --rz-series-22: #f8616a;
  --rz-series-23: #45b35e;
  --rz-series-24: #34acef;
  /* Theme Constants */
  --rz-border-width: 1px;
  --rz-border-width: 0.0625rem;
  --rz-root-font-size: 16px;
  --rz-root-font-size: 1rem;
  --rz-body-font-size: 0.875rem;
  --rz-body-line-height: 1.429;
  --rz-body-background-color: var(--rz-base-100);
  --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --rz-outline-offset: 2px;
  --rz-outline-offset: 0.125rem;
  --rz-outline-width: 2px;
  --rz-outline-width: 0.125rem;
  --rz-outline-color: var(--rz-secondary);
  /* Semantic Text */
  --rz-text-title-color: var(--rz-base-900);
  --rz-text-color: var(--rz-base-800);
  --rz-text-secondary-color: var(--rz-base-700);
  --rz-text-tertiary-color: var(--rz-base-600);
  --rz-text-disabled-color: var(--rz-base-500);
  --rz-text-contrast-color: var(--rz-white);
  /* Text */
  --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
  --rz-text-display-h1-line-height: 1em;
  --rz-text-display-h1-font-weight: 700;
  --rz-text-display-h1-letter-spacing: -0.04em;
  --rz-text-display-h1-color: var(--rz-text-title-color);
  --rz-text-display-h1-margin-block-start: 0;
  --rz-text-display-h1-margin-block-end: 1rem;
  --rz-text-display-h2-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
  --rz-text-display-h2-line-height: calc(1em + 4px);
  --rz-text-display-h2-line-height: calc(1em + 0.25rem);
  --rz-text-display-h2-font-weight: 700;
  --rz-text-display-h2-letter-spacing: -0.03em;
  --rz-text-display-h2-color: var(--rz-text-title-color);
  --rz-text-display-h2-margin-block-start: 0;
  --rz-text-display-h2-margin-block-end: 1rem;
  --rz-text-display-h3-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
  --rz-text-display-h3-line-height: calc(1em + 4px);
  --rz-text-display-h3-line-height: calc(1em + 0.25rem);
  --rz-text-display-h3-font-weight: 700;
  --rz-text-display-h3-letter-spacing: -0.02em;
  --rz-text-display-h3-color: var(--rz-text-title-color);
  --rz-text-display-h3-margin-block-start: 0;
  --rz-text-display-h3-margin-block-end: 0.75rem;
  --rz-text-display-h4-font-size: clamp(2.25rem, 3.333vw, 3rem);
  --rz-text-display-h4-line-height: 1em;
  --rz-text-display-h4-font-weight: 700;
  --rz-text-display-h4-letter-spacing: -0.02em;
  --rz-text-display-h4-color: var(--rz-text-title-color);
  --rz-text-display-h4-margin-block-start: 0;
  --rz-text-display-h4-margin-block-end: 0.5rem;
  --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem);
  --rz-text-display-h5-line-height: 1em;
  --rz-text-display-h5-font-weight: 600;
  --rz-text-display-h5-letter-spacing: -0.02em;
  --rz-text-display-h5-color: var(--rz-text-title-color);
  --rz-text-display-h5-margin-block-start: 0;
  --rz-text-display-h5-margin-block-end: 0.5rem;
  --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
  --rz-text-display-h6-line-height: 1em;
  --rz-text-display-h6-font-weight: 600;
  --rz-text-display-h6-letter-spacing: -0.02em;
  --rz-text-display-h6-color: var(--rz-text-title-color);
  --rz-text-display-h6-margin-block-start: 0;
  --rz-text-display-h6-margin-block-end: 0.5rem;
  --rz-text-h1-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
  --rz-text-h1-line-height: calc(1em + 4px);
  --rz-text-h1-line-height: calc(1em + 0.25rem);
  --rz-text-h1-font-weight: 600;
  --rz-text-h1-letter-spacing: -0.04em;
  --rz-text-h1-color: var(--rz-text-title-color);
  --rz-text-h1-margin-block-start: 0;
  --rz-text-h1-margin-block-end: 1rem;
  --rz-text-h2-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
  --rz-text-h2-line-height: calc(1em + 4px);
  --rz-text-h2-line-height: calc(1em + 0.25rem);
  --rz-text-h2-font-weight: 600;
  --rz-text-h2-letter-spacing: -0.03em;
  --rz-text-h2-color: var(--rz-text-title-color);
  --rz-text-h2-margin-block-start: 0;
  --rz-text-h2-margin-block-end: 1rem;
  --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
  --rz-text-h3-line-height: 1em;
  --rz-text-h3-font-weight: 600;
  --rz-text-h3-letter-spacing: -0.02em;
  --rz-text-h3-color: var(--rz-text-title-color);
  --rz-text-h3-margin-block-start: 0;
  --rz-text-h3-margin-block-end: 0.75rem;
  --rz-text-h4-font-size: clamp(1.75rem, 2.778vw, 2.5rem);
  --rz-text-h4-line-height: 1em;
  --rz-text-h4-font-weight: 600;
  --rz-text-h4-letter-spacing: -0.02em;
  --rz-text-h4-color: var(--rz-text-title-color);
  --rz-text-h4-margin-block-start: 0;
  --rz-text-h4-margin-block-end: 0.5rem;
  --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
  --rz-text-h5-line-height: 1em;
  --rz-text-h5-font-weight: 600;
  --rz-text-h5-letter-spacing: -0.02em;
  --rz-text-h5-color: var(--rz-text-title-color);
  --rz-text-h5-margin-block-start: 0;
  --rz-text-h5-margin-block-end: 0.5rem;
  --rz-text-h6-font-size: clamp(1rem, 1.667vw, 1.25rem);
  --rz-text-h6-line-height: 1em;
  --rz-text-h6-font-weight: 600;
  --rz-text-h6-letter-spacing: -0.02em;
  --rz-text-h6-color: var(--rz-text-title-color);
  --rz-text-h6-margin-block-start: 0;
  --rz-text-h6-margin-block-end: 0.5rem;
  --rz-text-subtitle1-font-size: 1rem;
  --rz-text-subtitle1-line-height: 1.25rem;
  --rz-text-subtitle1-font-weight: 600;
  --rz-text-subtitle1-letter-spacing: -0.02em;
  --rz-text-subtitle1-color: var(--rz-text-title-color);
  --rz-text-subtitle1-margin-block-start: 0;
  --rz-text-subtitle1-margin-block-end: 0.5rem;
  --rz-text-subtitle2-font-size: 0.875rem;
  --rz-text-subtitle2-line-height: 1.25rem;
  --rz-text-subtitle2-font-weight: 600;
  --rz-text-subtitle2-letter-spacing: -0.02em;
  --rz-text-subtitle2-color: var(--rz-text-title-color);
  --rz-text-subtitle2-margin-block-start: 0;
  --rz-text-subtitle2-margin-block-end: 0.5rem;
  --rz-text-body1-font-size: 1rem;
  --rz-text-body1-line-height: 1.25rem;
  --rz-text-body1-font-weight: 400;
  --rz-text-body1-letter-spacing: -0.02em;
  --rz-text-body1-color: var(--rz-text-color);
  --rz-text-body1-margin-block-start: 0;
  --rz-text-body1-margin-block-end: 0.5rem;
  --rz-text-body2-font-size: 0.875rem;
  --rz-text-body2-line-height: 1.25rem;
  --rz-text-body2-font-weight: 400;
  --rz-text-body2-letter-spacing: -0.02em;
  --rz-text-body2-color: var(--rz-text-color);
  --rz-text-body2-margin-block-start: 0;
  --rz-text-body2-margin-block-end: 0.5rem;
  --rz-text-button-font-size: 0.875rem;
  --rz-text-button-line-height: 1.25rem;
  --rz-text-button-font-weight: 600;
  --rz-text-button-letter-spacing: -0.02em;
  --rz-text-button-color: var(--rz-text-color);
  --rz-text-button-margin-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-letter-spacing: 0.025rem;
  --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-letter-spacing: 0.09375rem;
  --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-lighter);
  --rz-text-selection-color: inherit;
  /* Link */
  --rz-link-color: var(--rz-secondary);
  --rz-link-text-decoration: none;
  --rz-link-hover-color: var(--rz-secondary-dark);
  --rz-link-hover-text-decoration: underline;
  --rz-link-focus-outline: var(--rz-outline-focus);
  --rz-link-focus-outline-offset: var(--rz-outline-offset);
  /* Base Background */
  --rz-base-background-color: var(--rz-white);
  /* Border */
  --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);
  /* Interaction State Border */
  --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300);
  --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400);
  --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400);
  --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200);
  /* Border Radius */
  --rz-border-radius: 4px;
  --rz-border-radius: 0.25rem;
  --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;
  /* Outline */
  --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);
  /* Interaction State Outline */
  --rz-outline-normal: none;
  --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color);
  /* Shadow */
  --rz-shadow-0: none;
  --rz-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08);
  --rz-shadow-1: 0 0 0.125rem 0 rgba(0, 0, 0, 0.08), 0 0.125rem 0.125rem rgba(0, 0, 0, 0.08);
  --rz-shadow-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
  --rz-shadow-2: 0 0 0.125rem 0 rgba(0, 0, 0, 0.08), 0 0.125rem 0.125rem rgba(0, 0, 0, 0.08), 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.04);
  --rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
  --rz-shadow-3: 0 0 0.25rem 0 rgba(0, 0, 0, 0.04), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  --rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11);
  --rz-shadow-4: 0 0 0.25rem 0 rgba(0, 0, 0, 0.04), 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.04), 0 0.5rem 1.25rem rgba(0, 0, 0, 0.11);
  --rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12);
  --rz-shadow-5: 0 0 0.375rem 0 rgba(0, 0, 0, 0.04), 0 0.25rem 0.375rem rgba(0, 0, 0, 0.04), 0 0.75rem 1.5rem rgba(0, 0, 0, 0.12);
  --rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13);
  --rz-shadow-6: 0 0 0.375rem 0 rgba(0, 0, 0, 0.04), 0 0.3125rem 0.5rem rgba(0, 0, 0, 0.04), 0 0.875rem 1.75rem rgba(0, 0, 0, 0.13);
  --rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14);
  --rz-shadow-7: 0 0 0.5rem 0 rgba(0, 0, 0, 0.04), 0 0.375rem 0.625rem rgba(0, 0, 0, 0.04), 0 1rem 2rem rgba(0, 0, 0, 0.14);
  --rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15);
  --rz-shadow-8: 0 0 0.5rem 0 rgba(0, 0, 0, 0.04), 0 0.4375rem 0.75rem rgba(0, 0, 0, 0.04), 0 1.125rem 2.5rem rgba(0, 0, 0, 0.15);
  --rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16);
  --rz-shadow-9: 0 0 0.75rem 0 rgba(0, 0, 0, 0.04), 0 0.5rem 1rem rgba(0, 0, 0, 0.04), 0 1.25rem 3rem rgba(0, 0, 0, 0.16);
  --rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.2);
  --rz-shadow-10: 0 0 0.75rem 0 rgba(0, 0, 0, 0.04), 0 0.5625rem 1.25rem rgba(0, 0, 0, 0.04), 0 1.375rem 4rem rgba(0, 0, 0, 0.2);
  /* Transition */
  --rz-transition: 0.1s linear;
  --rz-transition-all: all 0.1s linear;
  /* Layout Body */
  --rz-layout-body-margin: 0;
  --rz-layout-body-padding: 1rem;
  --rz-layout-body-border-radius: 0;
  --rz-layout-body-background-color: transparent;
  /* Accordion */
  --rz-accordion-item-padding-block: 0.25rem;
  --rz-accordion-item-padding-inline: 0;
  --rz-accordion-item-margin: 0;
  --rz-accordion-item-border: none;
  --rz-accordion-item-background-color: var(--rz-base-background-color);
  --rz-accordion-item-color: var(--rz-text-color);
  --rz-accordion-item-focus-outline: var(--rz-outline-focus);
  --rz-accordion-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
  --rz-accordion-item-line-height: 1.25rem;
  --rz-accordion-item-font-size: var(--rz-body-font-size);
  --rz-accordion-item-font-weight: normal;
  --rz-accordion-icon-width: var(--rz-icon-size);
  --rz-accordion-icon-height: var(--rz-icon-size);
  --rz-accordion-icon-font-size: var(--rz-icon-size);
  --rz-accordion-icon-margin-inline: 0 0.25rem;
  --rz-accordion-toggle-icon-margin-inline: 0 0.25rem;
  --rz-accordion-toggle-icon-order: 0;
  --rz-accordion-selected-color: var(--rz-secondary);
  --rz-accordion-hover-color: var(--rz-secondary);
  --rz-accordion-content-padding-inline: 1.5rem 0.5rem;
  --rz-accordion-content-padding-block: 0.5rem;
  --rz-accordion-content-font-size: var(--rz-body-font-size);
  --rz-accordion-border-radius: var(--rz-border-radius);
  --rz-accordion-shadow: none;
  /* Alert */
  --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-3);
  --rz-alert-border-radius: var(--rz-border-radius);
  --rz-alert-message-margin: 0.25rem 0;
  --rz-alert-title-color: var(--rz-text-h6-color);
  --rz-alert-icon-color: var(--rz-alert-color);
  --rz-alert-icon-margin: 0.25rem 0;
  --rz-alert-icon-size: var(--rz-icon-size);
  /* Badge */
  --rz-badge-border-radius: var(--rz-border-radius);
  --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
  --rz-badge-padding: 0.125rem 0.25rem;
  --rz-badge-pill-padding: 0.125rem 0.5rem;
  --rz-badge-font-size: 0.75rem;
  --rz-badge-font-weight: 600;
  --rz-badge-line-height: 1rem;
  --rz-badge-text-transform: uppercase;
  --rz-badge-letter-spacing: 0.02rem;
  /* Button */
  --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);
  --rz-button-shadow: none;
  --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: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
  --rz-button-hover-shadow: inset 0 -0.1875rem 0 0 rgba(255, 255, 255, 0.2);
  --rz-button-hover-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  --rz-button-hover-background-size: auto;
  --rz-button-focus-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
  --rz-button-focus-shadow: inset 0 -0.1875rem 0 0 rgba(255, 255, 255, 0.2);
  --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  --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: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
  --rz-button-active-shadow: inset 0 0.1875rem 0 0 rgba(0, 0, 0, 0.1);
  --rz-button-active-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  --rz-button-active-background-size: auto;
  --rz-button-disabled-opacity: 0.2;
  --rz-button-empty-opacity: 0.4;
  /* Card */
  --rz-card-padding: 1.25rem;
  --rz-card-background-color: var(--rz-base-background-color);
  --rz-card-flat-background-color: var(--rz-base-100);
  --rz-card-shadow: var(--rz-shadow-2);
  --rz-card-border: var(--rz-border-normal);
  --rz-card-border-radius: var(--rz-border-radius);
  --rz-card-heading-margin-bottom: 0.5rem;
  /* Chart */
  --rz-chart-axis-color: var(--rz-base-300);
  --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);
  /* Checkbox */
  --rz-checkbox-width: 1.25rem;
  --rz-checkbox-height: 1.25rem;
  --rz-checkbox-border-radius: 2px;
  --rz-checkbox-border-radius: 0.125rem;
  --rz-checkbox-border-width: inherit;
  --rz-checkbox-label-margin-block: 0;
  --rz-checkbox-label-margin-inline: 0.5rem 1rem;
  --rz-checkbox-margin-block: 1rem;
  --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-secondary);
  --rz-checkbox-checked-hover-background-color: var(--rz-secondary-light);
  --rz-checkbox-checked-disabled-background-color: var(--rz-secondary);
  --rz-checkbox-checked-color: var(--rz-on-secondary);
  --rz-checkbox-checked-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
  --rz-checkbox-checked-shadow: inset 0 -0.1875rem 0 0 rgba(255, 255, 255, 0.2);
  --rz-checkbox-checked-border: var(--rz-input-border);
  --rz-checkbox-checked-hover-border: var(--rz-input-border);
  --rz-checkbox-checked-disabled-border: var(--rz-input-border);
  --rz-checkbox-checked-icon-background-color: transparent;
  --rz-checkbox-checked-icon-border-radius: 0;
  --rz-checkbox-icon-width: var(--rz-body-font-size);
  --rz-checkbox-icon-height: var(--rz-body-font-size);
  --rz-checkbox-icon-font-size: var(--rz-body-font-size);
  --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
  --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
  --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size);
  /* Chip */
  --rz-chip-background-color: var(--rz-base-200);
  --rz-chip-color: var(--rz-text-color);
  --rz-chip-padding-block: 0;
  --rz-chip-padding-inline: 0.5rem 0;
  --rz-chip-gap: 0.5rem;
  --rz-chip-border-radius: var(--rz-border-radius);
  --rz-chip-font-size: 0.875rem;
  /* ColorPicker */
  --rz-colorpicker-panel-border: var(--rz-border-normal);
  --rz-colorpicker-panel-background-color: var(--rz-base-background-color);
  --rz-colorpicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
  --rz-colorpicker-panel-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.06);
  --rz-colorpicker-panel-padding: 0.5rem;
  --rz-colorpicker-panel-max-width: 20rem;
  --rz-colorpicker-saturation-height: 200px;
  --rz-colorpicker-saturation-height: 12.5rem;
  --rz-colorpicker-focus-outline: var(--rz-outline-focus);
  --rz-colorpicker-focus-outline-offset: var(--rz-outline-offset);
  --rz-colorpicker-value-border-radius: var(--rz-border-radius);
  --rz-colorpicker-items-gap: 0.5rem;
  --rz-colorpicker-item-size: 1.25rem;
  --rz-colorpicker-item-border-radius: var(--rz-border-radius);
  --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-shadow: rgba(0, 0, 0, 0.15) 0 0 0 0.0625rem inset, rgba(0, 0, 0, 0.25) 0 0 0.25rem inset;
  --rz-colorpicker-handle-size: 12px;
  --rz-colorpicker-handle-size: 0.75rem;
  --rz-colorpicker-handle-border: 2px solid var(--rz-white);
  --rz-colorpicker-handle-border: 0.125rem 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-handle-shadow: var(--rz-white) 0 0 0 0.0625rem, rgba(0, 0, 0, 0.3) 0 0 0.0625rem 0.0625rem inset, rgba(0, 0, 0, 0.4) 0 0 0.0625rem 0.125rem;
  --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);
  /* DataFilter */
  --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));
  /* DataList */
  --rz-datalist-background-color: var(--rz-base-background-color);
  --rz-datalist-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  --rz-datalist-shadow: 0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.01);
  --rz-datalist-padding: 0.5rem;
  --rz-datalist-border: var(--rz-border-base-200);
  --rz-datalist-border-radius: var(--rz-border-radius);
  --rz-datalist-item-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  --rz-datalist-item-shadow: 0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.01);
  --rz-datalist-item-border: var(--rz-border-base-200);
  --rz-datalist-item-margin-block: 0.5rem;
  --rz-datalist-item-margin-inline: 0.5rem;
  --rz-datalist-item-padding: 1rem;
  --rz-datalist-item-background-color: var(--rz-base-background-color);
  /* DatePicker */
  --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
  --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
  --rz-datepicker-line-height: 1.25rem;
  --rz-datepicker-trigger-icon-color: var(--rz-input-value-color);
  --rz-datepicker-trigger-icon-hover-color: var(--rz-input-value-color);
  --rz-datepicker-popup-width: 20rem;
  --rz-datepicker-panel-border: var(--rz-border-normal);
  --rz-datepicker-panel-background-color: var(--rz-base-background-color);
  --rz-datepicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
  --rz-datepicker-panel-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.06);
  --rz-datepicker-panel-margin: 0;
  --rz-datepicker-header-color: var(--rz-text-secondary-color);
  --rz-datepicker-header-background-color: var(--rz-base-200);
  --rz-datepicker-header-padding-block: 0.25rem;
  --rz-datepicker-header-padding-inline: 0.25rem;
  --rz-datepicker-header-border: none;
  --rz-datepicker-footer-padding: 0 1rem;
  --rz-datepicker-footer-line-height: 2.8125rem;
  --rz-datepicker-prev-next-icon-size: 1.5rem;
  --rz-datepicker-prev-next-button-border-radius: var(--rz-border-radius);
  --rz-datepicker-calendar-padding-block: 0;
  --rz-datepicker-calendar-padding-inline: 0;
  --rz-datepicker-calendar-item-padding: 0.5rem 0.875rem;
  --rz-datepicker-calendar-header-font-size: 0.625rem;
  --rz-datepicker-calendar-header-text-transform: uppercase;
  --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
  --rz-datepicker-calendar-font-size: var(--rz-body-font-size);
  --rz-datepicker-calendar-color: var(--rz-text-color);
  --rz-datepicker-calendar-hover-color: var(--rz-on-secondary-light);
  --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light);
  --rz-datepicker-calendar-selected-color: var(--rz-on-secondary-dark);
  --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark);
  --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary);
  --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary);
  --rz-datepicker-calendar-border: var(--rz-border-base-100);
  --rz-datepicker-calendar-border-radius: 0;
  --rz-datepicker-calendar-transition: var(--rz-transition-all);
  --rz-datepicker-calendar-today-color: var(--rz-secondary);
  --rz-datepicker-calendar-today-background-color: transparent;
  --rz-datepicker-calendar-today-box-shadow: none;
  --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius);
  --rz-datepicker-month-dropdown-width: 8rem;
  --rz-datepicker-year-dropdown-width: 4.5rem;
  --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: var(--rz-base-200);
  --rz-timepicker-separator-color: var(--rz-text-color);
  --rz-timepicker-padding-block: 0.5rem;
  --rz-timepicker-padding-inline: 0.5rem;
  --rz-timepicker-hour-padding: 0.5rem;
  --rz-timepicker-button-color: var(--rz-on-secondary);
  --rz-timepicker-button-background-color: var(--rz-secondary);
  --rz-timepicker-button-width: 0.875rem;
  --rz-timepicker-button-height: 0.875rem;
  --rz-timepicker-button-border-radius: 2px;
  --rz-timepicker-button-border-radius: 0.125rem;
  --rz-timepicker-button-padding: 0.5rem 1rem !important;
  --rz-timepicker-gap: 0.5rem;
  --rz-timepicker-separator-margin: 0 0.5rem;
  --rz-timepicker-border: none;
  /* Dialog */
  --rz-dialog-background-color: var(--rz-base-background-color);
  --rz-dialog-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
  --rz-dialog-shadow: 0 1.375rem 4rem 0 rgba(0, 0, 0, 0.22);
  --rz-dialog-title-background-color: var(--rz-base-100);
  --rz-dialog-title-border: none;
  --rz-dialog-title-padding-block: 0.6875rem;
  --rz-dialog-title-padding-inline: 1.25rem;
  --rz-dialog-title-font-size: 1.25rem;
  --rz-dialog-title-line-height: 1.875rem;
  --rz-dialog-title-font-weight: 700;
  --rz-dialog-title-letter-spacing: -0.03em;
  --rz-dialog-title-color: var(--rz-text-title-color);
  --rz-dialog-close-font-size: var(--rz-icon-size);
  --rz-dialog-close-color: var(--rz-text-tertiary-color);
  --rz-dialog-close-hover-color: var(--rz-text-color);
  --rz-dialog-close-vertical-align: middle;
  --rz-dialog-content-padding: 1.25rem;
  --rz-dialog-mask-background-color: var(--rz-base-800);
  --rz-dialog-border-radius: var(--rz-border-radius);
  --rz-dialog-mask-zindex: 1000;
  --rz-dialog-zindex: 1001;
  /* DropDown */
  --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: 0.5rem;
  --rz-dropdown-panel-padding: 0 0.5rem;
  --rz-dropdown-items-margin: 0 -0.5rem;
  --rz-dropdown-items-padding: 0;
  --rz-dropdown-item-padding: 0.5rem;
  --rz-dropdown-item-font-size: var(--rz-input-font-size);
  --rz-dropdown-item-hover-background-color: var(--rz-secondary-light);
  --rz-dropdown-item-selected-background-color: var(--rz-secondary-dark);
  --rz-dropdown-item-selected-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  --rz-dropdown-item-selected-shadow: 0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.01);
  --rz-dropdown-item-hover-color: var(--rz-on-secondary-light);
  --rz-dropdown-item-selected-color: var(--rz-on-secondary-dark);
  --rz-dropdown-item-selected-hover-background-color: var(--rz-secondary);
  --rz-dropdown-item-selected-hover-color: var(--rz-on-secondary);
  --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-base-100);
  --rz-dropdown-filter-padding: 0.5rem 0;
  --rz-dropdown-open-background-color: var(--rz-base-background-color);
  --rz-dropdown-open-border: var(--rz-input-border);
  --rz-dropdown-panel-border: var(--rz-input-border);
  --rz-dropdown-panel-shadow: none;
  --rz-dropdown-chips-padding-block: var(--rz-input-padding-block);
  --rz-dropdown-chips-padding-inline: var(--rz-input-padding-inline);
  --rz-multiselect-checkbox-margin-block: 0;
  --rz-multiselect-checkbox-margin-inline: 0 0.5rem;
  /* Editor */
  --rz-editor-border: var(--rz-input-border);
  --rz-editor-border-radius: var(--rz-border-radius);
  --rz-editor-toolbar-background-color: var(--rz-base-background-color);
  --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
  --rz-editor-button-padding: 0.5rem;
  --rz-editor-button-background-color: var(--rz-base-background-color);
  --rz-editor-button-color: var(--rz-text-color);
  --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
  --rz-editor-button-selected-background-color: var(--rz-secondary);
  --rz-editor-button-selected-color: var(--rz-on-secondary);
  --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));
  /* Fieldset */
  --rz-fieldset-border: var(--rz-border-normal);
  --rz-fieldset-border-radius: 0;
  --rz-fieldset-padding: 1.25rem;
  --rz-fieldset-legend-color: var(--rz-text-tertiary-color);
  --rz-fieldset-legend-font-size: var(--rz-body-font-size);
  --rz-fieldset-legend-margin-block: 0;
  --rz-fieldset-legend-margin-inline: 1rem 0;
  --rz-fieldset-legend-padding-block: 0;
  --rz-fieldset-legend-padding-inline: 1rem;
  --rz-fieldset-toggle-width: 1.125rem;
  --rz-fieldset-toggle-margin-block: 0;
  --rz-fieldset-toggle-margin-inline: 0 0.5rem;
  --rz-fieldset-toggle-height: 1.125rem;
  --rz-fieldset-toggle-background-color: var(--rz-base-200);
  --rz-fieldset-toggle-color: var(--rz-text-tertiary-color);
  --rz-fieldset-toggle-font-size: 1rem;
  --rz-fieldset-toggle-border: none;
  --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus);
  --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset);
  /* Footer */
  --rz-footer-padding: 1rem;
  --rz-footer-background-color: var(--rz-base-background-color);
  --rz-footer-border: var(--rz-border-base-200);
  --rz-footer-color: var(--rz-text-color);
  --rz-footer-z: 2;
  /* FormField */
  --rz-form-field-margin-block: 0.625rem 0;
  --rz-form-field-margin-inline: 0;
  --rz-form-field-start-end-padding-block: 0;
  --rz-form-field-start-end-padding-inline: var(--rz-input-padding-inline);
  --rz-form-field-filled-height: 3.25rem;
  --rz-form-field-filled-padding-block: 1.4375rem 0.4375rem;
  --rz-form-field-filled-padding-inline: 0.4375rem;
  --rz-form-field-filled-numeric-padding-block: 1.5rem 0.5rem;
  --rz-form-field-filled-numeric-padding-inline: 0.5rem 1.25rem;
  --rz-form-field-filled-background-color: var(--rz-base-100);
  --rz-form-field-filled-hover-background-color: var(--rz-base-200);
  --rz-form-field-filled-border: var(--rz-input-border);
  --rz-form-field-filled-hover-border: var(--rz-input-hover-border);
  --rz-form-field-filled-focus-border: var(--rz-input-focus-border);
  --rz-form-field-filled-border-radius: var(--rz-border-radius);
  --rz-form-field-filled-label-floating-top: 0.25rem;
  --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow);
  --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow);
  --rz-form-field-filled-underline-display: none;
  --rz-form-field-shadow: none;
  --rz-form-field-hover-shadow: none;
  --rz-form-field-focus-shadow: none;
  --rz-form-field-label-color: var(--rz-text-color);
  --rz-form-field-label-focus-color: var(--rz-primary);
  --rz-form-field-label-padding: 0.125rem 0.1875rem;
  --rz-form-field-text-label-padding: 0.125rem 0;
  --rz-form-field-label-inset-inline-start: 0.25rem;
  --rz-form-field-label-textarea-top: 0.375rem;
  --rz-form-field-label-floating-top: -0.625rem;
  --rz-form-field-label-floating-background-color: var(--rz-input-background-color);
  --rz-form-field-helper-padding: 0 0.5rem;
  /* Forms */
  --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(249, 119, 127, 0.3);
  --rz-validator-shadow: 0 0.375rem 0.875rem 0 rgba(249, 119, 127, 0.3);
  --rz-validator-text-padding: 0;
  --rz-validator-padding: 0.25rem 0.5rem;
  --rz-validator-pointer-size: 0.375rem;
  --rz-validator-transform: translateY(12px);
  --rz-validator-transform: translateY(0.75rem);
  /* Gauge */
  --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);
  /* Map */
  --rz-map-height: 10rem;
  --rz-map-padding: 1.25rem;
  --rz-map-background-color: var(--rz-base-background-color);
  --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  --rz-map-shadow: 0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.01);
  /* Gravatar */
  --rz-gravatar-width: 2rem;
  --rz-gravatar-height: 2rem;
  --rz-gravatar-border-radius: 50%;
  --rz-gravatar-box-shadow: none;
  /* Grid */
  --rz-grid-data-border-shadow: none;
  --rz-grid-cell-border: var(--rz-border-normal);
  --rz-grid-right-cell-border: var(--rz-border-normal);
  --rz-grid-bottom-cell-border: var(--rz-border-normal);
  --rz-grid-cell-padding: 0.5rem;
  --rz-grid-cell-color: var(--rz-text-color);
  --rz-grid-cell-font-size: var(--rz-body-font-size);
  --rz-grid-cell-line-height: var(--rz-body-line-height);
  --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter);
  --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter);
  --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-secondary-lighter);
  --rz-grid-hover-color: var(--rz-on-secondary-lighter);
  --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-dark);
  --rz-grid-selected-color: var(--rz-on-secondary-dark);
  --rz-grid-toolbar-background-color: var(--rz-base-background-color);
  --rz-grid-header-cell-border: var(--rz-border-normal);
  --rz-grid-header-cell-border-bottom: none;
  --rz-grid-header-background-color: var(--rz-base-200);
  --rz-grid-header-font-size: 0.75rem;
  --rz-grid-header-line-height: 1rem;
  --rz-grid-header-font-weight: 600;
  --rz-grid-header-text-transform: uppercase;
  --rz-grid-header-color: var(--rz-text-color);
  --rz-grid-header-cell-padding: 0.625rem 0;
  --rz-grid-header-title-padding-inline: 0.5rem 0;
  --rz-grid-header-sorted-background-color: var(--rz-base-300);
  --rz-grid-header-padding: 1rem;
  --rz-grid-foot-cell-color: var(--rz-text-color);
  --rz-grid-foot-background-color: var(--rz-base-200);
  --rz-grid-filter-background-color: var(--rz-base-100);
  --rz-grid-filter-padding: 0.5rem;
  --rz-grid-filter-margin: 0;
  --rz-grid-filter-border: var(--rz-border-normal);
  --rz-grid-filter-font-size: var(--rz-body-font-size);
  --rz-grid-filter-icon-width: var(--rz-icon-size);
  --rz-grid-filter-icon-height: var(--rz-icon-size);
  --rz-grid-filter-icon-margin-inline: 0 0.25rem;
  --rz-grid-filter-icon-font-size: var(--rz-icon-size);
  --rz-grid-filter-color: var(--rz-text-disabled-color);
  --rz-grid-filter-focus-color: var(--rz-secondary);
  --rz-grid-filter-gap: 1rem;
  --rz-grid-filter-buttons-padding: 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);
  --rz-grid-clear-filter-button-color: var(--rz-on-base);
  --rz-grid-clear-filter-button-shadow: none;
  --rz-grid-apply-filter-button-background-color: var(--rz-primary);
  --rz-grid-apply-filter-button-color: var(--rz-on-primary);
  --rz-grid-apply-filter-button-shadow: none;
  --rz-grid-header-filter-icon-margin-inline: auto 0.5rem;
  --rz-grid-header-filter-icon-hover-color: var(--rz-text-color);
  --rz-grid-header-filter-icon-active-color: var(--rz-primary);
  --rz-grid-header-filter-icon-font-size: 1rem;
  --rz-grid-border: var(--rz-border-normal);
  --rz-grid-border-radius: 0;
  --rz-grid-sort-icon-width: 1rem;
  --rz-grid-sort-icon-height: 1rem;
  --rz-grid-sort-icon-color: var(--rz-text-disabled-color);
  --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  --rz-grid-shadow: 0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.01);
  --rz-grid-background-color: var(--rz-base-background-color);
  --rz-grid-stripe-background-color: var(--rz-base-100);
  --rz-grid-stripe-odd-background-color: var(--rz-base-background-color);
  --rz-grid-column-resizer-width: 0.5rem;
  --rz-grid-column-resizer-helper-width: 0.25rem;
  --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
  --rz-grid-column-icon-width: 2rem;
  --rz-grid-column-icon-padding: 0;
  --rz-grid-detail-template-border: none;
  --rz-grid-detail-template-border-radius: 0;
  --rz-grid-detail-template-padding: 0;
  --rz-grid-detail-template-background-color: var(--rz-base-background-color);
  --rz-grid-loading-indicator-color: currentColor;
  --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5);
  --rz-grid-frozen-cell-border: var(--rz-border-normal);
  --rz-grid-frozen-cell-background-color: var(--rz-base-200);
  --rz-grid-state-transition: var(--rz-transition-all);
  --rz-grid-group-header-padding: 0.5rem;
  --rz-grid-group-header-gap: 0.5rem;
  --rz-grid-group-header-item-color: var(--rz-text-color);
  --rz-grid-group-header-item-background-color: var(--rz-base-background-color);
  --rz-grid-group-header-item-padding-block: 0.5rem;
  --rz-grid-group-header-item-padding-inline: 0.5rem;
  --rz-grid-group-header-item-border: var(--rz-border-normal);
  --rz-grid-group-header-item-border-radius: var(--rz-border-radius);
  --rz-grid-group-header-item-title-margin-inline: 0 0.5rem;
  --rz-column-drag-handle-color: var(--rz-text-color);
  --rz-column-drag-handle-hover-color: var(--rz-text-color);
  --rz-column-drag-handle-margin-inline: 0 auto;
  --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
  --rz-column-draggable-shadow: 0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.1);
  /* Header */
  --rz-header-background-color: var(--rz-base-background-color);
  --rz-header-min-height: 3.125rem;
  --rz-header-z: 2;
  --rz-header-border: var(--rz-border-base-200);
  --rz-header-color: var(--rz-text-color);
  --rz-header-shadow: none;
  /* Icon */
  --rz-icon-font-family: Material Icons;
  --rz-icon-size: 1.25rem;
  --rz-icon-fill: 0;
  --rz-icon-weight: inherit;
  --rz-icon-grade: 0;
  --rz-icon-optical-size: 48;
  /* Input */
  --rz-input-font-size: var(--rz-body-font-size);
  --rz-input-height: 3.125rem;
  --rz-input-line-height: var(--rz-body-line-height);
  --rz-input-padding-block: 0.4375rem;
  --rz-input-padding-inline: 0.4375rem;
  --rz-input-value-color: var(--rz-text-color);
  --rz-input-placeholder-color: var(--rz-text-tertiary-color);
  --rz-input-background-color: var(--rz-base-background-color);
  --rz-input-border: var(--rz-border-normal);
  --rz-input-border-radius: var(--rz-border-radius);
  --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  --rz-input-shadow: inset 0 0.25rem 0.1875rem 0 rgba(0, 0, 0, 0.03);
  --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  --rz-input-hover-shadow: inset 0 0.25rem 0.1875rem 0 rgba(0, 0, 0, 0.03);
  --rz-input-hover-border: var(--rz-border-hover);
  --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  --rz-input-focus-shadow: inset 0 0.25rem 0.1875rem 0 rgba(0, 0, 0, 0.03);
  --rz-input-focus-border: var(--rz-border-focus);
  --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-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  --rz-input-disabled-shadow: inset 0 0.25rem 0.1875rem 0 rgba(0, 0, 0, 0.03);
  --rz-input-disabled-background-color: var(--rz-base-100);
  --rz-input-disabled-color: var(--rz-text-tertiary-color);
  --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
  --rz-input-disabled-opacity: 1;
  --rz-input-transition: var(--rz-transition-all), width 0, height 0;
  /* Layout */
  --rz-layout-background-color: var(--rz-body-background-color);
  /* Listbox */
  --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-100);
  --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 0.5rem;
  --rz-listbox-header-padding-block: 0.5rem;
  --rz-listbox-header-padding-inline: 0.5rem;
  --rz-listbox-header-icon-width: var(--rz-icon-size);
  --rz-listbox-header-icon-height: var(--rz-icon-size);
  --rz-listbox-header-icon-margin: 0;
  /* Login */
  --rz-login-register-background-color: var(--rz-base-100);
  --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;
  /* Lookup */
  --rz-lookup-panel-background-color: var(--rz-base-background-color);
  --rz-lookup-panel-padding: 1rem;
  --rz-lookup-search-gap: 0.5rem;
  --rz-lookup-search-margin-bottom: 0.5rem;
  /* Menu */
  --rz-menu-background-color: var(--rz-base-background-color);
  --rz-menu-border: var(--rz-border-normal);
  --rz-menu-border-radius: 2px;
  --rz-menu-border-radius: 0.125rem;
  --rz-menu-item-padding-block: 0.5rem;
  --rz-menu-item-padding-inline: 0.5rem 1rem;
  --rz-menu-item-border-radius: 0;
  --rz-menu-item-color: var(--rz-text-color);
  --rz-menu-item-hover-color: var(--rz-on-secondary-light);
  --rz-menu-item-hover-background-color: var(--rz-secondary-light);
  --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-text-color);
  --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-on-secondary-light);
  --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-background-color);
  --rz-menu-top-item-hover-color: var(--rz-secondary);
  --rz-menu-top-item-hover-background-color: transparent;
  --rz-menu-top-item-selected-color: var(--rz-secondary);
  --rz-menu-top-item-icon-color: var(--rz-text-color);
  --rz-menu-top-item-icon-hover-color: var(--rz-secondary);
  --rz-context-menu-padding-block: 0;
  --rz-context-menu-padding-inline: 0;
  --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
  --rz-context-menu-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.04), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  /* Notification */
  --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: none;
  --rz-notification-border-radius: var(--rz-border-radius);
  --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);
  /* Numeric */
  --rz-numeric-line-height: 1.25rem;
  --rz-numeric-input-padding-block: 0.5rem;
  --rz-numeric-input-padding-inline: 0.5rem 1.25rem;
  --rz-numeric-button-width: 0.875rem;
  --rz-numeric-button-height: 0.875rem;
  --rz-numeric-button-offset: 2px;
  --rz-numeric-button-offset: 0.125rem;
  --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
  --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 0.125rem);
  --rz-numeric-button-background-color: var(--rz-secondary);
  --rz-numeric-button-disabled-background-color: var(--rz-base-300);
  --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
  --rz-numeric-button-color: var(--rz-on-secondary);
  /* Overlay */
  --rz-overlay-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
  --rz-overlay-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.06);
  --rz-overlay-border: var(--rz-border-normal);
  --rz-overlay-background-color: var(--rz-base-100);
  /* Pager */
  --rz-pager-background-color: var(--rz-base-background-color);
  --rz-pager-padding: 0.5rem;
  --rz-pager-gap: 0.5rem;
  --rz-pager-border: var(--rz-border-normal);
  --rz-pager-button-border-radius: var(--rz-border-radius);
  --rz-pager-numeric-button-background-color: var(--rz-base-200);
  --rz-pager-numeric-button-color: var(--rz-text-color);
  --rz-pager-numeric-button-border: 1px solid transparent;
  --rz-pager-numeric-button-border: 0.0625rem solid transparent;
  --rz-pager-numeric-button-hover-background-color: var(--rz-base-200);
  --rz-pager-numeric-button-hover-color: var(--rz-text-color);
  --rz-pager-numeric-button-padding: 0.4375rem;
  --rz-pager-numeric-button-selected-background-color: var(--rz-base-background-color);
  --rz-pager-numeric-button-selected-color: var(--rz-primary);
  --rz-pager-numeric-button-selected-border: var(--rz-border-base-200);
  --rz-pager-numeric-button-selected-padding: 0.4375rem;
  --rz-pager-numeric-button-min-width: 2.25rem;
  --rz-pager-back-button-background-color: var(--rz-base-200);
  --rz-pager-back-button-color: var(--rz-text-color);
  --rz-pager-next-button-background-color: var(--rz-base-200);
  --rz-pager-next-button-color: var(--rz-text-color);
  --rz-pager-dropdown-width: 80px;
  --rz-pager-dropdown-width: 5rem;
  --rz-pager-summary-padding: 1.25rem;
  --rz-pager-summary-font-size: var(--rz-body-font-size);
  --rz-pager-summary-color: var(--rz-text-secondary-color);
  /* PanelMenu */
  --rz-panel-menu-padding-block: 0;
  --rz-panel-menu-padding-inline: 0;
  --rz-panel-menu-font-size: var(--rz-body-font-size);
  --rz-panel-menu-font-weight: 600;
  --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.25rem;
  --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;
  --rz-panel-menu-item-border: var(--rz-border-base-900);
  --rz-panel-menu-item-border-radius: 0;
  --rz-panel-menu-item-color: var(--rz-text-contrast-color);
  --rz-panel-menu-item-background-color: var(--rz-base-800);
  --rz-panel-menu-item-hover-color: var(--rz-text-contrast-color);
  --rz-panel-menu-item-hover-background-color: rgba(0, 0, 0, 0.3);
  --rz-panel-menu-item-active-color: var(--rz-text-contrast-color);
  --rz-panel-menu-item-active-background-color: var(--rz-base-900);
  --rz-panel-menu-item-active-indicator: var(--rz-secondary);
  --rz-panel-menu-item-offset: 0.75rem;
  --rz-panel-menu-item-transition: color var(--rz-transition), background-color var(--rz-transition);
  --rz-panel-menu-2nd-level-vertical-offset: 0;
  --rz-panel-menu-item-2nd-level-padding-block: 0.5rem;
  --rz-panel-menu-item-2nd-level-padding-inline: 1rem;
  --rz-panel-menu-item-2nd-level-margin-block: 0;
  --rz-panel-menu-item-2nd-level-margin-inline: 0;
  --rz-panel-menu-item-2nd-level-border-radius: 0;
  --rz-panel-menu-item-2nd-level-offset: 2.75rem;
  --rz-panel-menu-item-2nd-level-font-size: var(--rz-body-font-size);
  --rz-panel-menu-item-2nd-level-font-weight: 400;
  --rz-panel-menu-item-2nd-level-color: inherit;
  --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-900);
  --rz-panel-menu-item-2nd-level-hover-color: inherit;
  --rz-panel-menu-item-2nd-level-hover-background-color: rgba(0, 0, 0, 0.4);
  --rz-panel-menu-item-2nd-level-active-color: inherit;
  --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4);
  --rz-panel-menu-item-2nd-level-active-font-weight: inherit;
  --rz-panel-menu-item-3rd-level-color: inherit;
  --rz-panel-menu-item-3rd-level-background-color: rgba(0, 0, 0, 0.4);
  --rz-panel-menu-item-3rd-level-hover-color: inherit;
  --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6);
  --rz-panel-menu-item-3rd-level-active-color: inherit;
  --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6);
  --rz-panel-menu-icon-width: var(--rz-icon-size);
  --rz-panel-menu-icon-font-size: var(--rz-icon-size);
  --rz-panel-menu-icon-color: inherit;
  --rz-panel-menu-icon-height: var(--rz-icon-size);
  --rz-panel-menu-icon-margin-inline: 0 0.5rem;
  --rz-panel-menu-icon-2nd-level-margin-inline: -1.625rem 0.625rem;
  --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8);
  --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
  --rz-panel-menu-toggle-icon-opacity: 1;
  /* Panel */
  --rz-panel-background-color: var(--rz-base-background-color);
  --rz-panel-padding: 0.5rem;
  --rz-panel-title-line-height: 1.25rem;
  --rz-panel-title-font-weight: 600;
  --rz-panel-content-margin: 0;
  --rz-panel-toggle-icon-width: var(--rz-icon-size);
  --rz-panel-toggle-icon-height: var(--rz-icon-size);
  --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
  --rz-panel-toggle-icon-border-radius: 2px;
  --rz-panel-toggle-icon-border-radius: 0.125rem;
  --rz-panel-toggle-icon-background-color: var(--rz-base-200);
  --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-secondary);
  --rz-panel-border-radius: var(--rz-border-radius);
  --rz-panel-shadow: none;
  /* ProfileMenu */
  --rz-profile-menu-background-color: var(--rz-base-background-color);
  --rz-profile-menu-top-item-background-color: var(--rz-base-background-color);
  --rz-profile-menu-border: var(--rz-border-base-200);
  --rz-profile-menu-padding-block: 0.625rem;
  --rz-profile-menu-padding-inline: 1rem;
  --rz-profile-menu-border-radius: var(--rz-border-radius);
  --rz-profile-menu-toggle-button-color: var(--rz-secondary);
  --rz-profile-menu-item-hover-background-color: var(--rz-secondary);
  --rz-profile-menu-item-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;
  /* ProgressBar */
  --rz-progressbar-value: 100%;
  --rz-progressbar-background-color: var(--rz-base-200);
  --rz-progressbar-color: var(--rz-text-color);
  --rz-progressbar-font-size: var(--rz-body-font-size);
  --rz-progressbar-height: 1.25rem;
  --rz-progressbar-border-radius: var(--rz-border-radius);
  --rz-progressbar-value-background-color: var(--rz-secondary);
  --rz-progressbar-value-transition: var(--rz-transition-all);
  --rz-progressbar-circular-stroke-width: 2px;
  --rz-progressbar-circular-stroke-width: 0.125rem;
  --rz-progressbar-circular-value-stroke-width: 3px;
  --rz-progressbar-circular-value-stroke-width: 0.1875rem;
  --rz-progressbar-circular-value-endpoint: round;
  /* Radio */
  --rz-radio-width: 1.25rem;
  --rz-radio-height: 1.25rem;
  --rz-radio-border-radius: 50%;
  --rz-radio-border-width: inherit;
  --rz-radio-label-margin-block: 0;
  --rz-radio-label-margin-inline: 0.5rem 1rem;
  --rz-radio-margin-block: 1rem;
  --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-secondary);
  --rz-radio-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
  --rz-radio-active-shadow: inset 0 0.1875rem 0 0 rgba(0, 0, 0, 0.1);
  --rz-radio-checked-background-color: var(--rz-secondary);
  --rz-radio-checked-hover-background-color: var(--rz-secondary-light);
  --rz-radio-checked-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
  --rz-radio-checked-hover-shadow: inset 0 -0.1875rem 0 0 rgba(255, 255, 255, 0.2);
  --rz-radio-checked-color: var(--rz-text-contrast-color);
  --rz-radio-circle-background-color: var(--rz-base-background-color);
  --rz-radio-circle-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
  --rz-radio-circle-shadow: inset 0 0.25rem 0.4375rem 0 rgba(0, 0, 0, 0.03);
  --rz-radio-circle-hover-background-color: var(--rz-base-100);
  --rz-radio-icon-width: 0.5rem;
  --rz-radio-icon-height: 0.5rem;
  --rz-radio-checked-border: var(--rz-input-border);
  /* Rating */
  --rz-rating-color: var(--rz-secondary);
  --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.3;
  --rz-rating-ban-icon: highlight_off;
  --rz-rating-ban-icon-color: var(--rz-secondary);
  /* Scheduler */
  --rz-scheduler-border: var(--rz-border-normal);
  --rz-scheduler-border-color: var(--rz-base-300);
  --rz-scheduler-minor-border-color: var(--rz-base-200);
  --rz-scheduler-border-radius: var(--rz-border-radius);
  --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  --rz-scheduler-shadow: 0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.01);
  --rz-scheduler-background-color: var(--rz-base-background-color);
  --rz-scheduler-color: var(--rz-text-tertiary-color);
  --rz-scheduler-toolbar-padding: 0.5rem;
  --rz-scheduler-toolbar-background-color: var(--rz-base-200);
  --rz-scheduler-toolbar-title-font-size: 1rem;
  --rz-scheduler-toolbar-title-font-weight: 700;
  --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
  --rz-scheduler-prev-next-button-background-color: var(--rz-secondary);
  --rz-scheduler-prev-next-button-color: var(--rz-on-secondary);
  --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: var(--rz-border-radius);
  --rz-scheduler-prev-button-border-start-end-radius: 0;
  --rz-scheduler-prev-button-border-end-start-radius: var(--rz-border-radius);
  --rz-scheduler-prev-button-border-end-end-radius: 0;
  --rz-scheduler-next-button-border-start-start-radius: 0;
  --rz-scheduler-next-button-border-start-end-radius: var(--rz-border-radius);
  --rz-scheduler-next-button-border-end-start-radius: 0;
  --rz-scheduler-next-button-border-end-end-radius: var(--rz-border-radius);
  --rz-scheduler-today-button-margin-inline-start: 0.5rem;
  --rz-scheduler-today-button-padding: 0.5rem 1rem;
  --rz-scheduler-today-button-font-size: 0.75rem;
  --rz-scheduler-today-button-text-transform: uppercase;
  --rz-scheduler-view-button-border: var(--rz-border-normal);
  --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
  --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
  --rz-scheduler-view-selected-color: var(--rz-on-secondary);
  --rz-scheduler-view-selected-background-color: var(--rz-secondary);
  --rz-scheduler-view-selected-border-color: var(--rz-secondary);
  --rz-scheduler-header-background-color: var(--rz-base-200);
  --rz-scheduler-header-font-size: 0.75rem;
  --rz-scheduler-header-font-size-small: 0.5rem;
  --rz-scheduler-header-text-transform: uppercase;
  --rz-scheduler-header-color: inherit;
  --rz-scheduler-header-border: var(--rz-border-normal);
  --rz-scheduler-header-padding: 0.5rem 0;
  --rz-scheduler-event-color: var(--rz-on-info);
  --rz-scheduler-event-background-color: var(--rz-info);
  --rz-scheduler-event-font-size: 0.75rem;
  --rz-scheduler-event-line-height: 1.25rem;
  --rz-scheduler-event-padding-block: 0 1px;
  --rz-scheduler-event-padding-block: 0 0.0625rem;
  --rz-scheduler-event-padding-inline: 1px;
  --rz-scheduler-event-padding-inline: 0.0625rem;
  --rz-scheduler-event-content-padding: 0.125rem 0.25rem;
  --rz-scheduler-event-list-button-color: var(--rz-secondary);
  --rz-scheduler-event-list-button-font-size: 0.75rem;
  --rz-scheduler-slot-title-font-size: 0.875rem;
  --rz-scheduler-slot-title-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-disabled-color);
  --rz-scheduler-weekend-background-color: var(--rz-base-50);
  --rz-scheduler-other-month-background-color: var(--rz-base-100);
  --rz-scheduler-timeline-slot-width: 7rem;
  --rz-scheduler-timeline-slot-height: 7rem;
  --rz-scheduler-year-padding: 1.5rem;
  --rz-scheduler-year-slot-padding: 1px;
  --rz-scheduler-year-slot-padding: 0.0625rem;
  --rz-scheduler-year-slot-title-width: 100%;
  --rz-scheduler-year-slot-title-border-radius: 0.25rem;
  --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);
  /* Scrollbar */
  --rz-scrollbar-background-color: transparent;
  --rz-scrollbar-color: var(--rz-secondary);
  --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
  --rz-scrollbar-size: 16px;
  --rz-scrollbar-size: 1rem;
  /* SecurityCode */
  --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;
  /* SelectBar */
  --rz-selectbar-background-color: var(--rz-base-backgorund-color);
  --rz-selectbar-color: var(--rz-text-color);
  --rz-selectbar-border: var(--rz-border-normal);
  --rz-selectbar-selected-background-color: var(--rz-secondary);
  --rz-selectbar-selected-color: var(--rz-on-secondary);
  --rz-selectbar-selected-border: var(--rz-border-secondary);
  --rz-selectbar-border-radius: var(--rz-border-radius);
  /* SidebarToggle */
  --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: var(--rz-border-base-200);
  --rz-sidebar-toggle-color: var(--rz-base-900);
  --rz-sidebar-toggle-background-color: var(--rz-header-background-color);
  --rz-sidebar-toggle-hover-color: var(--rz-secondary);
  --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color);
  --rz-sidebar-toggle-hover-border-radius: 0;
  --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus);
  --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset));
  /* Sidebar */
  --rz-sidebar-z: 1;
  --rz-sidebar-width: 250px;
  --rz-sidebar-width: 15.625rem;
  --rz-sidebar-border-inline-end: var(--rz-border-normal);
  --rz-sidebar-background-color: var(--rz-base-800);
  --rz-sidebar-color: var(--rz-white);
  /* Slider */
  --rz-slider-background-color: var(--rz-base-background-color);
  --rz-slider-border: var(--rz-border-normal);
  --rz-slider-border-radius: var(--rz-border-radius);
  --rz-slider-horizontal-height: 0.5rem;
  --rz-slider-horizontal-width: 10rem;
  --rz-slider-range-background-color: var(--rz-secondary-lighter);
  --rz-slider-range-border: var(--rz-border-secondary-light);
  --rz-slider-handle-width: 0.75rem;
  --rz-slider-handle-height: 1.5rem;
  --rz-slider-handle-color: var(--rz-on-secondary);
  --rz-slider-handle-background-color: var(--rz-secondary);
  --rz-slider-handle-border: none;
  --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2);
  --rz-slider-handle-shadow: none;
  --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
  --rz-slider-handle-hover-background-color: var(--rz-secondary-light);
  --rz-slider-handle-hover-border: none;
  --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
  --rz-slider-handle-hover-shadow: inset 0 -0.1875rem 0 0 rgba(255, 255, 255, 0.2);
  --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-background-color);
  --rz-slider-disabled-border: var(--rz-border-disabled);
  --rz-slider-disabled-range-background-color: var(--rz-base-100);
  --rz-slider-disabled-range-border: var(--rz-border-normal);
  --rz-slider-disabled-handle-border: none;
  --rz-slider-disabled-handle-background-color: var(--rz-base-300);
  /* SplitButton */
  --rz-splitbutton-menu-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
  --rz-splitbutton-menu-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.06);
  --rz-splitbutton-menu-min-width: 10rem;
  --rz-splitbutton-background-color: var(--rz-primary);
  --rz-splitbutton-border-radius: var(--rz-border-radius);
  /* Splitter */
  --rz-splitter-bar-color: var(--rz-text-secondary-color);
  --rz-splitter-bar-color-active: var(--rz-on-secondary);
  --rz-splitter-bar-background-color: var(--rz-base-200);
  --rz-splitter-bar-background-color-active: var(--rz-secondary);
  --rz-splitter-bar-hover-opacity: 1;
  /* Stack/Grid Layout */
  --rz-gap: 1rem;
  --rz-row-gap: 1rem;
  /* Steps */
  --rz-steps-color: var(--rz-text-color);
  --rz-steps-number-border-radius: 50%;
  --rz-steps-number-padding-block: 0.375rem;
  --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-color);
  --rz-steps-number-background-color: var(--rz-base-200);
  --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);
  /* Switch */
  --rz-switch-background-color: var(--rz-base-400);
  --rz-switch-checked-background-color: var(--rz-secondary);
  --rz-switch-box-shadow: none;
  --rz-switch-circle-background-color: var(--rz-text-contrast-color);
  --rz-switch-checked-circle-background-color: var(--rz-on-secondary);
  --rz-switch-focus-outline: var(--rz-outline-focus);
  --rz-switch-focus-outline-offset: var(--rz-outline-offset);
  /* Tabs */
  --rz-tabs-padding: 1.25rem;
  --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  --rz-tabs-shadow: 0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.01);
  --rz-tabs-border: var(--rz-border-base-200);
  --rz-tabs-border-radius: var(--rz-border-radius);
  --rz-tabs-background-color: var(--rz-base-background-color);
  --rz-tabs-tab-font-size: var(--rz-body-font-size);
  --rz-tabs-tab-line-height: var(--rz-body-line-height);
  --rz-tabs-tab-font-weight: normal;
  --rz-tabs-tab-text-transform: none;
  --rz-tabs-tab-letter-spacing: 0;
  --rz-tabs-tab-padding-block: 0.5rem;
  --rz-tabs-tab-padding-inline: 1rem;
  --rz-tabs-tab-background-color: var(--rz-base-200);
  --rz-tabs-tab-color: var(--rz-secondary);
  --rz-tabs-tab-selected-background-color: var(--rz-tabs-background-color);
  --rz-tabs-tab-selected-color: var(--rz-text-title-color);
  --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
  --rz-tabs-tab-hover-background-color: var(--rz-base-background-color);
  --rz-tabs-tab-hover-color: var(--rz-secondary-light);
  --rz-tabs-tab-focus-background-color: var(--rz-base-background-color);
  --rz-tabs-tab-focus-color: var(--rz-secondary-light);
  --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);
  /* Textarea */
  --rz-text-area-padding-block: var(--rz-input-padding-block);
  --rz-text-area-padding-inline: var(--rz-input-padding-inline);
  /* Timeline */
  --rz-timeline-item-padding: 0.5rem;
  --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: 0.1875rem 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-300);
  --rz-timeline-point-color: var(--rz-text-color);
  --rz-timeline-line-color: var(--rz-base-300);
  --rz-timeline-line-width: 0.125rem;
  --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20);
  /* Tooltip */
  --rz-tooltip-background-color: var(--rz-info);
  --rz-tooltip-color: var(--rz-on-info);
  --rz-tooltip-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
  --rz-tooltip-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.15);
  --rz-tooltip-padding: 0.25rem 0.5rem;
  --rz-tooltip-border-radius: var(--rz-border-radius);
  --rz-tooltip-font-size: var(--rz-body-font-size);
  /* Tree */
  --rz-tree-background-color: var(--rz-base-background-color);
  --rz-tree-node-padding-block: 0.25rem;
  --rz-tree-node-padding-inline: 0.25rem;
  --rz-tree-node-selected-background-color: var(--rz-secondary);
  --rz-tree-node-selected-color: var(--rz-on-secondary);
  --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius) / 2);
  --rz-tree-node-margin-block: 1px;
  --rz-tree-node-margin-block: 0.0625rem;
  --rz-tree-node-margin-inline: 1px;
  --rz-tree-node-margin-inline: 0.0625rem;
  --rz-tree-node-hover-background-color: var(--rz-secondary-light);
  --rz-tree-node-hover-color: var(--rz-on-secondary-light);
  --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: 1rem;
  --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
  --rz-tree-node-toggle-hover-color: var(--rz-text-color);
  --rz-tree-transition: var(--rz-transition-all), width 0, height 0;
  /* Upload */
  --rz-upload-button-bar-background-color: var(--rz-base-200);
  --rz-upload-button-bar-padding: 0.5rem;
  --rz-upload-button-bar-border-radius: var(--rz-border-radius);
  --rz-upload-files-background-color: var(--rz-base-background-color);
  --rz-upload-files-padding: 0.5rem 0;
  --rz-upload-files-remove-background-color: var(--rz-base-300);
  --rz-upload-files-remove-color: var(--rz-text-color);
  --rz-upload-files-margin: 0 0.5rem;
  --rz-upload-choose-background-color: var(--rz-secondary);
  --rz-upload-choose-color: var(--rz-on-secondary);
  --rz-upload-choose-hover-background-color: var(--rz-secondary);
  --rz-upload-choose-hover-color: var(--rz-on-secondary);
  --rz-upload-choose-active-background-color: var(--rz-secondary-dark);
  --rz-upload-choose-active-color: var(--rz-on-secondary-dark);
  --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);
}

:root {
  /* Theme Colors */
  --rz-white: #ffffff;
  --rz-black: #000000;
  --rz-base: #dadfe2;
  --rz-base-50: #ffffff;
  --rz-base-100: #f6f7fa;
  --rz-base-200: #e9edf0;
  --rz-base-300: #dadfe2;
  --rz-base-400: #c1c9cb;
  --rz-base-500: #95a4a8;
  --rz-base-600: #77858b;
  --rz-base-700: #545e61;
  --rz-base-800: var(--accent-one-color);
  --rz-base-900: #28363c;
  --rz-base-light: #e9edf0;
  --rz-base-lighter: #f6f7fa;
  --rz-base-dark: #77858b;
  --rz-base-darker: #28363c;
  --rz-primary: var(--primary-color);
  --rz-primary-light: var(--primary-color);
  --rz-primary-lighter: var(--primary-color);
  --rz-primary-dark: var(--primary-color);
  --rz-primary-darker: var(--primary-color);
  --rz-secondary: var(--secondary-color);
  --rz-secondary-light: var(--secondary-color);
  --rz-secondary-lighter: var(--secondary-color);
  --rz-secondary-dark: var(--secondary-color);
  --rz-secondary-darker: var(--secondary-color);
  --rz-info: #2cc8c8;
  --rz-info-light: #4ed1d1;
  --rz-info-lighter: rgba(44, 200, 200, 0.2);
  --rz-info-dark: #25a8a8;
  --rz-info-darker: #219696;
  --rz-success: #5dbf74;
  --rz-success-light: #77c98a;
  --rz-success-lighter: rgba(93, 191, 116, 0.16);
  --rz-success-dark: #4ea061;
  --rz-success-darker: #468f57;
  --rz-warning: #fac152;
  --rz-warning-light: #fbcb6e;
  --rz-warning-lighter: rgba(250, 193, 82, 0.2);
  --rz-warning-dark: #d2a245;
  --rz-warning-darker: #bc913e;
  --rz-danger: #f9777f;
  --rz-danger-light: #fa8d93;
  --rz-danger-lighter: rgba(249, 119, 127, 0.2);
  --rz-danger-dark: #d1646b;
  --rz-danger-darker: #bb595f;
  --rz-on-base: #28363c;
  --rz-on-base-light: #28363c;
  --rz-on-base-lighter: #28363c;
  --rz-on-base-dark: #ffffff;
  --rz-on-base-darker: #ffffff;
  --rz-on-primary: #ffffff;
  --rz-on-primary-light: #ffffff;
  --rz-on-primary-lighter: #ff6d41;
  --rz-on-primary-dark: #ffffff;
  --rz-on-primary-darker: #ffffff;
  --rz-on-secondary: #ffffff;
  --rz-on-secondary-light: #ffffff;
  --rz-on-secondary-lighter: #35a0d7;
  --rz-on-secondary-dark: #ffffff;
  --rz-on-secondary-darker: #ffffff;
  --rz-on-info: #ffffff;
  --rz-on-info-light: #ffffff;
  --rz-on-info-lighter: #2cc8c8;
  --rz-on-info-dark: #ffffff;
  --rz-on-info-darker: #ffffff;
  --rz-on-success: #ffffff;
  --rz-on-success-light: #ffffff;
  --rz-on-success-lighter: #5dbf74;
  --rz-on-success-dark: #ffffff;
  --rz-on-success-darker: #ffffff;
  --rz-on-warning: #ffffff;
  --rz-on-warning-light: #ffffff;
  --rz-on-warning-lighter: #fac152;
  --rz-on-warning-dark: #ffffff;
  --rz-on-warning-darker: #ffffff;
  --rz-on-danger: #ffffff;
  --rz-on-danger-light: #ffffff;
  --rz-on-danger-lighter: #f9777f;
  --rz-on-danger-dark: #ffffff;
  --rz-on-danger-darker: #ffffff;
  --rz-series-1: #0479cc;
  --rz-series-2: #68d5c8;
  --rz-series-3: #ff6d41;
  --rz-series-4: #cb6992;
  --rz-series-5: #e6c54f;
  --rz-series-6: #f9777f;
  --rz-series-7: #5dbf74;
  --rz-series-8: #4db9f2;
  --rz-series-9: #06a9e0;
  --rz-series-10: #92e6de;
  --rz-series-11: #ff995b;
  --rz-series-12: #e093be;
  --rz-series-13: #f0dc6f;
  --rz-series-14: #fba7b2;
  --rz-series-15: #82d9a2;
  --rz-series-16: #6cd5f7;
  --rz-series-17: #0063c2;
  --rz-series-18: #50cdbe;
  --rz-series-19: #ff5628;
  --rz-series-20: #c1527f;
  --rz-series-21: #e1ba36;
  --rz-series-22: #f8616a;
  --rz-series-23: #45b35e;
  --rz-series-24: #34acef;
  /* Theme Constants */
  --rz-text-font-family: var(--primary-font);
  --link-color: var(--accent-two-color);
  --rz-border-radius: 10px;
  --rz-border-radius: 0.625rem;
}

.settings {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.settings__color {
  position: absolute;
  left: 0;
  margin: -10px 10px -10px -10px;
  margin: -0.625rem 0.625rem -0.625rem -0.625rem;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.settings__color::after {
  text-transform: capitalize;
  position: absolute;
  top: 6px;
  top: 0.375rem;
  left: 5px;
  left: 0.3125rem;
  padding: 5px 15px;
  padding: 0.3125rem 0.9375rem;
  background: rgba(255, 255, 255, 0.75);
  border-right: 1px solid #8d8d8d;
  border-right: 0.0625rem solid #8d8d8d;
  border-bottom: 1px solid #8d8d8d;
  border-bottom: 0.0625rem solid #8d8d8d;
  border-radius: 0 0 10px 0;
  border-radius: 0 0 0.625rem 0;
}
.settings__color::-moz-color-swatch, .settings__color::-webkit-color-swatch-wrapper, .settings__color::-webkit-color-swatch {
  border: 0;
  padding: 0;
  border-radius: 10px;
  border-radius: 0.625rem;
}
.settings__color--picker {
  position: relative;
  display: flex;
  align-items: center;
  border: 2px solid #dedede;
  border: 0.125rem solid #dedede;
  border-radius: 10px;
  border-radius: 0.625rem;
  overflow: hidden;
  margin: 10px 0;
  margin: 0.625rem 0;
  font-size: 16px;
  font-size: 1rem;
  min-height: 55px;
  min-height: 3.4375rem;
  padding-left: 65px;
  padding-left: 4.0625rem;
}
.settings__color--label {
  display: flex;
  width: calc(100% - 20px);
  width: calc(100% - 1.25rem);
  white-space: nowrap;
}
.settings__color--contrast-ratio {
  background-color: var(--primary-color);
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 50px;
  border-radius: 3.125rem;
  padding: 3px 10px;
  padding: 0.1875rem 0.625rem;
  margin-left: auto;
  margin-right: 0;
}
.settings__color--primary {
  min-height: 75px;
  min-height: 4.6875rem;
  height: calc(100% + 20px);
  height: calc(100% + 1.25rem);
  width: 65px;
  width: 4.0625rem;
}
.settings__color--secondary {
  height: calc(100% + 20px);
  height: calc(100% + 1.25rem);
  width: 65px;
  width: 4.0625rem;
}
.settings__color--accent-one {
  height: calc(100% + 20px);
  height: calc(100% + 1.25rem);
  width: 65px;
  width: 4.0625rem;
}
.settings__color--accent-two {
  height: calc(100% + 20px);
  height: calc(100% + 1.25rem);
  width: 65px;
  width: 4.0625rem;
}
.settings__color--accent-three {
  height: calc(100% + 20px);
  height: calc(100% + 1.25rem);
  width: 65px;
  width: 4.0625rem;
}
.settings__color--accent-four {
  height: calc(100% + 20px);
  height: calc(100% + 1.25rem);
  width: 65px;
  width: 4.0625rem;
}
.settings__color--accent-five {
  height: calc(100% + 20px);
  height: calc(100% + 1.25rem);
  width: 65px;
  width: 4.0625rem;
}

.monaco-editor-container {
  position: relative;
  width: 100%;
  height: 350px;
  height: 21.875rem;
  background: #f2f2f2;
  border: 2px solid #dedede;
  border: 0.125rem solid #dedede;
  border-radius: 10px;
  border-radius: 0.625rem;
  overflow: hidden;
  padding: 3px;
  padding: 0.1875rem;
}

.monaco-editor {
  border-radius: 6px;
  border-radius: 0.375rem;
  overflow: hidden;
}
.monaco-editor .margin {
  background-color: rgba(0, 0, 0, 0.05);
}