@charset "UTF-8"; .rz-slot-minor { border-top: 1px dotted var(--rz-scheduler-minor-border-color) !important; } @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-display: swap; } @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; font-display: swap; } [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-50) !important; } .rz-text-color { color: var(--rz-base-100) !important; } .rz-text-secondary-color { color: var(--rz-base-300) !important; } .rz-text-tertiary-color { color: var(--rz-base-400) !important; } .rz-text-disabled-color { color: var(--rz-base-600) !important; } .rz-text-contrast-color { color: var(--rz-white) !important; } .rz-border-radius { border-radius: var(--rz-border-radius) !important; } .rz-border-radius-0 { border-radius: var(--rz-border-radius-0) !important; } .rz-border-radius-1 { border-radius: var(--rz-border-radius-1) !important; } .rz-border-radius-2 { border-radius: var(--rz-border-radius-2) !important; } .rz-border-radius-3 { border-radius: var(--rz-border-radius-3) !important; } .rz-border-radius-4 { border-radius: var(--rz-border-radius-4) !important; } .rz-border-radius-5 { border-radius: var(--rz-border-radius-5) !important; } .rz-border-radius-6 { border-radius: var(--rz-border-radius-6) !important; } .rz-border-radius-7 { border-radius: var(--rz-border-radius-7) !important; } .rz-border-radius-8 { border-radius: var(--rz-border-radius-8) !important; } .rz-border-radius-9 { border-radius: var(--rz-border-radius-9) !important; } .rz-border-radius-10 { border-radius: var(--rz-border-radius-10) !important; } .rz-shadow-0 { box-shadow: var(--rz-shadow-0) !important; } .rz-shadow-1 { box-shadow: var(--rz-shadow-1) !important; } .rz-shadow-2 { box-shadow: var(--rz-shadow-2) !important; } .rz-shadow-3 { box-shadow: var(--rz-shadow-3) !important; } .rz-shadow-4 { box-shadow: var(--rz-shadow-4) !important; } .rz-shadow-5 { box-shadow: var(--rz-shadow-5) !important; } .rz-shadow-6 { box-shadow: var(--rz-shadow-6) !important; } .rz-shadow-7 { box-shadow: var(--rz-shadow-7) !important; } .rz-shadow-8 { box-shadow: var(--rz-shadow-8) !important; } .rz-shadow-9 { box-shadow: var(--rz-shadow-9) !important; } .rz-shadow-10 { box-shadow: var(--rz-shadow-10) !important; } .rz-display-none { display: none !important; } .rz-display-block { display: block !important; } .rz-display-inline { display: inline !important; } .rz-display-inline-block { display: inline-block !important; } .rz-display-flex { display: flex !important; } .rz-display-inline-flex { display: inline-flex !important; } .rz-display-grid { display: grid !important; } .rz-display-inline-grid { display: inline-grid !important; } @media (min-width: 576px) { .rz-display-xs-none { display: none !important; } .rz-display-xs-block { display: block !important; } .rz-display-xs-inline { display: inline !important; } .rz-display-xs-inline-block { display: inline-block !important; } .rz-display-xs-flex { display: flex !important; } .rz-display-xs-inline-flex { display: inline-flex !important; } .rz-display-xs-grid { display: grid !important; } .rz-display-xs-inline-grid { display: inline-grid !important; } } @media (min-width: 768px) { .rz-display-sm-none { display: none !important; } .rz-display-sm-block { display: block !important; } .rz-display-sm-inline { display: inline !important; } .rz-display-sm-inline-block { display: inline-block !important; } .rz-display-sm-flex { display: flex !important; } .rz-display-sm-inline-flex { display: inline-flex !important; } .rz-display-sm-grid { display: grid !important; } .rz-display-sm-inline-grid { display: inline-grid !important; } } @media (min-width: 1024px) { .rz-display-md-none { display: none !important; } .rz-display-md-block { display: block !important; } .rz-display-md-inline { display: inline !important; } .rz-display-md-inline-block { display: inline-block !important; } .rz-display-md-flex { display: flex !important; } .rz-display-md-inline-flex { display: inline-flex !important; } .rz-display-md-grid { display: grid !important; } .rz-display-md-inline-grid { display: inline-grid !important; } } @media (min-width: 1280px) { .rz-display-lg-none { display: none !important; } .rz-display-lg-block { display: block !important; } .rz-display-lg-inline { display: inline !important; } .rz-display-lg-inline-block { display: inline-block !important; } .rz-display-lg-flex { display: flex !important; } .rz-display-lg-inline-flex { display: inline-flex !important; } .rz-display-lg-grid { display: grid !important; } .rz-display-lg-inline-grid { display: inline-grid !important; } } @media (min-width: 1920px) { .rz-display-xl-none { display: none !important; } .rz-display-xl-block { display: block !important; } .rz-display-xl-inline { display: inline !important; } .rz-display-xl-inline-block { display: inline-block !important; } .rz-display-xl-flex { display: flex !important; } .rz-display-xl-inline-flex { display: inline-flex !important; } .rz-display-xl-grid { display: grid !important; } .rz-display-xl-inline-grid { display: inline-grid !important; } } @media (min-width: 2560px) { .rz-display-xx-none { display: none !important; } .rz-display-xx-block { display: block !important; } .rz-display-xx-inline { display: inline !important; } .rz-display-xx-inline-block { display: inline-block !important; } .rz-display-xx-flex { display: flex !important; } .rz-display-xx-inline-flex { display: inline-flex !important; } .rz-display-xx-grid { display: grid !important; } .rz-display-xx-inline-grid { display: inline-grid !important; } } .rz-justify-content-normal { justify-content: normal !important; } .rz-justify-content-stretch { justify-content: stretch !important; } .rz-justify-content-center { justify-content: center !important; } .rz-justify-content-start { justify-content: start !important; } .rz-justify-content-end { justify-content: end !important; } .rz-justify-content-flex-start { justify-content: flex-start !important; } .rz-justify-content-flex-end { justify-content: flex-end !important; } .rz-justify-content-left { justify-content: left !important; } .rz-justify-content-right { justify-content: right !important; } .rz-justify-content-space-between { justify-content: space-between !important; } .rz-justify-content-space-around { justify-content: space-around !important; } .rz-justify-content-space-evenly { justify-content: space-evenly !important; } @media (min-width: 576px) { .rz-justify-content-xs-normal { justify-content: normal !important; } .rz-justify-content-xs-stretch { justify-content: stretch !important; } .rz-justify-content-xs-center { justify-content: center !important; } .rz-justify-content-xs-start { justify-content: start !important; } .rz-justify-content-xs-end { justify-content: end !important; } .rz-justify-content-xs-flex-start { justify-content: flex-start !important; } .rz-justify-content-xs-flex-end { justify-content: flex-end !important; } .rz-justify-content-xs-left { justify-content: left !important; } .rz-justify-content-xs-right { justify-content: right !important; } .rz-justify-content-xs-space-between { justify-content: space-between !important; } .rz-justify-content-xs-space-around { justify-content: space-around !important; } .rz-justify-content-xs-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 768px) { .rz-justify-content-sm-normal { justify-content: normal !important; } .rz-justify-content-sm-stretch { justify-content: stretch !important; } .rz-justify-content-sm-center { justify-content: center !important; } .rz-justify-content-sm-start { justify-content: start !important; } .rz-justify-content-sm-end { justify-content: end !important; } .rz-justify-content-sm-flex-start { justify-content: flex-start !important; } .rz-justify-content-sm-flex-end { justify-content: flex-end !important; } .rz-justify-content-sm-left { justify-content: left !important; } .rz-justify-content-sm-right { justify-content: right !important; } .rz-justify-content-sm-space-between { justify-content: space-between !important; } .rz-justify-content-sm-space-around { justify-content: space-around !important; } .rz-justify-content-sm-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 1024px) { .rz-justify-content-md-normal { justify-content: normal !important; } .rz-justify-content-md-stretch { justify-content: stretch !important; } .rz-justify-content-md-center { justify-content: center !important; } .rz-justify-content-md-start { justify-content: start !important; } .rz-justify-content-md-end { justify-content: end !important; } .rz-justify-content-md-flex-start { justify-content: flex-start !important; } .rz-justify-content-md-flex-end { justify-content: flex-end !important; } .rz-justify-content-md-left { justify-content: left !important; } .rz-justify-content-md-right { justify-content: right !important; } .rz-justify-content-md-space-between { justify-content: space-between !important; } .rz-justify-content-md-space-around { justify-content: space-around !important; } .rz-justify-content-md-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 1280px) { .rz-justify-content-lg-normal { justify-content: normal !important; } .rz-justify-content-lg-stretch { justify-content: stretch !important; } .rz-justify-content-lg-center { justify-content: center !important; } .rz-justify-content-lg-start { justify-content: start !important; } .rz-justify-content-lg-end { justify-content: end !important; } .rz-justify-content-lg-flex-start { justify-content: flex-start !important; } .rz-justify-content-lg-flex-end { justify-content: flex-end !important; } .rz-justify-content-lg-left { justify-content: left !important; } .rz-justify-content-lg-right { justify-content: right !important; } .rz-justify-content-lg-space-between { justify-content: space-between !important; } .rz-justify-content-lg-space-around { justify-content: space-around !important; } .rz-justify-content-lg-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 1920px) { .rz-justify-content-xl-normal { justify-content: normal !important; } .rz-justify-content-xl-stretch { justify-content: stretch !important; } .rz-justify-content-xl-center { justify-content: center !important; } .rz-justify-content-xl-start { justify-content: start !important; } .rz-justify-content-xl-end { justify-content: end !important; } .rz-justify-content-xl-flex-start { justify-content: flex-start !important; } .rz-justify-content-xl-flex-end { justify-content: flex-end !important; } .rz-justify-content-xl-left { justify-content: left !important; } .rz-justify-content-xl-right { justify-content: right !important; } .rz-justify-content-xl-space-between { justify-content: space-between !important; } .rz-justify-content-xl-space-around { justify-content: space-around !important; } .rz-justify-content-xl-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 2560px) { .rz-justify-content-xx-normal { justify-content: normal !important; } .rz-justify-content-xx-stretch { justify-content: stretch !important; } .rz-justify-content-xx-center { justify-content: center !important; } .rz-justify-content-xx-start { justify-content: start !important; } .rz-justify-content-xx-end { justify-content: end !important; } .rz-justify-content-xx-flex-start { justify-content: flex-start !important; } .rz-justify-content-xx-flex-end { justify-content: flex-end !important; } .rz-justify-content-xx-left { justify-content: left !important; } .rz-justify-content-xx-right { justify-content: right !important; } .rz-justify-content-xx-space-between { justify-content: space-between !important; } .rz-justify-content-xx-space-around { justify-content: space-around !important; } .rz-justify-content-xx-space-evenly { justify-content: space-evenly !important; } } .rz-align-items-normal { align-items: normal !important; } .rz-align-items-stretch { align-items: stretch !important; } .rz-align-items-center { align-items: center !important; } .rz-align-items-start { align-items: start !important; } .rz-align-items-end { align-items: end !important; } .rz-align-items-flex-start { align-items: flex-start !important; } .rz-align-items-flex-end { align-items: flex-end !important; } @media (min-width: 576px) { .rz-align-items-xs-normal { align-items: normal !important; } .rz-align-items-xs-stretch { align-items: stretch !important; } .rz-align-items-xs-center { align-items: center !important; } .rz-align-items-xs-start { align-items: start !important; } .rz-align-items-xs-end { align-items: end !important; } .rz-align-items-xs-flex-start { align-items: flex-start !important; } .rz-align-items-xs-flex-end { align-items: flex-end !important; } } @media (min-width: 768px) { .rz-align-items-sm-normal { align-items: normal !important; } .rz-align-items-sm-stretch { align-items: stretch !important; } .rz-align-items-sm-center { align-items: center !important; } .rz-align-items-sm-start { align-items: start !important; } .rz-align-items-sm-end { align-items: end !important; } .rz-align-items-sm-flex-start { align-items: flex-start !important; } .rz-align-items-sm-flex-end { align-items: flex-end !important; } } @media (min-width: 1024px) { .rz-align-items-md-normal { align-items: normal !important; } .rz-align-items-md-stretch { align-items: stretch !important; } .rz-align-items-md-center { align-items: center !important; } .rz-align-items-md-start { align-items: start !important; } .rz-align-items-md-end { align-items: end !important; } .rz-align-items-md-flex-start { align-items: flex-start !important; } .rz-align-items-md-flex-end { align-items: flex-end !important; } } @media (min-width: 1280px) { .rz-align-items-lg-normal { align-items: normal !important; } .rz-align-items-lg-stretch { align-items: stretch !important; } .rz-align-items-lg-center { align-items: center !important; } .rz-align-items-lg-start { align-items: start !important; } .rz-align-items-lg-end { align-items: end !important; } .rz-align-items-lg-flex-start { align-items: flex-start !important; } .rz-align-items-lg-flex-end { align-items: flex-end !important; } } @media (min-width: 1920px) { .rz-align-items-xl-normal { align-items: normal !important; } .rz-align-items-xl-stretch { align-items: stretch !important; } .rz-align-items-xl-center { align-items: center !important; } .rz-align-items-xl-start { align-items: start !important; } .rz-align-items-xl-end { align-items: end !important; } .rz-align-items-xl-flex-start { align-items: flex-start !important; } .rz-align-items-xl-flex-end { align-items: flex-end !important; } } @media (min-width: 2560px) { .rz-align-items-xx-normal { align-items: normal !important; } .rz-align-items-xx-stretch { align-items: stretch !important; } .rz-align-items-xx-center { align-items: center !important; } .rz-align-items-xx-start { align-items: start !important; } .rz-align-items-xx-end { align-items: end !important; } .rz-align-items-xx-flex-start { align-items: flex-start !important; } .rz-align-items-xx-flex-end { align-items: flex-end !important; } } .rz-overflow-auto { overflow: auto !important; } .rz-overflow-scroll { overflow: scroll !important; } .rz-overflow-visible { overflow: visible !important; } .rz-overflow-hidden { overflow: hidden !important; } @media (min-width: 576px) { .rz-overflow-xs-auto { overflow: auto !important; } .rz-overflow-xs-scroll { overflow: scroll !important; } .rz-overflow-xs-visible { overflow: visible !important; } .rz-overflow-xs-hidden { overflow: hidden !important; } } @media (min-width: 768px) { .rz-overflow-sm-auto { overflow: auto !important; } .rz-overflow-sm-scroll { overflow: scroll !important; } .rz-overflow-sm-visible { overflow: visible !important; } .rz-overflow-sm-hidden { overflow: hidden !important; } } @media (min-width: 1024px) { .rz-overflow-md-auto { overflow: auto !important; } .rz-overflow-md-scroll { overflow: scroll !important; } .rz-overflow-md-visible { overflow: visible !important; } .rz-overflow-md-hidden { overflow: hidden !important; } } @media (min-width: 1280px) { .rz-overflow-lg-auto { overflow: auto !important; } .rz-overflow-lg-scroll { overflow: scroll !important; } .rz-overflow-lg-visible { overflow: visible !important; } .rz-overflow-lg-hidden { overflow: hidden !important; } } @media (min-width: 1920px) { .rz-overflow-xl-auto { overflow: auto !important; } .rz-overflow-xl-scroll { overflow: scroll !important; } .rz-overflow-xl-visible { overflow: visible !important; } .rz-overflow-xl-hidden { overflow: hidden !important; } } @media (min-width: 2560px) { .rz-overflow-xx-auto { overflow: auto !important; } .rz-overflow-xx-scroll { overflow: scroll !important; } .rz-overflow-xx-visible { overflow: visible !important; } .rz-overflow-xx-hidden { overflow: hidden !important; } } .rz-w-25 { width: 25% !important; } .rz-w-50 { width: 50% !important; } .rz-w-75 { width: 75% !important; } .rz-w-100 { width: 100% !important; } @media (min-width: 576px) { .rz-w-xs-25 { width: 25% !important; } .rz-w-xs-50 { width: 50% !important; } .rz-w-xs-75 { width: 75% !important; } .rz-w-xs-100 { width: 100% !important; } } @media (min-width: 768px) { .rz-w-sm-25 { width: 25% !important; } .rz-w-sm-50 { width: 50% !important; } .rz-w-sm-75 { width: 75% !important; } .rz-w-sm-100 { width: 100% !important; } } @media (min-width: 1024px) { .rz-w-md-25 { width: 25% !important; } .rz-w-md-50 { width: 50% !important; } .rz-w-md-75 { width: 75% !important; } .rz-w-md-100 { width: 100% !important; } } @media (min-width: 1280px) { .rz-w-lg-25 { width: 25% !important; } .rz-w-lg-50 { width: 50% !important; } .rz-w-lg-75 { width: 75% !important; } .rz-w-lg-100 { width: 100% !important; } } @media (min-width: 1920px) { .rz-w-xl-25 { width: 25% !important; } .rz-w-xl-50 { width: 50% !important; } .rz-w-xl-75 { width: 75% !important; } .rz-w-xl-100 { width: 100% !important; } } @media (min-width: 2560px) { .rz-w-xx-25 { width: 25% !important; } .rz-w-xx-50 { width: 50% !important; } .rz-w-xx-75 { width: 75% !important; } .rz-w-xx-100 { width: 100% !important; } } .rz-vw-25 { width: 25vw !important; } .rz-vw-50 { width: 50vw !important; } .rz-vw-75 { width: 75vw !important; } .rz-vw-100 { width: 100vw !important; } @media (min-width: 576px) { .rz-vw-xs-25 { width: 25vw !important; } .rz-vw-xs-50 { width: 50vw !important; } .rz-vw-xs-75 { width: 75vw !important; } .rz-vw-xs-100 { width: 100vw !important; } } @media (min-width: 768px) { .rz-vw-sm-25 { width: 25vw !important; } .rz-vw-sm-50 { width: 50vw !important; } .rz-vw-sm-75 { width: 75vw !important; } .rz-vw-sm-100 { width: 100vw !important; } } @media (min-width: 1024px) { .rz-vw-md-25 { width: 25vw !important; } .rz-vw-md-50 { width: 50vw !important; } .rz-vw-md-75 { width: 75vw !important; } .rz-vw-md-100 { width: 100vw !important; } } @media (min-width: 1280px) { .rz-vw-lg-25 { width: 25vw !important; } .rz-vw-lg-50 { width: 50vw !important; } .rz-vw-lg-75 { width: 75vw !important; } .rz-vw-lg-100 { width: 100vw !important; } } @media (min-width: 1920px) { .rz-vw-xl-25 { width: 25vw !important; } .rz-vw-xl-50 { width: 50vw !important; } .rz-vw-xl-75 { width: 75vw !important; } .rz-vw-xl-100 { width: 100vw !important; } } @media (min-width: 2560px) { .rz-vw-xx-25 { width: 25vw !important; } .rz-vw-xx-50 { width: 50vw !important; } .rz-vw-xx-75 { width: 75vw !important; } .rz-vw-xx-100 { width: 100vw !important; } } .rz-w-auto { width: auto !important; } .rz-w-fit-content { width: fit-content !important; } .rz-w-min-content { width: min-content !important; } .rz-w-max-content { width: max-content !important; } .rz-w-stretch { width: stretch !important; } @media (min-width: 576px) { .rz-w-xs-auto { width: auto !important; } .rz-w-xs-fit-content { width: fit-content !important; } .rz-w-xs-min-content { width: min-content !important; } .rz-w-xs-max-content { width: max-content !important; } .rz-w-xs-stretch { width: stretch !important; } } @media (min-width: 768px) { .rz-w-sm-auto { width: auto !important; } .rz-w-sm-fit-content { width: fit-content !important; } .rz-w-sm-min-content { width: min-content !important; } .rz-w-sm-max-content { width: max-content !important; } .rz-w-sm-stretch { width: stretch !important; } } @media (min-width: 1024px) { .rz-w-md-auto { width: auto !important; } .rz-w-md-fit-content { width: fit-content !important; } .rz-w-md-min-content { width: min-content !important; } .rz-w-md-max-content { width: max-content !important; } .rz-w-md-stretch { width: stretch !important; } } @media (min-width: 1280px) { .rz-w-lg-auto { width: auto !important; } .rz-w-lg-fit-content { width: fit-content !important; } .rz-w-lg-min-content { width: min-content !important; } .rz-w-lg-max-content { width: max-content !important; } .rz-w-lg-stretch { width: stretch !important; } } @media (min-width: 1920px) { .rz-w-xl-auto { width: auto !important; } .rz-w-xl-fit-content { width: fit-content !important; } .rz-w-xl-min-content { width: min-content !important; } .rz-w-xl-max-content { width: max-content !important; } .rz-w-xl-stretch { width: stretch !important; } } @media (min-width: 2560px) { .rz-w-xx-auto { width: auto !important; } .rz-w-xx-fit-content { width: fit-content !important; } .rz-w-xx-min-content { width: min-content !important; } .rz-w-xx-max-content { width: max-content !important; } .rz-w-xx-stretch { width: stretch !important; } } .rz-min-w-25 { min-width: 25% !important; } .rz-min-w-50 { min-width: 50% !important; } .rz-min-w-75 { min-width: 75% !important; } .rz-min-w-100 { min-width: 100% !important; } @media (min-width: 576px) { .rz-min-w-xs-25 { min-width: 25% !important; } .rz-min-w-xs-50 { min-width: 50% !important; } .rz-min-w-xs-75 { min-width: 75% !important; } .rz-min-w-xs-100 { min-width: 100% !important; } } @media (min-width: 768px) { .rz-min-w-sm-25 { min-width: 25% !important; } .rz-min-w-sm-50 { min-width: 50% !important; } .rz-min-w-sm-75 { min-width: 75% !important; } .rz-min-w-sm-100 { min-width: 100% !important; } } @media (min-width: 1024px) { .rz-min-w-md-25 { min-width: 25% !important; } .rz-min-w-md-50 { min-width: 50% !important; } .rz-min-w-md-75 { min-width: 75% !important; } .rz-min-w-md-100 { min-width: 100% !important; } } @media (min-width: 1280px) { .rz-min-w-lg-25 { min-width: 25% !important; } .rz-min-w-lg-50 { min-width: 50% !important; } .rz-min-w-lg-75 { min-width: 75% !important; } .rz-min-w-lg-100 { min-width: 100% !important; } } @media (min-width: 1920px) { .rz-min-w-xl-25 { min-width: 25% !important; } .rz-min-w-xl-50 { min-width: 50% !important; } .rz-min-w-xl-75 { min-width: 75% !important; } .rz-min-w-xl-100 { min-width: 100% !important; } } @media (min-width: 2560px) { .rz-min-w-xx-25 { min-width: 25% !important; } .rz-min-w-xx-50 { min-width: 50% !important; } .rz-min-w-xx-75 { min-width: 75% !important; } .rz-min-w-xx-100 { min-width: 100% !important; } } .rz-max-w-25 { max-width: 25% !important; } .rz-max-w-50 { max-width: 50% !important; } .rz-max-w-75 { max-width: 75% !important; } .rz-max-w-100 { max-width: 100% !important; } @media (min-width: 576px) { .rz-max-w-xs-25 { max-width: 25% !important; } .rz-max-w-xs-50 { max-width: 50% !important; } .rz-max-w-xs-75 { max-width: 75% !important; } .rz-max-w-xs-100 { max-width: 100% !important; } } @media (min-width: 768px) { .rz-max-w-sm-25 { max-width: 25% !important; } .rz-max-w-sm-50 { max-width: 50% !important; } .rz-max-w-sm-75 { max-width: 75% !important; } .rz-max-w-sm-100 { max-width: 100% !important; } } @media (min-width: 1024px) { .rz-max-w-md-25 { max-width: 25% !important; } .rz-max-w-md-50 { max-width: 50% !important; } .rz-max-w-md-75 { max-width: 75% !important; } .rz-max-w-md-100 { max-width: 100% !important; } } @media (min-width: 1280px) { .rz-max-w-lg-25 { max-width: 25% !important; } .rz-max-w-lg-50 { max-width: 50% !important; } .rz-max-w-lg-75 { max-width: 75% !important; } .rz-max-w-lg-100 { max-width: 100% !important; } } @media (min-width: 1920px) { .rz-max-w-xl-25 { max-width: 25% !important; } .rz-max-w-xl-50 { max-width: 50% !important; } .rz-max-w-xl-75 { max-width: 75% !important; } .rz-max-w-xl-100 { max-width: 100% !important; } } @media (min-width: 2560px) { .rz-max-w-xx-25 { max-width: 25% !important; } .rz-max-w-xx-50 { max-width: 50% !important; } .rz-max-w-xx-75 { max-width: 75% !important; } .rz-max-w-xx-100 { max-width: 100% !important; } } .rz-h-25 { height: 25% !important; } .rz-h-50 { height: 50% !important; } .rz-h-75 { height: 75% !important; } .rz-h-100 { height: 100% !important; } @media (min-width: 576px) { .rz-h-xs-25 { height: 25% !important; } .rz-h-xs-50 { height: 50% !important; } .rz-h-xs-75 { height: 75% !important; } .rz-h-xs-100 { height: 100% !important; } } @media (min-width: 768px) { .rz-h-sm-25 { height: 25% !important; } .rz-h-sm-50 { height: 50% !important; } .rz-h-sm-75 { height: 75% !important; } .rz-h-sm-100 { height: 100% !important; } } @media (min-width: 1024px) { .rz-h-md-25 { height: 25% !important; } .rz-h-md-50 { height: 50% !important; } .rz-h-md-75 { height: 75% !important; } .rz-h-md-100 { height: 100% !important; } } @media (min-width: 1280px) { .rz-h-lg-25 { height: 25% !important; } .rz-h-lg-50 { height: 50% !important; } .rz-h-lg-75 { height: 75% !important; } .rz-h-lg-100 { height: 100% !important; } } @media (min-width: 1920px) { .rz-h-xl-25 { height: 25% !important; } .rz-h-xl-50 { height: 50% !important; } .rz-h-xl-75 { height: 75% !important; } .rz-h-xl-100 { height: 100% !important; } } @media (min-width: 2560px) { .rz-h-xx-25 { height: 25% !important; } .rz-h-xx-50 { height: 50% !important; } .rz-h-xx-75 { height: 75% !important; } .rz-h-xx-100 { height: 100% !important; } } .rz-vh-25 { height: 25vh !important; } .rz-vh-50 { height: 50vh !important; } .rz-vh-75 { height: 75vh !important; } .rz-vh-100 { height: 100vh !important; } @media (min-width: 576px) { .rz-vh-xs-25 { height: 25vh !important; } .rz-vh-xs-50 { height: 50vh !important; } .rz-vh-xs-75 { height: 75vh !important; } .rz-vh-xs-100 { height: 100vh !important; } } @media (min-width: 768px) { .rz-vh-sm-25 { height: 25vh !important; } .rz-vh-sm-50 { height: 50vh !important; } .rz-vh-sm-75 { height: 75vh !important; } .rz-vh-sm-100 { height: 100vh !important; } } @media (min-width: 1024px) { .rz-vh-md-25 { height: 25vh !important; } .rz-vh-md-50 { height: 50vh !important; } .rz-vh-md-75 { height: 75vh !important; } .rz-vh-md-100 { height: 100vh !important; } } @media (min-width: 1280px) { .rz-vh-lg-25 { height: 25vh !important; } .rz-vh-lg-50 { height: 50vh !important; } .rz-vh-lg-75 { height: 75vh !important; } .rz-vh-lg-100 { height: 100vh !important; } } @media (min-width: 1920px) { .rz-vh-xl-25 { height: 25vh !important; } .rz-vh-xl-50 { height: 50vh !important; } .rz-vh-xl-75 { height: 75vh !important; } .rz-vh-xl-100 { height: 100vh !important; } } @media (min-width: 2560px) { .rz-vh-xx-25 { height: 25vh !important; } .rz-vh-xx-50 { height: 50vh !important; } .rz-vh-xx-75 { height: 75vh !important; } .rz-vh-xx-100 { height: 100vh !important; } } .rz-h-auto { height: auto !important; } @media (min-width: 576px) { .rz-h-xs-auto { height: auto !important; } } @media (min-width: 768px) { .rz-h-sm-auto { height: auto !important; } } @media (min-width: 1024px) { .rz-h-md-auto { height: auto !important; } } @media (min-width: 1280px) { .rz-h-lg-auto { height: auto !important; } } @media (min-width: 1920px) { .rz-h-xl-auto { height: auto !important; } } @media (min-width: 2560px) { .rz-h-xx-auto { height: auto !important; } } .rz-min-h-25 { min-height: 25% !important; } .rz-min-h-50 { min-height: 50% !important; } .rz-min-h-75 { min-height: 75% !important; } .rz-min-h-100 { min-height: 100% !important; } @media (min-width: 576px) { .rz-min-h-xs-25 { min-height: 25% !important; } .rz-min-h-xs-50 { min-height: 50% !important; } .rz-min-h-xs-75 { min-height: 75% !important; } .rz-min-h-xs-100 { min-height: 100% !important; } } @media (min-width: 768px) { .rz-min-h-sm-25 { min-height: 25% !important; } .rz-min-h-sm-50 { min-height: 50% !important; } .rz-min-h-sm-75 { min-height: 75% !important; } .rz-min-h-sm-100 { min-height: 100% !important; } } @media (min-width: 1024px) { .rz-min-h-md-25 { min-height: 25% !important; } .rz-min-h-md-50 { min-height: 50% !important; } .rz-min-h-md-75 { min-height: 75% !important; } .rz-min-h-md-100 { min-height: 100% !important; } } @media (min-width: 1280px) { .rz-min-h-lg-25 { min-height: 25% !important; } .rz-min-h-lg-50 { min-height: 50% !important; } .rz-min-h-lg-75 { min-height: 75% !important; } .rz-min-h-lg-100 { min-height: 100% !important; } } @media (min-width: 1920px) { .rz-min-h-xl-25 { min-height: 25% !important; } .rz-min-h-xl-50 { min-height: 50% !important; } .rz-min-h-xl-75 { min-height: 75% !important; } .rz-min-h-xl-100 { min-height: 100% !important; } } @media (min-width: 2560px) { .rz-min-h-xx-25 { min-height: 25% !important; } .rz-min-h-xx-50 { min-height: 50% !important; } .rz-min-h-xx-75 { min-height: 75% !important; } .rz-min-h-xx-100 { min-height: 100% !important; } } .rz-max-h-25 { max-height: 25% !important; } .rz-max-h-50 { max-height: 50% !important; } .rz-max-h-75 { max-height: 75% !important; } .rz-max-h-100 { max-height: 100% !important; } @media (min-width: 576px) { .rz-max-h-xs-25 { max-height: 25% !important; } .rz-max-h-xs-50 { max-height: 50% !important; } .rz-max-h-xs-75 { max-height: 75% !important; } .rz-max-h-xs-100 { max-height: 100% !important; } } @media (min-width: 768px) { .rz-max-h-sm-25 { max-height: 25% !important; } .rz-max-h-sm-50 { max-height: 50% !important; } .rz-max-h-sm-75 { max-height: 75% !important; } .rz-max-h-sm-100 { max-height: 100% !important; } } @media (min-width: 1024px) { .rz-max-h-md-25 { max-height: 25% !important; } .rz-max-h-md-50 { max-height: 50% !important; } .rz-max-h-md-75 { max-height: 75% !important; } .rz-max-h-md-100 { max-height: 100% !important; } } @media (min-width: 1280px) { .rz-max-h-lg-25 { max-height: 25% !important; } .rz-max-h-lg-50 { max-height: 50% !important; } .rz-max-h-lg-75 { max-height: 75% !important; } .rz-max-h-lg-100 { max-height: 100% !important; } } @media (min-width: 1920px) { .rz-max-h-xl-25 { max-height: 25% !important; } .rz-max-h-xl-50 { max-height: 50% !important; } .rz-max-h-xl-75 { max-height: 75% !important; } .rz-max-h-xl-100 { max-height: 100% !important; } } @media (min-width: 2560px) { .rz-max-h-xx-25 { max-height: 25% !important; } .rz-max-h-xx-50 { max-height: 50% !important; } .rz-max-h-xx-75 { max-height: 75% !important; } .rz-max-h-xx-100 { max-height: 100% !important; } } .rz-color-white { color: var(--rz-white) !important; } .rz-color-black { color: var(--rz-black) !important; } .rz-color-base { color: var(--rz-base) !important; } .rz-color-base-50 { color: var(--rz-base-50) !important; } .rz-color-base-100 { color: var(--rz-base-100) !important; } .rz-color-base-200 { color: var(--rz-base-200) !important; } .rz-color-base-300 { color: var(--rz-base-300) !important; } .rz-color-base-400 { color: var(--rz-base-400) !important; } .rz-color-base-500 { color: var(--rz-base-500) !important; } .rz-color-base-600 { color: var(--rz-base-600) !important; } .rz-color-base-700 { color: var(--rz-base-700) !important; } .rz-color-base-800 { color: var(--rz-base-800) !important; } .rz-color-base-900 { color: var(--rz-base-900) !important; } .rz-color-base-light { color: var(--rz-base-light) !important; } .rz-color-base-lighter { color: var(--rz-base-lighter) !important; } .rz-color-base-dark { color: var(--rz-base-dark) !important; } .rz-color-base-darker { color: var(--rz-base-darker) !important; } .rz-color-primary { color: var(--rz-primary) !important; } .rz-color-primary-light { color: var(--rz-primary-light) !important; } .rz-color-primary-lighter { color: var(--rz-primary-lighter) !important; } .rz-color-primary-dark { color: var(--rz-primary-dark) !important; } .rz-color-primary-darker { color: var(--rz-primary-darker) !important; } .rz-color-secondary { color: var(--rz-secondary) !important; } .rz-color-secondary-light { color: var(--rz-secondary-light) !important; } .rz-color-secondary-lighter { color: var(--rz-secondary-lighter) !important; } .rz-color-secondary-dark { color: var(--rz-secondary-dark) !important; } .rz-color-secondary-darker { color: var(--rz-secondary-darker) !important; } .rz-color-info { color: var(--rz-info) !important; } .rz-color-info-light { color: var(--rz-info-light) !important; } .rz-color-info-lighter { color: var(--rz-info-lighter) !important; } .rz-color-info-dark { color: var(--rz-info-dark) !important; } .rz-color-info-darker { color: var(--rz-info-darker) !important; } .rz-color-success { color: var(--rz-success) !important; } .rz-color-success-light { color: var(--rz-success-light) !important; } .rz-color-success-lighter { color: var(--rz-success-lighter) !important; } .rz-color-success-dark { color: var(--rz-success-dark) !important; } .rz-color-success-darker { color: var(--rz-success-darker) !important; } .rz-color-warning { color: var(--rz-warning) !important; } .rz-color-warning-light { color: var(--rz-warning-light) !important; } .rz-color-warning-lighter { color: var(--rz-warning-lighter) !important; } .rz-color-warning-dark { color: var(--rz-warning-dark) !important; } .rz-color-warning-darker { color: var(--rz-warning-darker) !important; } .rz-color-danger { color: var(--rz-danger) !important; } .rz-color-danger-light { color: var(--rz-danger-light) !important; } .rz-color-danger-lighter { color: var(--rz-danger-lighter) !important; } .rz-color-danger-dark { color: var(--rz-danger-dark) !important; } .rz-color-danger-darker { color: var(--rz-danger-darker) !important; } .rz-color-on-base { color: var(--rz-on-base) !important; } .rz-color-on-base-light { color: var(--rz-on-base-light) !important; } .rz-color-on-base-lighter { color: var(--rz-on-base-lighter) !important; } .rz-color-on-base-dark { color: var(--rz-on-base-dark) !important; } .rz-color-on-base-darker { color: var(--rz-on-base-darker) !important; } .rz-color-on-primary { color: var(--rz-on-primary) !important; } .rz-color-on-primary-light { color: var(--rz-on-primary-light) !important; } .rz-color-on-primary-lighter { color: var(--rz-on-primary-lighter) !important; } .rz-color-on-primary-dark { color: var(--rz-on-primary-dark) !important; } .rz-color-on-primary-darker { color: var(--rz-on-primary-darker) !important; } .rz-color-on-secondary { color: var(--rz-on-secondary) !important; } .rz-color-on-secondary-light { color: var(--rz-on-secondary-light) !important; } .rz-color-on-secondary-lighter { color: var(--rz-on-secondary-lighter) !important; } .rz-color-on-secondary-dark { color: var(--rz-on-secondary-dark) !important; } .rz-color-on-secondary-darker { color: var(--rz-on-secondary-darker) !important; } .rz-color-on-info { color: var(--rz-on-info) !important; } .rz-color-on-info-light { color: var(--rz-on-info-light) !important; } .rz-color-on-info-lighter { color: var(--rz-on-info-lighter) !important; } .rz-color-on-info-dark { color: var(--rz-on-info-dark) !important; } .rz-color-on-info-darker { color: var(--rz-on-info-darker) !important; } .rz-color-on-success { color: var(--rz-on-success) !important; } .rz-color-on-success-light { color: var(--rz-on-success-light) !important; } .rz-color-on-success-lighter { color: var(--rz-on-success-lighter) !important; } .rz-color-on-success-dark { color: var(--rz-on-success-dark) !important; } .rz-color-on-success-darker { color: var(--rz-on-success-darker) !important; } .rz-color-on-warning { color: var(--rz-on-warning) !important; } .rz-color-on-warning-light { color: var(--rz-on-warning-light) !important; } .rz-color-on-warning-lighter { color: var(--rz-on-warning-lighter) !important; } .rz-color-on-warning-dark { color: var(--rz-on-warning-dark) !important; } .rz-color-on-warning-darker { color: var(--rz-on-warning-darker) !important; } .rz-color-on-danger { color: var(--rz-on-danger) !important; } .rz-color-on-danger-light { color: var(--rz-on-danger-light) !important; } .rz-color-on-danger-lighter { color: var(--rz-on-danger-lighter) !important; } .rz-color-on-danger-dark { color: var(--rz-on-danger-dark) !important; } .rz-color-on-danger-darker { color: var(--rz-on-danger-darker) !important; } .rz-color-series-1 { color: var(--rz-series-1) !important; } .rz-color-series-2 { color: var(--rz-series-2) !important; } .rz-color-series-3 { color: var(--rz-series-3) !important; } .rz-color-series-4 { color: var(--rz-series-4) !important; } .rz-color-series-5 { color: var(--rz-series-5) !important; } .rz-color-series-6 { color: var(--rz-series-6) !important; } .rz-color-series-7 { color: var(--rz-series-7) !important; } .rz-color-series-8 { color: var(--rz-series-8) !important; } .rz-color-series-9 { color: var(--rz-series-9) !important; } .rz-color-series-10 { color: var(--rz-series-10) !important; } .rz-color-series-11 { color: var(--rz-series-11) !important; } .rz-color-series-12 { color: var(--rz-series-12) !important; } .rz-color-series-13 { color: var(--rz-series-13) !important; } .rz-color-series-14 { color: var(--rz-series-14) !important; } .rz-color-series-15 { color: var(--rz-series-15) !important; } .rz-color-series-16 { color: var(--rz-series-16) !important; } .rz-color-series-17 { color: var(--rz-series-17) !important; } .rz-color-series-18 { color: var(--rz-series-18) !important; } .rz-color-series-19 { color: var(--rz-series-19) !important; } .rz-color-series-20 { color: var(--rz-series-20) !important; } .rz-color-series-21 { color: var(--rz-series-21) !important; } .rz-color-series-22 { color: var(--rz-series-22) !important; } .rz-color-series-23 { color: var(--rz-series-23) !important; } .rz-color-series-24 { color: var(--rz-series-24) !important; } .rz-background-color-white { background-color: var(--rz-white) !important; } .rz-background-color-black { background-color: var(--rz-black) !important; } .rz-background-color-base { background-color: var(--rz-base) !important; } .rz-background-color-base-50 { background-color: var(--rz-base-50) !important; } .rz-background-color-base-100 { background-color: var(--rz-base-100) !important; } .rz-background-color-base-200 { background-color: var(--rz-base-200) !important; } .rz-background-color-base-300 { background-color: var(--rz-base-300) !important; } .rz-background-color-base-400 { background-color: var(--rz-base-400) !important; } .rz-background-color-base-500 { background-color: var(--rz-base-500) !important; } .rz-background-color-base-600 { background-color: var(--rz-base-600) !important; } .rz-background-color-base-700 { background-color: var(--rz-base-700) !important; } .rz-background-color-base-800 { background-color: var(--rz-base-800) !important; } .rz-background-color-base-900 { background-color: var(--rz-base-900) !important; } .rz-background-color-base-light { background-color: var(--rz-base-light) !important; } .rz-background-color-base-lighter { background-color: var(--rz-base-lighter) !important; } .rz-background-color-base-dark { background-color: var(--rz-base-dark) !important; } .rz-background-color-base-darker { background-color: var(--rz-base-darker) !important; } .rz-background-color-primary { background-color: var(--rz-primary) !important; } .rz-background-color-primary-light { background-color: var(--rz-primary-light) !important; } .rz-background-color-primary-lighter { background-color: var(--rz-primary-lighter) !important; } .rz-background-color-primary-dark { background-color: var(--rz-primary-dark) !important; } .rz-background-color-primary-darker { background-color: var(--rz-primary-darker) !important; } .rz-background-color-secondary { background-color: var(--rz-secondary) !important; } .rz-background-color-secondary-light { background-color: var(--rz-secondary-light) !important; } .rz-background-color-secondary-lighter { background-color: var(--rz-secondary-lighter) !important; } .rz-background-color-secondary-dark { background-color: var(--rz-secondary-dark) !important; } .rz-background-color-secondary-darker { background-color: var(--rz-secondary-darker) !important; } .rz-background-color-info { background-color: var(--rz-info) !important; } .rz-background-color-info-light { background-color: var(--rz-info-light) !important; } .rz-background-color-info-lighter { background-color: var(--rz-info-lighter) !important; } .rz-background-color-info-dark { background-color: var(--rz-info-dark) !important; } .rz-background-color-info-darker { background-color: var(--rz-info-darker) !important; } .rz-background-color-success { background-color: var(--rz-success) !important; } .rz-background-color-success-light { background-color: var(--rz-success-light) !important; } .rz-background-color-success-lighter { background-color: var(--rz-success-lighter) !important; } .rz-background-color-success-dark { background-color: var(--rz-success-dark) !important; } .rz-background-color-success-darker { background-color: var(--rz-success-darker) !important; } .rz-background-color-warning { background-color: var(--rz-warning) !important; } .rz-background-color-warning-light { background-color: var(--rz-warning-light) !important; } .rz-background-color-warning-lighter { background-color: var(--rz-warning-lighter) !important; } .rz-background-color-warning-dark { background-color: var(--rz-warning-dark) !important; } .rz-background-color-warning-darker { background-color: var(--rz-warning-darker) !important; } .rz-background-color-danger { background-color: var(--rz-danger) !important; } .rz-background-color-danger-light { background-color: var(--rz-danger-light) !important; } .rz-background-color-danger-lighter { background-color: var(--rz-danger-lighter) !important; } .rz-background-color-danger-dark { background-color: var(--rz-danger-dark) !important; } .rz-background-color-danger-darker { background-color: var(--rz-danger-darker) !important; } .rz-background-color-on-base { background-color: var(--rz-on-base) !important; } .rz-background-color-on-base-light { background-color: var(--rz-on-base-light) !important; } .rz-background-color-on-base-lighter { background-color: var(--rz-on-base-lighter) !important; } .rz-background-color-on-base-dark { background-color: var(--rz-on-base-dark) !important; } .rz-background-color-on-base-darker { background-color: var(--rz-on-base-darker) !important; } .rz-background-color-on-primary { background-color: var(--rz-on-primary) !important; } .rz-background-color-on-primary-light { background-color: var(--rz-on-primary-light) !important; } .rz-background-color-on-primary-lighter { background-color: var(--rz-on-primary-lighter) !important; } .rz-background-color-on-primary-dark { background-color: var(--rz-on-primary-dark) !important; } .rz-background-color-on-primary-darker { background-color: var(--rz-on-primary-darker) !important; } .rz-background-color-on-secondary { background-color: var(--rz-on-secondary) !important; } .rz-background-color-on-secondary-light { background-color: var(--rz-on-secondary-light) !important; } .rz-background-color-on-secondary-lighter { background-color: var(--rz-on-secondary-lighter) !important; } .rz-background-color-on-secondary-dark { background-color: var(--rz-on-secondary-dark) !important; } .rz-background-color-on-secondary-darker { background-color: var(--rz-on-secondary-darker) !important; } .rz-background-color-on-info { background-color: var(--rz-on-info) !important; } .rz-background-color-on-info-light { background-color: var(--rz-on-info-light) !important; } .rz-background-color-on-info-lighter { background-color: var(--rz-on-info-lighter) !important; } .rz-background-color-on-info-dark { background-color: var(--rz-on-info-dark) !important; } .rz-background-color-on-info-darker { background-color: var(--rz-on-info-darker) !important; } .rz-background-color-on-success { background-color: var(--rz-on-success) !important; } .rz-background-color-on-success-light { background-color: var(--rz-on-success-light) !important; } .rz-background-color-on-success-lighter { background-color: var(--rz-on-success-lighter) !important; } .rz-background-color-on-success-dark { background-color: var(--rz-on-success-dark) !important; } .rz-background-color-on-success-darker { background-color: var(--rz-on-success-darker) !important; } .rz-background-color-on-warning { background-color: var(--rz-on-warning) !important; } .rz-background-color-on-warning-light { background-color: var(--rz-on-warning-light) !important; } .rz-background-color-on-warning-lighter { background-color: var(--rz-on-warning-lighter) !important; } .rz-background-color-on-warning-dark { background-color: var(--rz-on-warning-dark) !important; } .rz-background-color-on-warning-darker { background-color: var(--rz-on-warning-darker) !important; } .rz-background-color-on-danger { background-color: var(--rz-on-danger) !important; } .rz-background-color-on-danger-light { background-color: var(--rz-on-danger-light) !important; } .rz-background-color-on-danger-lighter { background-color: var(--rz-on-danger-lighter) !important; } .rz-background-color-on-danger-dark { background-color: var(--rz-on-danger-dark) !important; } .rz-background-color-on-danger-darker { background-color: var(--rz-on-danger-darker) !important; } .rz-background-color-series-1 { background-color: var(--rz-series-1) !important; } .rz-background-color-series-2 { background-color: var(--rz-series-2) !important; } .rz-background-color-series-3 { background-color: var(--rz-series-3) !important; } .rz-background-color-series-4 { background-color: var(--rz-series-4) !important; } .rz-background-color-series-5 { background-color: var(--rz-series-5) !important; } .rz-background-color-series-6 { background-color: var(--rz-series-6) !important; } .rz-background-color-series-7 { background-color: var(--rz-series-7) !important; } .rz-background-color-series-8 { background-color: var(--rz-series-8) !important; } .rz-background-color-series-9 { background-color: var(--rz-series-9) !important; } .rz-background-color-series-10 { background-color: var(--rz-series-10) !important; } .rz-background-color-series-11 { background-color: var(--rz-series-11) !important; } .rz-background-color-series-12 { background-color: var(--rz-series-12) !important; } .rz-background-color-series-13 { background-color: var(--rz-series-13) !important; } .rz-background-color-series-14 { background-color: var(--rz-series-14) !important; } .rz-background-color-series-15 { background-color: var(--rz-series-15) !important; } .rz-background-color-series-16 { background-color: var(--rz-series-16) !important; } .rz-background-color-series-17 { background-color: var(--rz-series-17) !important; } .rz-background-color-series-18 { background-color: var(--rz-series-18) !important; } .rz-background-color-series-19 { background-color: var(--rz-series-19) !important; } .rz-background-color-series-20 { background-color: var(--rz-series-20) !important; } .rz-background-color-series-21 { background-color: var(--rz-series-21) !important; } .rz-background-color-series-22 { background-color: var(--rz-series-22) !important; } .rz-background-color-series-23 { background-color: var(--rz-series-23) !important; } .rz-background-color-series-24 { background-color: var(--rz-series-24) !important; } .rz-border { border-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: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.rz-state-disabled:before { background: transparent; } .rz-ripple:active:before { transition: background-size 0s, opacity 0s; opacity: 0.32; background-size: 0%; } body { margin: 0; } .rz-m-0 { margin: 0 !important; } .rz-my-0, .rz-mt-0 { margin-top: 0 !important; } .rz-mx-0, .rz-mr-0 { margin-right: 0 !important; } .rz-my-0, .rz-mb-0 { margin-bottom: 0 !important; } .rz-mx-0, .rz-ml-0 { margin-left: 0 !important; } .rz-ms-0 { margin-inline-start: 0 !important; } .rz-me-0 { margin-inline-end: 0 !important; } .rz-m-05 { margin: 0.125rem !important; } .rz-my-05, .rz-mt-05 { margin-top: 0.125rem !important; } .rz-mx-05, .rz-mr-05 { margin-right: 0.125rem !important; } .rz-my-05, .rz-mb-05 { margin-bottom: 0.125rem !important; } .rz-mx-05, .rz-ml-05 { margin-left: 0.125rem !important; } .rz-ms-05 { margin-inline-start: 0.125rem !important; } .rz-me-05 { margin-inline-end: 0.125rem !important; } .rz-m-1 { margin: 0.25rem !important; } .rz-my-1, .rz-mt-1 { margin-top: 0.25rem !important; } .rz-mx-1, .rz-mr-1 { margin-right: 0.25rem !important; } .rz-my-1, .rz-mb-1 { margin-bottom: 0.25rem !important; } .rz-mx-1, .rz-ml-1 { margin-left: 0.25rem !important; } .rz-ms-1 { margin-inline-start: 0.25rem !important; } .rz-me-1 { margin-inline-end: 0.25rem !important; } .rz-m-2 { margin: 0.5rem !important; } .rz-my-2, .rz-mt-2 { margin-top: 0.5rem !important; } .rz-mx-2, .rz-mr-2 { margin-right: 0.5rem !important; } .rz-my-2, .rz-mb-2 { margin-bottom: 0.5rem !important; } .rz-mx-2, .rz-ml-2 { margin-left: 0.5rem !important; } .rz-ms-2 { margin-inline-start: 0.5rem !important; } .rz-me-2 { margin-inline-end: 0.5rem !important; } .rz-m-3 { margin: 0.75rem !important; } .rz-my-3, .rz-mt-3 { margin-top: 0.75rem !important; } .rz-mx-3, .rz-mr-3 { margin-right: 0.75rem !important; } .rz-my-3, .rz-mb-3 { margin-bottom: 0.75rem !important; } .rz-mx-3, .rz-ml-3 { margin-left: 0.75rem !important; } .rz-ms-3 { margin-inline-start: 0.75rem !important; } .rz-me-3 { margin-inline-end: 0.75rem !important; } .rz-m-4 { margin: 1rem !important; } .rz-my-4, .rz-mt-4 { margin-top: 1rem !important; } .rz-mx-4, .rz-mr-4 { margin-right: 1rem !important; } .rz-my-4, .rz-mb-4 { margin-bottom: 1rem !important; } .rz-mx-4, .rz-ml-4 { margin-left: 1rem !important; } .rz-ms-4 { margin-inline-start: 1rem !important; } .rz-me-4 { margin-inline-end: 1rem !important; } .rz-m-5 { margin: 1.25rem !important; } .rz-my-5, .rz-mt-5 { margin-top: 1.25rem !important; } .rz-mx-5, .rz-mr-5 { margin-right: 1.25rem !important; } .rz-my-5, .rz-mb-5 { margin-bottom: 1.25rem !important; } .rz-mx-5, .rz-ml-5 { margin-left: 1.25rem !important; } .rz-ms-5 { margin-inline-start: 1.25rem !important; } .rz-me-5 { margin-inline-end: 1.25rem !important; } .rz-m-6 { margin: 1.5rem !important; } .rz-my-6, .rz-mt-6 { margin-top: 1.5rem !important; } .rz-mx-6, .rz-mr-6 { margin-right: 1.5rem !important; } .rz-my-6, .rz-mb-6 { margin-bottom: 1.5rem !important; } .rz-mx-6, .rz-ml-6 { margin-left: 1.5rem !important; } .rz-ms-6 { margin-inline-start: 1.5rem !important; } .rz-me-6 { margin-inline-end: 1.5rem !important; } .rz-m-7 { margin: 1.75rem !important; } .rz-my-7, .rz-mt-7 { margin-top: 1.75rem !important; } .rz-mx-7, .rz-mr-7 { margin-right: 1.75rem !important; } .rz-my-7, .rz-mb-7 { margin-bottom: 1.75rem !important; } .rz-mx-7, .rz-ml-7 { margin-left: 1.75rem !important; } .rz-ms-7 { margin-inline-start: 1.75rem !important; } .rz-me-7 { margin-inline-end: 1.75rem !important; } .rz-m-8 { margin: 2rem !important; } .rz-my-8, .rz-mt-8 { margin-top: 2rem !important; } .rz-mx-8, .rz-mr-8 { margin-right: 2rem !important; } .rz-my-8, .rz-mb-8 { margin-bottom: 2rem !important; } .rz-mx-8, .rz-ml-8 { margin-left: 2rem !important; } .rz-ms-8 { margin-inline-start: 2rem !important; } .rz-me-8 { margin-inline-end: 2rem !important; } .rz-m-9 { margin: 2.25rem !important; } .rz-my-9, .rz-mt-9 { margin-top: 2.25rem !important; } .rz-mx-9, .rz-mr-9 { margin-right: 2.25rem !important; } .rz-my-9, .rz-mb-9 { margin-bottom: 2.25rem !important; } .rz-mx-9, .rz-ml-9 { margin-left: 2.25rem !important; } .rz-ms-9 { margin-inline-start: 2.25rem !important; } .rz-me-9 { margin-inline-end: 2.25rem !important; } .rz-m-10 { margin: 2.5rem !important; } .rz-my-10, .rz-mt-10 { margin-top: 2.5rem !important; } .rz-mx-10, .rz-mr-10 { margin-right: 2.5rem !important; } .rz-my-10, .rz-mb-10 { margin-bottom: 2.5rem !important; } .rz-mx-10, .rz-ml-10 { margin-left: 2.5rem !important; } .rz-ms-10 { margin-inline-start: 2.5rem !important; } .rz-me-10 { margin-inline-end: 2.5rem !important; } .rz-m-11 { margin: 2.75rem !important; } .rz-my-11, .rz-mt-11 { margin-top: 2.75rem !important; } .rz-mx-11, .rz-mr-11 { margin-right: 2.75rem !important; } .rz-my-11, .rz-mb-11 { margin-bottom: 2.75rem !important; } .rz-mx-11, .rz-ml-11 { margin-left: 2.75rem !important; } .rz-ms-11 { margin-inline-start: 2.75rem !important; } .rz-me-11 { margin-inline-end: 2.75rem !important; } .rz-m-12 { margin: 3rem !important; } .rz-my-12, .rz-mt-12 { margin-top: 3rem !important; } .rz-mx-12, .rz-mr-12 { margin-right: 3rem !important; } .rz-my-12, .rz-mb-12 { margin-bottom: 3rem !important; } .rz-mx-12, .rz-ml-12 { margin-left: 3rem !important; } .rz-ms-12 { margin-inline-start: 3rem !important; } .rz-me-12 { margin-inline-end: 3rem !important; } .rz-p-0 { padding: 0 !important; } .rz-py-0, .rz-pt-0 { padding-top: 0 !important; } .rz-px-0, .rz-pr-0 { padding-right: 0 !important; } .rz-py-0, .rz-pb-0 { padding-bottom: 0 !important; } .rz-px-0, .rz-pl-0 { padding-left: 0 !important; } .rz-ps-0 { padding-inline-start: 0 !important; } .rz-pe-0 { padding-inline-end: 0 !important; } .rz-p-05 { padding: 0.125rem !important; } .rz-py-05, .rz-pt-05 { padding-top: 0.125rem !important; } .rz-px-05, .rz-pr-05 { padding-right: 0.125rem !important; } .rz-py-05, .rz-pb-05 { padding-bottom: 0.125rem !important; } .rz-px-05, .rz-pl-05 { padding-left: 0.125rem !important; } .rz-ps-05 { padding-inline-start: 0.125rem !important; } .rz-pe-05 { padding-inline-end: 0.125rem !important; } .rz-p-1 { padding: 0.25rem !important; } .rz-py-1, .rz-pt-1 { padding-top: 0.25rem !important; } .rz-px-1, .rz-pr-1 { padding-right: 0.25rem !important; } .rz-py-1, .rz-pb-1 { padding-bottom: 0.25rem !important; } .rz-px-1, .rz-pl-1 { padding-left: 0.25rem !important; } .rz-ps-1 { padding-inline-start: 0.25rem !important; } .rz-pe-1 { padding-inline-end: 0.25rem !important; } .rz-p-2 { padding: 0.5rem !important; } .rz-py-2, .rz-pt-2 { padding-top: 0.5rem !important; } .rz-px-2, .rz-pr-2 { padding-right: 0.5rem !important; } .rz-py-2, .rz-pb-2 { padding-bottom: 0.5rem !important; } .rz-px-2, .rz-pl-2 { padding-left: 0.5rem !important; } .rz-ps-2 { padding-inline-start: 0.5rem !important; } .rz-pe-2 { padding-inline-end: 0.5rem !important; } .rz-p-3 { padding: 0.75rem !important; } .rz-py-3, .rz-pt-3 { padding-top: 0.75rem !important; } .rz-px-3, .rz-pr-3 { padding-right: 0.75rem !important; } .rz-py-3, .rz-pb-3 { padding-bottom: 0.75rem !important; } .rz-px-3, .rz-pl-3 { padding-left: 0.75rem !important; } .rz-ps-3 { padding-inline-start: 0.75rem !important; } .rz-pe-3 { padding-inline-end: 0.75rem !important; } .rz-p-4 { padding: 1rem !important; } .rz-py-4, .rz-pt-4 { padding-top: 1rem !important; } .rz-px-4, .rz-pr-4 { padding-right: 1rem !important; } .rz-py-4, .rz-pb-4 { padding-bottom: 1rem !important; } .rz-px-4, .rz-pl-4 { padding-left: 1rem !important; } .rz-ps-4 { padding-inline-start: 1rem !important; } .rz-pe-4 { padding-inline-end: 1rem !important; } .rz-p-5 { padding: 1.25rem !important; } .rz-py-5, .rz-pt-5 { padding-top: 1.25rem !important; } .rz-px-5, .rz-pr-5 { padding-right: 1.25rem !important; } .rz-py-5, .rz-pb-5 { padding-bottom: 1.25rem !important; } .rz-px-5, .rz-pl-5 { padding-left: 1.25rem !important; } .rz-ps-5 { padding-inline-start: 1.25rem !important; } .rz-pe-5 { padding-inline-end: 1.25rem !important; } .rz-p-6 { padding: 1.5rem !important; } .rz-py-6, .rz-pt-6 { padding-top: 1.5rem !important; } .rz-px-6, .rz-pr-6 { padding-right: 1.5rem !important; } .rz-py-6, .rz-pb-6 { padding-bottom: 1.5rem !important; } .rz-px-6, .rz-pl-6 { padding-left: 1.5rem !important; } .rz-ps-6 { padding-inline-start: 1.5rem !important; } .rz-pe-6 { padding-inline-end: 1.5rem !important; } .rz-p-7 { padding: 1.75rem !important; } .rz-py-7, .rz-pt-7 { padding-top: 1.75rem !important; } .rz-px-7, .rz-pr-7 { padding-right: 1.75rem !important; } .rz-py-7, .rz-pb-7 { padding-bottom: 1.75rem !important; } .rz-px-7, .rz-pl-7 { padding-left: 1.75rem !important; } .rz-ps-7 { padding-inline-start: 1.75rem !important; } .rz-pe-7 { padding-inline-end: 1.75rem !important; } .rz-p-8 { padding: 2rem !important; } .rz-py-8, .rz-pt-8 { padding-top: 2rem !important; } .rz-px-8, .rz-pr-8 { padding-right: 2rem !important; } .rz-py-8, .rz-pb-8 { padding-bottom: 2rem !important; } .rz-px-8, .rz-pl-8 { padding-left: 2rem !important; } .rz-ps-8 { padding-inline-start: 2rem !important; } .rz-pe-8 { padding-inline-end: 2rem !important; } .rz-p-9 { padding: 2.25rem !important; } .rz-py-9, .rz-pt-9 { padding-top: 2.25rem !important; } .rz-px-9, .rz-pr-9 { padding-right: 2.25rem !important; } .rz-py-9, .rz-pb-9 { padding-bottom: 2.25rem !important; } .rz-px-9, .rz-pl-9 { padding-left: 2.25rem !important; } .rz-ps-9 { padding-inline-start: 2.25rem !important; } .rz-pe-9 { padding-inline-end: 2.25rem !important; } .rz-p-10 { padding: 2.5rem !important; } .rz-py-10, .rz-pt-10 { padding-top: 2.5rem !important; } .rz-px-10, .rz-pr-10 { padding-right: 2.5rem !important; } .rz-py-10, .rz-pb-10 { padding-bottom: 2.5rem !important; } .rz-px-10, .rz-pl-10 { padding-left: 2.5rem !important; } .rz-ps-10 { padding-inline-start: 2.5rem !important; } .rz-pe-10 { padding-inline-end: 2.5rem !important; } .rz-p-11 { padding: 2.75rem !important; } .rz-py-11, .rz-pt-11 { padding-top: 2.75rem !important; } .rz-px-11, .rz-pr-11 { padding-right: 2.75rem !important; } .rz-py-11, .rz-pb-11 { padding-bottom: 2.75rem !important; } .rz-px-11, .rz-pl-11 { padding-left: 2.75rem !important; } .rz-ps-11 { padding-inline-start: 2.75rem !important; } .rz-pe-11 { padding-inline-end: 2.75rem !important; } .rz-p-12 { padding: 3rem !important; } .rz-py-12, .rz-pt-12 { padding-top: 3rem !important; } .rz-px-12, .rz-pr-12 { padding-right: 3rem !important; } .rz-py-12, .rz-pb-12 { padding-bottom: 3rem !important; } .rz-px-12, .rz-pl-12 { padding-left: 3rem !important; } .rz-ps-12 { padding-inline-start: 3rem !important; } .rz-pe-12 { padding-inline-end: 3rem !important; } .rz-m-auto { margin: auto !important; } .rz-my-auto, .rz-mt-auto { margin-top: auto !important; } .rz-mx-auto, .rz-mr-auto { margin-right: auto !important; } .rz-my-auto, .rz-mb-auto { margin-bottom: auto !important; } .rz-mx-auto, .rz-ml-auto { margin-left: auto !important; } .rz-ms-auto { margin-inline-start: auto !important; } .rz-me-auto { margin-inline-end: auto !important; } @media (min-width: 576px) { .rz-m-xs-0 { margin: 0 !important; } .rz-my-xs-0, .rz-mt-xs-0 { margin-top: 0 !important; } .rz-mx-xs-0, .rz-mr-xs-0 { margin-right: 0 !important; } .rz-my-xs-0, .rz-mb-xs-0 { margin-bottom: 0 !important; } .rz-mx-xs-0, .rz-ml-xs-0 { margin-left: 0 !important; } .rz-ms-xs-0 { margin-inline-start: 0 !important; } .rz-me-xs-0 { margin-inline-end: 0 !important; } .rz-m-xs-05 { margin: 0.125rem !important; } .rz-my-xs-05, .rz-mt-xs-05 { margin-top: 0.125rem !important; } .rz-mx-xs-05, .rz-mr-xs-05 { margin-right: 0.125rem !important; } .rz-my-xs-05, .rz-mb-xs-05 { margin-bottom: 0.125rem !important; } .rz-mx-xs-05, .rz-ml-xs-05 { margin-left: 0.125rem !important; } .rz-ms-xs-05 { margin-inline-start: 0.125rem !important; } .rz-me-xs-05 { margin-inline-end: 0.125rem !important; } .rz-m-xs-1 { margin: 0.25rem !important; } .rz-my-xs-1, .rz-mt-xs-1 { margin-top: 0.25rem !important; } .rz-mx-xs-1, .rz-mr-xs-1 { margin-right: 0.25rem !important; } .rz-my-xs-1, .rz-mb-xs-1 { margin-bottom: 0.25rem !important; } .rz-mx-xs-1, .rz-ml-xs-1 { margin-left: 0.25rem !important; } .rz-ms-xs-1 { margin-inline-start: 0.25rem !important; } .rz-me-xs-1 { margin-inline-end: 0.25rem !important; } .rz-m-xs-2 { margin: 0.5rem !important; } .rz-my-xs-2, .rz-mt-xs-2 { margin-top: 0.5rem !important; } .rz-mx-xs-2, .rz-mr-xs-2 { margin-right: 0.5rem !important; } .rz-my-xs-2, .rz-mb-xs-2 { margin-bottom: 0.5rem !important; } .rz-mx-xs-2, .rz-ml-xs-2 { margin-left: 0.5rem !important; } .rz-ms-xs-2 { margin-inline-start: 0.5rem !important; } .rz-me-xs-2 { margin-inline-end: 0.5rem !important; } .rz-m-xs-3 { margin: 0.75rem !important; } .rz-my-xs-3, .rz-mt-xs-3 { margin-top: 0.75rem !important; } .rz-mx-xs-3, .rz-mr-xs-3 { margin-right: 0.75rem !important; } .rz-my-xs-3, .rz-mb-xs-3 { margin-bottom: 0.75rem !important; } .rz-mx-xs-3, .rz-ml-xs-3 { margin-left: 0.75rem !important; } .rz-ms-xs-3 { margin-inline-start: 0.75rem !important; } .rz-me-xs-3 { margin-inline-end: 0.75rem !important; } .rz-m-xs-4 { margin: 1rem !important; } .rz-my-xs-4, .rz-mt-xs-4 { margin-top: 1rem !important; } .rz-mx-xs-4, .rz-mr-xs-4 { margin-right: 1rem !important; } .rz-my-xs-4, .rz-mb-xs-4 { margin-bottom: 1rem !important; } .rz-mx-xs-4, .rz-ml-xs-4 { margin-left: 1rem !important; } .rz-ms-xs-4 { margin-inline-start: 1rem !important; } .rz-me-xs-4 { margin-inline-end: 1rem !important; } .rz-m-xs-5 { margin: 1.25rem !important; } .rz-my-xs-5, .rz-mt-xs-5 { margin-top: 1.25rem !important; } .rz-mx-xs-5, .rz-mr-xs-5 { margin-right: 1.25rem !important; } .rz-my-xs-5, .rz-mb-xs-5 { margin-bottom: 1.25rem !important; } .rz-mx-xs-5, .rz-ml-xs-5 { margin-left: 1.25rem !important; } .rz-ms-xs-5 { margin-inline-start: 1.25rem !important; } .rz-me-xs-5 { margin-inline-end: 1.25rem !important; } .rz-m-xs-6 { margin: 1.5rem !important; } .rz-my-xs-6, .rz-mt-xs-6 { margin-top: 1.5rem !important; } .rz-mx-xs-6, .rz-mr-xs-6 { margin-right: 1.5rem !important; } .rz-my-xs-6, .rz-mb-xs-6 { margin-bottom: 1.5rem !important; } .rz-mx-xs-6, .rz-ml-xs-6 { margin-left: 1.5rem !important; } .rz-ms-xs-6 { margin-inline-start: 1.5rem !important; } .rz-me-xs-6 { margin-inline-end: 1.5rem !important; } .rz-m-xs-7 { margin: 1.75rem !important; } .rz-my-xs-7, .rz-mt-xs-7 { margin-top: 1.75rem !important; } .rz-mx-xs-7, .rz-mr-xs-7 { margin-right: 1.75rem !important; } .rz-my-xs-7, .rz-mb-xs-7 { margin-bottom: 1.75rem !important; } .rz-mx-xs-7, .rz-ml-xs-7 { margin-left: 1.75rem !important; } .rz-ms-xs-7 { margin-inline-start: 1.75rem !important; } .rz-me-xs-7 { margin-inline-end: 1.75rem !important; } .rz-m-xs-8 { margin: 2rem !important; } .rz-my-xs-8, .rz-mt-xs-8 { margin-top: 2rem !important; } .rz-mx-xs-8, .rz-mr-xs-8 { margin-right: 2rem !important; } .rz-my-xs-8, .rz-mb-xs-8 { margin-bottom: 2rem !important; } .rz-mx-xs-8, .rz-ml-xs-8 { margin-left: 2rem !important; } .rz-ms-xs-8 { margin-inline-start: 2rem !important; } .rz-me-xs-8 { margin-inline-end: 2rem !important; } .rz-m-xs-9 { margin: 2.25rem !important; } .rz-my-xs-9, .rz-mt-xs-9 { margin-top: 2.25rem !important; } .rz-mx-xs-9, .rz-mr-xs-9 { margin-right: 2.25rem !important; } .rz-my-xs-9, .rz-mb-xs-9 { margin-bottom: 2.25rem !important; } .rz-mx-xs-9, .rz-ml-xs-9 { margin-left: 2.25rem !important; } .rz-ms-xs-9 { margin-inline-start: 2.25rem !important; } .rz-me-xs-9 { margin-inline-end: 2.25rem !important; } .rz-m-xs-10 { margin: 2.5rem !important; } .rz-my-xs-10, .rz-mt-xs-10 { margin-top: 2.5rem !important; } .rz-mx-xs-10, .rz-mr-xs-10 { margin-right: 2.5rem !important; } .rz-my-xs-10, .rz-mb-xs-10 { margin-bottom: 2.5rem !important; } .rz-mx-xs-10, .rz-ml-xs-10 { margin-left: 2.5rem !important; } .rz-ms-xs-10 { margin-inline-start: 2.5rem !important; } .rz-me-xs-10 { margin-inline-end: 2.5rem !important; } .rz-m-xs-11 { margin: 2.75rem !important; } .rz-my-xs-11, .rz-mt-xs-11 { margin-top: 2.75rem !important; } .rz-mx-xs-11, .rz-mr-xs-11 { margin-right: 2.75rem !important; } .rz-my-xs-11, .rz-mb-xs-11 { margin-bottom: 2.75rem !important; } .rz-mx-xs-11, .rz-ml-xs-11 { margin-left: 2.75rem !important; } .rz-ms-xs-11 { margin-inline-start: 2.75rem !important; } .rz-me-xs-11 { margin-inline-end: 2.75rem !important; } .rz-m-xs-12 { margin: 3rem !important; } .rz-my-xs-12, .rz-mt-xs-12 { margin-top: 3rem !important; } .rz-mx-xs-12, .rz-mr-xs-12 { margin-right: 3rem !important; } .rz-my-xs-12, .rz-mb-xs-12 { margin-bottom: 3rem !important; } .rz-mx-xs-12, .rz-ml-xs-12 { margin-left: 3rem !important; } .rz-ms-xs-12 { margin-inline-start: 3rem !important; } .rz-me-xs-12 { margin-inline-end: 3rem !important; } .rz-p-xs-0 { padding: 0 !important; } .rz-py-xs-0, .rz-pt-xs-0 { padding-top: 0 !important; } .rz-px-xs-0, .rz-pr-xs-0 { padding-right: 0 !important; } .rz-py-xs-0, .rz-pb-xs-0 { padding-bottom: 0 !important; } .rz-px-xs-0, .rz-pl-xs-0 { padding-left: 0 !important; } .rz-ps-xs-0 { padding-inline-start: 0 !important; } .rz-pe-xs-0 { padding-inline-end: 0 !important; } .rz-p-xs-05 { padding: 0.125rem !important; } .rz-py-xs-05, .rz-pt-xs-05 { padding-top: 0.125rem !important; } .rz-px-xs-05, .rz-pr-xs-05 { padding-right: 0.125rem !important; } .rz-py-xs-05, .rz-pb-xs-05 { padding-bottom: 0.125rem !important; } .rz-px-xs-05, .rz-pl-xs-05 { padding-left: 0.125rem !important; } .rz-ps-xs-05 { padding-inline-start: 0.125rem !important; } .rz-pe-xs-05 { padding-inline-end: 0.125rem !important; } .rz-p-xs-1 { padding: 0.25rem !important; } .rz-py-xs-1, .rz-pt-xs-1 { padding-top: 0.25rem !important; } .rz-px-xs-1, .rz-pr-xs-1 { padding-right: 0.25rem !important; } .rz-py-xs-1, .rz-pb-xs-1 { padding-bottom: 0.25rem !important; } .rz-px-xs-1, .rz-pl-xs-1 { padding-left: 0.25rem !important; } .rz-ps-xs-1 { padding-inline-start: 0.25rem !important; } .rz-pe-xs-1 { padding-inline-end: 0.25rem !important; } .rz-p-xs-2 { padding: 0.5rem !important; } .rz-py-xs-2, .rz-pt-xs-2 { padding-top: 0.5rem !important; } .rz-px-xs-2, .rz-pr-xs-2 { padding-right: 0.5rem !important; } .rz-py-xs-2, .rz-pb-xs-2 { padding-bottom: 0.5rem !important; } .rz-px-xs-2, .rz-pl-xs-2 { padding-left: 0.5rem !important; } .rz-ps-xs-2 { padding-inline-start: 0.5rem !important; } .rz-pe-xs-2 { padding-inline-end: 0.5rem !important; } .rz-p-xs-3 { padding: 0.75rem !important; } .rz-py-xs-3, .rz-pt-xs-3 { padding-top: 0.75rem !important; } .rz-px-xs-3, .rz-pr-xs-3 { padding-right: 0.75rem !important; } .rz-py-xs-3, .rz-pb-xs-3 { padding-bottom: 0.75rem !important; } .rz-px-xs-3, .rz-pl-xs-3 { padding-left: 0.75rem !important; } .rz-ps-xs-3 { padding-inline-start: 0.75rem !important; } .rz-pe-xs-3 { padding-inline-end: 0.75rem !important; } .rz-p-xs-4 { padding: 1rem !important; } .rz-py-xs-4, .rz-pt-xs-4 { padding-top: 1rem !important; } .rz-px-xs-4, .rz-pr-xs-4 { padding-right: 1rem !important; } .rz-py-xs-4, .rz-pb-xs-4 { padding-bottom: 1rem !important; } .rz-px-xs-4, .rz-pl-xs-4 { padding-left: 1rem !important; } .rz-ps-xs-4 { padding-inline-start: 1rem !important; } .rz-pe-xs-4 { padding-inline-end: 1rem !important; } .rz-p-xs-5 { padding: 1.25rem !important; } .rz-py-xs-5, .rz-pt-xs-5 { padding-top: 1.25rem !important; } .rz-px-xs-5, .rz-pr-xs-5 { padding-right: 1.25rem !important; } .rz-py-xs-5, .rz-pb-xs-5 { padding-bottom: 1.25rem !important; } .rz-px-xs-5, .rz-pl-xs-5 { padding-left: 1.25rem !important; } .rz-ps-xs-5 { padding-inline-start: 1.25rem !important; } .rz-pe-xs-5 { padding-inline-end: 1.25rem !important; } .rz-p-xs-6 { padding: 1.5rem !important; } .rz-py-xs-6, .rz-pt-xs-6 { padding-top: 1.5rem !important; } .rz-px-xs-6, .rz-pr-xs-6 { padding-right: 1.5rem !important; } .rz-py-xs-6, .rz-pb-xs-6 { padding-bottom: 1.5rem !important; } .rz-px-xs-6, .rz-pl-xs-6 { padding-left: 1.5rem !important; } .rz-ps-xs-6 { padding-inline-start: 1.5rem !important; } .rz-pe-xs-6 { padding-inline-end: 1.5rem !important; } .rz-p-xs-7 { padding: 1.75rem !important; } .rz-py-xs-7, .rz-pt-xs-7 { padding-top: 1.75rem !important; } .rz-px-xs-7, .rz-pr-xs-7 { padding-right: 1.75rem !important; } .rz-py-xs-7, .rz-pb-xs-7 { padding-bottom: 1.75rem !important; } .rz-px-xs-7, .rz-pl-xs-7 { padding-left: 1.75rem !important; } .rz-ps-xs-7 { padding-inline-start: 1.75rem !important; } .rz-pe-xs-7 { padding-inline-end: 1.75rem !important; } .rz-p-xs-8 { padding: 2rem !important; } .rz-py-xs-8, .rz-pt-xs-8 { padding-top: 2rem !important; } .rz-px-xs-8, .rz-pr-xs-8 { padding-right: 2rem !important; } .rz-py-xs-8, .rz-pb-xs-8 { padding-bottom: 2rem !important; } .rz-px-xs-8, .rz-pl-xs-8 { padding-left: 2rem !important; } .rz-ps-xs-8 { padding-inline-start: 2rem !important; } .rz-pe-xs-8 { padding-inline-end: 2rem !important; } .rz-p-xs-9 { padding: 2.25rem !important; } .rz-py-xs-9, .rz-pt-xs-9 { padding-top: 2.25rem !important; } .rz-px-xs-9, .rz-pr-xs-9 { padding-right: 2.25rem !important; } .rz-py-xs-9, .rz-pb-xs-9 { padding-bottom: 2.25rem !important; } .rz-px-xs-9, .rz-pl-xs-9 { padding-left: 2.25rem !important; } .rz-ps-xs-9 { padding-inline-start: 2.25rem !important; } .rz-pe-xs-9 { padding-inline-end: 2.25rem !important; } .rz-p-xs-10 { padding: 2.5rem !important; } .rz-py-xs-10, .rz-pt-xs-10 { padding-top: 2.5rem !important; } .rz-px-xs-10, .rz-pr-xs-10 { padding-right: 2.5rem !important; } .rz-py-xs-10, .rz-pb-xs-10 { padding-bottom: 2.5rem !important; } .rz-px-xs-10, .rz-pl-xs-10 { padding-left: 2.5rem !important; } .rz-ps-xs-10 { padding-inline-start: 2.5rem !important; } .rz-pe-xs-10 { padding-inline-end: 2.5rem !important; } .rz-p-xs-11 { padding: 2.75rem !important; } .rz-py-xs-11, .rz-pt-xs-11 { padding-top: 2.75rem !important; } .rz-px-xs-11, .rz-pr-xs-11 { padding-right: 2.75rem !important; } .rz-py-xs-11, .rz-pb-xs-11 { padding-bottom: 2.75rem !important; } .rz-px-xs-11, .rz-pl-xs-11 { padding-left: 2.75rem !important; } .rz-ps-xs-11 { padding-inline-start: 2.75rem !important; } .rz-pe-xs-11 { padding-inline-end: 2.75rem !important; } .rz-p-xs-12 { padding: 3rem !important; } .rz-py-xs-12, .rz-pt-xs-12 { padding-top: 3rem !important; } .rz-px-xs-12, .rz-pr-xs-12 { padding-right: 3rem !important; } .rz-py-xs-12, .rz-pb-xs-12 { padding-bottom: 3rem !important; } .rz-px-xs-12, .rz-pl-xs-12 { padding-left: 3rem !important; } .rz-ps-xs-12 { padding-inline-start: 3rem !important; } .rz-pe-xs-12 { padding-inline-end: 3rem !important; } .rz-m-xs-auto { margin: auto !important; } .rz-my-xs-auto, .rz-mt-xs-auto { margin-top: auto !important; } .rz-mx-xs-auto, .rz-mr-xs-auto { margin-right: auto !important; } .rz-my-xs-auto, .rz-mb-xs-auto { margin-bottom: auto !important; } .rz-mx-xs-auto, .rz-ml-xs-auto { margin-left: auto !important; } .rz-ms-xs-auto { margin-inline-start: auto !important; } .rz-me-xs-auto { margin-inline-end: auto !important; } } @media (min-width: 768px) { .rz-m-sm-0 { margin: 0 !important; } .rz-my-sm-0, .rz-mt-sm-0 { margin-top: 0 !important; } .rz-mx-sm-0, .rz-mr-sm-0 { margin-right: 0 !important; } .rz-my-sm-0, .rz-mb-sm-0 { margin-bottom: 0 !important; } .rz-mx-sm-0, .rz-ml-sm-0 { margin-left: 0 !important; } .rz-ms-sm-0 { margin-inline-start: 0 !important; } .rz-me-sm-0 { margin-inline-end: 0 !important; } .rz-m-sm-05 { margin: 0.125rem !important; } .rz-my-sm-05, .rz-mt-sm-05 { margin-top: 0.125rem !important; } .rz-mx-sm-05, .rz-mr-sm-05 { margin-right: 0.125rem !important; } .rz-my-sm-05, .rz-mb-sm-05 { margin-bottom: 0.125rem !important; } .rz-mx-sm-05, .rz-ml-sm-05 { margin-left: 0.125rem !important; } .rz-ms-sm-05 { margin-inline-start: 0.125rem !important; } .rz-me-sm-05 { margin-inline-end: 0.125rem !important; } .rz-m-sm-1 { margin: 0.25rem !important; } .rz-my-sm-1, .rz-mt-sm-1 { margin-top: 0.25rem !important; } .rz-mx-sm-1, .rz-mr-sm-1 { margin-right: 0.25rem !important; } .rz-my-sm-1, .rz-mb-sm-1 { margin-bottom: 0.25rem !important; } .rz-mx-sm-1, .rz-ml-sm-1 { margin-left: 0.25rem !important; } .rz-ms-sm-1 { margin-inline-start: 0.25rem !important; } .rz-me-sm-1 { margin-inline-end: 0.25rem !important; } .rz-m-sm-2 { margin: 0.5rem !important; } .rz-my-sm-2, .rz-mt-sm-2 { margin-top: 0.5rem !important; } .rz-mx-sm-2, .rz-mr-sm-2 { margin-right: 0.5rem !important; } .rz-my-sm-2, .rz-mb-sm-2 { margin-bottom: 0.5rem !important; } .rz-mx-sm-2, .rz-ml-sm-2 { margin-left: 0.5rem !important; } .rz-ms-sm-2 { margin-inline-start: 0.5rem !important; } .rz-me-sm-2 { margin-inline-end: 0.5rem !important; } .rz-m-sm-3 { margin: 0.75rem !important; } .rz-my-sm-3, .rz-mt-sm-3 { margin-top: 0.75rem !important; } .rz-mx-sm-3, .rz-mr-sm-3 { margin-right: 0.75rem !important; } .rz-my-sm-3, .rz-mb-sm-3 { margin-bottom: 0.75rem !important; } .rz-mx-sm-3, .rz-ml-sm-3 { margin-left: 0.75rem !important; } .rz-ms-sm-3 { margin-inline-start: 0.75rem !important; } .rz-me-sm-3 { margin-inline-end: 0.75rem !important; } .rz-m-sm-4 { margin: 1rem !important; } .rz-my-sm-4, .rz-mt-sm-4 { margin-top: 1rem !important; } .rz-mx-sm-4, .rz-mr-sm-4 { margin-right: 1rem !important; } .rz-my-sm-4, .rz-mb-sm-4 { margin-bottom: 1rem !important; } .rz-mx-sm-4, .rz-ml-sm-4 { margin-left: 1rem !important; } .rz-ms-sm-4 { margin-inline-start: 1rem !important; } .rz-me-sm-4 { margin-inline-end: 1rem !important; } .rz-m-sm-5 { margin: 1.25rem !important; } .rz-my-sm-5, .rz-mt-sm-5 { margin-top: 1.25rem !important; } .rz-mx-sm-5, .rz-mr-sm-5 { margin-right: 1.25rem !important; } .rz-my-sm-5, .rz-mb-sm-5 { margin-bottom: 1.25rem !important; } .rz-mx-sm-5, .rz-ml-sm-5 { margin-left: 1.25rem !important; } .rz-ms-sm-5 { margin-inline-start: 1.25rem !important; } .rz-me-sm-5 { margin-inline-end: 1.25rem !important; } .rz-m-sm-6 { margin: 1.5rem !important; } .rz-my-sm-6, .rz-mt-sm-6 { margin-top: 1.5rem !important; } .rz-mx-sm-6, .rz-mr-sm-6 { margin-right: 1.5rem !important; } .rz-my-sm-6, .rz-mb-sm-6 { margin-bottom: 1.5rem !important; } .rz-mx-sm-6, .rz-ml-sm-6 { margin-left: 1.5rem !important; } .rz-ms-sm-6 { margin-inline-start: 1.5rem !important; } .rz-me-sm-6 { margin-inline-end: 1.5rem !important; } .rz-m-sm-7 { margin: 1.75rem !important; } .rz-my-sm-7, .rz-mt-sm-7 { margin-top: 1.75rem !important; } .rz-mx-sm-7, .rz-mr-sm-7 { margin-right: 1.75rem !important; } .rz-my-sm-7, .rz-mb-sm-7 { margin-bottom: 1.75rem !important; } .rz-mx-sm-7, .rz-ml-sm-7 { margin-left: 1.75rem !important; } .rz-ms-sm-7 { margin-inline-start: 1.75rem !important; } .rz-me-sm-7 { margin-inline-end: 1.75rem !important; } .rz-m-sm-8 { margin: 2rem !important; } .rz-my-sm-8, .rz-mt-sm-8 { margin-top: 2rem !important; } .rz-mx-sm-8, .rz-mr-sm-8 { margin-right: 2rem !important; } .rz-my-sm-8, .rz-mb-sm-8 { margin-bottom: 2rem !important; } .rz-mx-sm-8, .rz-ml-sm-8 { margin-left: 2rem !important; } .rz-ms-sm-8 { margin-inline-start: 2rem !important; } .rz-me-sm-8 { margin-inline-end: 2rem !important; } .rz-m-sm-9 { margin: 2.25rem !important; } .rz-my-sm-9, .rz-mt-sm-9 { margin-top: 2.25rem !important; } .rz-mx-sm-9, .rz-mr-sm-9 { margin-right: 2.25rem !important; } .rz-my-sm-9, .rz-mb-sm-9 { margin-bottom: 2.25rem !important; } .rz-mx-sm-9, .rz-ml-sm-9 { margin-left: 2.25rem !important; } .rz-ms-sm-9 { margin-inline-start: 2.25rem !important; } .rz-me-sm-9 { margin-inline-end: 2.25rem !important; } .rz-m-sm-10 { margin: 2.5rem !important; } .rz-my-sm-10, .rz-mt-sm-10 { margin-top: 2.5rem !important; } .rz-mx-sm-10, .rz-mr-sm-10 { margin-right: 2.5rem !important; } .rz-my-sm-10, .rz-mb-sm-10 { margin-bottom: 2.5rem !important; } .rz-mx-sm-10, .rz-ml-sm-10 { margin-left: 2.5rem !important; } .rz-ms-sm-10 { margin-inline-start: 2.5rem !important; } .rz-me-sm-10 { margin-inline-end: 2.5rem !important; } .rz-m-sm-11 { margin: 2.75rem !important; } .rz-my-sm-11, .rz-mt-sm-11 { margin-top: 2.75rem !important; } .rz-mx-sm-11, .rz-mr-sm-11 { margin-right: 2.75rem !important; } .rz-my-sm-11, .rz-mb-sm-11 { margin-bottom: 2.75rem !important; } .rz-mx-sm-11, .rz-ml-sm-11 { margin-left: 2.75rem !important; } .rz-ms-sm-11 { margin-inline-start: 2.75rem !important; } .rz-me-sm-11 { margin-inline-end: 2.75rem !important; } .rz-m-sm-12 { margin: 3rem !important; } .rz-my-sm-12, .rz-mt-sm-12 { margin-top: 3rem !important; } .rz-mx-sm-12, .rz-mr-sm-12 { margin-right: 3rem !important; } .rz-my-sm-12, .rz-mb-sm-12 { margin-bottom: 3rem !important; } .rz-mx-sm-12, .rz-ml-sm-12 { margin-left: 3rem !important; } .rz-ms-sm-12 { margin-inline-start: 3rem !important; } .rz-me-sm-12 { margin-inline-end: 3rem !important; } .rz-p-sm-0 { padding: 0 !important; } .rz-py-sm-0, .rz-pt-sm-0 { padding-top: 0 !important; } .rz-px-sm-0, .rz-pr-sm-0 { padding-right: 0 !important; } .rz-py-sm-0, .rz-pb-sm-0 { padding-bottom: 0 !important; } .rz-px-sm-0, .rz-pl-sm-0 { padding-left: 0 !important; } .rz-ps-sm-0 { padding-inline-start: 0 !important; } .rz-pe-sm-0 { padding-inline-end: 0 !important; } .rz-p-sm-05 { padding: 0.125rem !important; } .rz-py-sm-05, .rz-pt-sm-05 { padding-top: 0.125rem !important; } .rz-px-sm-05, .rz-pr-sm-05 { padding-right: 0.125rem !important; } .rz-py-sm-05, .rz-pb-sm-05 { padding-bottom: 0.125rem !important; } .rz-px-sm-05, .rz-pl-sm-05 { padding-left: 0.125rem !important; } .rz-ps-sm-05 { padding-inline-start: 0.125rem !important; } .rz-pe-sm-05 { padding-inline-end: 0.125rem !important; } .rz-p-sm-1 { padding: 0.25rem !important; } .rz-py-sm-1, .rz-pt-sm-1 { padding-top: 0.25rem !important; } .rz-px-sm-1, .rz-pr-sm-1 { padding-right: 0.25rem !important; } .rz-py-sm-1, .rz-pb-sm-1 { padding-bottom: 0.25rem !important; } .rz-px-sm-1, .rz-pl-sm-1 { padding-left: 0.25rem !important; } .rz-ps-sm-1 { padding-inline-start: 0.25rem !important; } .rz-pe-sm-1 { padding-inline-end: 0.25rem !important; } .rz-p-sm-2 { padding: 0.5rem !important; } .rz-py-sm-2, .rz-pt-sm-2 { padding-top: 0.5rem !important; } .rz-px-sm-2, .rz-pr-sm-2 { padding-right: 0.5rem !important; } .rz-py-sm-2, .rz-pb-sm-2 { padding-bottom: 0.5rem !important; } .rz-px-sm-2, .rz-pl-sm-2 { padding-left: 0.5rem !important; } .rz-ps-sm-2 { padding-inline-start: 0.5rem !important; } .rz-pe-sm-2 { padding-inline-end: 0.5rem !important; } .rz-p-sm-3 { padding: 0.75rem !important; } .rz-py-sm-3, .rz-pt-sm-3 { padding-top: 0.75rem !important; } .rz-px-sm-3, .rz-pr-sm-3 { padding-right: 0.75rem !important; } .rz-py-sm-3, .rz-pb-sm-3 { padding-bottom: 0.75rem !important; } .rz-px-sm-3, .rz-pl-sm-3 { padding-left: 0.75rem !important; } .rz-ps-sm-3 { padding-inline-start: 0.75rem !important; } .rz-pe-sm-3 { padding-inline-end: 0.75rem !important; } .rz-p-sm-4 { padding: 1rem !important; } .rz-py-sm-4, .rz-pt-sm-4 { padding-top: 1rem !important; } .rz-px-sm-4, .rz-pr-sm-4 { padding-right: 1rem !important; } .rz-py-sm-4, .rz-pb-sm-4 { padding-bottom: 1rem !important; } .rz-px-sm-4, .rz-pl-sm-4 { padding-left: 1rem !important; } .rz-ps-sm-4 { padding-inline-start: 1rem !important; } .rz-pe-sm-4 { padding-inline-end: 1rem !important; } .rz-p-sm-5 { padding: 1.25rem !important; } .rz-py-sm-5, .rz-pt-sm-5 { padding-top: 1.25rem !important; } .rz-px-sm-5, .rz-pr-sm-5 { padding-right: 1.25rem !important; } .rz-py-sm-5, .rz-pb-sm-5 { padding-bottom: 1.25rem !important; } .rz-px-sm-5, .rz-pl-sm-5 { padding-left: 1.25rem !important; } .rz-ps-sm-5 { padding-inline-start: 1.25rem !important; } .rz-pe-sm-5 { padding-inline-end: 1.25rem !important; } .rz-p-sm-6 { padding: 1.5rem !important; } .rz-py-sm-6, .rz-pt-sm-6 { padding-top: 1.5rem !important; } .rz-px-sm-6, .rz-pr-sm-6 { padding-right: 1.5rem !important; } .rz-py-sm-6, .rz-pb-sm-6 { padding-bottom: 1.5rem !important; } .rz-px-sm-6, .rz-pl-sm-6 { padding-left: 1.5rem !important; } .rz-ps-sm-6 { padding-inline-start: 1.5rem !important; } .rz-pe-sm-6 { padding-inline-end: 1.5rem !important; } .rz-p-sm-7 { padding: 1.75rem !important; } .rz-py-sm-7, .rz-pt-sm-7 { padding-top: 1.75rem !important; } .rz-px-sm-7, .rz-pr-sm-7 { padding-right: 1.75rem !important; } .rz-py-sm-7, .rz-pb-sm-7 { padding-bottom: 1.75rem !important; } .rz-px-sm-7, .rz-pl-sm-7 { padding-left: 1.75rem !important; } .rz-ps-sm-7 { padding-inline-start: 1.75rem !important; } .rz-pe-sm-7 { padding-inline-end: 1.75rem !important; } .rz-p-sm-8 { padding: 2rem !important; } .rz-py-sm-8, .rz-pt-sm-8 { padding-top: 2rem !important; } .rz-px-sm-8, .rz-pr-sm-8 { padding-right: 2rem !important; } .rz-py-sm-8, .rz-pb-sm-8 { padding-bottom: 2rem !important; } .rz-px-sm-8, .rz-pl-sm-8 { padding-left: 2rem !important; } .rz-ps-sm-8 { padding-inline-start: 2rem !important; } .rz-pe-sm-8 { padding-inline-end: 2rem !important; } .rz-p-sm-9 { padding: 2.25rem !important; } .rz-py-sm-9, .rz-pt-sm-9 { padding-top: 2.25rem !important; } .rz-px-sm-9, .rz-pr-sm-9 { padding-right: 2.25rem !important; } .rz-py-sm-9, .rz-pb-sm-9 { padding-bottom: 2.25rem !important; } .rz-px-sm-9, .rz-pl-sm-9 { padding-left: 2.25rem !important; } .rz-ps-sm-9 { padding-inline-start: 2.25rem !important; } .rz-pe-sm-9 { padding-inline-end: 2.25rem !important; } .rz-p-sm-10 { padding: 2.5rem !important; } .rz-py-sm-10, .rz-pt-sm-10 { padding-top: 2.5rem !important; } .rz-px-sm-10, .rz-pr-sm-10 { padding-right: 2.5rem !important; } .rz-py-sm-10, .rz-pb-sm-10 { padding-bottom: 2.5rem !important; } .rz-px-sm-10, .rz-pl-sm-10 { padding-left: 2.5rem !important; } .rz-ps-sm-10 { padding-inline-start: 2.5rem !important; } .rz-pe-sm-10 { padding-inline-end: 2.5rem !important; } .rz-p-sm-11 { padding: 2.75rem !important; } .rz-py-sm-11, .rz-pt-sm-11 { padding-top: 2.75rem !important; } .rz-px-sm-11, .rz-pr-sm-11 { padding-right: 2.75rem !important; } .rz-py-sm-11, .rz-pb-sm-11 { padding-bottom: 2.75rem !important; } .rz-px-sm-11, .rz-pl-sm-11 { padding-left: 2.75rem !important; } .rz-ps-sm-11 { padding-inline-start: 2.75rem !important; } .rz-pe-sm-11 { padding-inline-end: 2.75rem !important; } .rz-p-sm-12 { padding: 3rem !important; } .rz-py-sm-12, .rz-pt-sm-12 { padding-top: 3rem !important; } .rz-px-sm-12, .rz-pr-sm-12 { padding-right: 3rem !important; } .rz-py-sm-12, .rz-pb-sm-12 { padding-bottom: 3rem !important; } .rz-px-sm-12, .rz-pl-sm-12 { padding-left: 3rem !important; } .rz-ps-sm-12 { padding-inline-start: 3rem !important; } .rz-pe-sm-12 { padding-inline-end: 3rem !important; } .rz-m-sm-auto { margin: auto !important; } .rz-my-sm-auto, .rz-mt-sm-auto { margin-top: auto !important; } .rz-mx-sm-auto, .rz-mr-sm-auto { margin-right: auto !important; } .rz-my-sm-auto, .rz-mb-sm-auto { margin-bottom: auto !important; } .rz-mx-sm-auto, .rz-ml-sm-auto { margin-left: auto !important; } .rz-ms-sm-auto { margin-inline-start: auto !important; } .rz-me-sm-auto { margin-inline-end: auto !important; } } @media (min-width: 1024px) { .rz-m-md-0 { margin: 0 !important; } .rz-my-md-0, .rz-mt-md-0 { margin-top: 0 !important; } .rz-mx-md-0, .rz-mr-md-0 { margin-right: 0 !important; } .rz-my-md-0, .rz-mb-md-0 { margin-bottom: 0 !important; } .rz-mx-md-0, .rz-ml-md-0 { margin-left: 0 !important; } .rz-ms-md-0 { margin-inline-start: 0 !important; } .rz-me-md-0 { margin-inline-end: 0 !important; } .rz-m-md-05 { margin: 0.125rem !important; } .rz-my-md-05, .rz-mt-md-05 { margin-top: 0.125rem !important; } .rz-mx-md-05, .rz-mr-md-05 { margin-right: 0.125rem !important; } .rz-my-md-05, .rz-mb-md-05 { margin-bottom: 0.125rem !important; } .rz-mx-md-05, .rz-ml-md-05 { margin-left: 0.125rem !important; } .rz-ms-md-05 { margin-inline-start: 0.125rem !important; } .rz-me-md-05 { margin-inline-end: 0.125rem !important; } .rz-m-md-1 { margin: 0.25rem !important; } .rz-my-md-1, .rz-mt-md-1 { margin-top: 0.25rem !important; } .rz-mx-md-1, .rz-mr-md-1 { margin-right: 0.25rem !important; } .rz-my-md-1, .rz-mb-md-1 { margin-bottom: 0.25rem !important; } .rz-mx-md-1, .rz-ml-md-1 { margin-left: 0.25rem !important; } .rz-ms-md-1 { margin-inline-start: 0.25rem !important; } .rz-me-md-1 { margin-inline-end: 0.25rem !important; } .rz-m-md-2 { margin: 0.5rem !important; } .rz-my-md-2, .rz-mt-md-2 { margin-top: 0.5rem !important; } .rz-mx-md-2, .rz-mr-md-2 { margin-right: 0.5rem !important; } .rz-my-md-2, .rz-mb-md-2 { margin-bottom: 0.5rem !important; } .rz-mx-md-2, .rz-ml-md-2 { margin-left: 0.5rem !important; } .rz-ms-md-2 { margin-inline-start: 0.5rem !important; } .rz-me-md-2 { margin-inline-end: 0.5rem !important; } .rz-m-md-3 { margin: 0.75rem !important; } .rz-my-md-3, .rz-mt-md-3 { margin-top: 0.75rem !important; } .rz-mx-md-3, .rz-mr-md-3 { margin-right: 0.75rem !important; } .rz-my-md-3, .rz-mb-md-3 { margin-bottom: 0.75rem !important; } .rz-mx-md-3, .rz-ml-md-3 { margin-left: 0.75rem !important; } .rz-ms-md-3 { margin-inline-start: 0.75rem !important; } .rz-me-md-3 { margin-inline-end: 0.75rem !important; } .rz-m-md-4 { margin: 1rem !important; } .rz-my-md-4, .rz-mt-md-4 { margin-top: 1rem !important; } .rz-mx-md-4, .rz-mr-md-4 { margin-right: 1rem !important; } .rz-my-md-4, .rz-mb-md-4 { margin-bottom: 1rem !important; } .rz-mx-md-4, .rz-ml-md-4 { margin-left: 1rem !important; } .rz-ms-md-4 { margin-inline-start: 1rem !important; } .rz-me-md-4 { margin-inline-end: 1rem !important; } .rz-m-md-5 { margin: 1.25rem !important; } .rz-my-md-5, .rz-mt-md-5 { margin-top: 1.25rem !important; } .rz-mx-md-5, .rz-mr-md-5 { margin-right: 1.25rem !important; } .rz-my-md-5, .rz-mb-md-5 { margin-bottom: 1.25rem !important; } .rz-mx-md-5, .rz-ml-md-5 { margin-left: 1.25rem !important; } .rz-ms-md-5 { margin-inline-start: 1.25rem !important; } .rz-me-md-5 { margin-inline-end: 1.25rem !important; } .rz-m-md-6 { margin: 1.5rem !important; } .rz-my-md-6, .rz-mt-md-6 { margin-top: 1.5rem !important; } .rz-mx-md-6, .rz-mr-md-6 { margin-right: 1.5rem !important; } .rz-my-md-6, .rz-mb-md-6 { margin-bottom: 1.5rem !important; } .rz-mx-md-6, .rz-ml-md-6 { margin-left: 1.5rem !important; } .rz-ms-md-6 { margin-inline-start: 1.5rem !important; } .rz-me-md-6 { margin-inline-end: 1.5rem !important; } .rz-m-md-7 { margin: 1.75rem !important; } .rz-my-md-7, .rz-mt-md-7 { margin-top: 1.75rem !important; } .rz-mx-md-7, .rz-mr-md-7 { margin-right: 1.75rem !important; } .rz-my-md-7, .rz-mb-md-7 { margin-bottom: 1.75rem !important; } .rz-mx-md-7, .rz-ml-md-7 { margin-left: 1.75rem !important; } .rz-ms-md-7 { margin-inline-start: 1.75rem !important; } .rz-me-md-7 { margin-inline-end: 1.75rem !important; } .rz-m-md-8 { margin: 2rem !important; } .rz-my-md-8, .rz-mt-md-8 { margin-top: 2rem !important; } .rz-mx-md-8, .rz-mr-md-8 { margin-right: 2rem !important; } .rz-my-md-8, .rz-mb-md-8 { margin-bottom: 2rem !important; } .rz-mx-md-8, .rz-ml-md-8 { margin-left: 2rem !important; } .rz-ms-md-8 { margin-inline-start: 2rem !important; } .rz-me-md-8 { margin-inline-end: 2rem !important; } .rz-m-md-9 { margin: 2.25rem !important; } .rz-my-md-9, .rz-mt-md-9 { margin-top: 2.25rem !important; } .rz-mx-md-9, .rz-mr-md-9 { margin-right: 2.25rem !important; } .rz-my-md-9, .rz-mb-md-9 { margin-bottom: 2.25rem !important; } .rz-mx-md-9, .rz-ml-md-9 { margin-left: 2.25rem !important; } .rz-ms-md-9 { margin-inline-start: 2.25rem !important; } .rz-me-md-9 { margin-inline-end: 2.25rem !important; } .rz-m-md-10 { margin: 2.5rem !important; } .rz-my-md-10, .rz-mt-md-10 { margin-top: 2.5rem !important; } .rz-mx-md-10, .rz-mr-md-10 { margin-right: 2.5rem !important; } .rz-my-md-10, .rz-mb-md-10 { margin-bottom: 2.5rem !important; } .rz-mx-md-10, .rz-ml-md-10 { margin-left: 2.5rem !important; } .rz-ms-md-10 { margin-inline-start: 2.5rem !important; } .rz-me-md-10 { margin-inline-end: 2.5rem !important; } .rz-m-md-11 { margin: 2.75rem !important; } .rz-my-md-11, .rz-mt-md-11 { margin-top: 2.75rem !important; } .rz-mx-md-11, .rz-mr-md-11 { margin-right: 2.75rem !important; } .rz-my-md-11, .rz-mb-md-11 { margin-bottom: 2.75rem !important; } .rz-mx-md-11, .rz-ml-md-11 { margin-left: 2.75rem !important; } .rz-ms-md-11 { margin-inline-start: 2.75rem !important; } .rz-me-md-11 { margin-inline-end: 2.75rem !important; } .rz-m-md-12 { margin: 3rem !important; } .rz-my-md-12, .rz-mt-md-12 { margin-top: 3rem !important; } .rz-mx-md-12, .rz-mr-md-12 { margin-right: 3rem !important; } .rz-my-md-12, .rz-mb-md-12 { margin-bottom: 3rem !important; } .rz-mx-md-12, .rz-ml-md-12 { margin-left: 3rem !important; } .rz-ms-md-12 { margin-inline-start: 3rem !important; } .rz-me-md-12 { margin-inline-end: 3rem !important; } .rz-p-md-0 { padding: 0 !important; } .rz-py-md-0, .rz-pt-md-0 { padding-top: 0 !important; } .rz-px-md-0, .rz-pr-md-0 { padding-right: 0 !important; } .rz-py-md-0, .rz-pb-md-0 { padding-bottom: 0 !important; } .rz-px-md-0, .rz-pl-md-0 { padding-left: 0 !important; } .rz-ps-md-0 { padding-inline-start: 0 !important; } .rz-pe-md-0 { padding-inline-end: 0 !important; } .rz-p-md-05 { padding: 0.125rem !important; } .rz-py-md-05, .rz-pt-md-05 { padding-top: 0.125rem !important; } .rz-px-md-05, .rz-pr-md-05 { padding-right: 0.125rem !important; } .rz-py-md-05, .rz-pb-md-05 { padding-bottom: 0.125rem !important; } .rz-px-md-05, .rz-pl-md-05 { padding-left: 0.125rem !important; } .rz-ps-md-05 { padding-inline-start: 0.125rem !important; } .rz-pe-md-05 { padding-inline-end: 0.125rem !important; } .rz-p-md-1 { padding: 0.25rem !important; } .rz-py-md-1, .rz-pt-md-1 { padding-top: 0.25rem !important; } .rz-px-md-1, .rz-pr-md-1 { padding-right: 0.25rem !important; } .rz-py-md-1, .rz-pb-md-1 { padding-bottom: 0.25rem !important; } .rz-px-md-1, .rz-pl-md-1 { padding-left: 0.25rem !important; } .rz-ps-md-1 { padding-inline-start: 0.25rem !important; } .rz-pe-md-1 { padding-inline-end: 0.25rem !important; } .rz-p-md-2 { padding: 0.5rem !important; } .rz-py-md-2, .rz-pt-md-2 { padding-top: 0.5rem !important; } .rz-px-md-2, .rz-pr-md-2 { padding-right: 0.5rem !important; } .rz-py-md-2, .rz-pb-md-2 { padding-bottom: 0.5rem !important; } .rz-px-md-2, .rz-pl-md-2 { padding-left: 0.5rem !important; } .rz-ps-md-2 { padding-inline-start: 0.5rem !important; } .rz-pe-md-2 { padding-inline-end: 0.5rem !important; } .rz-p-md-3 { padding: 0.75rem !important; } .rz-py-md-3, .rz-pt-md-3 { padding-top: 0.75rem !important; } .rz-px-md-3, .rz-pr-md-3 { padding-right: 0.75rem !important; } .rz-py-md-3, .rz-pb-md-3 { padding-bottom: 0.75rem !important; } .rz-px-md-3, .rz-pl-md-3 { padding-left: 0.75rem !important; } .rz-ps-md-3 { padding-inline-start: 0.75rem !important; } .rz-pe-md-3 { padding-inline-end: 0.75rem !important; } .rz-p-md-4 { padding: 1rem !important; } .rz-py-md-4, .rz-pt-md-4 { padding-top: 1rem !important; } .rz-px-md-4, .rz-pr-md-4 { padding-right: 1rem !important; } .rz-py-md-4, .rz-pb-md-4 { padding-bottom: 1rem !important; } .rz-px-md-4, .rz-pl-md-4 { padding-left: 1rem !important; } .rz-ps-md-4 { padding-inline-start: 1rem !important; } .rz-pe-md-4 { padding-inline-end: 1rem !important; } .rz-p-md-5 { padding: 1.25rem !important; } .rz-py-md-5, .rz-pt-md-5 { padding-top: 1.25rem !important; } .rz-px-md-5, .rz-pr-md-5 { padding-right: 1.25rem !important; } .rz-py-md-5, .rz-pb-md-5 { padding-bottom: 1.25rem !important; } .rz-px-md-5, .rz-pl-md-5 { padding-left: 1.25rem !important; } .rz-ps-md-5 { padding-inline-start: 1.25rem !important; } .rz-pe-md-5 { padding-inline-end: 1.25rem !important; } .rz-p-md-6 { padding: 1.5rem !important; } .rz-py-md-6, .rz-pt-md-6 { padding-top: 1.5rem !important; } .rz-px-md-6, .rz-pr-md-6 { padding-right: 1.5rem !important; } .rz-py-md-6, .rz-pb-md-6 { padding-bottom: 1.5rem !important; } .rz-px-md-6, .rz-pl-md-6 { padding-left: 1.5rem !important; } .rz-ps-md-6 { padding-inline-start: 1.5rem !important; } .rz-pe-md-6 { padding-inline-end: 1.5rem !important; } .rz-p-md-7 { padding: 1.75rem !important; } .rz-py-md-7, .rz-pt-md-7 { padding-top: 1.75rem !important; } .rz-px-md-7, .rz-pr-md-7 { padding-right: 1.75rem !important; } .rz-py-md-7, .rz-pb-md-7 { padding-bottom: 1.75rem !important; } .rz-px-md-7, .rz-pl-md-7 { padding-left: 1.75rem !important; } .rz-ps-md-7 { padding-inline-start: 1.75rem !important; } .rz-pe-md-7 { padding-inline-end: 1.75rem !important; } .rz-p-md-8 { padding: 2rem !important; } .rz-py-md-8, .rz-pt-md-8 { padding-top: 2rem !important; } .rz-px-md-8, .rz-pr-md-8 { padding-right: 2rem !important; } .rz-py-md-8, .rz-pb-md-8 { padding-bottom: 2rem !important; } .rz-px-md-8, .rz-pl-md-8 { padding-left: 2rem !important; } .rz-ps-md-8 { padding-inline-start: 2rem !important; } .rz-pe-md-8 { padding-inline-end: 2rem !important; } .rz-p-md-9 { padding: 2.25rem !important; } .rz-py-md-9, .rz-pt-md-9 { padding-top: 2.25rem !important; } .rz-px-md-9, .rz-pr-md-9 { padding-right: 2.25rem !important; } .rz-py-md-9, .rz-pb-md-9 { padding-bottom: 2.25rem !important; } .rz-px-md-9, .rz-pl-md-9 { padding-left: 2.25rem !important; } .rz-ps-md-9 { padding-inline-start: 2.25rem !important; } .rz-pe-md-9 { padding-inline-end: 2.25rem !important; } .rz-p-md-10 { padding: 2.5rem !important; } .rz-py-md-10, .rz-pt-md-10 { padding-top: 2.5rem !important; } .rz-px-md-10, .rz-pr-md-10 { padding-right: 2.5rem !important; } .rz-py-md-10, .rz-pb-md-10 { padding-bottom: 2.5rem !important; } .rz-px-md-10, .rz-pl-md-10 { padding-left: 2.5rem !important; } .rz-ps-md-10 { padding-inline-start: 2.5rem !important; } .rz-pe-md-10 { padding-inline-end: 2.5rem !important; } .rz-p-md-11 { padding: 2.75rem !important; } .rz-py-md-11, .rz-pt-md-11 { padding-top: 2.75rem !important; } .rz-px-md-11, .rz-pr-md-11 { padding-right: 2.75rem !important; } .rz-py-md-11, .rz-pb-md-11 { padding-bottom: 2.75rem !important; } .rz-px-md-11, .rz-pl-md-11 { padding-left: 2.75rem !important; } .rz-ps-md-11 { padding-inline-start: 2.75rem !important; } .rz-pe-md-11 { padding-inline-end: 2.75rem !important; } .rz-p-md-12 { padding: 3rem !important; } .rz-py-md-12, .rz-pt-md-12 { padding-top: 3rem !important; } .rz-px-md-12, .rz-pr-md-12 { padding-right: 3rem !important; } .rz-py-md-12, .rz-pb-md-12 { padding-bottom: 3rem !important; } .rz-px-md-12, .rz-pl-md-12 { padding-left: 3rem !important; } .rz-ps-md-12 { padding-inline-start: 3rem !important; } .rz-pe-md-12 { padding-inline-end: 3rem !important; } .rz-m-md-auto { margin: auto !important; } .rz-my-md-auto, .rz-mt-md-auto { margin-top: auto !important; } .rz-mx-md-auto, .rz-mr-md-auto { margin-right: auto !important; } .rz-my-md-auto, .rz-mb-md-auto { margin-bottom: auto !important; } .rz-mx-md-auto, .rz-ml-md-auto { margin-left: auto !important; } .rz-ms-md-auto { margin-inline-start: auto !important; } .rz-me-md-auto { margin-inline-end: auto !important; } } @media (min-width: 1280px) { .rz-m-lg-0 { margin: 0 !important; } .rz-my-lg-0, .rz-mt-lg-0 { margin-top: 0 !important; } .rz-mx-lg-0, .rz-mr-lg-0 { margin-right: 0 !important; } .rz-my-lg-0, .rz-mb-lg-0 { margin-bottom: 0 !important; } .rz-mx-lg-0, .rz-ml-lg-0 { margin-left: 0 !important; } .rz-ms-lg-0 { margin-inline-start: 0 !important; } .rz-me-lg-0 { margin-inline-end: 0 !important; } .rz-m-lg-05 { margin: 0.125rem !important; } .rz-my-lg-05, .rz-mt-lg-05 { margin-top: 0.125rem !important; } .rz-mx-lg-05, .rz-mr-lg-05 { margin-right: 0.125rem !important; } .rz-my-lg-05, .rz-mb-lg-05 { margin-bottom: 0.125rem !important; } .rz-mx-lg-05, .rz-ml-lg-05 { margin-left: 0.125rem !important; } .rz-ms-lg-05 { margin-inline-start: 0.125rem !important; } .rz-me-lg-05 { margin-inline-end: 0.125rem !important; } .rz-m-lg-1 { margin: 0.25rem !important; } .rz-my-lg-1, .rz-mt-lg-1 { margin-top: 0.25rem !important; } .rz-mx-lg-1, .rz-mr-lg-1 { margin-right: 0.25rem !important; } .rz-my-lg-1, .rz-mb-lg-1 { margin-bottom: 0.25rem !important; } .rz-mx-lg-1, .rz-ml-lg-1 { margin-left: 0.25rem !important; } .rz-ms-lg-1 { margin-inline-start: 0.25rem !important; } .rz-me-lg-1 { margin-inline-end: 0.25rem !important; } .rz-m-lg-2 { margin: 0.5rem !important; } .rz-my-lg-2, .rz-mt-lg-2 { margin-top: 0.5rem !important; } .rz-mx-lg-2, .rz-mr-lg-2 { margin-right: 0.5rem !important; } .rz-my-lg-2, .rz-mb-lg-2 { margin-bottom: 0.5rem !important; } .rz-mx-lg-2, .rz-ml-lg-2 { margin-left: 0.5rem !important; } .rz-ms-lg-2 { margin-inline-start: 0.5rem !important; } .rz-me-lg-2 { margin-inline-end: 0.5rem !important; } .rz-m-lg-3 { margin: 0.75rem !important; } .rz-my-lg-3, .rz-mt-lg-3 { margin-top: 0.75rem !important; } .rz-mx-lg-3, .rz-mr-lg-3 { margin-right: 0.75rem !important; } .rz-my-lg-3, .rz-mb-lg-3 { margin-bottom: 0.75rem !important; } .rz-mx-lg-3, .rz-ml-lg-3 { margin-left: 0.75rem !important; } .rz-ms-lg-3 { margin-inline-start: 0.75rem !important; } .rz-me-lg-3 { margin-inline-end: 0.75rem !important; } .rz-m-lg-4 { margin: 1rem !important; } .rz-my-lg-4, .rz-mt-lg-4 { margin-top: 1rem !important; } .rz-mx-lg-4, .rz-mr-lg-4 { margin-right: 1rem !important; } .rz-my-lg-4, .rz-mb-lg-4 { margin-bottom: 1rem !important; } .rz-mx-lg-4, .rz-ml-lg-4 { margin-left: 1rem !important; } .rz-ms-lg-4 { margin-inline-start: 1rem !important; } .rz-me-lg-4 { margin-inline-end: 1rem !important; } .rz-m-lg-5 { margin: 1.25rem !important; } .rz-my-lg-5, .rz-mt-lg-5 { margin-top: 1.25rem !important; } .rz-mx-lg-5, .rz-mr-lg-5 { margin-right: 1.25rem !important; } .rz-my-lg-5, .rz-mb-lg-5 { margin-bottom: 1.25rem !important; } .rz-mx-lg-5, .rz-ml-lg-5 { margin-left: 1.25rem !important; } .rz-ms-lg-5 { margin-inline-start: 1.25rem !important; } .rz-me-lg-5 { margin-inline-end: 1.25rem !important; } .rz-m-lg-6 { margin: 1.5rem !important; } .rz-my-lg-6, .rz-mt-lg-6 { margin-top: 1.5rem !important; } .rz-mx-lg-6, .rz-mr-lg-6 { margin-right: 1.5rem !important; } .rz-my-lg-6, .rz-mb-lg-6 { margin-bottom: 1.5rem !important; } .rz-mx-lg-6, .rz-ml-lg-6 { margin-left: 1.5rem !important; } .rz-ms-lg-6 { margin-inline-start: 1.5rem !important; } .rz-me-lg-6 { margin-inline-end: 1.5rem !important; } .rz-m-lg-7 { margin: 1.75rem !important; } .rz-my-lg-7, .rz-mt-lg-7 { margin-top: 1.75rem !important; } .rz-mx-lg-7, .rz-mr-lg-7 { margin-right: 1.75rem !important; } .rz-my-lg-7, .rz-mb-lg-7 { margin-bottom: 1.75rem !important; } .rz-mx-lg-7, .rz-ml-lg-7 { margin-left: 1.75rem !important; } .rz-ms-lg-7 { margin-inline-start: 1.75rem !important; } .rz-me-lg-7 { margin-inline-end: 1.75rem !important; } .rz-m-lg-8 { margin: 2rem !important; } .rz-my-lg-8, .rz-mt-lg-8 { margin-top: 2rem !important; } .rz-mx-lg-8, .rz-mr-lg-8 { margin-right: 2rem !important; } .rz-my-lg-8, .rz-mb-lg-8 { margin-bottom: 2rem !important; } .rz-mx-lg-8, .rz-ml-lg-8 { margin-left: 2rem !important; } .rz-ms-lg-8 { margin-inline-start: 2rem !important; } .rz-me-lg-8 { margin-inline-end: 2rem !important; } .rz-m-lg-9 { margin: 2.25rem !important; } .rz-my-lg-9, .rz-mt-lg-9 { margin-top: 2.25rem !important; } .rz-mx-lg-9, .rz-mr-lg-9 { margin-right: 2.25rem !important; } .rz-my-lg-9, .rz-mb-lg-9 { margin-bottom: 2.25rem !important; } .rz-mx-lg-9, .rz-ml-lg-9 { margin-left: 2.25rem !important; } .rz-ms-lg-9 { margin-inline-start: 2.25rem !important; } .rz-me-lg-9 { margin-inline-end: 2.25rem !important; } .rz-m-lg-10 { margin: 2.5rem !important; } .rz-my-lg-10, .rz-mt-lg-10 { margin-top: 2.5rem !important; } .rz-mx-lg-10, .rz-mr-lg-10 { margin-right: 2.5rem !important; } .rz-my-lg-10, .rz-mb-lg-10 { margin-bottom: 2.5rem !important; } .rz-mx-lg-10, .rz-ml-lg-10 { margin-left: 2.5rem !important; } .rz-ms-lg-10 { margin-inline-start: 2.5rem !important; } .rz-me-lg-10 { margin-inline-end: 2.5rem !important; } .rz-m-lg-11 { margin: 2.75rem !important; } .rz-my-lg-11, .rz-mt-lg-11 { margin-top: 2.75rem !important; } .rz-mx-lg-11, .rz-mr-lg-11 { margin-right: 2.75rem !important; } .rz-my-lg-11, .rz-mb-lg-11 { margin-bottom: 2.75rem !important; } .rz-mx-lg-11, .rz-ml-lg-11 { margin-left: 2.75rem !important; } .rz-ms-lg-11 { margin-inline-start: 2.75rem !important; } .rz-me-lg-11 { margin-inline-end: 2.75rem !important; } .rz-m-lg-12 { margin: 3rem !important; } .rz-my-lg-12, .rz-mt-lg-12 { margin-top: 3rem !important; } .rz-mx-lg-12, .rz-mr-lg-12 { margin-right: 3rem !important; } .rz-my-lg-12, .rz-mb-lg-12 { margin-bottom: 3rem !important; } .rz-mx-lg-12, .rz-ml-lg-12 { margin-left: 3rem !important; } .rz-ms-lg-12 { margin-inline-start: 3rem !important; } .rz-me-lg-12 { margin-inline-end: 3rem !important; } .rz-p-lg-0 { padding: 0 !important; } .rz-py-lg-0, .rz-pt-lg-0 { padding-top: 0 !important; } .rz-px-lg-0, .rz-pr-lg-0 { padding-right: 0 !important; } .rz-py-lg-0, .rz-pb-lg-0 { padding-bottom: 0 !important; } .rz-px-lg-0, .rz-pl-lg-0 { padding-left: 0 !important; } .rz-ps-lg-0 { padding-inline-start: 0 !important; } .rz-pe-lg-0 { padding-inline-end: 0 !important; } .rz-p-lg-05 { padding: 0.125rem !important; } .rz-py-lg-05, .rz-pt-lg-05 { padding-top: 0.125rem !important; } .rz-px-lg-05, .rz-pr-lg-05 { padding-right: 0.125rem !important; } .rz-py-lg-05, .rz-pb-lg-05 { padding-bottom: 0.125rem !important; } .rz-px-lg-05, .rz-pl-lg-05 { padding-left: 0.125rem !important; } .rz-ps-lg-05 { padding-inline-start: 0.125rem !important; } .rz-pe-lg-05 { padding-inline-end: 0.125rem !important; } .rz-p-lg-1 { padding: 0.25rem !important; } .rz-py-lg-1, .rz-pt-lg-1 { padding-top: 0.25rem !important; } .rz-px-lg-1, .rz-pr-lg-1 { padding-right: 0.25rem !important; } .rz-py-lg-1, .rz-pb-lg-1 { padding-bottom: 0.25rem !important; } .rz-px-lg-1, .rz-pl-lg-1 { padding-left: 0.25rem !important; } .rz-ps-lg-1 { padding-inline-start: 0.25rem !important; } .rz-pe-lg-1 { padding-inline-end: 0.25rem !important; } .rz-p-lg-2 { padding: 0.5rem !important; } .rz-py-lg-2, .rz-pt-lg-2 { padding-top: 0.5rem !important; } .rz-px-lg-2, .rz-pr-lg-2 { padding-right: 0.5rem !important; } .rz-py-lg-2, .rz-pb-lg-2 { padding-bottom: 0.5rem !important; } .rz-px-lg-2, .rz-pl-lg-2 { padding-left: 0.5rem !important; } .rz-ps-lg-2 { padding-inline-start: 0.5rem !important; } .rz-pe-lg-2 { padding-inline-end: 0.5rem !important; } .rz-p-lg-3 { padding: 0.75rem !important; } .rz-py-lg-3, .rz-pt-lg-3 { padding-top: 0.75rem !important; } .rz-px-lg-3, .rz-pr-lg-3 { padding-right: 0.75rem !important; } .rz-py-lg-3, .rz-pb-lg-3 { padding-bottom: 0.75rem !important; } .rz-px-lg-3, .rz-pl-lg-3 { padding-left: 0.75rem !important; } .rz-ps-lg-3 { padding-inline-start: 0.75rem !important; } .rz-pe-lg-3 { padding-inline-end: 0.75rem !important; } .rz-p-lg-4 { padding: 1rem !important; } .rz-py-lg-4, .rz-pt-lg-4 { padding-top: 1rem !important; } .rz-px-lg-4, .rz-pr-lg-4 { padding-right: 1rem !important; } .rz-py-lg-4, .rz-pb-lg-4 { padding-bottom: 1rem !important; } .rz-px-lg-4, .rz-pl-lg-4 { padding-left: 1rem !important; } .rz-ps-lg-4 { padding-inline-start: 1rem !important; } .rz-pe-lg-4 { padding-inline-end: 1rem !important; } .rz-p-lg-5 { padding: 1.25rem !important; } .rz-py-lg-5, .rz-pt-lg-5 { padding-top: 1.25rem !important; } .rz-px-lg-5, .rz-pr-lg-5 { padding-right: 1.25rem !important; } .rz-py-lg-5, .rz-pb-lg-5 { padding-bottom: 1.25rem !important; } .rz-px-lg-5, .rz-pl-lg-5 { padding-left: 1.25rem !important; } .rz-ps-lg-5 { padding-inline-start: 1.25rem !important; } .rz-pe-lg-5 { padding-inline-end: 1.25rem !important; } .rz-p-lg-6 { padding: 1.5rem !important; } .rz-py-lg-6, .rz-pt-lg-6 { padding-top: 1.5rem !important; } .rz-px-lg-6, .rz-pr-lg-6 { padding-right: 1.5rem !important; } .rz-py-lg-6, .rz-pb-lg-6 { padding-bottom: 1.5rem !important; } .rz-px-lg-6, .rz-pl-lg-6 { padding-left: 1.5rem !important; } .rz-ps-lg-6 { padding-inline-start: 1.5rem !important; } .rz-pe-lg-6 { padding-inline-end: 1.5rem !important; } .rz-p-lg-7 { padding: 1.75rem !important; } .rz-py-lg-7, .rz-pt-lg-7 { padding-top: 1.75rem !important; } .rz-px-lg-7, .rz-pr-lg-7 { padding-right: 1.75rem !important; } .rz-py-lg-7, .rz-pb-lg-7 { padding-bottom: 1.75rem !important; } .rz-px-lg-7, .rz-pl-lg-7 { padding-left: 1.75rem !important; } .rz-ps-lg-7 { padding-inline-start: 1.75rem !important; } .rz-pe-lg-7 { padding-inline-end: 1.75rem !important; } .rz-p-lg-8 { padding: 2rem !important; } .rz-py-lg-8, .rz-pt-lg-8 { padding-top: 2rem !important; } .rz-px-lg-8, .rz-pr-lg-8 { padding-right: 2rem !important; } .rz-py-lg-8, .rz-pb-lg-8 { padding-bottom: 2rem !important; } .rz-px-lg-8, .rz-pl-lg-8 { padding-left: 2rem !important; } .rz-ps-lg-8 { padding-inline-start: 2rem !important; } .rz-pe-lg-8 { padding-inline-end: 2rem !important; } .rz-p-lg-9 { padding: 2.25rem !important; } .rz-py-lg-9, .rz-pt-lg-9 { padding-top: 2.25rem !important; } .rz-px-lg-9, .rz-pr-lg-9 { padding-right: 2.25rem !important; } .rz-py-lg-9, .rz-pb-lg-9 { padding-bottom: 2.25rem !important; } .rz-px-lg-9, .rz-pl-lg-9 { padding-left: 2.25rem !important; } .rz-ps-lg-9 { padding-inline-start: 2.25rem !important; } .rz-pe-lg-9 { padding-inline-end: 2.25rem !important; } .rz-p-lg-10 { padding: 2.5rem !important; } .rz-py-lg-10, .rz-pt-lg-10 { padding-top: 2.5rem !important; } .rz-px-lg-10, .rz-pr-lg-10 { padding-right: 2.5rem !important; } .rz-py-lg-10, .rz-pb-lg-10 { padding-bottom: 2.5rem !important; } .rz-px-lg-10, .rz-pl-lg-10 { padding-left: 2.5rem !important; } .rz-ps-lg-10 { padding-inline-start: 2.5rem !important; } .rz-pe-lg-10 { padding-inline-end: 2.5rem !important; } .rz-p-lg-11 { padding: 2.75rem !important; } .rz-py-lg-11, .rz-pt-lg-11 { padding-top: 2.75rem !important; } .rz-px-lg-11, .rz-pr-lg-11 { padding-right: 2.75rem !important; } .rz-py-lg-11, .rz-pb-lg-11 { padding-bottom: 2.75rem !important; } .rz-px-lg-11, .rz-pl-lg-11 { padding-left: 2.75rem !important; } .rz-ps-lg-11 { padding-inline-start: 2.75rem !important; } .rz-pe-lg-11 { padding-inline-end: 2.75rem !important; } .rz-p-lg-12 { padding: 3rem !important; } .rz-py-lg-12, .rz-pt-lg-12 { padding-top: 3rem !important; } .rz-px-lg-12, .rz-pr-lg-12 { padding-right: 3rem !important; } .rz-py-lg-12, .rz-pb-lg-12 { padding-bottom: 3rem !important; } .rz-px-lg-12, .rz-pl-lg-12 { padding-left: 3rem !important; } .rz-ps-lg-12 { padding-inline-start: 3rem !important; } .rz-pe-lg-12 { padding-inline-end: 3rem !important; } .rz-m-lg-auto { margin: auto !important; } .rz-my-lg-auto, .rz-mt-lg-auto { margin-top: auto !important; } .rz-mx-lg-auto, .rz-mr-lg-auto { margin-right: auto !important; } .rz-my-lg-auto, .rz-mb-lg-auto { margin-bottom: auto !important; } .rz-mx-lg-auto, .rz-ml-lg-auto { margin-left: auto !important; } .rz-ms-lg-auto { margin-inline-start: auto !important; } .rz-me-lg-auto { margin-inline-end: auto !important; } } @media (min-width: 1920px) { .rz-m-xl-0 { margin: 0 !important; } .rz-my-xl-0, .rz-mt-xl-0 { margin-top: 0 !important; } .rz-mx-xl-0, .rz-mr-xl-0 { margin-right: 0 !important; } .rz-my-xl-0, .rz-mb-xl-0 { margin-bottom: 0 !important; } .rz-mx-xl-0, .rz-ml-xl-0 { margin-left: 0 !important; } .rz-ms-xl-0 { margin-inline-start: 0 !important; } .rz-me-xl-0 { margin-inline-end: 0 !important; } .rz-m-xl-05 { margin: 0.125rem !important; } .rz-my-xl-05, .rz-mt-xl-05 { margin-top: 0.125rem !important; } .rz-mx-xl-05, .rz-mr-xl-05 { margin-right: 0.125rem !important; } .rz-my-xl-05, .rz-mb-xl-05 { margin-bottom: 0.125rem !important; } .rz-mx-xl-05, .rz-ml-xl-05 { margin-left: 0.125rem !important; } .rz-ms-xl-05 { margin-inline-start: 0.125rem !important; } .rz-me-xl-05 { margin-inline-end: 0.125rem !important; } .rz-m-xl-1 { margin: 0.25rem !important; } .rz-my-xl-1, .rz-mt-xl-1 { margin-top: 0.25rem !important; } .rz-mx-xl-1, .rz-mr-xl-1 { margin-right: 0.25rem !important; } .rz-my-xl-1, .rz-mb-xl-1 { margin-bottom: 0.25rem !important; } .rz-mx-xl-1, .rz-ml-xl-1 { margin-left: 0.25rem !important; } .rz-ms-xl-1 { margin-inline-start: 0.25rem !important; } .rz-me-xl-1 { margin-inline-end: 0.25rem !important; } .rz-m-xl-2 { margin: 0.5rem !important; } .rz-my-xl-2, .rz-mt-xl-2 { margin-top: 0.5rem !important; } .rz-mx-xl-2, .rz-mr-xl-2 { margin-right: 0.5rem !important; } .rz-my-xl-2, .rz-mb-xl-2 { margin-bottom: 0.5rem !important; } .rz-mx-xl-2, .rz-ml-xl-2 { margin-left: 0.5rem !important; } .rz-ms-xl-2 { margin-inline-start: 0.5rem !important; } .rz-me-xl-2 { margin-inline-end: 0.5rem !important; } .rz-m-xl-3 { margin: 0.75rem !important; } .rz-my-xl-3, .rz-mt-xl-3 { margin-top: 0.75rem !important; } .rz-mx-xl-3, .rz-mr-xl-3 { margin-right: 0.75rem !important; } .rz-my-xl-3, .rz-mb-xl-3 { margin-bottom: 0.75rem !important; } .rz-mx-xl-3, .rz-ml-xl-3 { margin-left: 0.75rem !important; } .rz-ms-xl-3 { margin-inline-start: 0.75rem !important; } .rz-me-xl-3 { margin-inline-end: 0.75rem !important; } .rz-m-xl-4 { margin: 1rem !important; } .rz-my-xl-4, .rz-mt-xl-4 { margin-top: 1rem !important; } .rz-mx-xl-4, .rz-mr-xl-4 { margin-right: 1rem !important; } .rz-my-xl-4, .rz-mb-xl-4 { margin-bottom: 1rem !important; } .rz-mx-xl-4, .rz-ml-xl-4 { margin-left: 1rem !important; } .rz-ms-xl-4 { margin-inline-start: 1rem !important; } .rz-me-xl-4 { margin-inline-end: 1rem !important; } .rz-m-xl-5 { margin: 1.25rem !important; } .rz-my-xl-5, .rz-mt-xl-5 { margin-top: 1.25rem !important; } .rz-mx-xl-5, .rz-mr-xl-5 { margin-right: 1.25rem !important; } .rz-my-xl-5, .rz-mb-xl-5 { margin-bottom: 1.25rem !important; } .rz-mx-xl-5, .rz-ml-xl-5 { margin-left: 1.25rem !important; } .rz-ms-xl-5 { margin-inline-start: 1.25rem !important; } .rz-me-xl-5 { margin-inline-end: 1.25rem !important; } .rz-m-xl-6 { margin: 1.5rem !important; } .rz-my-xl-6, .rz-mt-xl-6 { margin-top: 1.5rem !important; } .rz-mx-xl-6, .rz-mr-xl-6 { margin-right: 1.5rem !important; } .rz-my-xl-6, .rz-mb-xl-6 { margin-bottom: 1.5rem !important; } .rz-mx-xl-6, .rz-ml-xl-6 { margin-left: 1.5rem !important; } .rz-ms-xl-6 { margin-inline-start: 1.5rem !important; } .rz-me-xl-6 { margin-inline-end: 1.5rem !important; } .rz-m-xl-7 { margin: 1.75rem !important; } .rz-my-xl-7, .rz-mt-xl-7 { margin-top: 1.75rem !important; } .rz-mx-xl-7, .rz-mr-xl-7 { margin-right: 1.75rem !important; } .rz-my-xl-7, .rz-mb-xl-7 { margin-bottom: 1.75rem !important; } .rz-mx-xl-7, .rz-ml-xl-7 { margin-left: 1.75rem !important; } .rz-ms-xl-7 { margin-inline-start: 1.75rem !important; } .rz-me-xl-7 { margin-inline-end: 1.75rem !important; } .rz-m-xl-8 { margin: 2rem !important; } .rz-my-xl-8, .rz-mt-xl-8 { margin-top: 2rem !important; } .rz-mx-xl-8, .rz-mr-xl-8 { margin-right: 2rem !important; } .rz-my-xl-8, .rz-mb-xl-8 { margin-bottom: 2rem !important; } .rz-mx-xl-8, .rz-ml-xl-8 { margin-left: 2rem !important; } .rz-ms-xl-8 { margin-inline-start: 2rem !important; } .rz-me-xl-8 { margin-inline-end: 2rem !important; } .rz-m-xl-9 { margin: 2.25rem !important; } .rz-my-xl-9, .rz-mt-xl-9 { margin-top: 2.25rem !important; } .rz-mx-xl-9, .rz-mr-xl-9 { margin-right: 2.25rem !important; } .rz-my-xl-9, .rz-mb-xl-9 { margin-bottom: 2.25rem !important; } .rz-mx-xl-9, .rz-ml-xl-9 { margin-left: 2.25rem !important; } .rz-ms-xl-9 { margin-inline-start: 2.25rem !important; } .rz-me-xl-9 { margin-inline-end: 2.25rem !important; } .rz-m-xl-10 { margin: 2.5rem !important; } .rz-my-xl-10, .rz-mt-xl-10 { margin-top: 2.5rem !important; } .rz-mx-xl-10, .rz-mr-xl-10 { margin-right: 2.5rem !important; } .rz-my-xl-10, .rz-mb-xl-10 { margin-bottom: 2.5rem !important; } .rz-mx-xl-10, .rz-ml-xl-10 { margin-left: 2.5rem !important; } .rz-ms-xl-10 { margin-inline-start: 2.5rem !important; } .rz-me-xl-10 { margin-inline-end: 2.5rem !important; } .rz-m-xl-11 { margin: 2.75rem !important; } .rz-my-xl-11, .rz-mt-xl-11 { margin-top: 2.75rem !important; } .rz-mx-xl-11, .rz-mr-xl-11 { margin-right: 2.75rem !important; } .rz-my-xl-11, .rz-mb-xl-11 { margin-bottom: 2.75rem !important; } .rz-mx-xl-11, .rz-ml-xl-11 { margin-left: 2.75rem !important; } .rz-ms-xl-11 { margin-inline-start: 2.75rem !important; } .rz-me-xl-11 { margin-inline-end: 2.75rem !important; } .rz-m-xl-12 { margin: 3rem !important; } .rz-my-xl-12, .rz-mt-xl-12 { margin-top: 3rem !important; } .rz-mx-xl-12, .rz-mr-xl-12 { margin-right: 3rem !important; } .rz-my-xl-12, .rz-mb-xl-12 { margin-bottom: 3rem !important; } .rz-mx-xl-12, .rz-ml-xl-12 { margin-left: 3rem !important; } .rz-ms-xl-12 { margin-inline-start: 3rem !important; } .rz-me-xl-12 { margin-inline-end: 3rem !important; } .rz-p-xl-0 { padding: 0 !important; } .rz-py-xl-0, .rz-pt-xl-0 { padding-top: 0 !important; } .rz-px-xl-0, .rz-pr-xl-0 { padding-right: 0 !important; } .rz-py-xl-0, .rz-pb-xl-0 { padding-bottom: 0 !important; } .rz-px-xl-0, .rz-pl-xl-0 { padding-left: 0 !important; } .rz-ps-xl-0 { padding-inline-start: 0 !important; } .rz-pe-xl-0 { padding-inline-end: 0 !important; } .rz-p-xl-05 { padding: 0.125rem !important; } .rz-py-xl-05, .rz-pt-xl-05 { padding-top: 0.125rem !important; } .rz-px-xl-05, .rz-pr-xl-05 { padding-right: 0.125rem !important; } .rz-py-xl-05, .rz-pb-xl-05 { padding-bottom: 0.125rem !important; } .rz-px-xl-05, .rz-pl-xl-05 { padding-left: 0.125rem !important; } .rz-ps-xl-05 { padding-inline-start: 0.125rem !important; } .rz-pe-xl-05 { padding-inline-end: 0.125rem !important; } .rz-p-xl-1 { padding: 0.25rem !important; } .rz-py-xl-1, .rz-pt-xl-1 { padding-top: 0.25rem !important; } .rz-px-xl-1, .rz-pr-xl-1 { padding-right: 0.25rem !important; } .rz-py-xl-1, .rz-pb-xl-1 { padding-bottom: 0.25rem !important; } .rz-px-xl-1, .rz-pl-xl-1 { padding-left: 0.25rem !important; } .rz-ps-xl-1 { padding-inline-start: 0.25rem !important; } .rz-pe-xl-1 { padding-inline-end: 0.25rem !important; } .rz-p-xl-2 { padding: 0.5rem !important; } .rz-py-xl-2, .rz-pt-xl-2 { padding-top: 0.5rem !important; } .rz-px-xl-2, .rz-pr-xl-2 { padding-right: 0.5rem !important; } .rz-py-xl-2, .rz-pb-xl-2 { padding-bottom: 0.5rem !important; } .rz-px-xl-2, .rz-pl-xl-2 { padding-left: 0.5rem !important; } .rz-ps-xl-2 { padding-inline-start: 0.5rem !important; } .rz-pe-xl-2 { padding-inline-end: 0.5rem !important; } .rz-p-xl-3 { padding: 0.75rem !important; } .rz-py-xl-3, .rz-pt-xl-3 { padding-top: 0.75rem !important; } .rz-px-xl-3, .rz-pr-xl-3 { padding-right: 0.75rem !important; } .rz-py-xl-3, .rz-pb-xl-3 { padding-bottom: 0.75rem !important; } .rz-px-xl-3, .rz-pl-xl-3 { padding-left: 0.75rem !important; } .rz-ps-xl-3 { padding-inline-start: 0.75rem !important; } .rz-pe-xl-3 { padding-inline-end: 0.75rem !important; } .rz-p-xl-4 { padding: 1rem !important; } .rz-py-xl-4, .rz-pt-xl-4 { padding-top: 1rem !important; } .rz-px-xl-4, .rz-pr-xl-4 { padding-right: 1rem !important; } .rz-py-xl-4, .rz-pb-xl-4 { padding-bottom: 1rem !important; } .rz-px-xl-4, .rz-pl-xl-4 { padding-left: 1rem !important; } .rz-ps-xl-4 { padding-inline-start: 1rem !important; } .rz-pe-xl-4 { padding-inline-end: 1rem !important; } .rz-p-xl-5 { padding: 1.25rem !important; } .rz-py-xl-5, .rz-pt-xl-5 { padding-top: 1.25rem !important; } .rz-px-xl-5, .rz-pr-xl-5 { padding-right: 1.25rem !important; } .rz-py-xl-5, .rz-pb-xl-5 { padding-bottom: 1.25rem !important; } .rz-px-xl-5, .rz-pl-xl-5 { padding-left: 1.25rem !important; } .rz-ps-xl-5 { padding-inline-start: 1.25rem !important; } .rz-pe-xl-5 { padding-inline-end: 1.25rem !important; } .rz-p-xl-6 { padding: 1.5rem !important; } .rz-py-xl-6, .rz-pt-xl-6 { padding-top: 1.5rem !important; } .rz-px-xl-6, .rz-pr-xl-6 { padding-right: 1.5rem !important; } .rz-py-xl-6, .rz-pb-xl-6 { padding-bottom: 1.5rem !important; } .rz-px-xl-6, .rz-pl-xl-6 { padding-left: 1.5rem !important; } .rz-ps-xl-6 { padding-inline-start: 1.5rem !important; } .rz-pe-xl-6 { padding-inline-end: 1.5rem !important; } .rz-p-xl-7 { padding: 1.75rem !important; } .rz-py-xl-7, .rz-pt-xl-7 { padding-top: 1.75rem !important; } .rz-px-xl-7, .rz-pr-xl-7 { padding-right: 1.75rem !important; } .rz-py-xl-7, .rz-pb-xl-7 { padding-bottom: 1.75rem !important; } .rz-px-xl-7, .rz-pl-xl-7 { padding-left: 1.75rem !important; } .rz-ps-xl-7 { padding-inline-start: 1.75rem !important; } .rz-pe-xl-7 { padding-inline-end: 1.75rem !important; } .rz-p-xl-8 { padding: 2rem !important; } .rz-py-xl-8, .rz-pt-xl-8 { padding-top: 2rem !important; } .rz-px-xl-8, .rz-pr-xl-8 { padding-right: 2rem !important; } .rz-py-xl-8, .rz-pb-xl-8 { padding-bottom: 2rem !important; } .rz-px-xl-8, .rz-pl-xl-8 { padding-left: 2rem !important; } .rz-ps-xl-8 { padding-inline-start: 2rem !important; } .rz-pe-xl-8 { padding-inline-end: 2rem !important; } .rz-p-xl-9 { padding: 2.25rem !important; } .rz-py-xl-9, .rz-pt-xl-9 { padding-top: 2.25rem !important; } .rz-px-xl-9, .rz-pr-xl-9 { padding-right: 2.25rem !important; } .rz-py-xl-9, .rz-pb-xl-9 { padding-bottom: 2.25rem !important; } .rz-px-xl-9, .rz-pl-xl-9 { padding-left: 2.25rem !important; } .rz-ps-xl-9 { padding-inline-start: 2.25rem !important; } .rz-pe-xl-9 { padding-inline-end: 2.25rem !important; } .rz-p-xl-10 { padding: 2.5rem !important; } .rz-py-xl-10, .rz-pt-xl-10 { padding-top: 2.5rem !important; } .rz-px-xl-10, .rz-pr-xl-10 { padding-right: 2.5rem !important; } .rz-py-xl-10, .rz-pb-xl-10 { padding-bottom: 2.5rem !important; } .rz-px-xl-10, .rz-pl-xl-10 { padding-left: 2.5rem !important; } .rz-ps-xl-10 { padding-inline-start: 2.5rem !important; } .rz-pe-xl-10 { padding-inline-end: 2.5rem !important; } .rz-p-xl-11 { padding: 2.75rem !important; } .rz-py-xl-11, .rz-pt-xl-11 { padding-top: 2.75rem !important; } .rz-px-xl-11, .rz-pr-xl-11 { padding-right: 2.75rem !important; } .rz-py-xl-11, .rz-pb-xl-11 { padding-bottom: 2.75rem !important; } .rz-px-xl-11, .rz-pl-xl-11 { padding-left: 2.75rem !important; } .rz-ps-xl-11 { padding-inline-start: 2.75rem !important; } .rz-pe-xl-11 { padding-inline-end: 2.75rem !important; } .rz-p-xl-12 { padding: 3rem !important; } .rz-py-xl-12, .rz-pt-xl-12 { padding-top: 3rem !important; } .rz-px-xl-12, .rz-pr-xl-12 { padding-right: 3rem !important; } .rz-py-xl-12, .rz-pb-xl-12 { padding-bottom: 3rem !important; } .rz-px-xl-12, .rz-pl-xl-12 { padding-left: 3rem !important; } .rz-ps-xl-12 { padding-inline-start: 3rem !important; } .rz-pe-xl-12 { padding-inline-end: 3rem !important; } .rz-m-xl-auto { margin: auto !important; } .rz-my-xl-auto, .rz-mt-xl-auto { margin-top: auto !important; } .rz-mx-xl-auto, .rz-mr-xl-auto { margin-right: auto !important; } .rz-my-xl-auto, .rz-mb-xl-auto { margin-bottom: auto !important; } .rz-mx-xl-auto, .rz-ml-xl-auto { margin-left: auto !important; } .rz-ms-xl-auto { margin-inline-start: auto !important; } .rz-me-xl-auto { margin-inline-end: auto !important; } } @media (min-width: 2560px) { .rz-m-xx-0 { margin: 0 !important; } .rz-my-xx-0, .rz-mt-xx-0 { margin-top: 0 !important; } .rz-mx-xx-0, .rz-mr-xx-0 { margin-right: 0 !important; } .rz-my-xx-0, .rz-mb-xx-0 { margin-bottom: 0 !important; } .rz-mx-xx-0, .rz-ml-xx-0 { margin-left: 0 !important; } .rz-ms-xx-0 { margin-inline-start: 0 !important; } .rz-me-xx-0 { margin-inline-end: 0 !important; } .rz-m-xx-05 { margin: 0.125rem !important; } .rz-my-xx-05, .rz-mt-xx-05 { margin-top: 0.125rem !important; } .rz-mx-xx-05, .rz-mr-xx-05 { margin-right: 0.125rem !important; } .rz-my-xx-05, .rz-mb-xx-05 { margin-bottom: 0.125rem !important; } .rz-mx-xx-05, .rz-ml-xx-05 { margin-left: 0.125rem !important; } .rz-ms-xx-05 { margin-inline-start: 0.125rem !important; } .rz-me-xx-05 { margin-inline-end: 0.125rem !important; } .rz-m-xx-1 { margin: 0.25rem !important; } .rz-my-xx-1, .rz-mt-xx-1 { margin-top: 0.25rem !important; } .rz-mx-xx-1, .rz-mr-xx-1 { margin-right: 0.25rem !important; } .rz-my-xx-1, .rz-mb-xx-1 { margin-bottom: 0.25rem !important; } .rz-mx-xx-1, .rz-ml-xx-1 { margin-left: 0.25rem !important; } .rz-ms-xx-1 { margin-inline-start: 0.25rem !important; } .rz-me-xx-1 { margin-inline-end: 0.25rem !important; } .rz-m-xx-2 { margin: 0.5rem !important; } .rz-my-xx-2, .rz-mt-xx-2 { margin-top: 0.5rem !important; } .rz-mx-xx-2, .rz-mr-xx-2 { margin-right: 0.5rem !important; } .rz-my-xx-2, .rz-mb-xx-2 { margin-bottom: 0.5rem !important; } .rz-mx-xx-2, .rz-ml-xx-2 { margin-left: 0.5rem !important; } .rz-ms-xx-2 { margin-inline-start: 0.5rem !important; } .rz-me-xx-2 { margin-inline-end: 0.5rem !important; } .rz-m-xx-3 { margin: 0.75rem !important; } .rz-my-xx-3, .rz-mt-xx-3 { margin-top: 0.75rem !important; } .rz-mx-xx-3, .rz-mr-xx-3 { margin-right: 0.75rem !important; } .rz-my-xx-3, .rz-mb-xx-3 { margin-bottom: 0.75rem !important; } .rz-mx-xx-3, .rz-ml-xx-3 { margin-left: 0.75rem !important; } .rz-ms-xx-3 { margin-inline-start: 0.75rem !important; } .rz-me-xx-3 { margin-inline-end: 0.75rem !important; } .rz-m-xx-4 { margin: 1rem !important; } .rz-my-xx-4, .rz-mt-xx-4 { margin-top: 1rem !important; } .rz-mx-xx-4, .rz-mr-xx-4 { margin-right: 1rem !important; } .rz-my-xx-4, .rz-mb-xx-4 { margin-bottom: 1rem !important; } .rz-mx-xx-4, .rz-ml-xx-4 { margin-left: 1rem !important; } .rz-ms-xx-4 { margin-inline-start: 1rem !important; } .rz-me-xx-4 { margin-inline-end: 1rem !important; } .rz-m-xx-5 { margin: 1.25rem !important; } .rz-my-xx-5, .rz-mt-xx-5 { margin-top: 1.25rem !important; } .rz-mx-xx-5, .rz-mr-xx-5 { margin-right: 1.25rem !important; } .rz-my-xx-5, .rz-mb-xx-5 { margin-bottom: 1.25rem !important; } .rz-mx-xx-5, .rz-ml-xx-5 { margin-left: 1.25rem !important; } .rz-ms-xx-5 { margin-inline-start: 1.25rem !important; } .rz-me-xx-5 { margin-inline-end: 1.25rem !important; } .rz-m-xx-6 { margin: 1.5rem !important; } .rz-my-xx-6, .rz-mt-xx-6 { margin-top: 1.5rem !important; } .rz-mx-xx-6, .rz-mr-xx-6 { margin-right: 1.5rem !important; } .rz-my-xx-6, .rz-mb-xx-6 { margin-bottom: 1.5rem !important; } .rz-mx-xx-6, .rz-ml-xx-6 { margin-left: 1.5rem !important; } .rz-ms-xx-6 { margin-inline-start: 1.5rem !important; } .rz-me-xx-6 { margin-inline-end: 1.5rem !important; } .rz-m-xx-7 { margin: 1.75rem !important; } .rz-my-xx-7, .rz-mt-xx-7 { margin-top: 1.75rem !important; } .rz-mx-xx-7, .rz-mr-xx-7 { margin-right: 1.75rem !important; } .rz-my-xx-7, .rz-mb-xx-7 { margin-bottom: 1.75rem !important; } .rz-mx-xx-7, .rz-ml-xx-7 { margin-left: 1.75rem !important; } .rz-ms-xx-7 { margin-inline-start: 1.75rem !important; } .rz-me-xx-7 { margin-inline-end: 1.75rem !important; } .rz-m-xx-8 { margin: 2rem !important; } .rz-my-xx-8, .rz-mt-xx-8 { margin-top: 2rem !important; } .rz-mx-xx-8, .rz-mr-xx-8 { margin-right: 2rem !important; } .rz-my-xx-8, .rz-mb-xx-8 { margin-bottom: 2rem !important; } .rz-mx-xx-8, .rz-ml-xx-8 { margin-left: 2rem !important; } .rz-ms-xx-8 { margin-inline-start: 2rem !important; } .rz-me-xx-8 { margin-inline-end: 2rem !important; } .rz-m-xx-9 { margin: 2.25rem !important; } .rz-my-xx-9, .rz-mt-xx-9 { margin-top: 2.25rem !important; } .rz-mx-xx-9, .rz-mr-xx-9 { margin-right: 2.25rem !important; } .rz-my-xx-9, .rz-mb-xx-9 { margin-bottom: 2.25rem !important; } .rz-mx-xx-9, .rz-ml-xx-9 { margin-left: 2.25rem !important; } .rz-ms-xx-9 { margin-inline-start: 2.25rem !important; } .rz-me-xx-9 { margin-inline-end: 2.25rem !important; } .rz-m-xx-10 { margin: 2.5rem !important; } .rz-my-xx-10, .rz-mt-xx-10 { margin-top: 2.5rem !important; } .rz-mx-xx-10, .rz-mr-xx-10 { margin-right: 2.5rem !important; } .rz-my-xx-10, .rz-mb-xx-10 { margin-bottom: 2.5rem !important; } .rz-mx-xx-10, .rz-ml-xx-10 { margin-left: 2.5rem !important; } .rz-ms-xx-10 { margin-inline-start: 2.5rem !important; } .rz-me-xx-10 { margin-inline-end: 2.5rem !important; } .rz-m-xx-11 { margin: 2.75rem !important; } .rz-my-xx-11, .rz-mt-xx-11 { margin-top: 2.75rem !important; } .rz-mx-xx-11, .rz-mr-xx-11 { margin-right: 2.75rem !important; } .rz-my-xx-11, .rz-mb-xx-11 { margin-bottom: 2.75rem !important; } .rz-mx-xx-11, .rz-ml-xx-11 { margin-left: 2.75rem !important; } .rz-ms-xx-11 { margin-inline-start: 2.75rem !important; } .rz-me-xx-11 { margin-inline-end: 2.75rem !important; } .rz-m-xx-12 { margin: 3rem !important; } .rz-my-xx-12, .rz-mt-xx-12 { margin-top: 3rem !important; } .rz-mx-xx-12, .rz-mr-xx-12 { margin-right: 3rem !important; } .rz-my-xx-12, .rz-mb-xx-12 { margin-bottom: 3rem !important; } .rz-mx-xx-12, .rz-ml-xx-12 { margin-left: 3rem !important; } .rz-ms-xx-12 { margin-inline-start: 3rem !important; } .rz-me-xx-12 { margin-inline-end: 3rem !important; } .rz-p-xx-0 { padding: 0 !important; } .rz-py-xx-0, .rz-pt-xx-0 { padding-top: 0 !important; } .rz-px-xx-0, .rz-pr-xx-0 { padding-right: 0 !important; } .rz-py-xx-0, .rz-pb-xx-0 { padding-bottom: 0 !important; } .rz-px-xx-0, .rz-pl-xx-0 { padding-left: 0 !important; } .rz-ps-xx-0 { padding-inline-start: 0 !important; } .rz-pe-xx-0 { padding-inline-end: 0 !important; } .rz-p-xx-05 { padding: 0.125rem !important; } .rz-py-xx-05, .rz-pt-xx-05 { padding-top: 0.125rem !important; } .rz-px-xx-05, .rz-pr-xx-05 { padding-right: 0.125rem !important; } .rz-py-xx-05, .rz-pb-xx-05 { padding-bottom: 0.125rem !important; } .rz-px-xx-05, .rz-pl-xx-05 { padding-left: 0.125rem !important; } .rz-ps-xx-05 { padding-inline-start: 0.125rem !important; } .rz-pe-xx-05 { padding-inline-end: 0.125rem !important; } .rz-p-xx-1 { padding: 0.25rem !important; } .rz-py-xx-1, .rz-pt-xx-1 { padding-top: 0.25rem !important; } .rz-px-xx-1, .rz-pr-xx-1 { padding-right: 0.25rem !important; } .rz-py-xx-1, .rz-pb-xx-1 { padding-bottom: 0.25rem !important; } .rz-px-xx-1, .rz-pl-xx-1 { padding-left: 0.25rem !important; } .rz-ps-xx-1 { padding-inline-start: 0.25rem !important; } .rz-pe-xx-1 { padding-inline-end: 0.25rem !important; } .rz-p-xx-2 { padding: 0.5rem !important; } .rz-py-xx-2, .rz-pt-xx-2 { padding-top: 0.5rem !important; } .rz-px-xx-2, .rz-pr-xx-2 { padding-right: 0.5rem !important; } .rz-py-xx-2, .rz-pb-xx-2 { padding-bottom: 0.5rem !important; } .rz-px-xx-2, .rz-pl-xx-2 { padding-left: 0.5rem !important; } .rz-ps-xx-2 { padding-inline-start: 0.5rem !important; } .rz-pe-xx-2 { padding-inline-end: 0.5rem !important; } .rz-p-xx-3 { padding: 0.75rem !important; } .rz-py-xx-3, .rz-pt-xx-3 { padding-top: 0.75rem !important; } .rz-px-xx-3, .rz-pr-xx-3 { padding-right: 0.75rem !important; } .rz-py-xx-3, .rz-pb-xx-3 { padding-bottom: 0.75rem !important; } .rz-px-xx-3, .rz-pl-xx-3 { padding-left: 0.75rem !important; } .rz-ps-xx-3 { padding-inline-start: 0.75rem !important; } .rz-pe-xx-3 { padding-inline-end: 0.75rem !important; } .rz-p-xx-4 { padding: 1rem !important; } .rz-py-xx-4, .rz-pt-xx-4 { padding-top: 1rem !important; } .rz-px-xx-4, .rz-pr-xx-4 { padding-right: 1rem !important; } .rz-py-xx-4, .rz-pb-xx-4 { padding-bottom: 1rem !important; } .rz-px-xx-4, .rz-pl-xx-4 { padding-left: 1rem !important; } .rz-ps-xx-4 { padding-inline-start: 1rem !important; } .rz-pe-xx-4 { padding-inline-end: 1rem !important; } .rz-p-xx-5 { padding: 1.25rem !important; } .rz-py-xx-5, .rz-pt-xx-5 { padding-top: 1.25rem !important; } .rz-px-xx-5, .rz-pr-xx-5 { padding-right: 1.25rem !important; } .rz-py-xx-5, .rz-pb-xx-5 { padding-bottom: 1.25rem !important; } .rz-px-xx-5, .rz-pl-xx-5 { padding-left: 1.25rem !important; } .rz-ps-xx-5 { padding-inline-start: 1.25rem !important; } .rz-pe-xx-5 { padding-inline-end: 1.25rem !important; } .rz-p-xx-6 { padding: 1.5rem !important; } .rz-py-xx-6, .rz-pt-xx-6 { padding-top: 1.5rem !important; } .rz-px-xx-6, .rz-pr-xx-6 { padding-right: 1.5rem !important; } .rz-py-xx-6, .rz-pb-xx-6 { padding-bottom: 1.5rem !important; } .rz-px-xx-6, .rz-pl-xx-6 { padding-left: 1.5rem !important; } .rz-ps-xx-6 { padding-inline-start: 1.5rem !important; } .rz-pe-xx-6 { padding-inline-end: 1.5rem !important; } .rz-p-xx-7 { padding: 1.75rem !important; } .rz-py-xx-7, .rz-pt-xx-7 { padding-top: 1.75rem !important; } .rz-px-xx-7, .rz-pr-xx-7 { padding-right: 1.75rem !important; } .rz-py-xx-7, .rz-pb-xx-7 { padding-bottom: 1.75rem !important; } .rz-px-xx-7, .rz-pl-xx-7 { padding-left: 1.75rem !important; } .rz-ps-xx-7 { padding-inline-start: 1.75rem !important; } .rz-pe-xx-7 { padding-inline-end: 1.75rem !important; } .rz-p-xx-8 { padding: 2rem !important; } .rz-py-xx-8, .rz-pt-xx-8 { padding-top: 2rem !important; } .rz-px-xx-8, .rz-pr-xx-8 { padding-right: 2rem !important; } .rz-py-xx-8, .rz-pb-xx-8 { padding-bottom: 2rem !important; } .rz-px-xx-8, .rz-pl-xx-8 { padding-left: 2rem !important; } .rz-ps-xx-8 { padding-inline-start: 2rem !important; } .rz-pe-xx-8 { padding-inline-end: 2rem !important; } .rz-p-xx-9 { padding: 2.25rem !important; } .rz-py-xx-9, .rz-pt-xx-9 { padding-top: 2.25rem !important; } .rz-px-xx-9, .rz-pr-xx-9 { padding-right: 2.25rem !important; } .rz-py-xx-9, .rz-pb-xx-9 { padding-bottom: 2.25rem !important; } .rz-px-xx-9, .rz-pl-xx-9 { padding-left: 2.25rem !important; } .rz-ps-xx-9 { padding-inline-start: 2.25rem !important; } .rz-pe-xx-9 { padding-inline-end: 2.25rem !important; } .rz-p-xx-10 { padding: 2.5rem !important; } .rz-py-xx-10, .rz-pt-xx-10 { padding-top: 2.5rem !important; } .rz-px-xx-10, .rz-pr-xx-10 { padding-right: 2.5rem !important; } .rz-py-xx-10, .rz-pb-xx-10 { padding-bottom: 2.5rem !important; } .rz-px-xx-10, .rz-pl-xx-10 { padding-left: 2.5rem !important; } .rz-ps-xx-10 { padding-inline-start: 2.5rem !important; } .rz-pe-xx-10 { padding-inline-end: 2.5rem !important; } .rz-p-xx-11 { padding: 2.75rem !important; } .rz-py-xx-11, .rz-pt-xx-11 { padding-top: 2.75rem !important; } .rz-px-xx-11, .rz-pr-xx-11 { padding-right: 2.75rem !important; } .rz-py-xx-11, .rz-pb-xx-11 { padding-bottom: 2.75rem !important; } .rz-px-xx-11, .rz-pl-xx-11 { padding-left: 2.75rem !important; } .rz-ps-xx-11 { padding-inline-start: 2.75rem !important; } .rz-pe-xx-11 { padding-inline-end: 2.75rem !important; } .rz-p-xx-12 { padding: 3rem !important; } .rz-py-xx-12, .rz-pt-xx-12 { padding-top: 3rem !important; } .rz-px-xx-12, .rz-pr-xx-12 { padding-right: 3rem !important; } .rz-py-xx-12, .rz-pb-xx-12 { padding-bottom: 3rem !important; } .rz-px-xx-12, .rz-pl-xx-12 { padding-left: 3rem !important; } .rz-ps-xx-12 { padding-inline-start: 3rem !important; } .rz-pe-xx-12 { padding-inline-end: 3rem !important; } .rz-m-xx-auto { margin: auto !important; } .rz-my-xx-auto, .rz-mt-xx-auto { margin-top: auto !important; } .rz-mx-xx-auto, .rz-mr-xx-auto { margin-right: auto !important; } .rz-my-xx-auto, .rz-mb-xx-auto { margin-bottom: auto !important; } .rz-mx-xx-auto, .rz-ml-xx-auto { margin-left: auto !important; } .rz-ms-xx-auto { margin-inline-start: auto !important; } .rz-me-xx-auto { margin-inline-end: auto !important; } } @keyframes rz-open { from { opacity: 0; } to { opacity: 1; } } @keyframes rz-close { from { opacity: 1; } to { opacity: 0; } } .rz-open { animation: var(--rz-expander-transition) rz-open; } .rz-close { animation: var(--rz-expander-transition) rz-close; } @keyframes rz-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes rz-pulse-subtle { 0%, 100% { opacity: 0.1; } 50% { opacity: 1; } } @keyframes rz-wave { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } 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; } h1, .h1 { 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, .h2 { 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, .h3 { 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, .h4 { 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, .h5 { 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, .h6 { 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; } h1.text-thin, .h1.text-thin { font-size: 3rem; font-weight: 300; } h2.text-thin, .h2.text-thin { font-size: 2rem; font-weight: 300; } h3.text-thin, .h3.text-thin { font-size: 1.25rem; font-weight: 300; } h4.text-thin, .h4.text-thin { font-size: 1rem; font-weight: 300; } h5.text-thin, .h5.text-thin { font-size: 0.875rem; font-weight: 300; } h6.text-thin, .h6.text-thin { font-size: 0.75rem; font-weight: 300; } .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-stack > .rz-text-display-h1 { margin-block: 0; } .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-stack > .rz-text-display-h2 { margin-block: 0; } .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-stack > .rz-text-display-h3 { margin-block: 0; } .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-stack > .rz-text-display-h4 { margin-block: 0; } .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-stack > .rz-text-display-h5 { margin-block: 0; } .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-stack > .rz-text-display-h6 { margin-block: 0; } .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-stack > .rz-text-h1 { margin-block: 0; } .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-stack > .rz-text-h2 { margin-block: 0; } .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-stack > .rz-text-h3 { margin-block: 0; } .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-stack > .rz-text-h4 { margin-block: 0; } .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-stack > .rz-text-h5 { margin-block: 0; } .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-stack > .rz-text-h6 { margin-block: 0; } .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-stack > .rz-text-subtitle1 { margin-block: 0; } .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-stack > .rz-text-subtitle2 { margin-block: 0; } .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-stack > .rz-text-body1 { margin-block: 0; } .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-stack > .rz-text-body2 { margin-block: 0; } .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-stack > .rz-text-button { margin-block: 0; } .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-stack > .rz-text-caption { margin-block: 0; } .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-stack > .rz-text-overline { margin-block: 0; } .rz-text-align-start { text-align: start; } .rz-text-align-end { text-align: end; } .rz-text-align-left { text-align: left; } .rz-text-align-right { text-align: right; } .rz-text-align-center { text-align: center; } .rz-text-align-justify { text-align: justify; } .rz-text-align-justify-all { text-align: justify-all; } .rz-text-align-match-parent { text-align: match-parent; } @media (min-width: 576px) { .rz-text-align-xs-start { text-align: start !important; } .rz-text-align-xs-end { text-align: end !important; } .rz-text-align-xs-left { text-align: left !important; } .rz-text-align-xs-right { text-align: right !important; } .rz-text-align-xs-center { text-align: center !important; } .rz-text-align-xs-justify { text-align: justify !important; } .rz-text-align-xs-justify-all { text-align: justify-all !important; } .rz-text-align-xs-match-parent { text-align: match-parent !important; } } @media (min-width: 768px) { .rz-text-align-sm-start { text-align: start !important; } .rz-text-align-sm-end { text-align: end !important; } .rz-text-align-sm-left { text-align: left !important; } .rz-text-align-sm-right { text-align: right !important; } .rz-text-align-sm-center { text-align: center !important; } .rz-text-align-sm-justify { text-align: justify !important; } .rz-text-align-sm-justify-all { text-align: justify-all !important; } .rz-text-align-sm-match-parent { text-align: match-parent !important; } } @media (min-width: 1024px) { .rz-text-align-md-start { text-align: start !important; } .rz-text-align-md-end { text-align: end !important; } .rz-text-align-md-left { text-align: left !important; } .rz-text-align-md-right { text-align: right !important; } .rz-text-align-md-center { text-align: center !important; } .rz-text-align-md-justify { text-align: justify !important; } .rz-text-align-md-justify-all { text-align: justify-all !important; } .rz-text-align-md-match-parent { text-align: match-parent !important; } } @media (min-width: 1280px) { .rz-text-align-lg-start { text-align: start !important; } .rz-text-align-lg-end { text-align: end !important; } .rz-text-align-lg-left { text-align: left !important; } .rz-text-align-lg-right { text-align: right !important; } .rz-text-align-lg-center { text-align: center !important; } .rz-text-align-lg-justify { text-align: justify !important; } .rz-text-align-lg-justify-all { text-align: justify-all !important; } .rz-text-align-lg-match-parent { text-align: match-parent !important; } } @media (min-width: 1920px) { .rz-text-align-xl-start { text-align: start !important; } .rz-text-align-xl-end { text-align: end !important; } .rz-text-align-xl-left { text-align: left !important; } .rz-text-align-xl-right { text-align: right !important; } .rz-text-align-xl-center { text-align: center !important; } .rz-text-align-xl-justify { text-align: justify !important; } .rz-text-align-xl-justify-all { text-align: justify-all !important; } .rz-text-align-xl-match-parent { text-align: match-parent !important; } } @media (min-width: 2560px) { .rz-text-align-xx-start { text-align: start !important; } .rz-text-align-xx-end { text-align: end !important; } .rz-text-align-xx-left { text-align: left !important; } .rz-text-align-xx-right { text-align: right !important; } .rz-text-align-xx-center { text-align: center !important; } .rz-text-align-xx-justify { text-align: justify !important; } .rz-text-align-xx-justify-all { text-align: justify-all !important; } .rz-text-align-xx-match-parent { text-align: match-parent !important; } } .rz-text-wrap { white-space: normal !important; } .rz-text-nowrap { white-space: nowrap !important; } .rz-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rz-text-capitalize { text-transform: capitalize; } .rz-text-uppercase { text-transform: uppercase; } .rz-text-lowercase { text-transform: lowercase; } :root { font-size: var(--rz-root-font-size); } body { font-size: var(--rz-body-font-size); line-height: var(--rz-body-line-height); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { line-height: var(--rz-body-line-height); } .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; } label { margin-block-start: 0; margin-block-end: 0; } ::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-700); } .rzi-light { color: var(--rz-base-700); } .rzi-dark { color: var(--rz-base-900); } .rz-icons-loading .rzi { color: transparent !important; user-select: none; } [class^=rz-] img, [class^=rz-] svg { vertical-align: middle; } .rz-helper-hidden-accessible { opacity: 0; height: 0; } .rz-helper-hidden-accessible input { width: 100%; height: 0; padding: 0; margin: 0; border: 0; } .rz-helper-hidden { display: none; } .rz-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .rz-pager-element, .rz-button { box-sizing: border-box; display: inline-block; margin: 0; color: var(--rz-button-base-color); background-color: var(--rz-button-base-background-color); background-size: var(--rz-button-background-size); background-repeat: no-repeat; border: none; border-radius: var(--rz-button-border-radius); outline: none; 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-700); color: var(--rz-text-contrast-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-700); color: var(--rz-text-contrast-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-darker); color: var(--rz-on-base-darker); background-image: none; } } .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { background-color: var(--rz-base-darker); color: var(--rz-on-base-darker); 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-text-contrast-color); color: var(--rz-text-contrast-color); } @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-darker); color: var(--rz-on-base-darker); background-image: none; box-shadow: none; } } .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { background-color: var(--rz-base-darker); color: var(--rz-on-base-darker); background-image: none; box-shadow: none; } .rz-button.rz-variant-text.rz-light { color: var(--rz-text-contrast-color); 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-700); color: var(--rz-text-contrast-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-700); color: var(--rz-text-contrast-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-700); color: var(--rz-base-700); } .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-700); 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 { user-select: none; } .rz-dropzone-item { 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-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-numeric:not(:disabled):not(.rz-state-disabled):hover, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { box-shadow: var(--rz-input-hover-shadow); background-color: var(--rz-input-hover-background-color); border: var(--rz-input-hover-border); border-block-end: var(--rz-input-hover-border-block-end); } .rz-form-field.rz-state-focused .rz-form-field-content, .rz-numeric:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-numeric:not(:disabled):not(.rz-state-disabled):focus, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { box-shadow: var(--rz-input-focus-shadow); background-color: var(--rz-input-focus-background-color); border: var(--rz-input-focus-border); border-block-end: var(--rz-input-focus-border-block-end); outline: var(--rz-input-focus-outline); outline-offset: var(--rz-input-focus-outline-offset); } :not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled, :not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search :not(.rz-form-field-content) > input:disabled, :not(.rz-form-field-content) > .rz-numeric:disabled, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled, :not(.rz-form-field-content) > .rz-multiselect:disabled, :not(.rz-form-field-content) > .rz-dropdown:disabled, :not(.rz-form-field-content) > .mask:disabled, :not(.rz-form-field-content) > .rz-textarea:disabled, :not(.rz-form-field-content) > .rz-textbox:disabled { 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-block-end: var(--rz-input-disabled-border-block-end); opacity: var(--rz-input-disabled-opacity); } :not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, :not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search :not(.rz-form-field-content) > input:disabled::placeholder, :not(.rz-form-field-content) > .rz-numeric:disabled::placeholder, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, :not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, :not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, :not(.rz-form-field-content) > .mask:disabled::placeholder, :not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, :not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { color: var(--rz-input-disabled-placeholder-color); } :not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search :not(.rz-form-field-content) > input:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-numeric:disabled .rz-inputtext, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, :not(.rz-form-field-content) > .mask:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { background-color: var(--rz-input-disabled-background-color); color: var(--rz-input-disabled-color); border: none; } input { color: var(--rz-input-value-color); font-size: var(--rz-input-font-size); } input::placeholder { color: var(--rz-input-placeholder-color); } .rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { padding-block: var(--rz-input-padding-block); padding-inline: var(--rz-input-padding-inline); } .rz-form-field-content, .rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { box-sizing: border-box; border: var(--rz-input-border); border-block-end: var(--rz-input-border-block-end); border-radius: var(--rz-input-border-radius); box-shadow: var(--rz-input-shadow); background-color: var(--rz-input-background-color); } .rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { 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); } .rz-timespanpicker > .rz-inputtext:not(.invalid), .rz-colorpicker:not(.invalid), .rz-lookup-search input:not(.invalid), .rz-numeric:not(.invalid), .rz-datepicker > .rz-inputtext:not(.invalid), .rz-multiselect:not(.invalid), .rz-dropdown:not(.invalid), .mask:not(.invalid), .rz-textarea:not(.invalid), .rz-textbox:not(.invalid) { outline: none; } .rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content > .rz-autocomplete.rz-state-disabled > .rz-inputtext, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-inputtext.rz-state-disabled, .rz-form-field-content .rz-datepicker.rz-state-disabled > .rz-inputtext { box-shadow: none; background-color: transparent; --rz-input-hover-background-color: transparent; --rz-input-focus-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-card-group { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0; } .rz-card-group > .rz-card { flex: 1; border-radius: 0; } .rz-card-group > .rz-card:first-of-type { border-start-start-radius: var(--rz-card-border-radius); border-end-start-radius: var(--rz-card-border-radius); } .rz-card-group > .rz-card:last-of-type { border-start-end-radius: var(--rz-card-border-radius); border-end-end-radius: var(--rz-card-border-radius); } .rz-card-group > .rz-variant-outlined + .rz-variant-outlined { border-inline-start: 0; } .rz-card-group > .rz-variant-flat + .rz-variant-flat { margin-inline-start: var(--rz-border-width); } .rz-card-group > .rz-variant-text + .rz-variant-text { border-inline-start: var(--rz-card-border); } @media (max-width: 576px) { .rz-card-group.rz-card-group-responsive { flex-direction: column; } .rz-card-group.rz-card-group-responsive > .rz-card { flex: 1; border-radius: 0; } .rz-card-group.rz-card-group-responsive > .rz-card:first-of-type { border-start-start-radius: var(--rz-card-border-radius); border-start-end-radius: var(--rz-card-border-radius); } .rz-card-group.rz-card-group-responsive > .rz-card:last-of-type { border-end-start-radius: var(--rz-card-border-radius); border-end-end-radius: var(--rz-card-border-radius); } .rz-card-group.rz-card-group-responsive > .rz-variant-flat + .rz-variant-flat { margin: 0; margin-top: var(--rz-border-width); } .rz-card-group.rz-card-group-responsive > .rz-variant-outlined + .rz-variant-outlined { border-top: 0; border-inline-start: var(--rz-card-border); } .rz-card-group.rz-card-group-responsive > .rz-variant-text + .rz-variant-text { border: 0; border-top: var(--rz-card-border); } } .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); overflow: hidden; } .rz-accordion > div:first-child { border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; } .rz-accordion > div:nth-last-child(2):has(+ .rz-state-collapsed), .rz-accordion > div:nth-last-child(2):has(+ .rz-state-collapsed) > div { border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); } .rz-accordion > div:last-child .rz-accordion-content { border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius); } .rz-accordion > div:only-child { border-radius: var(--rz-accordion-border-radius); } .rz-accordion:focus { outline: var(--rz-outline-normal); } .rz-accordion:focus-visible { outline: var(--rz-accordion-item-focus-outline); } .rz-accordion .rz-accordion-header { background-color: var(--rz-accordion-item-background-color); margin: var(--rz-accordion-item-margin); } .rz-accordion .rz-accordion-header:not(:first-child) { border-top: var(--rz-accordion-item-border); } .rz-accordion .rz-accordion-header > a { 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; } .rz-accordion .rz-accordion-header > a > .rzi { font-size: var(--rz-accordion-icon-font-size); margin-inline: var(--rz-accordion-icon-margin-inline); } :focus-visible .rz-accordion .rz-accordion-header.rz-state-focused { outline: var(--rz-accordion-item-focus-outline); outline-offset: var(--rz-accordion-item-focus-outline-offset); } .rz-accordion > .rz-expander { background-color: var(--rz-accordion-item-background-color); } .rz-accordion-toggle-icon { 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.rz-state-expanded { transform: rotate(180deg); transition: transform var(--rz-transition); } .rz-accordion-toggle-icon.rz-state-collapsed { transform: rotate(0); transition: transform var(--rz-transition); } .rz-accordion-content { 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-title { line-height: var(--rz-panel-title-line-height); font-weight: var(--rz-panel-title-font-weight); } .rz-panel-titlebar-toggler { width: var(--rz-panel-toggle-icon-width); height: var(--rz-panel-toggle-icon-height); font-size: var(--rz-panel-toggle-icon-font-size); border-radius: var(--rz-panel-toggle-icon-border-radius); background-color: var(--rz-panel-toggle-icon-background-color); color: inherit; display: flex; align-items: center; justify-content: center; text-decoration: none; } .rz-panel-titlebar-toggler:hover { text-decoration: none; color: var(--rz-panel-hover-color); } .rz-panel-titlebar-toggler:focus { outline: var(--rz-outline-normal); } .rz-panel-titlebar-toggler:focus-visible { outline: var(--rz-panel-toggle-icon-focus-outline); outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); } .rz-panel-titlebar-toggler .rzi-minus:before { content: "remove"; } .rz-panel-titlebar-toggler .rzi-plus:before { content: "add"; } .rz-sidebar-toggle { appearance: none; cursor: pointer; border: none; padding: var(--rz-sidebar-toggle-padding); margin-inline-end: var(--rz-sidebar-toggle-margin-inline-end); border-inline-end: var(--rz-sidebar-toggle-border); background-color: var(--rz-sidebar-toggle-background-color); color: var(--rz-sidebar-toggle-color); } .rz-justify-content-flex-end .rz-sidebar-toggle { border-inline-start: var(--rz-sidebar-toggle-border); border-inline-end: none; } .rz-sidebar-toggle:focus { outline: none; } .rz-sidebar-toggle:focus-visible { outline: var(--rz-sidebar-toggle-focus-outline); outline-offset: var(--rz-sidebar-toggle-focus-outline-offset); } .rz-sidebar-toggle:focus-visible, .rz-sidebar-toggle:hover { color: var(--rz-sidebar-toggle-hover-color); background: var(--rz-sidebar-toggle-hover-background-color); border-radius: var(--rz-sidebar-toggle-hover-border-radius); } .rz-sidebar-toggle .rzi { width: var(--rz-sidebar-toggle-icon-width); height: var(--rz-sidebar-toggle-icon-height); font-size: var(--rz-sidebar-toggle-icon-width); } .rz-navigation-item-link { display: flex; align-items: center; cursor: pointer; text-decoration: none; } .rz-navigation-item-link:hover { text-decoration: none; } .rz-navigation-item-text { flex: auto; } .rz-context-menu { box-sizing: border-box; } .rz-context-menu .rz-menu { flex-direction: column; } .rz-context-menu .rz-menu, .rz-context-menu .rz-navigation-menu { box-shadow: var(--rz-context-menu-box-shadow); border: var(--rz-menu-border); border-radius: var(--rz-menu-border-radius); } .rz-context-menu .rz-menu:not(.rz-profile-menu) { align-items: stretch; background-color: var(--rz-menu-background-color); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link { color: var(--rz-menu-item-color); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-icon-color); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { border-radius: var(--rz-menu-item-border-radius); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link { padding-block: var(--rz-menu-item-padding-block); padding-inline: var(--rz-menu-item-padding-inline); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover { background-color: var(--rz-menu-item-hover-background-color); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link { color: var(--rz-menu-item-hover-color); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-icon-hover-color); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active { background-color: var(--rz-menu-item-selected-background-color); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { color: var(--rz-menu-item-selected-color); } .rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-selected-color); } .rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before { display: none; } .rz-menu:not(.rz-profile-menu) { 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 { padding-block: var(--rz-menu-top-item-padding-block); padding-inline: var(--rz-menu-top-item-padding-inline); 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-link.active { color: var(--rz-menu-top-item-selected-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link.active .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-top-item-selected-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-navigation-item-icon-children.rz-state-expanded { transform: rotate(180deg); transition: transform var(--rz-expander-transition); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-navigation-item-icon-children.rz-state-collapsed { transform: rotate(0); transition: transform var(--rz-expander-transition); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper { border-radius: var(--rz-menu-top-item-border-radius); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active) { background-color: var(--rz-menu-top-item-selected-background-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover, .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active):hover { background-color: var(--rz-menu-top-item-hover-background-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link, .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link { color: var(--rz-menu-top-item-hover-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-top-item-icon-hover-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active { background-color: var(--rz-menu-top-item-selected-background-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link { color: var(--rz-menu-top-item-selected-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-top-item-selected-color); } .rz-menu:not(.rz-profile-menu):focus { outline: var(--rz-outline-normal); } .rz-menu:not(.rz-profile-menu):focus-visible { outline: var(--rz-menu-item-focus-outline); } .rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { outline: var(--rz-menu-item-focus-outline); outline-offset: var(--rz-menu-item-focus-outline-offset); } .rz-menu:not(.rz-profile-menu) .rz-navigation-item { position: relative; } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu { 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:has(> .active) { background-color: var(--rz-menu-item-selected-background-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover, .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active):hover { background-color: var(--rz-menu-item-hover-background-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link, .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link { color: var(--rz-menu-item-hover-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-icon-hover-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active { background-color: var(--rz-menu-item-selected-background-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link { color: var(--rz-menu-item-selected-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-selected-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link { padding-block: var(--rz-menu-item-padding-block); padding-inline: var(--rz-menu-item-padding-inline); 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-item-link.active { color: var(--rz-menu-item-selected-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link.active .rzi:not(.rz-navigation-item-icon-children) { color: var(--rz-menu-item-selected-color); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu { position: static; box-shadow: none; } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { margin-inline-start: var(--rz-menu-item-offset); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { margin-inline-start: calc(var(--rz-menu-item-offset) * 2); } .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link { margin-inline-start: calc(var(--rz-menu-item-offset) * 3); } .rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) { margin-inline: var(--rz-menu-item-icon-margin-inline); } .rz-navigation-item-wrapper, .rz-navigation-item-link, .rz-navigation-item-text { transition: var(--rz-menu-item-transition); } li.rz-navigation-item.rz-state-disabled { opacity: var(--rz-menu-item-disabled-opacity); cursor: initial; pointer-events: none; } .rz-menu-toggle-item { display: none; padding-block: var(--rz-menu-top-item-padding-block); padding-inline: var(--rz-menu-top-item-padding-inline); justify-content: end; align-items: center; width: 100%; height: 100%; } .rz-menu-toggle { appearance: none; background-color: 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; /* Do not show expand arrow if there are no child items */ } .rz-panel-menu .rz-navigation-item:not(:has(> .rz-expander .rz-navigation-item)) > .rz-navigation-item-wrapper .rz-navigation-item-icon-children { display: none; } .rz-panel-menu .rz-navigation-item-wrapper { position: relative; line-height: var(--rz-panel-menu-item-line-height); transition: var(--rz-panel-menu-item-transition); border-radius: var(--rz-panel-menu-item-border-radius); overflow: hidden; } .rz-panel-menu .rz-navigation-item-wrapper:hover { background-color: var(--rz-panel-menu-item-hover-background-color); color: var(--rz-panel-menu-item-hover-color); } .rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { color: var(--rz-panel-menu-item-hover-color); } .rz-panel-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-item-wrapper-active { background-color: var(--rz-panel-menu-item-active-background-color); color: var(--rz-panel-menu-item-active-color); } .rz-panel-menu .rz-navigation-item-active:before, .rz-panel-menu .rz-navigation-item-wrapper-active:before { position: absolute; content: ""; inset-block-start: 0; inset-block-end: 0; width: 4px; background-color: var(--rz-panel-menu-item-active-indicator); } .rz-panel-menu .rz-navigation-item-active .rz-navigation-item-icon, .rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon { color: var(--rz-panel-menu-item-active-color); } .rz-panel-menu .rz-navigation-item-link { padding-block: var(--rz-panel-menu-item-padding-block); padding-inline: var(--rz-panel-menu-item-padding-inline); color: 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-children.rz-state-expanded { transform: rotate(180deg); transition: transform var(--rz-expander-transition); } .rz-panel-menu .rz-navigation-item-icon-children.rz-state-collapsed { transform: rotate(0); transition: transform var(--rz-expander-transition); } .rz-panel-menu .rz-navigation-item-icon { 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-item-icon-children.rz-state-expanded { transform: rotate(180deg); transition: transform var(--rz-expander-transition); } ul.rz-profile-menu .rz-navigation-item-icon-children.rz-state-collapsed { transform: rotate(0); transition: transform var(--rz-expander-transition); } ul.rz-profile-menu .rz-navigation-menu { 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-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 { box-sizing: border-box; border-radius: var(--rz-border-radius); } .rz-checkbox-list .rz-checkbox { display: inline-flex; align-items: center; margin-block: var(--rz-checkbox-margin-block); margin-inline: var(--rz-checkbox-margin-inline); cursor: pointer; } .rz-checkbox-list:focus { outline: var(--rz-outline-normal); } .rz-checkbox-list:focus-visible { outline: var(--rz-checkbox-focus-outline); outline-offset: var(--rz-checkbox-focus-outline-offset); } .rz-checkbox-list-horizontal { --rz-gap: 0; } .rz-checkbox-list-vertical { --rz-gap: 1rem; } .rz-state-disabled .rz-checkbox { cursor: initial; } .rz-chkbox-label, .rz-chkbox-template { margin-block: var(--rz-checkbox-label-margin-block); margin-inline: var(--rz-checkbox-label-margin-inline); } .rz-chkbox { 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); border-radius: var(--rz-checkbox-border-radius); } .rz-chkbox-box { position: absolute; cursor: pointer; inset: 0; display: flex; align-items: center; justify-content: center; border: var(--rz-input-border-block-end); 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) { box-shadow: var(--rz-input-hover-shadow); background-color: var(--rz-input-hover-background-color); border: var(--rz-input-hover-border); 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; } :focus-visible .rz-chkbox-box.rz-state-focused:not(.rz-state-disabled) { outline: var(--rz-checkbox-focus-outline); outline-offset: var(--rz-checkbox-focus-outline-offset); } .rz-switch { 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-circle.rz-readonly { 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); 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 { box-sizing: border-box; border-radius: var(--rz-border-radius); } .rz-radio-button-list .rz-radio-btn { display: inline-flex; align-items: center; margin-block: var(--rz-radio-margin-block); margin-inline: var(--rz-radio-margin-inline); cursor: pointer; } .rz-radio-button-list .rz-radio-btn.rz-state-disabled { cursor: initial; } .rz-radio-button-list:focus { outline: var(--rz-outline-normal); } .rz-radio-button-list:focus-visible { outline: var(--rz-radio-focus-outline); outline-offset: var(--rz-radio-focus-outline-offset); } .rz-radio-button-list-horizontal { --rz-gap: 0; } .rz-radio-button-list-vertical { --rz-gap: 1rem; } .rz-state-disabled .rz-radiobutton { cursor: initial; } .rz-radiobutton-label, .rz-radiobutton-template { margin-block: var(--rz-radio-label-margin-block); margin-inline: var(--rz-radio-label-margin-inline); } .rz-radiobutton-label.rz-state-disabled, .rz-radiobutton-template.rz-state-disabled { cursor: initial; opacity: 0.5; } .rz-radiobutton { 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-box { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: inherit; border: var(--rz-input-border-block-end); 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) { box-shadow: var(--rz-input-hover-shadow); background-color: var(--rz-input-hover-background-color); border: var(--rz-input-hover-border); 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-radio-button-list:focus-visible .rz-radiobutton-box.rz-state-focused:not(.rz-state-disabled) { outline: var(--rz-radio-focus-outline); outline-offset: var(--rz-radio-focus-outline-offset); } .rz-fieldset { 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); font-family: inherit; } .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); font-family: inherit; 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); font-family: inherit; } .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; } .rz-splitbutton-menubutton.rz-variant-outlined { border-inline-start: 0; margin-inline-start: calc(-1 * var(--rz-border-width)); } .rz-splitbutton-menubutton .rz-button-text { display: none; } .rz-splitbutton-menubutton .rzi-chevron-down:before { content: "arrow_drop_down"; } .rz-slider { box-sizing: border-box; position: relative; display: inline-block; border: var(--rz-slider-border); border-radius: var(--rz-slider-border-radius); background-color: var(--rz-slider-background-color); } .rz-slider.rz-state-disabled { background-color: var(--rz-slider-disabled-background-color); border: var(--rz-slider-disabled-border); } .rz-slider.rz-state-disabled .rz-slider-range { background-color: var(--rz-slider-disabled-range-background-color); border: var(--rz-slider-disabled-range-border); } .rz-slider.rz-state-disabled .rz-slider-handle { background-color: var(--rz-slider-disabled-handle-background-color); border: var(--rz-slider-disabled-handle-border); } .rz-slider-range { position: absolute; background-color: var(--rz-slider-range-background-color); border: var(--rz-slider-range-border); } .rz-slider-handle { position: absolute; background-color: var(--rz-slider-handle-background-color); border: var(--rz-slider-handle-border); border-radius: var(--rz-slider-handle-border-radius); box-shadow: var(--rz-slider-handle-shadow); transition: var(--rz-slider-handle-transition); } .rz-slider-horizontal { height: var(--rz-slider-horizontal-height); width: var(--rz-slider-horizontal-width); } .rz-slider-horizontal .rz-slider-range { inset-block-start: -1px; inset-block-end: -1px; inset-inline-start: -1px; border-start-start-radius: var(--rz-slider-border-radius); border-end-start-radius: var(--rz-slider-border-radius); } .rz-slider-horizontal .rz-slider-handle { top: 50%; transform: translateY(-50%); margin-inline-start: calc(var(--rz-slider-handle-width) / -2); width: var(--rz-slider-handle-width); height: var(--rz-slider-handle-height); } .rz-slider-vertical { width: var(--rz-slider-horizontal-height); height: var(--rz-slider-horizontal-width); } .rz-slider-vertical .rz-slider-range { inset-inline-start: -1px; inset-inline-end: -1px; inset-block-end: -1px; border-end-start-radius: var(--rz-slider-border-radius); border-end-end-radius: var(--rz-slider-border-radius); } .rz-slider-vertical .rz-slider-handle { left: 50%; transform: translateX(-50%); margin-block-start: calc(var(--rz-slider-handle-width) / -2); width: var(--rz-slider-handle-height); height: var(--rz-slider-handle-width); } .rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active { background-color: var(--rz-slider-handle-hover-background-color); box-shadow: var(--rz-slider-handle-hover-shadow); border: var(--rz-slider-handle-hover-border); cursor: pointer; outline: none; } .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus { outline: var(--rz-outline-normal); } .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible { outline: var(--rz-slider-handle-focus-outline); outline-offset: var(--rz-slider-handle-focus-outline-offset); } .rz-rating { box-sizing: border-box; display: inline-flex; font-size: var(--rz-rating-font-size); height: 1em; border-radius: var(--rz-border-radius); } .rz-rating.rz-state-disabled .rzi { opacity: var(--rz-rating-disabled-opacity); color: var(--rz-rating-disabled-color); } .rz-rating a { display: inline-flex; width: 1em; height: 1em; text-decoration: none; cursor: default; outline: none; } .rz-rating .rzi { color: var(--rz-rating-color); font-size: 1em; } .rz-rating .rzi-ban { color: var(--rz-rating-ban-icon-color); } .rz-rating .rzi-ban:before { content: "highlight_off"; } .rz-rating .rzi-star-o { opacity: var(--rz-rating-opacity); } .rz-rating .rzi-star-o:before { content: "star"; font-variation-settings: "FILL" 0; } .rz-rating .rzi-star { color: var(--rz-rating-selected-color); } .rz-rating .rzi-star:before { content: "star"; font-variation-settings: "FILL" 1; } .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible { cursor: pointer; } .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban { color: var(--rz-rating-focus-color); } .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible > span { outline: var(--rz-outline-focus); border-radius: var(--rz-border-radius); } .rz-security-code { box-sizing: border-box; display: inline-flex; border-radius: var(--rz-input-border-radius); } .rz-security-code-wrapper { flex: 1; --rz-gap: 0.5rem; } .rz-security-code-input { text-align: center; min-width: var(--rz-security-code-input-min-width); min-height: var(--rz-security-code-input-min-height); width: 100%; height: 100%; padding: var(--rz-security-code-input-padding); font-size: var(--rz-security-code-input-font-size); font-weight: var(--rz-security-code-input-font-weight); line-height: var(--rz-security-code-input-line-height); } .rz-selectbar { box-sizing: border-box; display: inline-flex; border-radius: var(--rz-selectbar-border-radius); } .rz-selectbar:focus { outline: var(--rz-outline-normal); } .rz-selectbar:focus-visible { outline: var(--rz-selectbar-focus-outline); outline-offset: var(--rz-selectbar-focus-outline-offset); } .rz-selectbar:focus-visible .rz-button.rz-state-focused:not(.rz-state-disabled) { outline: var(--rz-selectbar-button-focus-outline); outline-offset: var(--rz-selectbar-button-focus-outline-offset); z-index: 1; } .rz-selectbar .rz-button { display: inline-block; background-color: var(--rz-selectbar-background-color); color: var(--rz-selectbar-color); border: var(--rz-selectbar-border); border-radius: 0; } .rz-selectbar .rz-button.rz-state-active { background-color: var(--rz-selectbar-selected-background-color); color: var(--rz-selectbar-selected-color); border: var(--rz-selectbar-selected-border); } .rz-selectbar.rz-selectbar-horizontal { flex-direction: row; } .rz-selectbar.rz-selectbar-horizontal .rz-button:first-child { border-start-start-radius: var(--rz-selectbar-border-radius); border-end-start-radius: var(--rz-selectbar-border-radius); } .rz-selectbar.rz-selectbar-horizontal .rz-button:not(:first-child) { border-inline-start: none; } .rz-selectbar.rz-selectbar-horizontal .rz-button:last-child { border-start-end-radius: var(--rz-selectbar-border-radius); border-end-end-radius: var(--rz-selectbar-border-radius); } .rz-selectbar.rz-selectbar-vertical { flex-direction: column; } .rz-selectbar.rz-selectbar-vertical .rz-button { text-align: center; } .rz-selectbar.rz-selectbar-vertical .rz-button:first-child { border-top-left-radius: var(--rz-selectbar-border-radius); border-top-right-radius: var(--rz-selectbar-border-radius); } .rz-selectbar.rz-selectbar-vertical .rz-button:not(:first-child) { border-top: none; } .rz-selectbar.rz-selectbar-vertical .rz-button:last-child { border-bottom-left-radius: var(--rz-selectbar-border-radius); border-bottom-right-radius: var(--rz-selectbar-border-radius); } .rz-datepicker { display: inline-block; position: relative; border-radius: var(--rz-input-border-radius); } .rz-datepicker:has(> .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus) { outline: none; } .rz-datepicker .rz-readonly { cursor: pointer; } .rz-datepicker > .rz-inputtext { width: 100%; line-height: var(--rz-datepicker-line-height); } .rz-datepicker:has(.rz-datepicker-trigger) > .rz-inputtext { padding-inline-end: calc(1rem + var(--rz-datepicker-trigger-icon-width)); } .rz-datepicker:not(.rz-state-disabled):hover .rz-datepicker-trigger { box-shadow: none; color: var(--rz-datepicker-trigger-icon-hover-color); } .rz-datepicker.rz-state-disabled > .rz-inputtext { color: var(--rz-input-disabled-color); box-shadow: var(--rz-input-disabled-shadow); background-color: var(--rz-input-disabled-background-color); border: var(--rz-input-disabled-border); opacity: var(--rz-input-disabled-opacity); } .rz-datepicker.rz-state-disabled > .rz-inputtext::placeholder { color: var(--rz-input-disabled-placeholder-color); } .rz-datepicker-inline { background-color: var(--rz-datepicker-panel-background-color); border: var(--rz-input-border); } .rz-datepicker-trigger { box-shadow: none; 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-field-button { position: absolute; inset-block-start: 50%; inset-inline-end: 0.625rem; transform: translateY(-50%); } .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; } .rz-numeric input[type=number], .rz-numeric input[type=text] { -moz-appearance: textfield; width: 100%; height: 100%; border: none; background-color: transparent; font-family: inherit; line-height: var(--rz-numeric-line-height); padding-block: var(--rz-numeric-input-padding-block); padding-inline: var(--rz-numeric-input-padding-inline); outline: none; } .rz-numeric input[type=number]::-webkit-inner-spin-button, .rz-numeric input[type=number]::-webkit-outer-spin-button, .rz-numeric input[type=text]::-webkit-inner-spin-button, .rz-numeric input[type=text]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .rz-numeric.rz-state-disabled .rz-numeric-button { background-color: var(--rz-numeric-button-disabled-background-color); color: var(--rz-numeric-button-disabled-color); } .rz-numeric.rz-state-disabled .rz-numeric-button:active, .rz-numeric.rz-state-disabled .rz-numeric-button:hover { background-color: var(--rz-numeric-button-disabled-background-color); color: var(--rz-numeric-button-disabled-color); background-image: none; box-shadow: none; cursor: initial; } .rz-numeric-button { position: absolute; inset-inline-end: var(--rz-numeric-button-offset); padding: 0; width: var(--rz-numeric-button-width); height: var(--rz-numeric-button-height); border-radius: var(--rz-numeric-button-border-radius); background-color: var(--rz-numeric-button-background-color); color: var(--rz-numeric-button-color); } .rz-numeric-button:hover { background-color: var(--rz-numeric-button-background-color); } .rz-numeric-button .rzi { font-size: var(--rz-numeric-button-height); vertical-align: top; } .rz-numeric-button .rzi-caret-up:before { content: "expand_less"; } .rz-numeric-button .rzi-caret-down:before { content: "expand_more"; } .rz-numeric-up { inset-block-start: var(--rz-numeric-button-offset); } .rz-numeric-down { inset-block-end: var(--rz-numeric-button-offset); } .rz-fileupload { box-sizing: border-box; display: inline-block; border-radius: var(--rz-upload-button-bar-border-radius); } .rz-fileupload .rz-button { vertical-align: middle; -webkit-appearance: none !important; } .rz-fileupload-choose { position: relative; display: inline-block; overflow: hidden; background-color: var(--rz-upload-choose-background-color); color: var(--rz-upload-choose-color); } .rz-fileupload-choose input[type=file] { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; min-height: 100%; cursor: pointer; } .rz-fileupload-choose.rz-state-disabled input[type=file] { cursor: default; } .rz-fileupload-choose:not(.rz-state-disabled) { background-color: var(--rz-upload-choose-background-color); color: var(--rz-upload-choose-color); } .rz-fileupload-choose:not(.rz-state-disabled):hover { background-color: var(--rz-upload-choose-hover-background-color); color: var(--rz-upload-choose-hover-color); } .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { background-color: var(--rz-upload-choose-hover-background-color); color: var(--rz-upload-choose-hover-color); } .rz-fileupload-choose:not(.rz-state-disabled):active { background-color: var(--rz-upload-choose-active-background-color); color: var(--rz-upload-choose-active-color); } .rz-fileupload-row { display: flex; align-items: center; justify-content: space-between; } .rz-fileupload-row > div { margin: var(--rz-upload-files-margin); } .rz-fileupload-row .rz-button-text { display: none; } .rz-fileupload-row .rz-button { background-color: var(--rz-upload-files-remove-background-color); color: var(--rz-upload-files-remove-color); } .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rzi-times, .rz-fileupload-row .rz-button .rz-icon-trash { display: block; } .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-button .rzi-times:before, .rz-fileupload-row .rz-button .rz-icon-trash:before { content: "close"; } .rz-fileupload-buttonbar { position: relative; background-color: var(--rz-upload-button-bar-background-color); padding: var(--rz-upload-button-bar-padding); border-radius: var(--rz-upload-button-bar-border-radius); } .rz-fileupload-buttonbar .rz-button:nth-child(3) { float: right; background-color: var(--rz-upload-cancel-background-color); color: var(--rz-upload-cancel-color); } .rz-form-field .rz-fileupload-buttonbar { background-color: inherit; } .rz-form-field.rz-variant-flat .rz-fileupload-buttonbar, .rz-form-field.rz-variant-filled .rz-fileupload-buttonbar { --rz-upload-button-bar-padding: calc(var(--rz-form-field-label-floating-top) + 1.5rem) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem); } .rz-fileupload-files { background-color: var(--rz-upload-files-background-color); padding: var(--rz-upload-files-padding); } .rz-form-field .rz-fileupload-files { background-color: inherit; } .rz-datatable { position: relative; box-shadow: var(--rz-grid-shadow); border: var(--rz-grid-cell-border); border-radius: var(--rz-grid-border-radius); background-color: var(--rz-grid-background-color); overflow: hidden; } .rz-datatable:focus { outline: var(--rz-outline-normal); } .rz-datatable:focus-visible { outline: var(--rz-grid-focus-outline); outline-offset: var(--rz-grid-focus-outline-offset); } .rz-datatable .rz-col-icon { text-align: center; vertical-align: middle; width: var(--rz-grid-column-icon-width); padding: var(--rz-grid-column-icon-padding); } .rz-datatable .rzi-chevron-circle-right { vertical-align: top; /* 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 { 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-grid-table thead th { background-color: var(--rz-grid-header-background-color); padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: inherit; border-bottom: var(--rz-grid-header-cell-border-bottom); } .rz-grid-table thead th:not(:last-child) { border-inline-end: var(--rz-grid-header-cell-border); } .rz-grid-table thead th > div:not(.rz-cell-filter) { display: flex; justify-content: flex-start; align-items: center; width: 100%; outline: none; padding: var(--rz-grid-header-cell-padding); } .rz-grid-table thead th.rz-state-focused { outline: var(--rz-grid-cell-focus-outline); outline-offset: var(--rz-grid-cell-focus-outline-offset); } .rz-grid-table thead th .rz-column-title { display: inline-flex; flex: auto; align-items: center; gap: 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-grid-table thead th .rz-column-title:has(.rz-column-title-content > .rz-chkbox) { overflow: visible; } .rz-grid-table thead th .rz-column-title-content { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { overflow: visible; } .rz-grid-table thead th.rz-text-align-center .rz-column-title { justify-content: center; padding-inline-start: 0; } .rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { padding-inline-start: var(--rz-grid-sort-icon-width); } .rz-grid-table thead th.rz-text-align-right .rz-column-title { justify-content: right; } .rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { padding-inline-start: var(--rz-grid-sort-icon-width); } .rz-grid-table thead th .rz-column-drag + .rz-column-title { padding-inline-start: 0; } .rz-datatable-tfoot td, .rz-grid-table tfoot td { background-color: var(--rz-grid-foot-background-color); font-size: var(--rz-grid-cell-font-size); line-height: var(--rz-grid-cell-line-height); color: var(--rz-grid-foot-cell-color); padding: var(--rz-grid-cell-padding); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rz-datatable-tfoot td:not(:last-child), .rz-grid-table tfoot td:not(:last-child) { border-inline-end: var(--rz-grid-right-cell-border); } .rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { border-inline-end: var(--rz-grid-right-cell-border); } .rz-datatable-scrollable-header { background-color: var(--rz-grid-header-background-color); border-bottom: var(--rz-grid-bottom-cell-border); } .rz-datatable-scrollable-body { overflow: auto; border-top: none; flex: auto; border-bottom-right-radius: var(--rz-border-radius); border-bottom-left-radius: var(--rz-border-radius); } .rz-has-pager .rz-datatable-scrollable-body { border-radius: 0; } .rz-sortable-column { cursor: pointer; } .rz-sortable-column:focus { outline: none; } .rz-sortable-column.rz-state-active { background-color: var(--rz-grid-header-sorted-background-color); } .rz-sortable-column > div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc) { color: var(--rz-grid-sort-icon-color); } .rz-sortable-column .rzi-grid-sort { width: var(--rz-grid-sort-icon-width); height: var(--rz-grid-sort-icon-height); font-size: var(--rz-grid-sort-icon-height); text-align: left; } .rz-sortable-column .rzi-sort { color: 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.rz-text-wrap, .rz-grid-table td .rz-cell-data.rz-text-wrap { text-overflow: unset; overflow: visible; } .rz-datatable-data td .rz-cell-data.rz-text-nowrap, .rz-grid-table td .rz-cell-data.rz-text-nowrap { text-overflow: unset; overflow: visible; } .rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), .rz-grid-table td .rz-cell-data:has(.rz-chkbox), .rz-grid-table td .rz-cell-data:has(.rz-button) { overflow: visible; } .rz-datatable-data td .rz-cell-toggle, .rz-grid-table td .rz-cell-toggle { display: flex; align-items: center; gap: 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; } .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:before { z-index: -2; } .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:after { z-index: -1; } .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td:not(.rz-frozen-cell) { background-color: var(--rz-grid-selected-background-color); } .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { background-color: var(--rz-grid-background-color); } .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { background-color: var(--rz-grid-selected-background-color); } .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right-inner:after { background-color: var(--rz-grid-selected-background-color); } .rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { color: var(--rz-grid-selected-color); } .rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { color: var(--rz-grid-selected-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > td:not(.rz-frozen-cell) { background-color: var(--rz-grid-cell-focus-background-color); color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > td { background-color: var(--rz-grid-background-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { background-color: var(--rz-grid-cell-focus-background-color); color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right-inner:after { background-color: var(--rz-grid-cell-focus-background-color); color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { color: var(--rz-grid-cell-focus-color) !important; } .rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-disabled { opacity: 0.5; pointer-events: none; } .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) { background-color: var(--rz-grid-hover-background-color); } .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td { background-color: var(--rz-grid-background-color); } .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before { background-color: var(--rz-grid-hover-background-color); } .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right-inner:after { background-color: var(--rz-grid-hover-background-color); } .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { color: var(--rz-grid-hover-color); } .rz-cell-filter-content { 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); opacity: var(--rz-grid-loading-indicator-background-opacity); 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; } .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); } .rzi.rz-grid-filter-active { color: var(--rz-grid-header-filter-icon-active-color) !important; --rz-icon-fill: 1; } .rz-button.rz-grid-filter-active { color: var(--rz-grid-simple-filter-icon-active-color) !important; background-color: var(--rz-grid-simple-filter-icon-active-background-color) !important; } .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); 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); } .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); 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); } .rz-grid-table-fixed .rz-frozen-cell-left-inner, .rz-grid-table-fixed .rz-frozen-cell-right-inner { border-inline-end: var(--rz-grid-frozen-cell-border) !important; border-inline-start: var(--rz-grid-frozen-cell-border) !important; } .rz-grid-table tfoot, .rz-grid-table tfoot td { position: sticky; bottom: 0; z-index: 1; } .rz-grid-table { width: 100%; position: relative; border-collapse: separate; border-spacing: 0; } .rz-grid-table th { white-space: nowrap; overflow: hidden; } .rz-grid-table td { white-space: nowrap; overflow: hidden; } .rz-grid-table tbody > div { display: table-row; } .rz-column-drag { cursor: grab; font-size: inherit; color: var(--rz-column-drag-handle-color); transition: var(--rz-grid-state-transition); margin-inline: var(--rz-column-drag-handle-margin-inline); } .rz-column-drag:after { content: "more_vert"; } .rz-column-drag:hover { color: var(--rz-column-drag-handle-hover-color); } .rz-column-drag:active { color: var(--rz-column-drag-handle-hover-color); cursor: grabbing; } .rz-column-draggable { background-color: var(--rz-grid-header-background-color); border-radius: var(--rz-border-radius); box-shadow: var(--rz-column-draggable-shadow); padding: 0; display: flex; align-items: center; } .rz-column-draggable > div { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%; outline: none; padding: 0; } .rz-column-draggable .rz-column-drag { max-width: 1rem; } .rz-column-draggable .rz-column-title { display: inline-flex; flex: auto; font-size: var(--rz-grid-header-font-size); font-weight: var(--rz-grid-header-font-weight); line-height: var(--rz-grid-header-line-height); text-transform: var(--rz-grid-header-text-transform); color: var(--rz-grid-header-color); padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rz-column-draggable .rz-grid-filter-icon { display: none; } .rz-group-header { display: flex; justify-content: space-between; align-items: center; gap: var(--rz-grid-group-header-gap); padding: var(--rz-grid-group-header-padding); background-color: var(--rz-grid-header-background-color); border-bottom: var(--rz-grid-bottom-cell-border); } .rz-group-header-items { display: flex; flex-wrap: wrap; gap: var(--rz-grid-group-header-gap); } .rz-group-header-item { display: flex; align-items: center; color: var(--rz-grid-group-header-item-color); background-color: var(--rz-grid-group-header-item-background-color); border: var(--rz-grid-group-header-item-border); border-radius: var(--rz-grid-group-header-item-border-radius); padding-block: var(--rz-grid-group-header-item-padding-block); padding-inline: var(--rz-grid-group-header-item-padding-inline); width: fit-content; float: left; } .rz-group-header-item .rz-dialog-titlebar-close { display: flex; align-items: center; text-decoration: none; } .rz-group-header-item-title { font-size: var(--rz-grid-header-font-size); font-weight: var(--rz-grid-header-font-weight); margin-inline: var(--rz-grid-group-header-item-title-margin-inline); } .rz-group-header-drop { font-size: var(--rz-body-font-size); color: var(--rz-text-tertiary-color); height: fit-content; } .rz-column-picker { display: flex; } .rz-filter-menu-symbol { width: 1.75rem; display: inline-block; } .rz-filter-button { flex: none; margin-inline-end: 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; column-gap: 0.25rem; align-items: center; } .rz-datafilter .rz-selectbar { 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; flex-direction: column; border-radius: var(--rz-scheduler-border-radius); border: 1px solid var(--rz-scheduler-border-color); box-shadow: var(--rz-scheduler-shadow); color: var(--rz-scheduler-color); background: var(--rz-scheduler-background-color); overflow: hidden; background-clip: border-box; } .rz-scheduler a.rz-event-list-btn { position: absolute; padding-inline-start: 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-inline-start: 1px solid var(--rz-scheduler-border-color); } .rz-slot-title { text-align: end; font-size: var(--rz-scheduler-slot-title-font-size); padding: var(--rz-scheduler-slot-title-padding); } .rz-slot-hours { flex: 0 0 5rem; } .rz-slot-hours .rz-slot-header { height: 1.5rem; text-align: end; font-size: var(--rz-scheduler-header-font-size); padding: 0 0.25rem; border-inline-end: 1px solid var(--rz-scheduler-border-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rz-slot-minor { border-block-start: 1px solid var(--rz-scheduler-minor-border-color); } .rz-day-view .rz-slot, .rz-slots:first-child .rz-slot { border-inline-start: none; } .rz-event { position: absolute; padding-block: var(--rz-scheduler-event-padding-block); padding-inline: var(--rz-scheduler-event-padding-inline); cursor: pointer; } .rz-event-content { background: var(--rz-scheduler-event-background-color); border-radius: var(--rz-scheduler-border-radius); color: var(--rz-scheduler-event-color); height: 100%; padding: var(--rz-scheduler-event-content-padding); font-size: var(--rz-scheduler-event-font-size); line-height: var(--rz-scheduler-event-line-height); overflow: hidden; } .rz-events { position: relative; } .rz-scheduler-nav { display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--rz-scheduler-toolbar-padding); background: var(--rz-scheduler-toolbar-background-color); } .rz-scheduler-nav .rz-scheduler-nav-title { display: flex; align-self: center; font-size: var(--rz-scheduler-toolbar-title-font-size); font-weight: var(--rz-scheduler-toolbar-title-font-weight); color: var(--rz-scheduler-toolbar-title-color); } .rz-view-header { border-block-start: var(--rz-scheduler-header-border); border-block-end: var(--rz-scheduler-header-border); background-color: var(--rz-scheduler-header-background-color); text-transform: var(--rz-scheduler-header-text-transform); color: var(--rz-scheduler-header-color); display: flex; } .rz-view-header .rz-slot-header { flex: 1; text-align: center; font-size: var(--rz-scheduler-header-font-size); padding: var(--rz-scheduler-header-padding); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rz-view-header .rz-slot-hour-header { flex: 0 0 5rem; } .rz-view { display: flex; flex-direction: column; flex: 1; } .rz-view-content { flex: auto; display: flex; overflow: auto; height: 0; } .rz-view-content:focus { outline: var(--rz-outline-normal); } .rz-view-content:focus-visible { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-scheduler-focus-outline-offset); } .rz-view-content:focus-visible .rz-slot:has(.rz-state-focused) { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-scheduler-focus-outline-offset); } .rz-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-outline-offset); } .rz-slots { flex: 1; font-size: 1rem; } .rz-scheduler-nav-views { display: flex; } .rz-scheduler-nav-views .rz-button.rz-primary { background: var(--rz-scheduler-view-button-background-color); color: var(--rz-scheduler-view-button-color); border: var(--rz-scheduler-view-button-border); border-radius: 0; border-inline-end: none; } .rz-scheduler-nav-views .rz-button.rz-primary:first-child { border-start-start-radius: var(--rz-scheduler-border-radius); border-end-start-radius: var(--rz-scheduler-border-radius); } .rz-scheduler-nav-views .rz-button.rz-primary:last-child { border-start-end-radius: var(--rz-scheduler-border-radius); border-end-end-radius: var(--rz-scheduler-border-radius); border-inline-end: var(--rz-scheduler-view-button-border); } .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active { background-color: var(--rz-scheduler-view-selected-background-color); border-color: var(--rz-scheduler-view-selected-border-color); color: var(--rz-scheduler-view-selected-color); } .rz-scheduler-nav-views .rz-button.rz-primary:focus-visible { z-index: 1; } .rz-scheduler-nav-prev-next { display: flex; } .rz-scheduler-nav-prev-next .rz-button { background-color: var(--rz-scheduler-prev-next-button-background-color); color: var(--rz-scheduler-prev-next-button-color); padding-block: var(--rz-scheduler-prev-next-button-padding-block); padding-inline: var(--rz-scheduler-prev-next-button-padding-inline); font-size: var(--rz-scheduler-prev-next-button-font-size); } .rz-scheduler-nav-prev-next .rz-button.rz-today { margin-inline-start: var(--rz-scheduler-today-button-margin-inline-start); padding: var(--rz-scheduler-today-button-padding); font-size: var(--rz-scheduler-today-button-font-size); text-transform: var(--rz-scheduler-today-button-text-transform); } .rz-scheduler-nav-prev-next .rz-button.rz-prev { border-start-start-radius: var(--rz-scheduler-prev-button-border-start-start-radius); border-start-end-radius: var(--rz-scheduler-prev-button-border-start-end-radius); border-end-start-radius: var(--rz-scheduler-prev-button-border-end-start-radius); border-end-end-radius: var(--rz-scheduler-prev-button-border-end-end-radius); } .rz-scheduler-nav-prev-next .rz-button.rz-next { border-start-start-radius: var(--rz-scheduler-next-button-border-start-start-radius); border-start-end-radius: var(--rz-scheduler-next-button-border-start-end-radius); border-end-start-radius: var(--rz-scheduler-next-button-border-end-start-radius); border-end-end-radius: var(--rz-scheduler-next-button-border-end-end-radius); } .rz-scheduler-nav-prev-next .rz-button:focus-visible { z-index: 1; } /* 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-inline-start: 1px solid var(--rz-scheduler-border-color); } .rz-month .rz-slot:first-child { position: sticky; z-index: 1; inset-inline-start: 0; justify-content: center; align-items: center; background-color: var(--rz-scheduler-header-background-color); border-inline-start: none; border-inline-end: 1px solid var(--rz-scheduler-border-color); } .rz-month .rz-slot:first-child .rz-slot-header { text-align: center; font-size: var(--rz-scheduler-header-font-size); padding: var(--rz-scheduler-header-padding); text-transform: var(--rz-scheduler-header-text-transform); color: var(--rz-scheduler-header-color); } .rz-month .rz-slot:nth-child(2) { border-inline-start: none; } .rz-day-view .rz-slot:nth-of-type(2) { border-block-start: none; } .rz-day-view .rz-view-header { overflow-y: scroll; scrollbar-width: auto; } .rz-week-view-content { flex: 1; display: flex; } .rz-week-view-content:focus { outline: var(--rz-outline-normal); } .rz-week-view-content:focus-visible { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-scheduler-focus-outline-offset); } .rz-week-view-content:focus-visible .rz-slots.rz-state-focused { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-scheduler-focus-outline-offset); } .rz-week-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-outline-offset); } .rz-week-view .rz-slot:nth-of-type(2) { border-block-start: none; } .rz-week-view .rz-view-header { overflow-y: scroll; scrollbar-width: auto; } .rz-month-view .rz-view-content { flex: 1; flex-direction: column; } .rz-month-view .rz-slot { flex: 1; height: 100%; } .rz-month-view .rz-slot:first-child { border-inline-start: none; } .rz-planner-view { overflow: auto; } .rz-planner-view .rz-view-header { position: sticky; inset-block-start: 0px; min-height: 2.25rem; z-index: 2; } .rz-planner-view:focus-visible { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-scheduler-focus-outline-offset); } .rz-planner-view:focus-visible .rz-slot.rz-state-focused { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-scheduler-focus-outline-offset); } .rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-outline-offset); } .rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header { writing-mode: vertical-lr; transform: rotate(-180deg); } .rz-planner-view .rz-month .rz-slot:last-child { justify-content: center; align-items: center; background-color: var(--rz-scheduler-header-background-color); } .rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header { writing-mode: vertical-rl; text-align: center; font-size: var(--rz-scheduler-header-font-size); padding: var(--rz-scheduler-header-padding); text-transform: var(--rz-scheduler-header-text-transform); color: var(--rz-scheduler-header-color); } .rz-planner-view .rz-month .rz-slot.rz-other-month { background-color: var(--rz-scheduler-other-month-background-color); } .rz-planner-view .rz-month .rz-slot.rz-weekend { color: var(--rz-scheduler-weekend-color); background-color: var(--rz-scheduler-weekend-background-color); } .rz-timeline-view { flex: auto; overflow: auto; flex-wrap: wrap; flex-direction: unset; } .rz-timeline-view .rz-view-header { position: sticky; inset-block-start: 0px; min-height: 36px; z-index: 2; } .rz-timeline-view .rz-view-header .rz-slot-header { min-width: var(--rz-scheduler-timeline-slot-width); flex: 0 0 auto; } .rz-timeline-view:focus-visible { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-scheduler-focus-outline-offset); } .rz-timeline-view:focus-visible .rz-slot.rz-state-focused { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-scheduler-focus-outline-offset); } .rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content { outline: var(--rz-scheduler-focus-outline); outline-offset: var(--rz-outline-offset); } .rz-timeline-view .rz-month { flex: 0 0 auto; } .rz-timeline-view .rz-month .rz-slots { flex: 0 0 auto; } .rz-timeline-view .rz-month .rz-slot { width: var(--rz-scheduler-timeline-slot-width); height: var(--rz-scheduler-timeline-slot-height); } .rz-timeline-view .rz-month .rz-slot.rz-other-month { background-color: var(--rz-scheduler-other-month-background-color); } .rz-timeline-view .rz-month .rz-slot.rz-weekend { color: var(--rz-scheduler-weekend-color); background-color: var(--rz-scheduler-weekend-background-color); } .rz-year-view { overflow: auto; padding: var(--rz-scheduler-year-padding); --rz-gap: var(--rz-scheduler-year-padding); } .rz-year-view .rz-flex-column, .rz-year-view .rz-week { min-width: fit-content; } .rz-year-view .rz-slot { flex: 1; border-block-start: none; justify-content: center; height: initial; padding: var(--rz-scheduler-year-slot-padding); cursor: pointer; } .rz-year-view .rz-slot .rz-slot-title { display: flex; align-items: center; justify-content: center; padding: 0; text-align: center; width: var(--rz-scheduler-year-slot-title-width); min-width: 2rem; min-height: 2rem; border-radius: var(--rz-scheduler-year-slot-title-border-radius); transition: var(--rz-datepicker-calendar-transition); } .rz-year-view .rz-slot .rz-slot-title.rz-other-month { opacity: 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-bottom-color: var(--rz-tabs-tab-background-color); border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; } .rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) { border-top-color: var(--rz-tabs-tab-selected-top-border-color); } .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected { border-bottom-color: var(--rz-tabs-background-color); margin-bottom: -1px; border-top-color: var(--rz-tabs-tab-selected-top-border-color); } .rz-tabview-top-right > .rz-tabview-nav { justify-content: right; } .rz-tabview-bottom > .rz-tabview-nav { flex-direction: row; } .rz-tabview-bottom > .rz-tabview-nav li { border-bottom-width: 2px; border-top-color: var(--rz-tabs-tab-background-color); border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); } .rz-tabview-bottom > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) { border-bottom-color: var(--rz-tabs-tab-selected-top-border-color); } .rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected { border-top-color: var(--rz-tabs-background-color); margin-top: -1px; padding-top: 1px; border-bottom-color: var(--rz-tabs-tab-selected-top-border-color); } .rz-tabview-bottom-right > .rz-tabview-nav { justify-content: right; } .rz-tabview-left > .rz-tabview-nav { flex-direction: column; } .rz-tabview-left > .rz-tabview-nav li { border-left-width: 2px; border-right-color: var(--rz-tabs-tab-background-color); border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); } .rz-tabview-left > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) { border-left-color: var(--rz-tabs-tab-selected-top-border-color); } .rz-tabview-left > .rz-tabview-nav .rz-tabview-selected { border-right-color: var(--rz-tabs-background-color); margin-right: -1px; border-left-color: var(--rz-tabs-tab-selected-top-border-color); } .rz-tabview-right > .rz-tabview-nav { flex-direction: column; } .rz-tabview-right > .rz-tabview-nav li { border-right-width: 2px; border-left-color: var(--rz-tabs-tab-background-color); border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; } .rz-tabview-right > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) { border-right-color: var(--rz-tabs-tab-selected-top-border-color); } .rz-tabview-right > .rz-tabview-nav .rz-tabview-selected { border-left-color: var(--rz-tabs-background-color); margin-left: -1px; padding-left: 1px; border-right-color: var(--rz-tabs-tab-selected-top-border-color); } *[dir=rtl] .rz-tabview-left > .rz-tabview-nav, *[dir=rtl] .rz-tabview-right > .rz-tabview-nav { order: 1; } .rz-tabview-panels { background-color: var(--rz-tabs-background-color); border: var(--rz-tabs-border); box-shadow: var(--rz-tabs-shadow); flex: 1; overflow: auto; } .rz-tabview-top > .rz-tabview-panels { border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius); } .rz-tabview-bottom > .rz-tabview-panels { border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; } .rz-tabview-left > .rz-tabview-panels { border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0; } .rz-tabview-right > .rz-tabview-panels { border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius); } .rz-tabview-panel { padding: var(--rz-tabs-padding); } .rz-tabview-icon { font-size: var(--rz-tabs-icon-font-size); margin-inline: var(--rz-tabs-icon-margin-inline); } .rz-tooltip { box-sizing: border-box; position: absolute; transition: top 0.2s, left 0.2s; top: 0; left: 0; } .rz-tooltip-content { background: var(--rz-tooltip-background-color); color: var(--rz-tooltip-color); box-shadow: var(--rz-tooltip-shadow); padding: var(--rz-tooltip-padding); border-radius: var(--rz-tooltip-border-radius); font-size: var(--rz-tooltip-font-size); white-space: nowrap; } .rz-tooltip .rz-top-tooltip-content { margin-bottom: 16px; } .rz-tooltip .rz-top-tooltip-content:after { content: " "; position: absolute; width: 8px; height: 8px; inset-block-end: 0; inset-inline-start: 12px; background-color: inherit; transform-origin: center; transform: translate(-50%, -12px) rotate(45deg); border-bottom: inherit; border-right: inherit; } .rz-tooltip .rz-bottom-tooltip-content { margin-top: -8px; } .rz-tooltip .rz-bottom-tooltip-content:after { content: " "; position: absolute; width: 8px; height: 8px; inset-block-start: 0; inset-inline-start: 12px; background-color: inherit; transform-origin: center; transform: translate(-50%, -12px) rotate(45deg); border-bottom: inherit; border-right: inherit; } .rz-tooltip .rz-left-tooltip-content { margin-right: 8px; } .rz-tooltip .rz-left-tooltip-content:after { content: " "; position: absolute; width: 8px; height: 8px; top: 20px; right: 0; background-color: inherit; transform-origin: center; transform: translate(-50%, -10px) rotate(45deg); border-bottom: inherit; border-right: inherit; } .rz-tooltip .rz-right-tooltip-content { margin-left: 0; } .rz-tooltip .rz-right-tooltip-content:after { content: " "; position: absolute; width: 8px; height: 8px; top: 20px; left: 0; background-color: inherit; transform-origin: center; transform: translate(-50%, -10px) rotate(45deg); border-bottom: inherit; border-right: inherit; } .rz-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; max-height: 100%; min-height: 150px; z-index: var(--rz-dialog-zindex); 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); 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); 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; 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: fit-content; } .rz-dialog-alert-buttons { text-align: end; gap: 0.5rem; } .rz-dialog-alert-buttons .rz-button { flex: 8rem 1; 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; } .rz-dialog-side-position-right { right: 0; min-width: 150px; width: 400px; max-width: 100%; height: 100%; } .rz-dialog-side-position-left { left: 0; min-width: 150px; width: 400px; max-width: 100%; height: 100%; } .rz-dialog-side-position-top { top: 0; min-height: 150px; height: 250px; width: 100%; } .rz-dialog-side-position-bottom { bottom: 0; min-height: 150px; height: 250px; width: 100%; } @keyframes rz-dialog-open-scale { from { scale: 0.5; } to { scale: 1; } } @keyframes rz-dialog-open-opacity { from { opacity: 0; } to { opacity: 1; } } .rz-dialog.rz-open { animation: var(--rz-dialog-transition) rz-dialog-open-opacity, var(--rz-dialog-transition) rz-dialog-open-scale; } .rz-dialog:has(.rz-chart).rz-open { animation: var(--rz-dialog-transition) rz-dialog-open-opacity; } @keyframes rz-side-dialog-right-open { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes rz-side-dialog-right-close { from { transform: translateX(0); } to { transform: translateX(100%); } } .rz-dialog-side-position-right.rz-open { animation: var(--rz-dialog-transition) rz-side-dialog-right-open; } .rz-dialog-side-position-right.rz-close { animation: var(--rz-dialog-transition) rz-side-dialog-right-close; transform: translateX(100%); } @keyframes rz-side-dialog-top-open { from { transform: translateY(-100%); } to { transform: translateY(0); } } @keyframes rz-side-dialog-top-close { from { transform: translateY(0); } to { transform: translateY(-100%); } } .rz-dialog-side-position-top.rz-open { animation: var(--rz-dialog-transition) rz-side-dialog-top-open; } .rz-dialog-side-position-top.rz-close { animation: var(--rz-dialog-transition) rz-side-dialog-top-close; transform: translateX(-100%); } @keyframes rz-side-dialog-bottom-open { from { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes rz-side-dialog-bottom-close { from { transform: translateY(0); } to { transform: translateY(100%); } } .rz-dialog-side-position-bottom.rz-open { animation: var(--rz-dialog-transition) rz-side-dialog-bottom-open; } .rz-dialog-side-position-bottom.rz-close { animation: var(--rz-dialog-transition) rz-side-dialog-bottom-close; transform: translateY(100%); } @keyframes rz-side-dialog-left-open { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes rz-side-dialog-left-close { from { transform: translateX(0); } to { transform: translateX(-100%); } } .rz-dialog-side-position-left.rz-open { animation: var(--rz-dialog-transition) rz-side-dialog-left-open; } .rz-dialog-side-position-left.rz-close { animation: var(--rz-dialog-transition) rz-side-dialog-left-close; transform: translateX(-100%); } @media (max-width: 768px) { .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { position: absolute; width: 100% !important; inset-block-start: 0px !important; border-radius: 0; } .rz-dialog-content { -webkit-overflow-scrolling: touch; } .rz-dialog-confirm, .rz-dialog-alert { max-width: 355px; } .no-scroll { padding-inline-end: 0; } } .rz-notification { box-sizing: border-box; position: fixed; z-index: 1002; inset-block-start: 100px; inset-inline-end: 1rem; } .rz-notification-item-wrapper { position: relative; width: 250px; min-width: 20rem; background-color: var(--rz-notification-container-background-color); margin: 1rem 0; } .rz-notification-item-wrapper > .rz-progressbar { position: absolute; inset-block-end: var(--rz-notification-border-radius); inset-inline: var(--rz-notification-border-radius); --rz-progressbar-height: 0.25rem; --rz-progressbar-border-radius: var(--rz-notification-border-radius); } .rz-notification-item-wrapper:has(> .rz-progressbar) .rz-notification-content { margin-block-end: var(--rz-notification-border-radius); } .rz-notification-item { display: flex; align-items: flex-start; gap: var(--rz-notification-gap); border-radius: var(--rz-notification-border-radius); box-shadow: var(--rz-notification-shadow); padding: var(--rz-notification-padding); } .rz-notification-success .rz-notification-item { color: var(--rz-notification-success-color); background-color: var(--rz-notification-success-background-color); } .rz-notification-warn .rz-notification-item { color: var(--rz-notification-warning-color); background-color: var(--rz-notification-warning-background-color); } .rz-notification-error .rz-notification-item { color: var(--rz-notification-error-color); background-color: var(--rz-notification-error-background-color); } .rz-notification-info .rz-notification-item { color: var(--rz-notification-info-color); background-color: var(--rz-notification-info-background-color); } .rz-notification-message-wrapper { flex: auto; display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--rz-notification-gap); } .rz-notification-message { flex: auto; display: flex; flex-direction: column; align-items: flex-start; } .rz-notification-title { font-weight: bold; } .rz-notification-icon { margin: var(--rz-notification-icon-margin); } .rz-notification-icon.rzi-check { color: var(--rz-notification-success-icon-color); } .rz-notification-icon.rzi-check:before { content: "check"; } .rz-notification-icon.rzi-exclamation-triangle { color: var(--rz-notification-warning-icon-color); } .rz-notification-icon.rzi-exclamation-triangle:before { content: "warning"; } .rz-notification-icon.rzi-info-circle { color: var(--rz-notification-info-icon-color); } .rz-notification-icon.rzi-info-circle:before { content: "info"; } .rz-notification-icon.rzi-times { color: var(--rz-notification-error-icon-color); } .rz-notification-icon.rzi-times:before { content: "error"; } .rz-notification-close { cursor: pointer; opacity: 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); } body:not(.rz-default-scrollbars)::-webkit-scrollbar, body:not(.rz-default-scrollbars) ::-webkit-scrollbar { background-color: var(--rz-scrollbar-background-color); width: var(--rz-scrollbar-size); height: var(--rz-scrollbar-size); } body:not(.rz-default-scrollbars)::-webkit-scrollbar-thumb, body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb { background: var(--rz-scrollbar-color); border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: var(--rz-scrollbar-border-radius); min-width: var(--rz-scrollbar-size); min-height: var(--rz-scrollbar-size); } body:not(.rz-default-scrollbars)::-webkit-scrollbar-corner, body:not(.rz-default-scrollbars) ::-webkit-scrollbar-corner { background-color: var(--rz-scrollbar-background-color); } .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); 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; height: 300px; } .rz-gauge .rz-line, .rz-gauge .rz-tick { stroke: var(--rz-gauge-scale-color); } .rz-gauge .rz-tick-text { font-size: var(--rz-gauge-scale-font-size); fill: var(--rz-gauge-scale-label-color); } .rz-arc-gauge .rz-line, .rz-arc-gauge .rz-tick { stroke: var(--rz-gauge-arc-scale-color); } .rz-arc-gauge .rz-tick-text { font-size: var(--rz-gauge-scale-font-size); fill: var(--rz-gauge-arc-scale-label-color); } .rz-gauge-value { position: absolute; transform: translateX(-50%); padding: 0.5rem; } .rz-arc-gauge-value { position: absolute; transform: translate(-50%, -50%); padding: 0.5rem; } .rz-gauge-pointer { fill: var(--rz-gauge-pointer-color); } .rz-arc-gauge-scale-value { fill: var(--rz-gauge-arc-value-color); } .rz-arc-gauge-scale { fill: var(--rz-gauge-arc-scale-color); } .rz-progressbar { box-sizing: border-box; border-radius: var(--rz-progressbar-border-radius); height: var(--rz-progressbar-height); position: relative; background-color: var(--rz-progressbar-background-color); text-align: center; display: flex; align-items: center; } .rz-progressbar-value { border-radius: var(--rz-progressbar-border-radius); position: absolute; background-color: var(--rz-progressbar-value-background-color); height: 100%; width: var(--rz-progressbar-value); transition: var(--rz-progressbar-value-transition); } .rz-progressbar-label, .rz-progressbar-label-value { position: absolute; inset-inline: 0; inset-block-start: 50%; margin-top: calc(-1 * var(--rz-progressbar-height) / 2); text-align: center; font-size: var(--rz-progressbar-font-size); line-height: var(--rz-progressbar-height); } .rz-progressbar-label-value { color: var(--rz-progressbar-color); clip-path: inset(0 0 0 var(--rz-progressbar-value)); } .rz-progressbar-circular { box-sizing: border-box; position: relative; } .rz-progressbar-circular-viewbox { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .rz-progressbar-circular-label { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; line-height: 1; } .rz-progressbar-circular-background { stroke: var(--rz-progressbar-background-color); stroke-width: var(--rz-progressbar-circular-stroke-width); } .rz-progressbar-circular-value { stroke-linecap: var(--rz-progressbar-circular-value-endpoint); stroke-width: var(--rz-progressbar-circular-value-stroke-width); stroke: var(--rz-progressbar-value-background-color); transition: var(--rz-progressbar-value-transition); } .rz-progressbar-determinate .rz-progressbar-circular-value { stroke-dasharray: 100; transform: rotate(-0.25turn); } .rz-progressbar-indeterminate { overflow: hidden; } .rz-progressbar-indeterminate .rz-progressbar-value { background-color: 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; } .rz-area-series { fill-opacity: 0.8; } .rz-scheme-pastel .rz-series-0 { fill: var(--rz-series-1); stroke: var(--rz-series-1); } .rz-scheme-pastel .rz-series-0-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-1); } .rz-scheme-pastel .rz-series-item-0 { fill: var(--rz-series-1); stroke: var(--rz-series-1); } .rz-scheme-pastel .rz-series-item-0 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-1); } .rz-scheme-pastel .rz-series-1 { fill: var(--rz-series-2); stroke: var(--rz-series-2); } .rz-scheme-pastel .rz-series-1-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-2); } .rz-scheme-pastel .rz-series-item-1 { fill: var(--rz-series-2); stroke: var(--rz-series-2); } .rz-scheme-pastel .rz-series-item-1 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-2); } .rz-scheme-pastel .rz-series-2 { fill: var(--rz-series-3); stroke: var(--rz-series-3); } .rz-scheme-pastel .rz-series-2-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-3); } .rz-scheme-pastel .rz-series-item-2 { fill: var(--rz-series-3); stroke: var(--rz-series-3); } .rz-scheme-pastel .rz-series-item-2 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-3); } .rz-scheme-pastel .rz-series-3 { fill: var(--rz-series-4); stroke: var(--rz-series-4); } .rz-scheme-pastel .rz-series-3-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-4); } .rz-scheme-pastel .rz-series-item-3 { fill: var(--rz-series-4); stroke: var(--rz-series-4); } .rz-scheme-pastel .rz-series-item-3 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-4); } .rz-scheme-pastel .rz-series-4 { fill: var(--rz-series-5); stroke: var(--rz-series-5); } .rz-scheme-pastel .rz-series-4-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-5); } .rz-scheme-pastel .rz-series-item-4 { fill: var(--rz-series-5); stroke: var(--rz-series-5); } .rz-scheme-pastel .rz-series-item-4 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-5); } .rz-scheme-pastel .rz-series-5 { fill: var(--rz-series-6); stroke: var(--rz-series-6); } .rz-scheme-pastel .rz-series-5-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-6); } .rz-scheme-pastel .rz-series-item-5 { fill: var(--rz-series-6); stroke: var(--rz-series-6); } .rz-scheme-pastel .rz-series-item-5 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-6); } .rz-scheme-pastel .rz-series-6 { fill: var(--rz-series-7); stroke: var(--rz-series-7); } .rz-scheme-pastel .rz-series-6-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-7); } .rz-scheme-pastel .rz-series-item-6 { fill: var(--rz-series-7); stroke: var(--rz-series-7); } .rz-scheme-pastel .rz-series-item-6 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-7); } .rz-scheme-pastel .rz-series-7 { fill: var(--rz-series-8); stroke: var(--rz-series-8); } .rz-scheme-pastel .rz-series-7-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-8); } .rz-scheme-pastel .rz-series-item-7 { fill: var(--rz-series-8); stroke: var(--rz-series-8); } .rz-scheme-pastel .rz-series-item-7 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-8); } .rz-scheme-pastel .rz-series-8 { fill: var(--rz-series-9); stroke: var(--rz-series-9); } .rz-scheme-pastel .rz-series-8-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-9); } .rz-scheme-pastel .rz-series-item-8 { fill: var(--rz-series-9); stroke: var(--rz-series-9); } .rz-scheme-pastel .rz-series-item-8 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-9); } .rz-scheme-pastel .rz-series-9 { fill: var(--rz-series-10); stroke: var(--rz-series-10); } .rz-scheme-pastel .rz-series-9-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-10); } .rz-scheme-pastel .rz-series-item-9 { fill: var(--rz-series-10); stroke: var(--rz-series-10); } .rz-scheme-pastel .rz-series-item-9 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-10); } .rz-scheme-pastel .rz-series-10 { fill: var(--rz-series-11); stroke: var(--rz-series-11); } .rz-scheme-pastel .rz-series-10-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-11); } .rz-scheme-pastel .rz-series-item-10 { fill: var(--rz-series-11); stroke: var(--rz-series-11); } .rz-scheme-pastel .rz-series-item-10 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-11); } .rz-scheme-pastel .rz-series-11 { fill: var(--rz-series-12); stroke: var(--rz-series-12); } .rz-scheme-pastel .rz-series-11-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-12); } .rz-scheme-pastel .rz-series-item-11 { fill: var(--rz-series-12); stroke: var(--rz-series-12); } .rz-scheme-pastel .rz-series-item-11 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-12); } .rz-scheme-pastel .rz-series-12 { fill: var(--rz-series-13); stroke: var(--rz-series-13); } .rz-scheme-pastel .rz-series-12-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-13); } .rz-scheme-pastel .rz-series-item-12 { fill: var(--rz-series-13); stroke: var(--rz-series-13); } .rz-scheme-pastel .rz-series-item-12 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-13); } .rz-scheme-pastel .rz-series-13 { fill: var(--rz-series-14); stroke: var(--rz-series-14); } .rz-scheme-pastel .rz-series-13-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-14); } .rz-scheme-pastel .rz-series-item-13 { fill: var(--rz-series-14); stroke: var(--rz-series-14); } .rz-scheme-pastel .rz-series-item-13 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-14); } .rz-scheme-pastel .rz-series-14 { fill: var(--rz-series-15); stroke: var(--rz-series-15); } .rz-scheme-pastel .rz-series-14-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-15); } .rz-scheme-pastel .rz-series-item-14 { fill: var(--rz-series-15); stroke: var(--rz-series-15); } .rz-scheme-pastel .rz-series-item-14 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-15); } .rz-scheme-pastel .rz-series-15 { fill: var(--rz-series-16); stroke: var(--rz-series-16); } .rz-scheme-pastel .rz-series-15-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-16); } .rz-scheme-pastel .rz-series-item-15 { fill: var(--rz-series-16); stroke: var(--rz-series-16); } .rz-scheme-pastel .rz-series-item-15 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-16); } .rz-scheme-pastel .rz-series-16 { fill: var(--rz-series-17); stroke: var(--rz-series-17); } .rz-scheme-pastel .rz-series-16-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-17); } .rz-scheme-pastel .rz-series-item-16 { fill: var(--rz-series-17); stroke: var(--rz-series-17); } .rz-scheme-pastel .rz-series-item-16 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-17); } .rz-scheme-pastel .rz-series-17 { fill: var(--rz-series-18); stroke: var(--rz-series-18); } .rz-scheme-pastel .rz-series-17-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-18); } .rz-scheme-pastel .rz-series-item-17 { fill: var(--rz-series-18); stroke: var(--rz-series-18); } .rz-scheme-pastel .rz-series-item-17 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-18); } .rz-scheme-pastel .rz-series-18 { fill: var(--rz-series-19); stroke: var(--rz-series-19); } .rz-scheme-pastel .rz-series-18-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-19); } .rz-scheme-pastel .rz-series-item-18 { fill: var(--rz-series-19); stroke: var(--rz-series-19); } .rz-scheme-pastel .rz-series-item-18 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-19); } .rz-scheme-pastel .rz-series-19 { fill: var(--rz-series-20); stroke: var(--rz-series-20); } .rz-scheme-pastel .rz-series-19-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-20); } .rz-scheme-pastel .rz-series-item-19 { fill: var(--rz-series-20); stroke: var(--rz-series-20); } .rz-scheme-pastel .rz-series-item-19 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-20); } .rz-scheme-pastel .rz-series-20 { fill: var(--rz-series-21); stroke: var(--rz-series-21); } .rz-scheme-pastel .rz-series-20-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-21); } .rz-scheme-pastel .rz-series-item-20 { fill: var(--rz-series-21); stroke: var(--rz-series-21); } .rz-scheme-pastel .rz-series-item-20 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-21); } .rz-scheme-pastel .rz-series-21 { fill: var(--rz-series-22); stroke: var(--rz-series-22); } .rz-scheme-pastel .rz-series-21-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-22); } .rz-scheme-pastel .rz-series-item-21 { fill: var(--rz-series-22); stroke: var(--rz-series-22); } .rz-scheme-pastel .rz-series-item-21 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-22); } .rz-scheme-pastel .rz-series-22 { fill: var(--rz-series-23); stroke: var(--rz-series-23); } .rz-scheme-pastel .rz-series-22-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-23); } .rz-scheme-pastel .rz-series-item-22 { fill: var(--rz-series-23); stroke: var(--rz-series-23); } .rz-scheme-pastel .rz-series-item-22 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-23); } .rz-scheme-pastel .rz-series-23 { fill: var(--rz-series-24); stroke: var(--rz-series-24); } .rz-scheme-pastel .rz-series-23-tooltip .rz-chart-tooltip-content { border: 1px solid var(--rz-series-24); } .rz-scheme-pastel .rz-series-item-23 { fill: var(--rz-series-24); stroke: var(--rz-series-24); } .rz-scheme-pastel .rz-series-item-23 .rz-chart-tooltip-content { border: 1px solid var(--rz-series-24); } .rz-scheme-palette .rz-series-0 { fill: #003f5c; stroke: #003f5c; } .rz-scheme-palette .rz-series-0-tooltip .rz-chart-tooltip-content { border: 1px solid #003f5c; } .rz-scheme-palette .rz-series-item-0 { fill: #003f5c; stroke: #003f5c; } .rz-scheme-palette .rz-series-item-0 .rz-chart-tooltip-content { border: 1px solid #003f5c; } .rz-scheme-palette .rz-series-1 { fill: #2f4b7c; stroke: #2f4b7c; } .rz-scheme-palette .rz-series-1-tooltip .rz-chart-tooltip-content { border: 1px solid #2f4b7c; } .rz-scheme-palette .rz-series-item-1 { fill: #2f4b7c; stroke: #2f4b7c; } .rz-scheme-palette .rz-series-item-1 .rz-chart-tooltip-content { border: 1px solid #2f4b7c; } .rz-scheme-palette .rz-series-2 { fill: #665191; stroke: #665191; } .rz-scheme-palette .rz-series-2-tooltip .rz-chart-tooltip-content { border: 1px solid #665191; } .rz-scheme-palette .rz-series-item-2 { fill: #665191; stroke: #665191; } .rz-scheme-palette .rz-series-item-2 .rz-chart-tooltip-content { border: 1px solid #665191; } .rz-scheme-palette .rz-series-3 { fill: #a05195; stroke: #a05195; } .rz-scheme-palette .rz-series-3-tooltip .rz-chart-tooltip-content { border: 1px solid #a05195; } .rz-scheme-palette .rz-series-item-3 { fill: #a05195; stroke: #a05195; } .rz-scheme-palette .rz-series-item-3 .rz-chart-tooltip-content { border: 1px solid #a05195; } .rz-scheme-palette .rz-series-4 { fill: #d45087; stroke: #d45087; } .rz-scheme-palette .rz-series-4-tooltip .rz-chart-tooltip-content { border: 1px solid #d45087; } .rz-scheme-palette .rz-series-item-4 { fill: #d45087; stroke: #d45087; } .rz-scheme-palette .rz-series-item-4 .rz-chart-tooltip-content { border: 1px solid #d45087; } .rz-scheme-palette .rz-series-5 { fill: #f95d6a; stroke: #f95d6a; } .rz-scheme-palette .rz-series-5-tooltip .rz-chart-tooltip-content { border: 1px solid #f95d6a; } .rz-scheme-palette .rz-series-item-5 { fill: #f95d6a; stroke: #f95d6a; } .rz-scheme-palette .rz-series-item-5 .rz-chart-tooltip-content { border: 1px solid #f95d6a; } .rz-scheme-palette .rz-series-6 { fill: #ff7c43; stroke: #ff7c43; } .rz-scheme-palette .rz-series-6-tooltip .rz-chart-tooltip-content { border: 1px solid #ff7c43; } .rz-scheme-palette .rz-series-item-6 { fill: #ff7c43; stroke: #ff7c43; } .rz-scheme-palette .rz-series-item-6 .rz-chart-tooltip-content { border: 1px solid #ff7c43; } .rz-scheme-palette .rz-series-7 { fill: #ffa600; stroke: #ffa600; } .rz-scheme-palette .rz-series-7-tooltip .rz-chart-tooltip-content { border: 1px solid #ffa600; } .rz-scheme-palette .rz-series-item-7 { fill: #ffa600; stroke: #ffa600; } .rz-scheme-palette .rz-series-item-7 .rz-chart-tooltip-content { border: 1px solid #ffa600; } .rz-scheme-monochrome .rz-series-0 { fill: #004c6d; stroke: #004c6d; } .rz-scheme-monochrome .rz-series-0-tooltip .rz-chart-tooltip-content { border: 1px solid #004c6d; } .rz-scheme-monochrome .rz-series-item-0 { fill: #004c6d; stroke: #004c6d; } .rz-scheme-monochrome .rz-series-item-0 .rz-chart-tooltip-content { border: 1px solid #004c6d; } .rz-scheme-monochrome .rz-series-1 { fill: #296080; stroke: #296080; } .rz-scheme-monochrome .rz-series-1-tooltip .rz-chart-tooltip-content { border: 1px solid #296080; } .rz-scheme-monochrome .rz-series-item-1 { fill: #296080; stroke: #296080; } .rz-scheme-monochrome .rz-series-item-1 .rz-chart-tooltip-content { border: 1px solid #296080; } .rz-scheme-monochrome .rz-series-2 { fill: #437594; stroke: #437594; } .rz-scheme-monochrome .rz-series-2-tooltip .rz-chart-tooltip-content { border: 1px solid #437594; } .rz-scheme-monochrome .rz-series-item-2 { fill: #437594; stroke: #437594; } .rz-scheme-monochrome .rz-series-item-2 .rz-chart-tooltip-content { border: 1px solid #437594; } .rz-scheme-monochrome .rz-series-3 { fill: #5d8ba9; stroke: #5d8ba9; } .rz-scheme-monochrome .rz-series-3-tooltip .rz-chart-tooltip-content { border: 1px solid #5d8ba9; } .rz-scheme-monochrome .rz-series-item-3 { fill: #5d8ba9; stroke: #5d8ba9; } .rz-scheme-monochrome .rz-series-item-3 .rz-chart-tooltip-content { border: 1px solid #5d8ba9; } .rz-scheme-monochrome .rz-series-4 { fill: #75a1be; stroke: #75a1be; } .rz-scheme-monochrome .rz-series-4-tooltip .rz-chart-tooltip-content { border: 1px solid #75a1be; } .rz-scheme-monochrome .rz-series-item-4 { fill: #75a1be; stroke: #75a1be; } .rz-scheme-monochrome .rz-series-item-4 .rz-chart-tooltip-content { border: 1px solid #75a1be; } .rz-scheme-monochrome .rz-series-5 { fill: #8eb8d3; stroke: #8eb8d3; } .rz-scheme-monochrome .rz-series-5-tooltip .rz-chart-tooltip-content { border: 1px solid #8eb8d3; } .rz-scheme-monochrome .rz-series-item-5 { fill: #8eb8d3; stroke: #8eb8d3; } .rz-scheme-monochrome .rz-series-item-5 .rz-chart-tooltip-content { border: 1px solid #8eb8d3; } .rz-scheme-monochrome .rz-series-6 { fill: #a7cfe9; stroke: #a7cfe9; } .rz-scheme-monochrome .rz-series-6-tooltip .rz-chart-tooltip-content { border: 1px solid #a7cfe9; } .rz-scheme-monochrome .rz-series-item-6 { fill: #a7cfe9; stroke: #a7cfe9; } .rz-scheme-monochrome .rz-series-item-6 .rz-chart-tooltip-content { border: 1px solid #a7cfe9; } .rz-scheme-monochrome .rz-series-7 { fill: #c1e7ff; stroke: #c1e7ff; } .rz-scheme-monochrome .rz-series-7-tooltip .rz-chart-tooltip-content { border: 1px solid #c1e7ff; } .rz-scheme-monochrome .rz-series-item-7 { fill: #c1e7ff; stroke: #c1e7ff; } .rz-scheme-monochrome .rz-series-item-7 .rz-chart-tooltip-content { border: 1px solid #c1e7ff; } .rz-scheme-divergent .rz-series-0 { fill: #00876c; stroke: #00876c; } .rz-scheme-divergent .rz-series-0-tooltip .rz-chart-tooltip-content { border: 1px solid #00876c; } .rz-scheme-divergent .rz-series-item-0 { fill: #00876c; stroke: #00876c; } .rz-scheme-divergent .rz-series-item-0 .rz-chart-tooltip-content { border: 1px solid #00876c; } .rz-scheme-divergent .rz-series-1 { fill: #57a18b; stroke: #57a18b; } .rz-scheme-divergent .rz-series-1-tooltip .rz-chart-tooltip-content { border: 1px solid #57a18b; } .rz-scheme-divergent .rz-series-item-1 { fill: #57a18b; stroke: #57a18b; } .rz-scheme-divergent .rz-series-item-1 .rz-chart-tooltip-content { border: 1px solid #57a18b; } .rz-scheme-divergent .rz-series-2 { fill: #8cbcac; stroke: #8cbcac; } .rz-scheme-divergent .rz-series-2-tooltip .rz-chart-tooltip-content { border: 1px solid #8cbcac; } .rz-scheme-divergent .rz-series-item-2 { fill: #8cbcac; stroke: #8cbcac; } .rz-scheme-divergent .rz-series-item-2 .rz-chart-tooltip-content { border: 1px solid #8cbcac; } .rz-scheme-divergent .rz-series-3 { fill: #bed6ce; stroke: #bed6ce; } .rz-scheme-divergent .rz-series-3-tooltip .rz-chart-tooltip-content { border: 1px solid #bed6ce; } .rz-scheme-divergent .rz-series-item-3 { fill: #bed6ce; stroke: #bed6ce; } .rz-scheme-divergent .rz-series-item-3 .rz-chart-tooltip-content { border: 1px solid #bed6ce; } .rz-scheme-divergent .rz-series-4 { fill: #f1f1f1; stroke: #f1f1f1; } .rz-scheme-divergent .rz-series-4-tooltip .rz-chart-tooltip-content { border: 1px solid #f1f1f1; } .rz-scheme-divergent .rz-series-item-4 { fill: #f1f1f1; stroke: #f1f1f1; } .rz-scheme-divergent .rz-series-item-4 .rz-chart-tooltip-content { border: 1px solid #f1f1f1; } .rz-scheme-divergent .rz-series-5 { fill: #f1c6c6; stroke: #f1c6c6; } .rz-scheme-divergent .rz-series-5-tooltip .rz-chart-tooltip-content { border: 1px solid #f1c6c6; } .rz-scheme-divergent .rz-series-item-5 { fill: #f1c6c6; stroke: #f1c6c6; } .rz-scheme-divergent .rz-series-item-5 .rz-chart-tooltip-content { border: 1px solid #f1c6c6; } .rz-scheme-divergent .rz-series-6 { fill: #ec9c9d; stroke: #ec9c9d; } .rz-scheme-divergent .rz-series-6-tooltip .rz-chart-tooltip-content { border: 1px solid #ec9c9d; } .rz-scheme-divergent .rz-series-item-6 { fill: #ec9c9d; stroke: #ec9c9d; } .rz-scheme-divergent .rz-series-item-6 .rz-chart-tooltip-content { border: 1px solid #ec9c9d; } .rz-scheme-divergent .rz-series-7 { fill: #e27076; stroke: #e27076; } .rz-scheme-divergent .rz-series-7-tooltip .rz-chart-tooltip-content { border: 1px solid #e27076; } .rz-scheme-divergent .rz-series-item-7 { fill: #e27076; stroke: #e27076; } .rz-scheme-divergent .rz-series-item-7 .rz-chart-tooltip-content { border: 1px solid #e27076; } .rz-scheme-divergent .rz-series-8 { fill: #d43d51; stroke: #d43d51; } .rz-scheme-divergent .rz-series-8-tooltip .rz-chart-tooltip-content { border: 1px solid #d43d51; } .rz-scheme-divergent .rz-series-item-8 { fill: #d43d51; stroke: #d43d51; } .rz-scheme-divergent .rz-series-item-8 .rz-chart-tooltip-content { border: 1px solid #d43d51; } .rz-marker { stroke: var(--rz-chart-marker-stroke); } .rz-area-series .rz-marker { fill-opacity: 1; } .rz-axis { stroke: var(--rz-chart-axis-color); font-size: var(--rz-chart-axis-font-size); } .rz-axis .rz-grid-line { stroke: var(--rz-chart-axis-color); } .rz-tick-text { stroke: none; fill: var(--rz-chart-axis-label-color); } .rz-series-data-label { fill: var(--rz-chart-axis-label-color); } .rz-value-axis .rz-tick-text { text-anchor: end; /* Right-to-left anchor */ } *[dir=rtl] .rz-value-axis .rz-tick-text { text-anchor: start; } .rz-axis .rz-axis-title { stroke: none; text-anchor: middle; fill: var(--rz-text-title-color); } .rz-donut-title { text-anchor: middle; fill: var(--rz-text-title-color); } .rz-donut-content { height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; } .rz-legend { position: absolute; display: flex; font-size: var(--rz-chart-legend-font-size); } .rz-legend-right { right: 0; top: 0; bottom: 0; align-items: center; } .rz-legend-left { left: 0; top: 0; bottom: 0; align-items: center; } .rz-legend-top { top: 0; left: 0; right: 0; justify-content: center; } .rz-legend-bottom { bottom: 0; left: 0; right: 0; justify-content: center; } .rz-legend-items { padding: 0; margin: 0; overflow-y: auto; overflow-x: hidden; max-height: 100%; } .rz-legend-item { display: flex; align-items: center; gap: 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; top: 0; left: 0; } .rz-top-chart-tooltip { transform: translate(-50%, -100%); } .rz-bottom-chart-tooltip { transform: translate(-50%, 0); } .rz-chart-tooltip-content { background: var(--rz-chart-tooltip-background); color: var(--rz-chart-tooltip-color); box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 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:after { content: " "; position: absolute; width: 8px; height: 8px; background-color: inherit; transform-origin: center; } .rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { margin-bottom: 15px; } .rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { left: 50%; bottom: 0; transform: translate(-50%, -11px) rotate(45deg); border-bottom: inherit; border-right: inherit; } .rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content { margin-top: 15px; } .rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after { left: 50%; top: 0; transform: translate(-50%, 11px) rotate(45deg); border-top: inherit; border-left: inherit; } .rz-chart-tooltip-title { font-weight: 700; } .rz-chart-tooltip-item-value { font-weight: 600; text-align: end; font-variant-numeric: tabular-nums; } .rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-title { padding: 0 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-sankey-diagram { position: relative; display: block; overflow: hidden; border-radius: var(--rz-border-radius); height: 300px; color: var(--rz-sankey-label-color); } .rz-sankey-diagram svg { display: block; width: 100%; height: 100%; } .rz-sankey-diagram .rz-sankey-link { cursor: pointer; pointer-events: painted; fill-opacity: 0.8; opacity: var(--rz-sankey-link-opacity); stroke-width: var(--rz-sankey-link-stroke-width); transition: opacity 0.2s; } .rz-sankey-diagram .rz-sankey-link:hover { opacity: var(--rz-sankey-link-hover-opacity); } .rz-sankey-diagram .rz-sankey-node { cursor: pointer; } .rz-sankey-diagram .rz-sankey-node rect { stroke-width: var(--rz-sankey-node-stroke-width); transition: opacity 0.2s; } .rz-sankey-diagram .rz-sankey-node:hover rect { opacity: 0.9; } .rz-sankey-diagram svg text { fill: var(--rz-sankey-label-color); } .rz-sankey-diagram text.rz-sankey-node-label { font-size: var(--rz-sankey-label-font-size); fill: var(--rz-sankey-label-color); stroke: var(--rz-sankey-label-stroke); stroke-width: var(--rz-sankey-label-stroke-width); stroke-linejoin: round; paint-order: stroke; font-weight: normal; pointer-events: none; user-select: none; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-0.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-0 rect { fill: #003f5c; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-1.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-1 rect { fill: #2f4b7c; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-2.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-2 rect { fill: #665191; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-3.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-3 rect { fill: #a05195; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-4.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-4 rect { fill: #d45087; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-5.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-5 rect { fill: #f95d6a; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-6.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-6 rect { fill: #ff7c43; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-7.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-7 rect { fill: #ffa600; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-8.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-8 rect { fill: #003f5c; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-9.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-9 rect { fill: #2f4b7c; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-10.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-10 rect { fill: #665191; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-11.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-11 rect { fill: #a05195; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-12.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-12 rect { fill: #d45087; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-13.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-13 rect { fill: #f95d6a; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-14.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-14 rect { fill: #ff7c43; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-15.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-15 rect { fill: #ffa600; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-16.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-16 rect { fill: #003f5c; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-17.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-17 rect { fill: #2f4b7c; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-18.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-18 rect { fill: #665191; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-19.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-19 rect { fill: #a05195; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-20.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-20 rect { fill: #d45087; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-21.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-21 rect { fill: #f95d6a; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-22.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-22 rect { fill: #ff7c43; } .rz-sankey-diagram.rz-scheme-palette .rz-series-item-23.rz-sankey-link, .rz-sankey-diagram.rz-scheme-palette .rz-series-item-23 rect { fill: #ffa600; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-0.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-0 rect { fill: #004c6d; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-1.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-1 rect { fill: #255e7e; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-2.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-2 rect { fill: #3d708f; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-3.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-3 rect { fill: #5383a1; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-4.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-4 rect { fill: #6996b3; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-5.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-5 rect { fill: #7faac6; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-6.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-6 rect { fill: #94bed9; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-7.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-7 rect { fill: #abd2ec; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-8.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-8 rect { fill: #c1e7ff; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-9.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-9 rect { fill: #004c6d; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-10.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-10 rect { fill: #255e7e; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-11.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-11 rect { fill: #3d708f; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-12.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-12 rect { fill: #5383a1; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-13.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-13 rect { fill: #6996b3; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-14.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-14 rect { fill: #7faac6; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-15.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-15 rect { fill: #94bed9; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-16.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-16 rect { fill: #abd2ec; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-17.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-17 rect { fill: #c1e7ff; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-18.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-18 rect { fill: #004c6d; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-19.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-19 rect { fill: #255e7e; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-20.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-20 rect { fill: #3d708f; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-21.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-21 rect { fill: #5383a1; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-22.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-22 rect { fill: #6996b3; } .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-23.rz-sankey-link, .rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-23 rect { fill: #7faac6; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-0.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-0 rect { fill: #00876c; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-1.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-1 rect { fill: #469f76; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-2.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-2 rect { fill: #70b77e; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-3.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-3 rect { fill: #98ce86; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-4.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-4 rect { fill: #c1e48e; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-5.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-5 rect { fill: #eaf898; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-6.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-6 rect { fill: #ffffad; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-7.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-7 rect { fill: #fed693; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-8.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-8 rect { fill: #fcaa78; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-9.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-9 rect { fill: #f77b5f; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-10.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-10 rect { fill: #ed4a46; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-11.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-11 rect { fill: #d92632; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-12.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-12 rect { fill: #c31e28; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-13.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-13 rect { fill: #aa1620; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-14.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-14 rect { fill: #8b0e1a; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-15.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-15 rect { fill: #00876c; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-16.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-16 rect { fill: #469f76; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-17.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-17 rect { fill: #70b77e; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-18.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-18 rect { fill: #98ce86; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-19.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-19 rect { fill: #c1e48e; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-20.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-20 rect { fill: #eaf898; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-21.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-21 rect { fill: #ffffad; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-22.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-22 rect { fill: #fed693; } .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-23.rz-sankey-link, .rz-sankey-diagram.rz-scheme-divergent .rz-series-item-23 rect { fill: #fcaa78; } .rz-flow-gradient { fill-opacity: 0.7; pointer-events: none; mix-blend-mode: screen; } .rz-flow-highlight { fill: none; pointer-events: none; mix-blend-mode: overlay; animation: rz-pulse-subtle 3s ease-in-out infinite; } .rz-link { box-sizing: border-box; color: var(--rz-link-color); text-decoration: none; cursor: pointer; } .rz-link .rz-link-disabled { pointer-events: none; opacity: 0.5; } .rz-link .rz-link-text { text-decoration: var(--rz-link-text-decoration); } .rz-link .rzi { font-size: inherit; vertical-align: middle; } .rz-link:hover, .rz-link:focus { color: var(--rz-link-hover-color); text-decoration: none; } .rz-link:hover .rz-link-text, .rz-link:focus .rz-link-text { text-decoration: var(--rz-link-hover-text-decoration); } .rz-link:focus-visible { outline: var(--rz-link-focus-outline); } .rz-state-highlight .link { color: var(--rz-text-contrast-color); } .rz-html-editor { box-sizing: border-box; display: flex; flex-direction: column; border-radius: var(--rz-editor-border-radius); border: var(--rz-editor-border); overflow: hidden; } .rz-html-editor:focus-within { outline: var(--rz-editor-focus-outline); outline-offset: var(--rz-editor-focus-outline-offset); } .rz-html-editor-content { flex: 1; overflow: auto; padding: 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; appearance: none; padding: 0; position: relative; } .rz-html-editor-color:disabled { color: var(--rz-input-disabled-color); } .rz-html-editor-color-value { position: absolute; bottom: -4px; height: 4px; width: 100%; } .rz-html-editor-button { color: var(--rz-editor-button-color); appearance: none; border: none; display: inline-flex; align-items: center; justify-content: center; background: var(--rz-editor-button-background-color); padding: var(--rz-editor-button-padding); } .rz-html-editor-button.rz-selected { background-color: var(--rz-editor-button-selected-background-color); color: var(--rz-editor-button-selected-color); border-radius: var(--rz-editor-border-radius); } .rz-html-editor-button:disabled { color: var(--rz-editor-button-disabled-color); } .rz-html-editor-dropdown { display: inline-flex; padding: var(--rz-editor-button-padding); align-items: center; cursor: pointer; } .rz-html-editor-dropdown.rz-disabled { color: var(--rz-input-disabled-color); cursor: default; } .rz-html-editor-dropdown-item { cursor: default; font-size: var(--rz-dropdown-item-font-size); padding: var(--rz-dropdown-item-padding); white-space: nowrap; } .rz-html-editor-dropdown-item:hover { background-color: var(--rz-dropdown-item-hover-background-color); color: var(--rz-dropdown-item-hover-color); border-radius: 0; } .rz-html-editor-dropdown-item.rz-selected { background-color: var(--rz-dropdown-item-selected-background-color); color: var(--rz-dropdown-item-selected-color); } .rz-html-editor-dropdown-trigger { border: none; appearance: none; padding: 0; display: inline-flex; align-items: center; color: inherit; background-color: inherit; } .rz-html-editor-dropdown-trigger .rzi:before { content: "arrow_drop_down"; } .rz-html-editor-dropdown-items { display: none; } .rz-html-editor-dialog-item { margin-bottom: 1rem; } .rz-html-editor-dialog-item label:first-child { display: block; } .rz-html-editor-dialog-buttons { text-align: right; } .rz-html-editor-separator { width: 1px; background-color: var(--rz-editor-separator-background-color); } .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover { border: none; } .rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi { font-size: 1.25rem; height: 1rem; } .rz-colorpicker { display: inline-flex; align-items: center; cursor: pointer; } .rz-colorpicker.rz-state-disabled { cursor: default; } button.rz-colorpicker-trigger { border: none; appearance: none; padding: 0; display: inline-flex; align-items: center; color: var(--rz-text-color); background-color: inherit; outline: none; } button.rz-colorpicker-trigger .rzi { font-size: var(--rz-icon-size); } button.rz-colorpicker-trigger .rzi:before { content: "arrow_drop_down"; } .rz-state-disabled button.rz-colorpicker-trigger { color: var(--rz-input-disabled-color); } .rz-colorpicker-popup { display: none; position: absolute; border: var(--rz-colorpicker-panel-border); background-color: var(--rz-colorpicker-panel-background-color); box-shadow: var(--rz-colorpicker-panel-shadow); min-width: 200px; max-width: var(--rz-colorpicker-panel-max-width); padding: var(--rz-colorpicker-panel-padding); border-radius: var(--rz-border-radius); } .rz-colorpicker-value { flex: 1; border-radius: var(--rz-colorpicker-value-border-radius); border: var(--rz-colorpicker-panel-border); min-width: 20px; min-height: 20px; } .rz-saturation-picker { height: var(--rz-colorpicker-saturation-height); position: relative; touch-action: none; border-radius: var(--rz-border-radius); } .rz-saturation-picker:focus { outline: var(--rz-outline-normal); } .rz-saturation-picker:focus-visible { outline: var(--rz-colorpicker-focus-outline); outline-offset: var(--rz-colorpicker-focus-outline-offset); } .rz-saturation-white { background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06); } .rz-saturation-black, .rz-saturation-white { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--rz-border-radius); border-start-start-radius: calc(var(--rz-border-radius) - 1px); } .rz-saturation-black { background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); } .rz-saturation-handle { position: absolute; width: var(--rz-colorpicker-handle-size); height: var(--rz-colorpicker-handle-size); border: var(--rz-colorpicker-handle-border); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: var(--rz-colorpicker-handle-shadow); } .rz-hue-picker { margin-bottom: 8px; touch-action: none; position: relative; background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%); border-radius: var(--rz-border-radius); height: var(--rz-colorpicker-handle-size); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 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); } .rz-alpha-picker:active { cursor: none; } .rz-alpha-picker:focus { outline: var(--rz-outline-normal); } .rz-alpha-picker:focus-visible { outline: var(--rz-colorpicker-focus-outline); outline-offset: var(--rz-colorpicker-focus-outline-offset); } .rz-hue-handle, .rz-alpha-handle { position: absolute; height: 100%; width: 8px; border: var(--rz-colorpicker-handle-border); border-radius: calc(var(--rz-border-radius) / 2); transform: translateX(-50%); box-shadow: var(--rz-colorpicker-handle-shadow); } .rz-colorpicker-preview-area { display: flex; } .rz-hue-and-alpha { flex: 1; padding-inline-end: 8px; } .rz-alpha-picker:before, .rz-colorpicker-preview:before { position: absolute; z-index: -1; content: ""; top: 0; left: 0; bottom: 0; right: 0; border-radius: var(--rz-border-radius); background-image: linear-gradient(45deg, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(-45deg, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--rz-text-disabled-color) 75%), linear-gradient(-45deg, transparent 75%, var(--rz-text-disabled-color) 75%); background-size: 8px 8px; background-position: 0 0, 0 4px, 4px -4px, -4px 0px; } .rz-colorpicker-preview { position: relative; width: 32px; height: 32px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset; border-radius: var(--rz-border-radius); } .rz-colorpicker-rgba { display: flex; gap: 4px; } .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; margin-inline-end: 4px; padding: var(--rz-colorpicker-hex-input-padding); height: var(--rz-colorpicker-hex-input-height); } .rz-color-box .rz-numeric { padding: var(--rz-colorpicker-rgba-input-padding); height: var(--rz-colorpicker-rgba-input-height); } .rz-color-box .rz-numeric .rz-numeric-input { padding: 0; outline: none; } .rz-color-box .rz-numeric button { display: none; } .rz-color-box .rz-numeric button:hover { display: initial; } .rz-colorpicker-button { justify-content: flex-end; display: flex; } .rz-colorpicker-section:not(:last-child) { margin-bottom: 8px; } .rz-colorpicker-colors { display: flex; flex-wrap: wrap; gap: var(--rz-colorpicker-items-gap); } .rz-colorpicker-item { width: var(--rz-colorpicker-item-size); height: var(--rz-colorpicker-item-size); border-radius: var(--rz-colorpicker-item-border-radius); box-shadow: var(--rz-colorpicker-item-shadow); cursor: pointer; transition: transform var(--rz-transition); } .rz-colorpicker-item:focus { outline: var(--rz-outline-normal); } .rz-colorpicker-item:focus-visible { outline: var(--rz-colorpicker-focus-outline); outline-offset: var(--rz-colorpicker-focus-outline-offset); } .rz-colorpicker-item.selected { transform: var(--rz-colorpicker-item-selected-transform); } .rz-splitter { box-sizing: border-box; display: flex; flex-wrap: nowrap; width: 100%; height: 100%; } .rz-splitter > .rz-splitter-bar { flex: 0 0 auto; position: relative; text-align: center; display: inline-flex; align-items: center; justify-content: center; color: var(--rz-splitter-bar-color); background-color: var(--rz-splitter-bar-background-color); opacity: 0.4; user-select: none; } .rz-splitter > .rz-splitter-bar > .rz-collapse { display: table; } .rz-splitter > .rz-splitter-bar > .rz-collapse:before { font-family: var(--rz-icon-font-family); line-height: normal; display: table-cell; } .rz-splitter > .rz-splitter-bar > .rz-collapse:hover { cursor: pointer; } .rz-splitter > .rz-splitter-bar > .rz-resize { border: 1px solid var(--rz-splitter-bar-color); border-radius: 1px; } .rz-splitter > .rz-splitter-bar > .rz-expand { display: table; } .rz-splitter > .rz-splitter-bar > .rz-expand:before { font-family: var(--rz-icon-font-family); line-height: normal; display: table-cell; } .rz-splitter > .rz-splitter-bar > .rz-expand:hover { cursor: pointer; } .rz-splitter > .rz-splitter-bar-resizable:hover { background-color: var(--rz-splitter-bar-background-color); opacity: var(--rz-splitter-bar-hover-opacity); } .rz-splitter > .rz-splitter-bar-resizable:active { background-color: var(--rz-splitter-bar-background-color-active); opacity: var(--rz-splitter-bar-hover-opacity); } .rz-splitter > .rz-splitter-bar-resizable:active > .rz-expand, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-collapse { color: var(--rz-splitter-bar-color-active); } .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize { border: 1px solid var(--rz-splitter-bar-color-active); } .rz-splitter > .rz-splitter-bar-resizable:disabled { opacity: 0.2; } .rz-splitter-horizontal { flex-direction: row; } .rz-splitter-horizontal > .rz-splitter-bar { flex-direction: column; width: 8px; } .rz-splitter-horizontal > .rz-splitter-bar > .rz-collapse:before { content: "arrow_left"; } .rz-splitter-horizontal > .rz-splitter-bar > .rz-resize { height: 16px; margin: 2px 0; } .rz-splitter-horizontal > .rz-splitter-bar > .rz-expand:before { content: "arrow_right"; } .rz-splitter-horizontal > .rz-splitter-bar-resizable:hover { cursor: col-resize; } .rz-splitter-vertical { flex-direction: column; } .rz-splitter-vertical > .rz-splitter-bar { flex-direction: row; height: 8px; } .rz-splitter-vertical > .rz-splitter-bar > .rz-collapse:before { content: "arrow_drop_up"; } .rz-splitter-vertical > .rz-splitter-bar > .rz-resize { width: 16px; margin: 0 2px; } .rz-splitter-vertical > .rz-splitter-bar > .rz-expand:before { content: "arrow_drop_down"; } .rz-splitter-vertical > .rz-splitter-bar-resizable:hover { cursor: row-resize; } .rz-splitter-pane { overflow: hidden; position: relative; flex: 0 0 auto; } .rz-splitter-pane-collapsed { flex: 0 1 0% !important; overflow: hidden !important; display: block !important; } .rz-splitter-pane-lastresizable { flex: 1 1 auto; } .rz-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-layout { height: 100dvh; } .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) { justify-content: end; } .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-header, .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-footer { margin-inline-start: auto; } .rz-layout:has(> .rz-sidebar-expanded + .rz-sidebar-expanded) .rz-body { width: auto; } } .rz-breadcrumb { 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-breadcrumb-item .rz-link-disabled { pointer-events: none; opacity: 0.5; } .rz-alert { box-sizing: border-box; display: flex; align-items: flex-start; gap: var(--rz-alert-gap); margin: var(--rz-alert-margin); padding: var(--rz-alert-padding); width: 100%; border-radius: var(--rz-alert-border-radius); background-color: var(--rz-alert-background-color); color: var(--rz-alert-color); } .rz-alert-lg { --rz-alert-gap: 1.5rem; --rz-alert-margin: 1.5rem 0; --rz-alert-padding: 1.5rem; --rz-alert-message-margin: 0.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-700); --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-base { box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color); --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-background-color: transparent; } .rz-alert.rz-variant-text.rz-base { --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-background-color: transparent; } .rz-alert.rz-light { --rz-alert-background-color: var(--rz-base-700); --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-light { box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color); --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-background-color: transparent; } .rz-alert.rz-variant-text.rz-light { --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-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::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-filled .rz-form-field-content .rz-timespanpicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-timespanpicker-trigger { top: calc(50% + 0.4375rem); } .rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker .rz-dropdown-clear-icon, .rz-form-field.rz-variant-filled .rz-form-field-content .rz-timespanpicker .rz-dropdown-clear-icon, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker .rz-dropdown-clear-icon, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-timespanpicker .rz-dropdown-clear-icon { top: 0.4375rem; } .rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content { border: var(--rz-input-hover-border); border-block-end: var(--rz-input-hover-border-block-end); box-shadow: var(--rz-input-hover-shadow); } .rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content { border: var(--rz-input-focus-border); border-block-end: var(--rz-input-focus-border-block-end); box-shadow: var(--rz-input-focus-shadow); } .rz-form-field.rz-variant-filled .rz-form-field-content { 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); border-block-end: var(--rz-input-focus-border-block-end); 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-hover-background-color: transparent; --rz-input-focus-background-color: transparent; --rz-input-border-radius: 0; --rz-input-padding-block: 0.4375rem; --rz-input-padding-inline: 0; --rz-numeric-input-padding-block: 0.5rem 0.5rem; --rz-numeric-input-padding-inline: 0 1.25rem; --rz-text-area-padding-block: 0.4375rem; --rz-text-area-padding-inline: 0; --rz-form-field-label-inset-inline-start: 0; --rz-form-field-label-padding: var(--rz-form-field-text-label-padding); } .rz-form-field.rz-variant-text .rz-form-field-content ~ .rz-form-field-helper { padding: 0; } .rz-form-field.rz-variant-text .rz-form-field-start { padding-inline-start: 0; } .rz-form-field.rz-variant-text .rz-form-field-end { padding-inline-end: 0; } .rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-text .rz-form-field-content:before { 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); border: var(--rz-input-focus-border-block-end); 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-block-end: var(--rz-input-border-block-end); } .rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after { border-block-end: var(--rz-input-hover-border-block-end); } .rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { border-block-end: var(--rz-input-disabled-border-block-end); } .rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { inset-inline-start: calc(-1 * var(--rz-border-width)); inset-inline-end: calc(-1 * var(--rz-border-width)); border: var(--rz-input-focus-border-block-end); 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-form-field.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textarea ~ .rz-form-field-label { transform: translate(0, 0.625rem); } .rz-form-field:not(.rz-floating-label) .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field.rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field.rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-fileupload ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label { 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-fileupload ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined).rz-state-focused .rz-form-field-label { background-color: inherit !important; } .invalid ~ .rz-form-field-label { color: var(--rz-danger) !important; } .rz-state-focused .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label, .rz-form-field.rz-variant-filled.rz-state-focused ~ .rz-form-field-label, .rz-form-field.rz-variant-flat.rz-state-focused ~ .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-form-field.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label { color: var(--rz-form-field-label-focus-color); } .rz-timeline { box-sizing: border-box; display: flex; } .rz-timeline.rz-timeline-column { flex-direction: column; } .rz-timeline.rz-timeline-column .rz-timeline-item { flex-direction: row; } .rz-timeline.rz-timeline-column .rz-timeline-content-start { text-align: right; } .rz-timeline.rz-timeline-column .rz-timeline-content-end { text-align: left; } .rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) { flex-direction: row-reverse; } .rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start { text-align: left; } .rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end { text-align: right; } .rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before { left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2); right: auto; } .rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start { display: none; } .rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end { max-width: calc(100% - var(--rz-timeline-axis-size)); text-align: start; } .rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item { flex-direction: row-reverse; } .rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before { 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-700); color: var(--rz-text-contrast-color); } .rz-timeline-point-outlined.rz-timeline-point-base { background-color: var(--rz-base-background-color); color: var(--rz-base-700); border-color: var(--rz-base-700); } .rz-timeline-point-text.rz-timeline-point-base { background-color: var(--rz-base-background-color); color: var(--rz-base-700); } .rz-timeline-point-light { background-color: var(--rz-base-700); color: var(--rz-text-contrast-color); } .rz-timeline-point-outlined.rz-timeline-point-light { background-color: var(--rz-base-background-color); color: var(--rz-base-700); border-color: var(--rz-base-700); } .rz-timeline-point-text.rz-timeline-point-light { background-color: var(--rz-base-background-color); color: var(--rz-base-700); } .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 .rz-timeline-point .rzi { font-size: 2rem; } .rz-timeline-axis-md { --rz-timeline-point-size: 1.5rem; } .rz-timeline-axis-md .rz-timeline-point .rzi { font-size: 1rem; } .rz-timeline-axis-sm { --rz-timeline-point-size: 1rem; } .rz-timeline-axis-sm .rz-timeline-point .rzi { font-size: 0.625rem; } .rz-timeline-axis-xs { --rz-timeline-point-size: 0.75rem; } .rz-timeline-axis-xs .rz-timeline-point .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); } .rz-carousel { position: relative; overflow: hidden; scrollbar-color: transparent transparent; border-radius: var(--rz-carousel-border-radius); } .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-items, .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-items:has(+ .rz-carousel-pager-bottom) { height: calc(100% - var(--rz-carousel-pager-height)); } .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-items:has(+ .rz-carousel-pager-bottom) { height: calc(100% - 2 * var(--rz-carousel-pager-height)); } .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-prev, .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-next { inset-block-start: calc(50% + var(--rz-carousel-pager-height) / 2); } .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-prev:has(~ .rz-carousel-pager-bottom), .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-next:has(~ .rz-carousel-pager-bottom) { inset-block-start: calc(50% - var(--rz-carousel-pager-height) / 2); } .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-prev:has(~ .rz-carousel-pager-bottom), .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-next:has(~ .rz-carousel-pager-bottom) { inset-block-start: 50%; } .rz-carousel-items { list-style: none; margin: 0; padding: 0; height: 100%; display: flex; overflow-x: scroll; counter-reset: item; scroll-behavior: smooth; scroll-snap-type: x mandatory; border-radius: var(--rz-carousel-border-radius); scrollbar-width: none; touch-action: pan-y; -ms-overflow-style: none; } .rz-carousel-items::-webkit-scrollbar { display: none; } .rz-carousel-item { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; position: relative; flex: 0 0 100%; width: 100%; counter-increment: item; scrollbar-color: initial; scrollbar-width: initial; -ms-overflow-style: initial; } .rz-carousel-snapper { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; scroll-snap-align: center; } .rz-carousel-pager { gap: var(--rz-carousel-pager-gap); height: var(--rz-carousel-pager-height); } .rz-carousel-pager-button { cursor: pointer; width: var(--rz-carousel-pager-button-width); height: var(--rz-carousel-pager-button-height); border: var(--rz-carousel-pager-button-border); border-radius: var(--rz-carousel-pager-button-border-radius); background-color: var(--rz-carousel-pager-button-background-color); color: var(--rz-carousel-pager-button-color); transition: var(--rz-button-transition); -webkit-appearance: none; } .rz-carousel-pager-button:hover { border: var(--rz-carousel-pager-button-hover-border); background-color: var(--rz-carousel-pager-button-hover-background-color); color: var(--rz-carousel-pager-button-hover-color); } .rz-carousel-pager-button.rz-state-active { width: var(--rz-carousel-pager-button-active-width); height: var(--rz-carousel-pager-button-active-height); border: var(--rz-carousel-pager-button-active-border); background-color: var(--rz-carousel-pager-button-active-background-color); color: var(--rz-carousel-pager-button-active-color); } .rz-carousel-pager-overlay .rz-carousel-pager { position: absolute; z-index: 998; inset-inline: 0; opacity: var(--rz-carousel-pager-overlay-opacity); } .rz-carousel-pager-overlay .rz-carousel-pager-top { inset-block-start: 0; } .rz-carousel-pager-overlay .rz-carousel-pager-bottom { inset-block-end: 0; } .rz-carousel-prev, .rz-carousel-next { position: absolute; z-index: 999; inset-block-start: 50%; /* calc(50% - var(--rz-carousel-pager-height)/2) */ transform: translateY(-50%); border-radius: var(--rz-carousel-prev-next-button-border-radius); } .rz-carousel-prev { inset-inline-start: var(--rz-carousel-prev-next-button-inset); } .rz-carousel-next { inset-inline-end: var(--rz-carousel-prev-next-button-inset); } .rz-carousel-next .rzi { order: 2; } *[dir=rtl] .rz-carousel-prev .rzi, *[dir=rtl] .rz-carousel-next .rzi { transform: rotate(180deg); } /* input field */ .rz-timespanpicker { display: inline-block; position: relative; } .rz-timespanpicker .rz-readonly { cursor: pointer; } .rz-timespanpicker > .rz-inputtext { width: 100%; line-height: var(--rz-timespanpicker-line-height); } .rz-timespanpicker:has(.rz-timespanpicker-trigger) > .rz-inputtext { padding-inline-end: calc(1rem + var(--rz-timespanpicker-trigger-icon-width)); } .rz-timespanpicker:has(.rz-dropdown-clear-icon) > .rz-inputtext { padding-inline-end: calc(1rem + var(--rz-dropdown-trigger-icon-width)); } .rz-timespanpicker:has(.rz-timespanpicker-trigger):has(.rz-dropdown-clear-icon) > .rz-inputtext { padding-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 1rem + var(--rz-timespanpicker-trigger-icon-width)); } .rz-timespanpicker:not(.rz-state-disabled):hover .rz-timespanpicker-trigger { box-shadow: none; color: var(--rz-timespanpicker-trigger-icon-hover-color); } .rz-timespanpicker.rz-state-disabled > .rz-inputtext { 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-timespanpicker.rz-state-disabled > .rz-inputtext::placeholder { color: var(--rz-input-disabled-placeholder-color); } .rz-timespanpicker:not(:has(.rz-timespanpicker-trigger)) .rz-dropdown-clear-icon { inset-inline-end: 0.5rem; } /* popup trigger button */ .rz-timespanpicker-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-timespanpicker-trigger-icon-color); width: var(--rz-timespanpicker-trigger-icon-width); height: var(--rz-timespanpicker-trigger-icon-height); font-size: var(--rz-timespanpicker-trigger-icon-height); } .rz-timespanpicker-trigger.rz-state-disabled { border: none; box-shadow: none; cursor: initial; opacity: 1; color: var(--rz-input-disabled-color); } .rz-timespanpicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-timespanpicker-trigger:not(.rz-state-disabled):hover:active { background-color: transparent; } .rz-timespanpicker-trigger:not(.rz-state-disabled):active { box-shadow: none !important; background-image: none !important; } .rz-timespanpicker-trigger .rzi-timespan { font-size: inherit; vertical-align: top; } .rz-timespanpicker-trigger .rzi-timespan:before { content: "timer"; } .rz-timespanpicker-trigger .rz-button-text { display: none; } /* panel */ .rz-timespanpicker-inline { border: var(--rz-input-border); border-radius: var(--rz-border-radius); background-color: var(--rz-timespanpicker-panel-background-color); overflow: auto; } .rz-timespanpicker-popup-container { display: none; box-sizing: content-box; position: absolute; width: var(--rz-timespanpicker-popup-width); margin: var(--rz-timespanpicker-popup-margin); box-shadow: var(--rz-timespanpicker-popup-shadow); border: var(--rz-timespanpicker-popup-border); border-radius: var(--rz-border-radius); background-color: var(--rz-timespanpicker-panel-background-color); } .rz-timespanpicker-panel { padding: var(--rz-timespanpicker-panel-padding); } .rz-timespanpicker-panel, .rz-timespanpicker-panel-fieldcontainer { display: flex; align-items: flex-end; justify-content: center; gap: var(--rz-timespanpicker-panel-gap); } .rz-timespanpicker-panel-fieldwithunit { display: flex; flex-flow: column; flex-wrap: nowrap; align-items: center; gap: var(--rz-timespanpicker-panel-unit-gap); width: min-content; } .rz-timespanpicker-unit-label { color: var(--rz-timespanpicker-unit-label-color); font-size: 0.75rem; text-transform: uppercase; } .rz-timespanpicker-unitvaluepicker { width: fit-content; min-width: var(--rz-timespanpicker-panel-field-min-width); } .rz-timespanpicker-signpicker { align-self: stretch; } .rz-timespanpicker-signpicker > .rz-button { flex: 1; --rz-selectbar-border-radius: var(--rz-input-border-radius); } .rz-toc { list-style-type: none; padding: 0; margin: 0; line-height: normal; } .rz-toc-list { list-style-type: none; padding: 0; margin: 0; } .rz-toc-item-wrapper { position: relative; } .rz-toc-item-wrapper:after { content: ""; position: absolute; inset-block: var(--rz-toc-link-selected-indicator-inset-block); inset-inline: var(--rz-toc-link-selected-indicator-inset-inline); width: var(--rz-toc-link-selected-indicator-size); border-radius: var(--rz-toc-link-selected-indicator-border-radius); background-color: transparent; transition: background-color var(--rz-transition); } .rz-toc-item-selected > .rz-toc-item-wrapper:after { background-color: var(--rz-toc-link-selected-indicator-color); } .rz-toc-link { display: flex; padding-block: var(--rz-toc-link-padding-block); padding-inline: var(--rz-toc-link-padding-inline); text-decoration: none; font-size: var(--rz-toc-link-font-size); font-weight: var(--rz-toc-link-font-weight); border: var(--rz-toc-link-border); border-radius: var(--rz-toc-link-border-radius); color: var(--rz-toc-link-color); background-color: var(--rz-toc-link-background-color); transition: border var(--rz-transition), color var(--rz-transition), background-color var(--rz-transition); } .rz-toc-link:hover { color: var(--rz-toc-link-hover-color); background-color: var(--rz-toc-link-hover-background-color); } .rz-toc-link:focus { outline: var(--rz-outline-normal); } .rz-toc-link:focus-visible { outline: var(--rz-link-focus-outline); outline-offset: calc(-1 * var(--rz-outline-width)); } .rz-toc-item-selected > .rz-toc-item-wrapper .rz-toc-link { border: var(--rz-toc-link-selected-border); color: var(--rz-toc-link-selected-color); background-color: var(--rz-toc-link-selected-background-color); } .rz-toc-horizontal .rz-toc-item-selected .rz-toc-link { border: var(--rz-toc-horizontal-link-selected-border); color: var(--rz-toc-horizontal-link-selected-color); background-color: var(--rz-toc-horizontal-link-selected-background-color); } .rz-toc-horizontal { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; border-radius: var(--rz-toc-horizontal-border-radius); background-color: var(--rz-toc-horizontal-background-color); overflow: hidden; box-shadow: var(--rz-toc-horizontal-shadow); } .rz-toc-horizontal .rz-toc-item { flex: 1; display: inline-flex; } .rz-toc-horizontal .rz-toc-item .rz-toc-item-wrapper { display: flex; flex: 1; } .rz-toc-horizontal .rz-toc-item .rz-toc-item-wrapper:after { inset-block: var(--rz-toc-horizontal-link-selected-indicator-inset-block); inset-inline: var(--rz-toc-horizontal-link-selected-indicator-inset-inline); width: auto; height: var(--rz-toc-link-selected-indicator-size); } .rz-toc-horizontal .rz-toc-link { flex: 1; display: inline-flex; align-items: center; justify-content: center; text-align: center; padding-block: var(--rz-toc-horizontal-link-padding-block); padding-inline: var(--rz-toc-horizontal-link-padding-inline); font-size: var(--rz-toc-horizontal-link-font-size); } .rz-expander { display: grid; transition: grid-template-rows var(--rz-expander-transition); } .rz-expander .rz-expander-content { overflow: hidden; } .rz-expander.rz-state-expanded { grid-template-rows: 1fr; } .rz-expander.rz-state-collapsed { grid-template-rows: 0fr; } .rz-chat { display: flex; flex-direction: column; background-color: var(--rz-chat-background-color); border: var(--rz-chat-border); border-radius: var(--rz-chat-border-radius); overflow: hidden; } .rz-chat-header { z-index: 1; padding-block: var(--rz-chat-header-padding-block); padding-inline: var(--rz-chat-header-padding-inline); background-color: var(--rz-chat-header-background-color); border-bottom: var(--rz-chat-header-bottom-border); box-shadow: var(--rz-chat-header-shadow); } .rz-chat-header-title { flex: 1; font-size: var(--rz-chat-header-title-font-size); font-weight: var(--rz-chat-header-title-font-weight); } .rz-chat-messages { flex: 1; display: flex; flex-direction: column; gap: 1rem; overflow-y: auto; padding: 0.5rem; } .rz-chat-empty { height: 100%; } .rz-chat-empty .rzi { font-size: 3rem; opacity: 0.3; } .rz-chat-message { display: flex; align-items: flex-end; gap: 0.5rem; max-width: 90%; } .rz-chat-message-text { padding: var(--rz-chat-message-text-padding); border-radius: var(--rz-chat-message-text-border-radius); word-wrap: break-word; white-space: pre-wrap; font-size: 1rem; line-height: 1; --rz-text-h1-margin-block-end: 0; --rz-text-h2-margin-block-end: 0; --rz-text-h3-margin-block-end: 0; --rz-text-h4-margin-block-end: 0; --rz-text-h5-margin-block-end: 0; --rz-text-h6-margin-block-end: 0; --rz-text-body1-margin-block-end: 0; --rz-text-body2-margin-block-end: 0; } .rz-chat-message-avatar { width: var(--rz-chat-avatar-size); height: var(--rz-chat-avatar-size); border-radius: var(--rz-chat-avatar-border-radius); font-size: var(--rz-chat-avatar-font-size); font-weight: var(--rz-chat-avatar-font-weight); background-color: var(--rz-base); color: var(--rz-on-base); flex-shrink: 0; } .rz-chat-avatar-initials { width: 100%; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .rz-chat-message-time { font-size: 0.75rem; color: var(--rz-text-disabled-color); padding: var(--rz-chat-message-time-padding); } .rz-chat-message-user { align-self: flex-end; flex-direction: row-reverse; } .rz-chat-message-user .rz-chat-message-avatar { background-color: var(--rz-chat-message-user-background-color); color: var(--rz-chat-message-user-color); } .rz-chat-message-user .rz-chat-message-text { background-color: var(--rz-chat-message-user-background-color); color: var(--rz-chat-message-user-color); border-end-end-radius: var(--rz-chat-message-callout-radius); /* --rz-text-h1-color: var(--rz-chat-message-user-color); --rz-text-h2-color: var(--rz-chat-message-user-color); --rz-text-h3-color: var(--rz-chat-message-user-color); --rz-text-h4-color: var(--rz-chat-message-user-color); --rz-text-h5-color: var(--rz-chat-message-user-color); --rz-text-h6-color: var(--rz-chat-message-user-color); --rz-text-body1-color: var(--rz-chat-message-user-color); --rz-text-body2-color: var(--rz-chat-message-user-color); */ } .rz-chat-message-assistant { align-self: flex-start; } .rz-chat-message-assistant .rz-chat-message-avatar { background-color: var(--rz-chat-message-assistant-background-color); color: var(--rz-chat-message-assistant-color); } .rz-chat-message-assistant .rz-chat-message-text { background-color: var(--rz-chat-message-assistant-background-color); color: var(--rz-chat-message-assistant-color); border-end-start-radius: var(--rz-chat-message-callout-radius); /* --rz-text-h1-color: var(--rz-chat-message-assistant-color); --rz-text-h2-color: var(--rz-chat-message-assistant-color); --rz-text-h3-color: var(--rz-chat-message-assistant-color); --rz-text-h4-color: var(--rz-chat-message-assistant-color); --rz-text-h5-color: var(--rz-chat-message-assistant-color); --rz-text-h6-color: var(--rz-chat-message-assistant-color); --rz-text-body1-color: var(--rz-chat-message-assistant-color); --rz-text-body2-color: var(--rz-chat-message-assistant-color); */ } .rz-chat-input { position: sticky; bottom: 0; z-index: 2; } .rz-chat-input-inner { display: grid; grid-template-columns: 1fr auto; align-items: stretch; gap: 0.5rem; padding: 0.5rem; height: fit-content; } .rz-chat-textarea { width: 100%; height: fit-content; max-height: 10rem; overflow-y: scroll; padding-block: var(--rz-text-area-padding-block); padding-inline: var(--rz-text-area-padding-inline); field-sizing: content; resize: none; } .rz-chat-message-streaming-icon { animation: rz-pulse 1.5s infinite; } /* Right-to-left send button */ *[dir=rtl] .rz-chat-send-btn { transform: scaleX(-1); } .rz-skeleton { display: inline-block; position: relative; overflow: hidden; background-color: var(--rz-skeleton-background-color); border-radius: var(--rz-skeleton-border-radius); } .rz-skeleton.rz-skeleton-text { width: 10rem; height: 0.75em; } .rz-skeleton.rz-skeleton-circular { width: 2rem; height: 2rem; border-radius: 50%; } .rz-skeleton.rz-skeleton-rectangular { width: 3rem; height: 2rem; border-radius: 0; } .rz-skeleton.rz-skeleton-wave { background: linear-gradient(90deg, var(--rz-skeleton-background-color) 25%, var(--rz-skeleton-animation-color) 50%, var(--rz-skeleton-background-color) 75%); background-size: 200% 100%; animation: rz-wave var(--rz-skeleton-animation-duration) infinite; } .rz-skeleton.rz-skeleton-pulse { animation: rz-pulse var(--rz-skeleton-animation-duration) infinite; } :root { /* Theme Colors */ --rz-white: #ffffff; --rz-black: #000000; --rz-base: #63737a; --rz-base-50: #ffffff; --rz-base-100: #f6f7fa; --rz-base-200: #e9edf0; --rz-base-300: #dadfe2; --rz-base-400: #a8b4b8; --rz-base-500: #7b8a8e; --rz-base-600: #63737a; --rz-base-700: #45565e; --rz-base-800: #38474e; --rz-base-900: #28363c; --rz-base-light: #a8b4b8; --rz-base-lighter: #ffffff; --rz-base-dark: #45565e; --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: #3b9fd5; --rz-secondary-light: #53abda; --rz-secondary-lighter: rgba(59, 159, 213, 0.2); --rz-secondary-dark: #3692c4; --rz-secondary-darker: #2c77a0; --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: #ffffff; --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: #3b9fd5; --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: #376df5; --rz-series-2: #64dfdf; --rz-series-3: #f68769; --rz-series-4: #c161e2; --rz-series-5: #fdd07a; --rz-series-6: #f8629b; --rz-series-7: #74d062; --rz-series-8: #84a7ff; --rz-series-9: #4d99f9; --rz-series-10: #8cecec; --rz-series-11: #fab793; --rz-series-12: #da88ee; --rz-series-13: #fee3ab; --rz-series-14: #fb89c3; --rz-series-15: #a2e389; --rz-series-16: #b5caff; --rz-series-17: #1750f3; --rz-series-18: #46d7d7; --rz-series-19: #f46e4c; --rz-series-20: #b343db; --rz-series-21: #fdc55f; --rz-series-22: #f64485; --rz-series-23: #58c544; --rz-series-24: #6a93ff; /* Theme Constants */ --rz-border-width: 1px; --rz-root-font-size: 16px; --rz-body-font-size: 0.875rem; --rz-body-line-height: 1.429; --rz-body-background-color: var(--rz-base-900); --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-width: 2px; --rz-outline-color: var(--rz-secondary); /* Semantic Text */ --rz-text-title-color: var(--rz-base-50); --rz-text-color: var(--rz-base-100); --rz-text-secondary-color: var(--rz-base-300); --rz-text-tertiary-color: var(--rz-base-400); --rz-text-disabled-color: var(--rz-base-600); --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-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-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-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-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-color: var(--rz-text-color); --rz-text-caption-margin-block-start: 0; --rz-text-caption-margin-block-end: 0.5rem; --rz-text-overline-font-size: 0.625rem; --rz-text-overline-line-height: normal; --rz-text-overline-font-weight: 400; --rz-text-overline-letter-spacing: 1.5px; --rz-text-overline-text-transform: uppercase; --rz-text-overline-color: var(--rz-text-color); --rz-text-overline-margin-block-start: 0; --rz-text-overline-margin-block-end: 0.5rem; --rz-text-selection-background-color: var(--rz-primary-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-base-800); /* 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-700); --rz-border-hover: var(--rz-border-width) solid var(--rz-base-600); --rz-border-focus: var(--rz-border-width) solid var(--rz-base-600); --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-700); /* Border Radius */ --rz-border-radius: 4px; --rz-border-radius-0: 0; --rz-border-radius-1: 0.25rem; --rz-border-radius-2: 0.5rem; --rz-border-radius-3: 0.75rem; --rz-border-radius-4: 1rem; --rz-border-radius-5: 1.25rem; --rz-border-radius-6: 1.5rem; --rz-border-radius-7: 1.75rem; --rz-border-radius-8: 2rem; --rz-border-radius-9: 2.25rem; --rz-border-radius-10: 2.5rem; /* 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-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04); --rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1); --rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11); --rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12); --rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13); --rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14); --rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15); --rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16); --rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.2); /* Transition */ --rz-transition: 0.1s linear; --rz-transition-all: all 0.1s linear; --rz-expander-transition: 0.2s ease-in-out; /* 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-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-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-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-700); --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; /* Carousel */ --rz-carousel-pager-button-width: 0.75rem; --rz-carousel-pager-button-height: 0.75rem; --rz-carousel-pager-button-border: 0.125rem solid var(--rz-base); --rz-carousel-pager-button-border-radius: 50%; --rz-carousel-pager-button-background-color: var(--rz-base); --rz-carousel-pager-button-color: var(--rz-on-base); --rz-carousel-pager-button-hover-border: var(--rz-carousel-pager-button-border); --rz-carousel-pager-button-hover-background-color: transparent; --rz-carousel-pager-button-hover-color: var(--rz-on-base-dark); --rz-carousel-pager-button-active-width: var(--rz-carousel-pager-button-width); --rz-carousel-pager-button-active-height: var(--rz-carousel-pager-button-height); --rz-carousel-pager-button-active-border: 0.125rem solid var(--rz-base-800); --rz-carousel-pager-button-active-background-color: var(--rz-primary); --rz-carousel-pager-button-active-color: var(--rz-on-primary); --rz-carousel-pager-overlay-opacity: 0.7; --rz-carousel-pager-gap: 0.5rem; --rz-carousel-pager-height: 3rem; --rz-carousel-prev-next-button-border-radius: var(--rz-button-border-radius); --rz-carousel-prev-next-button-inset: 1rem; --rz-carousel-border-radius: var(--rz-card-border-radius); /* Chart */ --rz-chart-axis-color: var(--rz-base-600); --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); /* Chat */ --rz-chat-background-color: var(--rz-base-background-color); --rz-chat-border: var(--rz-border-normal); --rz-chat-border-radius: var(--rz-border-radius); --rz-chat-header-padding-block: 0.5rem; --rz-chat-header-padding-inline: 1rem 0.5rem; --rz-chat-header-background-color: var(--rz-base-background-color); --rz-chat-header-bottom-border: var(--rz-border-normal); --rz-chat-header-shadow: none; --rz-chat-header-title-font-size: 1rem; --rz-chat-header-title-font-weight: 600; --rz-chat-message-user-color: var(--rz-on-primary-lighter); --rz-chat-message-user-background-color: var(--rz-primary-lighter); --rz-chat-message-assistant-color: var(--rz-on-base); --rz-chat-message-assistant-background-color: var(--rz-base); --rz-chat-message-text-padding: 0.25rem 0.5rem; --rz-chat-message-text-border-radius: var(--rz-border-radius); --rz-chat-avatar-size: 2rem; --rz-chat-avatar-border-radius: var(--rz-border-radius); --rz-chat-avatar-font-size: 1rem; --rz-chat-avatar-font-weight: 700; --rz-chat-message-time-padding: 0; --rz-chat-message-callout-radius: calc(var(--rz-border-radius) / 4); /* Checkbox */ --rz-checkbox-width: 1.25rem; --rz-checkbox-height: 1.25rem; --rz-checkbox-border-radius: 2px; --rz-checkbox-border-width: inherit; --rz-checkbox-label-margin-block: 0; --rz-checkbox-label-margin-inline: 0.5rem 1rem; --rz-checkbox-margin-block: 0; --rz-checkbox-margin-inline: 0; --rz-checkbox-focus-outline: var(--rz-outline-focus); --rz-checkbox-focus-outline-offset: var(--rz-outline-offset); --rz-checkbox-checked-background-color: var(--rz-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-border: var(--rz-input-border-block-end); --rz-checkbox-checked-hover-border: var(--rz-input-border-block-end); --rz-checkbox-checked-disabled-border: var(--rz-input-border-block-end); --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-700); --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-padding: 0.5rem; --rz-colorpicker-panel-max-width: 20rem; --rz-colorpicker-saturation-height: 200px; --rz-colorpicker-focus-outline: var(--rz-outline-focus); --rz-colorpicker-focus-outline-offset: var(--rz-outline-offset); --rz-colorpicker-value-border-radius: 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-selected-transform: scale(1.25); --rz-colorpicker-handle-size: 12px; --rz-colorpicker-handle-border: 2px solid var(--rz-white); --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem; --rz-colorpicker-hex-input-height: 2rem; --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem; --rz-colorpicker-rgba-input-height: 2rem; --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color); /* 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-padding: 0.5rem; --rz-datalist-border: var(--rz-border-base-700); --rz-datalist-border-radius: var(--rz-border-radius); --rz-datalist-item-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22); --rz-datalist-item-border: none; --rz-datalist-item-margin-block: 0.5rem; --rz-datalist-item-margin-inline: 0.5rem; --rz-datalist-item-padding: 1rem; --rz-datalist-item-background-color: 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-margin: 0; --rz-datepicker-header-color: var(--rz-text-secondary-color); --rz-datepicker-header-background-color: var(--rz-base-800); --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-700); --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-900); --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-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-title-background-color: var(--rz-base-background-color); --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; --rz-dialog-transition: 0.1s ease-in-out; /* 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-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-700); --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-700); --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-base-700); --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-700); --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-700); --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-700); --rz-form-field-filled-hover-background-color: var(--rz-base-700); --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-text-padding: 0; --rz-validator-padding: 0.25rem 0.5rem; --rz-validator-pointer-size: 0.375rem; --rz-validator-transform: translateY(12px); /* 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); /* 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-900); --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-secondary-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-800); --rz-grid-header-padding: 1rem; --rz-grid-foot-cell-color: var(--rz-text-color); --rz-grid-foot-background-color: var(--rz-base-900); --rz-grid-filter-background-color: var(--rz-base-800); --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-800); --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-simple-filter-icon-active-color: var(--rz-on-secondary-dark); --rz-grid-simple-filter-icon-active-background-color: var(--rz-secondary-dark); --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-background-color: var(--rz-base-background-color); --rz-grid-stripe-background-color: var(--rz-base-700); --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-900); --rz-grid-loading-indicator-color: currentColor; --rz-grid-loading-indicator-background-color: var(--rz-base-600); --rz-grid-loading-indicator-background-opacity: 0.5; --rz-grid-frozen-cell-border: var(--rz-border-normal); --rz-grid-frozen-cell-background-color: var(--rz-base-900); --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-secondary-color); --rz-column-drag-handle-hover-color: var(--rz-text-secondary-color); --rz-column-drag-handle-margin-inline: 0 auto; --rz-column-draggable-shadow: 0 8px 10px 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-700); --rz-header-color: var(--rz-text-color); --rz-header-shadow: none; /* Icon */ --rz-icon-font-family: Material Symbols; --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: 2.25rem; --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-900); --rz-input-border: var(--rz-border-normal); --rz-input-border-block-end: var(--rz-border-normal); --rz-input-border-radius: var(--rz-border-radius); --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); --rz-input-hover-background-color: var(--rz-base-background-color); --rz-input-hover-border: var(--rz-border-hover); --rz-input-hover-border-block-end: var(--rz-input-hover-border); --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); --rz-input-focus-background-color: var(--rz-base-background-color); --rz-input-focus-border: var(--rz-border-focus); --rz-input-focus-border-block-end: var(--rz-input-focus-border); --rz-input-focus-outline: var(--rz-outline-normal); --rz-input-focus-outline-offset: 0; --rz-input-disabled-border: var(--rz-border-disabled); --rz-input-disabled-border-block-end: var(--rz-border-disabled); --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03); --rz-input-disabled-background-color: var(--rz-base-800); --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-700); --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-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-secondary); --rz-menu-item-selected-background-color: transparent; --rz-menu-item-icon-margin-inline: 0 0.5rem; --rz-menu-item-icon-color: var(--rz-text-color); --rz-menu-item-icon-hover-color: var(--rz-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-selected-background-color: transparent; --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); /* 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-border-radius: calc(var(--rz-border-radius) - 2px); --rz-numeric-button-background-color: var(--rz-secondary); --rz-numeric-button-disabled-background-color: var(--rz-base-700); --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-border: var(--rz-border-normal); --rz-overlay-background-color: var(--rz-base-background-color); /* 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-700); --rz-pager-numeric-button-color: var(--rz-text-color); --rz-pager-numeric-button-border: 1px solid transparent; --rz-pager-numeric-button-hover-background-color: var(--rz-base-700); --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-900); --rz-pager-numeric-button-selected-color: var(--rz-text-contrast-color); --rz-pager-numeric-button-selected-border: var(--rz-border-base-900); --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-700); --rz-pager-back-button-color: var(--rz-text-color); --rz-pager-next-button-background-color: var(--rz-base-700); --rz-pager-next-button-color: var(--rz-text-color); --rz-pager-dropdown-width: 80px; --rz-pager-summary-padding: 1.25rem; --rz-pager-summary-font-size: 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-background-color: var(--rz-base-700); --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-900); --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-text-color); --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-700); --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-value-stroke-width: 3px; --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: 1rem; --rz-radio-margin-block: 0; --rz-radio-margin-inline: 0; --rz-radio-focus-outline: var(--rz-outline-focus); --rz-radio-focus-outline-offset: var(--rz-outline-offset); --rz-radio-active-background-color: var(--rz-secondary); --rz-radio-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1); --rz-radio-checked-background-color: var(--rz-secondary); --rz-radio-checked-hover-background-color: var(--rz-secondary-light); --rz-radio-checked-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2); --rz-radio-checked-color: var(--rz-text-contrast-color); --rz-radio-circle-background-color: var(--rz-base-background-color); --rz-radio-circle-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03); --rz-radio-circle-hover-background-color: var(--rz-base-100); --rz-radio-icon-width: 0.5rem; --rz-radio-icon-height: 0.5rem; --rz-radio-checked-border: var(--rz-input-border-block-end); /* 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-light); --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); /* Sankey Diagram */ --rz-sankey-node-stroke-width: 0; --rz-sankey-link-stroke-width: 0; --rz-sankey-link-opacity: 0.5; --rz-sankey-link-hover-opacity: 0.7; --rz-sankey-label-font-size: 0.875rem; --rz-sankey-label-color: var(--rz-text-color); --rz-sankey-label-stroke: var(--rz-body-background-color); --rz-sankey-label-stroke-width: 2px; /* Scheduler */ --rz-scheduler-border: var(--rz-border-normal); --rz-scheduler-border-color: var(--rz-base-700); --rz-scheduler-minor-border-color: var(--rz-base-700); --rz-scheduler-border-radius: var(--rz-border-radius); --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01); --rz-scheduler-background-color: var(--rz-base-background-color); --rz-scheduler-color: var(--rz-text-tertiary-color); --rz-scheduler-toolbar-padding: 0.5rem; --rz-scheduler-toolbar-background-color: var(--rz-base-900); --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-700); --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: none; --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-inline: 1px; --rz-scheduler-event-content-padding: 0.125rem 0.25rem; --rz-scheduler-event-list-button-color: var(--rz-secondary); --rz-scheduler-event-list-button-font-size: 0.75rem; --rz-scheduler-slot-title-font-size: 0.875rem; --rz-scheduler-slot-title-font-size-small: 0.6rem; --rz-scheduler-slot-title-padding: 0 0.25rem; --rz-scheduler-day-number-padding: 0 0.5rem; --rz-scheduler-weekend-color: var(--rz-text-tertiary-color); --rz-scheduler-weekend-background-color: var(--rz-base-700); --rz-scheduler-other-month-background-color: var(--rz-base-900); --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-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-base-600); --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius)); --rz-scrollbar-size: 16px; /* 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); --rz-selectbar-focus-outline: var(--rz-outline-focus); --rz-selectbar-focus-outline-offset: var(--rz-outline-offset); --rz-selectbar-button-focus-outline: var(--rz-outline-width) solid var(--rz-text-color); --rz-selectbar-button-focus-outline-offset: calc(-1 * var(--rz-outline-width)); /* 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-700); --rz-sidebar-toggle-color: var(--rz-text-color); --rz-sidebar-toggle-background-color: var(--rz-base-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-border-inline-end: var(--rz-border-base-800); --rz-sidebar-background-color: var(--rz-base-background-color); --rz-sidebar-color: var(--rz-white); /* Skeleton */ --rz-skeleton-background-color: var(--rz-base-600); --rz-skeleton-animation-color: var(--rz-base-700); --rz-skeleton-border-radius: var(--rz-border-radius); --rz-skeleton-animation-duration: 1.5s; /* Slider */ --rz-slider-background-color: var(--rz-base-900); --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-dark); --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-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-700); --rz-slider-disabled-range-border: var(--rz-border-base-700); --rz-slider-disabled-handle-border: none; --rz-slider-disabled-handle-background-color: var(--rz-base-700); /* SplitButton */ --rz-splitbutton-menu-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06); --rz-splitbutton-menu-min-width: 10rem; --rz-splitbutton-background-color: var(--rz-primary); --rz-splitbutton-border-radius: var(--rz-border-radius); /* 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-700); --rz-splitter-bar-background-color-active: var(--rz-secondary); --rz-splitter-bar-hover-opacity: 0.8; /* 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-700); --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-border: none; --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-700); --rz-tabs-tab-color: var(--rz-text-secondary-color); --rz-tabs-tab-selected-background-color: var(--rz-tabs-background-color); --rz-tabs-tab-selected-color: var(--rz-text-title-color); --rz-tabs-tab-selected-top-border-color: var(--rz-secondary); --rz-tabs-tab-hover-background-color: var(--rz-base-800); --rz-tabs-tab-hover-color: var(--rz-text-color); --rz-tabs-tab-focus-background-color: var(--rz-base-background-color); --rz-tabs-tab-focus-color: var(--rz-text-color); --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-radius: calc(var(--rz-border-radius) * 12); --rz-timeline-point-background-color: var(--rz-base-600); --rz-timeline-point-color: var(--rz-text-color); --rz-timeline-line-color: var(--rz-base-600); --rz-timeline-line-width: 0.125rem; --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20); /* TimestampPicker */ --rz-timespanpicker-line-height: 1.25rem; --rz-timespanpicker-trigger-icon-width: var(--rz-icon-size); --rz-timespanpicker-trigger-icon-height: var(--rz-icon-size); --rz-timespanpicker-trigger-icon-color: var(--rz-input-value-color); --rz-timespanpicker-trigger-icon-hover-color: var(--rz-input-value-color); --rz-timespanpicker-focus-outline: var(--rz-outline-focus); --rz-timespanpicker-focus-outline-offset: calc(-1 * var(--rz-outline-width)); --rz-timespanpicker-popup-border: var(--rz-border-normal); --rz-timespanpicker-popup-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06); --rz-timespanpicker-popup-margin: 0; --rz-timespanpicker-popup-width: fit-content; --rz-timespanpicker-panel-background-color: var(--rz-base-800); --rz-timespanpicker-panel-padding: 0.5rem; --rz-timespanpicker-panel-gap: 0.5rem; --rz-timespanpicker-panel-unit-gap: 0; --rz-timespanpicker-panel-field-min-width: 4rem; --rz-timespanpicker-unit-label-color: var(--rz-text-tertiary-color); /* Toc */ --rz-toc-link-padding-block: 0.5rem; --rz-toc-link-padding-inline: 0.75rem; --rz-toc-link-font-size: var(--rz-body-font-size); --rz-toc-link-font-weight: 400; --rz-toc-link-border: none; --rz-toc-link-border-radius: var(--rz-border-radius); --rz-toc-link-color: var(--rz-text-color); --rz-toc-link-background-color: transparent; --rz-toc-link-hover-color: var(--rz-secondary-dark); --rz-toc-link-hover-background-color: transparent; --rz-toc-link-selected-border: none; --rz-toc-link-selected-color: var(--rz-secondary); --rz-toc-link-selected-background-color: transparent; --rz-toc-link-selected-indicator-color: var(--rz-secondary); --rz-toc-link-selected-indicator-size: 0.125rem; --rz-toc-link-selected-indicator-inset-block: 0.5rem; --rz-toc-link-selected-indicator-inset-inline: 0 auto; --rz-toc-horizontal-shadow: var(--rz-shadow-3); --rz-toc-horizontal-border-radius: var(--rz-border-radius); --rz-toc-horizontal-background-color: var(--rz-base-background-color); --rz-toc-horizontal-link-padding-block: 1rem; --rz-toc-horizontal-link-padding-inline: 1rem; --rz-toc-horizontal-link-font-size: var(--rz-body-font-size); --rz-toc-horizontal-link-selected-indicator-inset-block: auto 0; --rz-toc-horizontal-link-selected-indicator-inset-inline: 0.5rem; --rz-toc-horizontal-link-selected-border: none; --rz-toc-horizontal-link-selected-color: var(--rz-secondary); --rz-toc-horizontal-link-selected-background-color: transparent; --rz-toc-link-selected-indicator-border-radius: 0; /* 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-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-inline: 1px; --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-700); --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-700); --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); }